Insert Images on GMail’s Message Body

Leave a comment

This tip will let you insert images to your GMail’s message body and not as attachments. This also works on Google Apps-based email.

1. Click “Settings” on your main email page.
2. Click on the “Labs” tab.
3. Search for “Inserting Images” feature by Kent T. Tick/Select “Enable“.

Insert Images

Insert Images

4. Scroll down and click the “Save Changes” button.

When creating a new email, you’ll notice that there is a new tool on the palette beside the “Insert Emoticon” button. Click the “Insert Image” button to add an image from your computer or from a link to your message body.

Insert Images Button

Insert Images Button

Remember, that this is just an experimental feature. There’s no assurance that it will be working 100% all the time. Also, make sure that GMail Offline is enabled for this lab to work.

Content-Aware Scale

Leave a comment

When I resize images in Photoshop, I do the scaling from the corners while I press Shift to maintain the proportionality of the important elements in my images, like people, animals, etc. But what if the image is to be resized to fill up spaces horizontally/vertically? Resizing images from the corners would change both the height and width and so you still have to crop the image. This is where content-aware scaling comes in. This feature is available on Photoshop CS4 and also on CS5.

Below is a screenshot of my subject photo. You’ll notice that I already increased the canvas size to show the target size of the image after editing it. Next to it is the resized image using the Free Transform tool. The surfer and his board were stretched horizontally too.

Original image with edited canvas

Original image with edited canvas

Using the Free Transform tool

Using the Free Transform tool

I’ll revert back to the original image to resize the image again using the Content-Aware Scale tool – first, by using the Protect Skin Tones option.

With the image in its original dimensions, click Edit > Content-Aware Scale or you may press CTRL + Shift + Alt + C as a keyboard shortcut. Handles will appear on your image just like when you’re using the Free Transform tool. On the top just below the main menu, you’ll find the Protect Skin Tones icon. If you toggle this on, Photoshop will try to protect regions that contain skin tones.

Protect skin tones

Protect skin tones

Scaled with protected skin tones

Scaled with protected skin tones

Here’s how it looked like after I did a content-aware scale with skin tone protection. Notice that the surfer’s details are preserved while the surf board is stretched a bit. This is how the Protect Skin Tones option works. Photoshop bases its scaling on the images skin tones.

I’ll revert the image back to its original form to content-aware scale by creating an alpha channel. First, I’ll select the surfer and surfboard using the Lasso tool (you may use any tool when doing a selection). It doesn’t have to be a perfect, just as long as the subjects are inside the selection. See image below.

Making a selection

Making a selection

After making the selection, click Select > Save Selection… and give it a name, e.g. “surf”. Press CTRL + D to deselect. Fire up the Content-Aware Scale tool. Check the Protect section again, this time from the drop down menu, select your saved channel.

Selecting the alpha channel

Selecting the alpha channel

After selecting the channel, resize your image. Press Enter to apply the transformation. Below is the image where all the important elements were preserved.

Important elements were preserved

Important elements were preserved

There are other things that you can do with Content-Aware Scale like moving objects closer together or far away from each other. Try it out and check if you find any other applications of this tool.

For questions, you may email me at . A downloaded PDF is also available at Scribd.

Add to FacebookAdd to DiggAdd to Del.icio.usAdd to StumbleuponAdd to RedditAdd to BlinklistAdd to TwitterAdd to TechnoratiAdd to FurlAdd to Newsvine

Swirling Google’s Image Search

Leave a comment

Google adds a twist in its image search feature as it recently launched a new experiment in it’s Google Labs – the Google Image Swirl.

Google Labs

Google Labs

Image Swirl combines the technologies of a regular image search and the recently Labs graduate “Similar Images”. The search interface also uses the Wonder Wheel which makes it more interactive. The results are shown in stacks of similar images. When a stack is clicked, the wonder wheel shows up with thumbnails of other related images around the selected image. You’ll also see the path of your search which will help you get back to the root of your search.

Selected Swirl Results

Selected Swirl Results

Currently, there are more than 200,000 queries for this Labs experiments and Google promises to include more in the future.

Add to FacebookAdd to DiggAdd to Del.icio.usAdd to StumbleuponAdd to RedditAdd to BlinklistAdd to TwitterAdd to TechnoratiAdd to FurlAdd to Newsvine

%d bloggers like this: