Posts Tagged ‘image’

Techie Tip of the Week: Fit Photos to Shapes in PowerPoint

Friday, January 18th, 2013

Last week, we talked about how to autofit a photo into a text box using Picture or Texture Fill.

Today’s tip will show how you can fit a photo into a particular shape (oval, arrow, triangle, etc.).

  1. Select the picture or pictures that you want to crop to a specific shapeNote: If you are cropping multiple pictures, you must crop to the same shape. To crop to different shapes, crop the pictures individually.
  1. In PowerPoint 2007/2010 (Windows), in Picture Tools, on the Format tab, in the Size group, click the arrow under Crop, and then click Crop to Shape.

    In PowerPoint 2011 (Mac), in Format Picture, in Adjust, click the arrow to the side of Crop, and then click Mask to Shape.

    List after click the Crop button
    Windows


    Macintosh

 

  1. Select the desired shape.


 

Techie Tip of the Week: AutoFit Photos in PowerPoint Boxes

Friday, January 11th, 2013

If you insert a photo into a PowerPoint presentation, by default the image will be inserted at the exact size it really is. That’s great if your photo matches the size of the slide and/or is already the desired size. But if the photo doesn’t match, you need to painstakingly manually drag the edges of the photo until it finally fits — a hugely time-consuming activity.

There’s a better way — instead of inserting a photo, create a text box. Then, format the text box to have as its content the desired photo as a picture fill.

Here’s how:

  1. In PowerPoint, create or select the desired text box.
  2. Right-click the box.
  3. Select Format Shape.
  4. In Fill, choose Picture or Texture Fill.
  5. In Insert from, click File.
  6. Locate the desired photo, and click Insert.
  7. Click Close.

The photo will match the size of your box. You can drag the box and resize, rotate, or otherwise manipulate as desired.

Techie Tip of the Week: Use Content-Aware Scaling to Resize Images

Friday, May 4th, 2012

In Adobe Photoshop CS4 and newer, you can use Content-Aware Scaling to resize an image without distorting or changing surrounding content like people, buildings, animals, and so forth. Normally, when you scale an image, all of the pixels are uniformly modified. But with Content-Aware Scaling, Photoshop intelligently figures out what’s most important and only resizes those parts that aren’t (grass, sidewalks, water, and the like).

To use this feature:

  1. Select the photo (or part of the photo).
  2. On the Edit menu, select Content Aware Scale.
  3. Click and drag to obtain the effect you desire. Note that there are properties you can change in the properties palette for Content Aware Scale.
  4. Save!

For example, here is the original photo of Vincent Van Gogh’s painting of his bedroom:

Vincent Van Gogh's Bedroom

Original version of Vincent Van Gogh's Bedroom

Here is a version of this painting scaled using Content-Aware Scaling:

Van Gogh's painting of his bedroom scaled using Content Aware Scaling

Van Gogh's painting of his bedroom scaled using Content Aware Scaling

And here is what the same picture would look like using traditional scaling (using Image>Image Size or Edit>Transform):

Van Gogh's painting of his bedroom scaled using traditional scaling methods

Van Gogh's painting of his bedroom scaled using traditional scaling methods

Note the bed, pillows, paintings, chairs, and the objects on the table look relatively normal when using Content-Aware Scaling, but look squished, flattened, and distorted when scaled using traditional scaling methods. Content Aware Scaling keeps the important objects (in this case, the bed, pillows, paintings, chairs, and objects on the tables) looking as they originally did while only resizing the relatively unimportant objects (in this case, the floor and walls).

Techie Tip of the Week: gimp.org

Friday, September 2nd, 2011

Did you know that there is a free, open source, fully featured alternative to Photoshop?

The Gnu Image Manipulation Program is a fully-featured, sophisticated desktop-based image editing and manipulation tool. In many ways, the GIMP rivals and even exceeds the capabilities of Photoshop (especially if you download and install the many and varied plugins for GIMP).

The GIMP is available for Windows, Mac, and Linux.

More information, including download, and installation instructions is found on the GIMP website:
http://www.gimp.org

To enhance functionality in the GIMP, visit the Plug-in Registry:
http://registry.gimp.org/

For documentation on using GIMP visit the docs section:
http://www.gimp.org/docs/

My favorite GIMP plugins:

Liquid Rescale: http://registry.gimp.org/node/144

  • This plugin performs content-aware scaling  in GIMP (and preceded Photoshop’s ability to do so by at least a year!)
  • Video Example of Liquid Rescale: http://bit.ly/ohiXi0

Resynthesizer: http://registry.gimp.org/node/25219

  • This plugin performs content-aware fill in GIMP (and preceded Photoshop’s ability to do so by years!)
  • Video Example of Resynthesizer: http://bit.ly/pckIM4

Techie Tip of the Week: Inserting Images in Microsoft Office – Layout Status

Friday, August 26th, 2011

Original blog posting: http://bit.ly/q0Fx3v

Have you ever noticed that when you insert a photo or other image in a Microsoft Office application (Word, PowerPoint, Excel) that it sometimes “floats” around the document, but sometimes it stays inline with the rest of the document?

That’s because in MS Office, there are 5 layout statuses you can use when inserting an image, some that keep the image inline with the rest of the document, and others that allow the image to float.

