Week 4: Making the Best Selections

Week 4: Making the Best Selections

Homework | Week 3 Review

  • On your blog, answer the following technical questions:
  1. How do you create a dashed stroke in Photoshop CS 6?
  2. How do you make a vector shape into an exact size?
  3. What feature can you use to move multiple layers from one file to another?
  4. What is the difference between a Paragraph and a Character Style?

Delicious:
Tag three more sites that focus on Photoshop which refer to any of the techniques we learned in class today. Write a comment in Delicious about why you think each one would be a good resource for this class. *Make sure you also add the tag:  InteractiveMediaRamapoFall2012

  • Photo Composition/Selection
If you did NOT finish the photo composition or selection assignments in class, please finish it for homework. Title it in the following format: 2012.9.Smith_John_photocomposition *NOTE: You are replacing Smith_John with your name.
2012.9.Smith_John_selection *NOTE: You are replacing Smith_John with your name.
NOTE: You have a choice to use the SAME ski picture OR any photo of your choice and recreate a second version of the PHOTO COMPOSITION. Use a different gradient, custom shape tool, text, font color, etc. Save it as v2.
  • Nautical Alphabet

Choose 10 letters of the nautical alphabet and recreate them in Photoshop. Be sure to match the colors exactly. Flatten the image and post it to your blog with the following file name: 2012.9.Smith_John_Nautical_Alphabet *NOTE: You are replacing Smith_John with your name. NOTE: Save the  PSD file to your external drive or flash drive.

  • Read

Edward Weston’s essay Seeing Photographically
Write a 4 paragraph response, post it to your blog with the title: Edward Weston Essay Response


******NOTE: ALWAYS BRING A BACK UP OF ALL YOUR FILES IN TO CLASS ON A FLASH DRIVE. ALSO, PLEASE BRING IN HEADPHONES TO EACH CLASS SO THAT YOU CAN REVIEW VIDEOS WHILE DOING IN-CLASS ASSIGNMENTS.*******

“If you work really hard and are kind, amazing things will happen”–Conan O’Brien

(Thanks Meghan for the great quote!)


Housekeeping Items

**Over and over again I’m seeing that several people did not fill in the “about” section on their blog, didn’t theme their blog, didn’t change the blog tagline, have broken images on their blog, didn’t add a Flickr or Delicious widget or didn’t delete the initial blog posting that WordPress made. This was all homework for week one. Last chance to do it.**


Week 4 Overview

Exploring Photoshop CS6: Selections

  1. Applying Type Style
  2. Using the Selection Tool
  3. Refining your selections
  4. Transforming selections
  5. Using the Pen Tool
  6. Saving Selections

  • Making the Best Selections
  1. The importance of a good selection
  2. Using the Marquee tools
  3. Creating the square selection
  4. Creating a selection from a center point
  5. Changing a selection into a layer
  1. Working with the Magic Wand tool
  2. The Lasso tool
  3. Saving a selection
  4. Feathering the selection
  5. Using the Quick Selection tool
  6. Making difficult selection with the Refine Edge feature
  7. Using the pen tool for selections

Making the Best Selections

  • Using the Marquee Tool

Open image ps0501 here. Open image ps0501_done here.

In-class Assignment #1 – Use the image above to create an overlay with text.

  1. Select the Rectangualr Marquee tool, (the square with the dashed lines). Choose View > Snap and make sure it’s checked.
  2. Position your cursor in the upper-left side of the guide in the care image, and drag a rectangular selection down toward the lower-right corner of the guide. A rectangular selection appears as ou drag, and it stays active when you release the mouse. You’ll now apply an adjustment layer to lighten just the selected area of the image. You are lightening this region so that a text overlay can be placed over that part of the image.
  3. If the Adjustments panel is not visible, choose Window > Adjustments and click on the Curves icon;the Properties panel appears. (Click on the Curves button to create a new Curves adjustment layer.)
  4. Click and drag the upper-right anchor point (shadow) straight down, keeping it flush with the right side of the curve window, until the Output text field. The rectangular selection in the image is lightened to about 20% of it’s original value.
  5. Go back to the Layers panel, click the box to the left of the text layer named poster text; the Visibility icon (the eye) appears, and the layer is now visible. The text appears over the lightened area.
  6. Save your file and name it as follows: 2012.10.1.Smith_John_Text_MarqueeTool
  7. Upload to your blog and Flickr and save your .psd file.
In-class Assignment #2 – Creating a square selection
  1. Click on the image background in layers.
  2. Select the Rectangle tool.
  3. Click and drag while holding the Shift key  to create a constrained square.
  4. Let go of the mouse and see the square. Notice the dotted lines. This means you can move the square around.
  5. Click on the Curves icon and change the opacity.
  6. Click on the Selection tool and position the cursor over the selection region. Now you’ll notice a scissors appears. This means that if you move the selection, it will cut out a portion of the photo. The pixels will be deleted.
  7. Press Command Z to undo.
  8. Reselect the square, then choose Image > Adjustments > Hue/Saturation. Click and drag the Hue sliders to cange the color of the selection region.
  9. Add text.
  10. Save your file and name it as follows: 2012.10.1.Smith_John_Text_MarqueeToolSquare
  11. Upload to your blog and Flickr and save your .psd file.
