Week 8: Intro to Photoshop Pt. II

Week 8: Intro to Photoshop Pt. II

Homework | Week 7 PHOTOSHOP BASICS | Review

  1. On your blog, answer the following:
  • Describe two ways to combine one image or another.
  • What is created in the destination image when you cut and paste or drag and drop another image file into it?
  • What are the best formats (for prints) in which to save a file that contains text or another vector objects?
  1. Delicious:  Tag three more sites that focus on Photoshop and any of the items 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:  fundamentalsofadbobecs6msufall2012
  2. All in-class assignments should be posted to you blog and to Flickr. They include:
  • BRUSH TOOLS
  • ACCESSING TOOLS
  • HIDDEN TOOLS
  • COMPOSITE ASSIGNMENT (5 farm images)

Week 8 Overview

  • Intro to Photoshop pt. II

Exploring Photoshop CS6

  1. Vector Shape Tools
  2. Fills and Strokes
  3. Brush Tips
  4. Applying Type Styles
  • Photo composition
  • Adjustments

Color Correction
Paintbrush Tool

  • Experimenting with New Vector Capabilities

Append custom vector shapes
Apply a pattern
Adjust the stroke and fill

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

******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.*******


PHOTO COMPOSITION

In-class Assignment | Week 8 | COMPOSITE ASSIGNMENT V1

Experimenting with New Vector Capabilities

  1. Open file: ps0101.psd – image of a skier
  2. Save it as: ps0101_work and choose Photoshop format
  3. Select the Rectangle tool – click and drag to create a large rectangle that covers the right half of the image. (You’ll notice a Rectangle 1 vector layer has been added in the Layers panel)
  4. With the Rectangle 1 vector layer active, click Fill in the Options bar, and then click the Pattern button.
  5. Select Grey Granite as the pattern.
  6. Click and hold the Rectangle tool and select the hidden Custom Shape tool.
  7. Click the arrow in the Shape drop-down menu to see default shapes.
  8. Click the gear icon and select Nature category.
  9. Choose Append – Select the Snowflake shape – Click on the Path operations – select Subtract Front Shape.
  10. Position m ouse in the middle of the left side of the Rectangle shape and press and hold the Option key. Click and create to create a large snowflake.
  11. Click the Path Selection tool to reposition.
Continue with the following:
  1. Adding a mask to a Vector layer
  2. Using the new brush tips
Adding strokes to vector images
Cloning your new snowflake
Adding text layers from another document

In-class Assignment | Week 8 | COMPOSITE ASSIGNMENT V2

Variations on the ski project.

Use the PSD file from composite assignment v1 above and change the pattern from grey granite to the selection of your choice. Change the nature shape in the first version to a shape of your choice. Change brush tip, gradient, font, color, size of the text and anything else you want to make it look different. When you finish, save the file as follows: 2012.10.Smith_John_Composite_v2


In-class Assignment | Week 8 | MAKING THE BEST SELECTIONS

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.Smith_John_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.

Homework | Week 8 Overview
  • 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:  fundamentalsofadbobecs6msufall2012

  • Photo Composition/Selection
If you did NOT finish the photo composition 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

Recreate ALL letters of the nautical alphabet in Photoshop. Be sure to use ONLY the colors currently used in the image BUT do not use the same colors currently used on each image. For example, the letter A is in red and the symbol is in blue. Make the letter A blue and the symbol red. Change the colors around BUT use only the colors that are currently used for each alphabet.

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. You will be uploading the PSD files to the class thumb drive.

***On your blog, list the exact colors and tools used to recreate the alphabet.


52 Comments

    • Each week your supposed to give me the url to your blog, flickr and delicious.

      Where are the blog questions?

    • Where are all your in-class assignments and homework.

    • 3.What are the best formats (for prints) in which to save a file that contains text or another vector objects?

      Gif 128 Dithered and Jpeg Hig
      The best formats for prints are PDF, EPS and PSD

    • Where’s the image of the snowboarder?

    • No nautical alphabet.
      No blog questions.
      No snowboarder image.
      None of your in-class work uploaded to flickr.

    • What are the best formats (for prints) in which to save a file that contains text or another vector objects?
      -PNG is the bets format for prints

      The best formats for prints are PDF, EPS and PSD

    • Where’s all your in-class and homework assignments for week 8?

    • 1. Describe two ways to combine one image or another.
      A. Copy and paste the image into the document.
      B. DRAG AND DROP

      3. What are the best formats (for prints) in which to save a file that contains text or another vector objects.
      Tiff and JPEG.

      The best formats for prints are PDF, EPS and PSD.

      • MISSING one car pic.

    • No nautical alphabet.
      No blog questions.
      No snowboarder image.
      ALL of your in-class work uploaded to flickr.

    • You can merge layers or rasterize them.

      Gif, png-24, png-8

      CORRECT ANSWERS:
      Copy/Paste or Drag/Drop
      PSD, EPS Photoshop PDF

      You should had have five images of the barn.

    • What is created in the destination image when you cut and paste or drag and drop another image file into it?

      drag and drop
      copy and paste

      What are the best formats (for prints) in which to save a file that contains text or another vector objects?
      The best formats for prints are PDF, EPS and PSD.

    • No nautical alphabet.
      No snowboarder image.

    • Correct blog answer:
      PSD, EPS Photoshop PDF

      WRONG:
      The best way to save for prints that have text or vector graphics are pdf’s.

    • DRAN AND DROP
      2. Open files in Photoshop. Copy and paste one image into the other image. You can also drag one image into the other file.

      What are the best formats (for prints) in which to save a file that contains text or another vector objects?
      The best formats for prints are PDF, EPS and PSD.

    • What are the best formats (for prints) in which to save a file that contains text or another vector objects?
      a pdf, psd, eps

    • No nautical alphabet.
      No snowboarder image.
      No blog questions.

    • CORRECT:
      drag and drop or cut and paste

      a pdf, psd, eps

      should have had 5 barn pics

    • 5 barn images?

    • How come only one car pic?
      No nautical alphabet.
      No snowboarder image.
      No blog questions.

    • What are the best formats (for prints) in which to save a file that contains text or another vector objects?
      Png-8 and Png-24 or Gif
      CORRECT:
      a pdf, psd, eps

      Barn/cars?

      • I put barns and cars…

    • What are the best formats (for prints) in which to save a file that contains text or another vector objects? jpeg, gif, png 8/24
      CORRECT:
      a pdf, psd, eps

    • What are the best formats (for prints) in which to save a file that contains text or another vector objects?
      300dpi and color mode CMYK

      CORRECT ANSWER:
      PSD, EPS Photoshop PDF

      car pics?
      rest of your farm pics?

    • Open the source and target images as separate documents.
      Duplicate the target image’s Background layer.
      Choose Image➝Apply Image and pick the source image.
      In the Apply Image dialog box, pick the layer and channel from the source
      image that you want to blend with your target image.
      Pick a blend mode and opacity.
      Turn on the Preserve Transparency and Mask checkboxes.
      Click OK

      CORRECT:
      Copy/Paste or Drag/Drop

      Farm pics??
      delicious??

    • What are the best formats (for prints) in which to save a file that contains text or another vector objects? jpeg, gif, png 8/24

      CORRECT ANSWER:
      PSD, EPS Photoshop PDF

Leave a Reply

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


4 + 5 =

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>