Here’s how to change the Layout status of an image:

  1. Insert the image.
  2. Right-click the image and select Format Picture.
  3. Click Layout, and then click the desired Wrapping Style:

    1. In line with text – puts the image in the same line as the text (as if it were another character in the document)
    2. Square – floats the image, and places the surrounding text in a square shape around the image
    3. Tight – floats the image and puts the surrounding text as close as possible to the image
    4. Behind text – floats the image behind the text (as in a watermark)
    5. In front of text – floats the image on top of the text (without moving the text around it)
  4. Then, click OK.

Here are examples of the 5 wrapping styles:

  1. In line with text:
  2. Square:
  3. Tight:
  4. Behind text:
  5. In front of text:

Techie Tip of the Week – Photoshop: Using Content-Aware Fill to Remove Unwanted Material

Friday, April 8th, 2011

Need to remove something from your photograph and make it look like it never was there in the first place? Photoshop CS4 and CS5′s Content Aware Fill is just what you need!

  1. In Photoshop, open the image.
  2. Using one of the selection tools, select the part of the image you wish to remove. In this example, we’ll remove the legs of the players in the upper part of the image.By Johnmaxmena (talk)john mena.Johnmaxmena at en.wikipedia [Public domain], from Wikimedia Commons
  3. On your keyboard, press the Delete key (or, on the Edit menu, choose Fill). The Fill window appears.
    1. In the Contents section, in the field Use, select Content-Aware.
    2. In the Blending section, in the field Mode, select Normal and Opacity 100%.
    3. Click OK.

The unwanted portion of your photo will no longer appear – Photoshop analyzes the contents of the photo and attempts to figure out what the photo would have looked like if they had never been there.

In this example, note, however, that the shadows of the unwanted players still exist – repeat the same steps to eliminate the shadows.

By Johnmaxmena (talk)john mena.Johnmaxmena at en.wikipedia [Public domain], from Wikimedia Commons

    Want to learn more great Photoshop tips? Come take our class Photoshop 101 on April 11, or Photoshop Level 1 on May 16!

    For more information on the classes, watch the course preview video , or visit http://techtraining.stanford.edu/.

    Play Video

    Course Preview

Techie Tip of the Week: Photoshop – Adding Drop Shadows

Friday, February 25th, 2011

Want to add some pizazz to your text or photo? Consider adding a drop shadow!

  1. In Photoshop, open the image.Stanford University
  2.  

  3. In Layers, right-click (on a Mac, control-click) the layer containing the part of the image on which you want the drop shadow to appear and click Blending Options.
    In Photoshop, choose Layers -> Blending Options
  4.  

  5. Check the box Drop Shadow.
    • In Structure, adjust the Blend Mode, Opacity, Angle, Distance, Spread, and Size as desired.
    • In Quality, choose the desired Contour and Noise percentage.

    In Layer Style, in Drop Shadow, choose desired Structure and Quality

  6. Click  OK.

 

Stanford University (no shadow) --> Stanford University (with shadow)

Drop Shadow Example

 

Want to learn more great Photoshop tips? Come take our class Photoshop 101 on March 24, Photoshop Level 1 on February 28, or Photoshop Level 2 on March 10!

For more information on the classes, watch the course preview video , or visit http://techtraining.stanford.edu/.

Play Video

Course Preview

Techie Tip of the Week: Photoshop – Adding Soft Focus to Portraits

Wednesday, February 16th, 2011

Have a portrait or a photograph of a person or object you want to emphasize without overdoing it? Adding a soft-focus to the photo can be the difference between a flat, boring photo, and one that evokes warmth and interest.

Soft Focus

Demonstration of applying soft focus to a photo

Example of Adding Soft Focus to a Portrait

To add soft focus in Photoshop:

  1. Open the photograph in Photoshop.
  2. Create a duplicate layer by using the keyboard shortcut CTRL-J (Windows) / Command-J (Mac).
  3. In Layers, click Layer 1.
  4. On the Filter menu, point to Blur, and select Lens Blur. Click OK.
  5. In Layers, change the Opacity of Layer 1 to the desired amount of soft focus (e.g., 50%).
  6. On the Image menu, point to Adjustments, and select Hue/Saturation. Increase the Saturation to make the colors “pop” (e.g., +50). Click OK.

Note the soft focus on your photo!

Want to learn more great Photoshop tips? Come take our class Photoshop 101 on February 18, 2011.

For more information on the class, watch the course preview video , or visit http://techtraining.stanford.edu/.

Play Video

Course Preview

Techie Tip of the Week: Photoshop – Making Soft, Feathered Vignettes

Saturday, February 12th, 2011

Have a portrait or a photograph of a person or object you want to emphasize without overdoing it? Adding a soft, feathered edge or a soft-focus to the photo can be the difference between a flat, boring photo, and one that evokes warmth and interest.

Feathered Edge Vignettes

Example of a feathered edge technique using a photo of a VW Beetle

Feathered Edge Example

To add a feathered edge to a photo in Photoshop:

  1. Open the photograph in Photoshop.
  2. Select the Elliptical Marquee Tool.
  3. In the Elliptical Marquee Tool’s properties, change Feather to about 5% of the overall width (e.g., for a 500 pixel-wide image, choose 30px).
  4. Click and drag an oval of “marching ants” surrounding the object you are emphasizing.
  5. To select everything except that object, right-click (on a Mac, control-click) inside the oval, and choose Select Inverse.
  6. On your keyboard, press the Delete key (not the Backspace key).

Note that the edges around the selected region have become soft (feathered)!

Want to learn more great Photoshop tips? Come take our class Photoshop 101 on February 18, 2011.

For more information on the class, watch the course preview video , or visit http://techtraining.stanford.edu/.

Play Video

Course Preview