In-class Assignment #3 – Creating a selection from a center point
  1. Select the Background layer in the Layers panel, then click and hold the Rectangular Marquee too and select the hidden Elliptical Marquee tool.
  2. Draw a circle selection from the center of the image.
  3. Place your cursor in the center of the tire, and hold down the Option and Shift key.
  4. Click and drag to pull a circular selection from the center origin point.
  5. Release the mouse.
  6. If you need to nudge the circle around, use the up/down, left/right arrows.
  7. Click Select > Transform Selection. You’ll see a bounding box appear around your selection Use the bounding box’s points to adjust the size and proportion. Note: To scale proportionally, hold down the Shift key when transforming. Press the Enter key to accept changes.
  8. Follow the directions from in-class exercise #1 starting at no. 3 to add the opacity and then the text.
  9. Save your file and name it as follows: 2012.10.1.Smith_John_Text_MarqueeTool_CenterPoint
  10. Upload to your blog and Flickr and save your .psd file.

In-class Assignment #4 – Changing a selection into a layer

By moving a selection to its own independent layer, you can have more control over the selected region while leaving the original image data intact.
  1. Make sure the Background layer is selected.
  2. Select the tire with the Ellipse tool holding down Option/Shift.
  3. Press the Command and J key to create a new layer. You’ll then see the new layer in your layers panel.
  4. Apply a filter: Choose Filter > Blur > Motion Blur. You’ll see a dialog box.
  5. Type 0 in the Angle text field and 45 in the Distance text field and press OK. You’ll see the motion blur applied.
  6. Save your file and name it as follows: 2012.10.1.Smith_John_Text_MarqueeTool_ChangingLayer
  7. Upload to your blog and Flickr and save your .psd file.

Photoshop Type Tutorial

The new Type Styles feature in Adobe CS6 enables you to define text styles, for both paragraphs and characters, in a very similar way as in InDesign. This allows you to change the appearance of any text you have very easily.

Character Styles: Control character attributes, such as font size, color, kerning, leading, etc (the attributes in the Character panel).

Paragraph Styles: Control both character AND paragraph attributes, such as indents and spacing, alignment, hyphenation, etc (the attributes in the Paragraph panel). These panels can be found under the Window menu, OR under Type -> Panels

  • Paragraph and Character Panels
  • Paragraph Styles and Character Styles Panels
  • Setting Up Type Styles
  • Creating Paragraph Styles
  • Modifying Paragraph Styles
  • Multiple Paragraph Styles
  • Selecting Paragraph Styles
  • Changing a Paragraph Style’s Settings

In-class Assignment #5|  MAKING THE BEST SELECTIONS

The Lasso Tool

Download all project zip files below. Unzip the files and place all files in one folder on your desktop.

PS04_01  PS04_02 PS05_03 PS04_04 PS04_05 PS04_06 PS04_07 PS04_08 PS04_09

When you finish, save the file as follows: 2012.9.31.Smith_John_LassoTool.


Homework | Week 4  

Delicious:
Tag three more sites that focus on Photoshop which refer to any of the techniques we learned in class today. Write a comment in Delicious about why you think each one would be a good resource for this class. *Make sure you also add the tag:  InteractiveMediaRamapoFall2012

  • Making the Best Selection
Create a NEW blank document in Photoshop
Add the original car image and all the various image iterations to create one single image.
Save the PSD and upload to your blog and Flickr. Save it as COMPOSITE_FINAL.
If you did NOT finish the selection assignments in class, please finish it for homework.
  • Create a photo series of no less than 10 images that have a conceptual and visual cohesion, correct for color and exposure and post to blog. Choose a transportation theme. Example: cars, bicycles, skateboards, scooters, trains, planes, walking, etc.

Follow the directions above from the in-class marquee tool exercise to apply selections and text to each of the images. Try to use as many different marquee and selection options (including font choice and font/opacity color) to the images. You must shoot new images for each and use different fonts and styles for each.

  • Create text entries for the following phrases:
    • relax
    • think small
    • rise up

    The font and image should be in harmony with the phrase. Read this to help you choose your fonts. Note: There is no image in this exercise, create a new file in Photoshop, use color and/or texture for the background, apply and manipulate text. Post to blog. SAVE YOUR PSD’S.

25 Comments

    • Sorry about my gravatar in this post. I realized i posted it with the wrong email address; this is the gravatar that my digital literacy professor wants us to use. Now I have to make sure I keep all of my email addresses straight because i use a different email address for each class.

    • This is how you correctly write you blog url:
      http://christinedefranco.wordpress.com

      I don’t see that you took the scavenger hunt photos and adjusted them in Photoshop. Did you do this?

      Where are the car photos exercises that we did in class?

      Three out of the four blog questions on week 4 are incorrect.

      Did you write your response to the Weston essay? I don’t see it.

      • I can not seem to upload the scavenger hunt photos, I will try again during the 30 minute break at he end of class.. The car photos are now up and can I go back and reanswer the questions?

    • Where are the car photos we did in class?

    • You’re missing the car photos and the chicken/barn photos on your blog.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>