Image Masks in PS

This quiz/practice activity allowed us to play around with layer masks and to create s simple postcard design, very quickly. Inspired by a Blythe doll board in Pinterest. Here’s how CMAT212 interpreted this activity:

Collage Drafts/Finals

We got a creative brief describing this project, design a narrative collage on a topic/subject/individual that interests us. The drafts are all hitting my inbox right now and it’s a series of impressive work for many PS newbies. We’ll share feedback and critique to tighten up the designs shortly. These are really exceptional pieces that should make their creators proud:

Peer Feedback Discussion Forum

The forums are now open for design conversations to begin. Be sure to upload web-optimized JPGs only– with dimensions of 800×600 or 600×800 pixels.

For those of you who have not used forums in Sakai before, Here are  instructions for adding to a discussion forum:

  1. Login to sakai and navigate to the appropriate class > Your feedback groups are posted in  Announcements
  2. In left-hand sidebar, select Discussion Froum
  3. When the page refreshes, choose your group
  4. Add a New Conversation: give it at title, and description, then upload your image.
  5. Hit Post.

To respond to a Conversation in your discussion group:

  1. Navigate to Discussion Forums and your group. Select the conversation from the list
  2. Read the introduction and review the posted design
  3. Hit “reply”  at the bottom of the post and enter your comments, and hit post

Here’s a video:

Add Multiple Images in Photoshop

When working on your Photoshop Collage project, you will combine multiple images to tell a story. Here are two strategies for adding multiple images to one Photoshop document, demonstrated in the video and described below.

Option 1:

  • With a blank document open in Photoshop,
  • go to File > Place and navigate to the file you want to add.

Option 2:

  • Go to File > Open to open multiple images in Photoshop.
  • Each will appear in its own frame, so separate the tabs, and
  • then drag the image from one frame into another.

Don’t forget, when setting up your project, you want to set dpi to 300 (instead of leaving the default 72 dpi setting)

Creating A Draft Collage…

From Sketches & 3 Images:

my draft collage, using 3 imagesThis actually worked our really well, and didn’t involve too many complex edits in Photoshop. The important thing I’d like to impart here is that editing each image separately BEFORE importing them into PS makes everything much easier. There are 3 photos used to create the final design: it’s almost exactly the sketch that I outlined in the research step of this process.The text used in the final design is also edited from the original 200+ word write up for this assignment.

This video show most of the process that I took in creating the above design. It’s about 10-minutes long–there’s a lot of speeding up, too:

Bicycle Photo Credit: dno1967b via Compfight cc

Fit an Image Inside a Shape

Question: How to I add an image inside of a shape?
Answer: The clipping mask.

A clipping mask allows you to frame, or “mask” a picture within a defined shape. Here is an example of a clipping mask used in the Narrative Graphic Collage assignment:

To Use This Technique in your Project Follow these steps:

Step 1: Select Your Shape

  • First, decide what shape you want to use. These are two ways to create a well-defined shape to use as a clipping mask:
  • The easiest is to create the shape with the polygon or custom shape tool.
  • The other option is to use the quick selection tool on a picture with a shape with well-defined edge and copy and paste that shape as its own layer.

Step 2: Pick Your Photo(s) and Arrange

  • Now, select the image(s) you want to place in this shape. Arrange them on a separate layer (or layers) so they overlap your new shape.
  • Resize this/them as needed and remember to hold shift to keep the same dimensions of your pictures. To help see where the photos will be cut off by the shape, you can put the shape layer on top and lower the opacity.
  • Once your pictures fill the shape and are arranged how you like them, merge all the photo layers. Do this by holding ctrl and selecting all the photo layers, then right-click on the layer, and select the Merge layers option. Remember, DO NOT select your shape layer with this group, or it will be merged too!

Step 3: Create the Clipping Mask

Now it is time to create your clipping mask. Move the shape layer so it is immediately below the merged pictures layer. Then in the menus along the top of the screen, select Layer -> Create clipping mask. Your photos will now be bounded by the shape!

Step 4: Adjust Positioning

If your photos don’t line up perfectly within the shape as you envisioned, select the shape layer and use the arrow keys to move the shape as needed to get the image inside the shape exactly how you want it. Be mindful of the edges of the shape. If you move it too much you might not have a portion of picture to fit into it, thus creating an empty spot in your shape.

Step 5: Merge

To make it easier to work with your newly created image within a shape, you can merge the shape layer and image layer. This way they will always move together and share the same layer options panel. Double click on the layer for these options. Adding a stroke can often make the new shape pop and seem more well-defined. Play with these settings until you get the effect you want.

More Help

If you want a more in-depth tutorial for clipping masks, a good one exists here: http://www.photoshopessentials.com/basics/clipping-masks-essentials/