Photoshop Class 5

Link to Class 4    Link to Class 3     Link to Class 2     Link to Class 1

Monkey follows every Photoshop class on RAE:

Photo by deanjenkins on morgueFile

Photo by deanjenkins on morgueFile

I hope that today’s class will be extremely useful to you and point out some strong features of Photoshop (that may even win Lucine over – Lucine?)

Today’s Content:

  • Free Transform
  • Transform
  • Layer Style (Blending Options)
  • Practice of Selection, Refine Selection and Mask Selection
  • Tasks for today
  • Image Files to be Used in Class

Again, please refrain from anything that interrupts your learning, and be mature about it. The F_____k word is a dirty word in today’s class – and of cause I am NOT referring to firetruck, but Facebook and the likes…

Free Transform

Free Transform is a function that you will use almost every time when you use Photoshop. The short cut is Ctrl+T (Cmd+T) and it is nested in the Main Menu under Edit>Free Transform. This tool needs little explanation and is fairly easy to get your head around.

Let us start off by starting a new document (Ctrl+N or Cmd+N)  with the dimensions 800x600px with 72ppi resolution. Next click on the image of the girl in the turquoise/bluish T-Shirt towards the bottom of this post to open a larger version and right click it to copy the image. Back in Photoshop just paste it: Ctrl+V.

Okay this is a common scenario, that can be avoided by choosing the Place option in Photoshop (File>Place). Let us use the Free Transform now.

Manual dragging  with shift – After clicking Ctrl+T you can decrease the size of the large image manually by dragging a visible image corner while holding shift towards the centre. If your image is too large you can press Alt + scroll down to zoom out or  hold Space+Alt while left clicking to zoom out. Click on the tick in the options bar or simply press Enter to accept the new size.

Key in the new size – You can instead simply type in the new size. Follow these steps in the options bar: (1)Place the reference point in a position that you want fixed – in our case top left (2)Click on the chain icon between the W and H responsible for the aspect ratio (scale) and last enter a value into the W text box. 37% will give you a good result. (see image below to guide you) Press Enter to accept the new size.

Options for CtrlT

Ctrl and Free Transform – Now, Free Transform becomes really powerful in combination with the Ctrl (Cmd) key. Let us try this: copy Monkey (from the top image) and paste him into the open document. Next hold Ctrl (Cmd) while dragging a corner point of Monkey into the eMac screen. Repeat this with all points. Readjust them before accepting the changes by pressing Enter.

Free Transform and Ctrl - I am loving it!!!

Free Transform and Ctrl – I am loving it!!!

Transform

Transform can be used on its own. Access it from the main menu Edit>Transform>

Screenshot of Transform drop menu

Screenshot of Transform drop menu

Use Scale to change the size of the image. Use Rotate to rotate the image. Use Skew, Distort or Perspective to play with levels of perspective with the photo. Use Warp to get really creative on a image and achieve a more Psychedelic outcome.  The Rotate option is self-explanatory and the two flip options are handy to know.

For 5 mins play around with the different options. Copy your layer (Ctrl+J) and do a horizontal flip on your layer. Move it down and change the opacity settings in the Layers Panel.

Layer Style (Blending Options)

The Layer Styles can be accessed from the Layers Panel Menu (small down arrow at the top right of the Layers Panel) by selecting Blending Modes. The faster way is simply clicking on the blue area around the layer name (not on the name itself though).

Practice Selection, Refine Selection and Mask Selection

Selection Tools

Buttons from left to right:standard - add to selection (Shift) - subtract from selection (Alt) - intersect selections (Shift + Alt)

Buttons from left to right:
standard – add to selection (Shift) – subtract from selection (Alt) – intersect selections (Shift + Alt)

Attempt to select Monkey (see image above) and use a layer mask to separate him from his surroundings. You might need to use a blend of Selection tools available. Try the Quick Selection combined with Elliptical Marquee and Polygonal Lasso (see icons in image). Make sure to add to your selection by holding Shift while selecting or use the buttons in the Options menu (see image to your right for example) or hold Alt to take away from your selection.

After selecting Monkey use the Add a Mask  button in the bottom of the Layers panel (or from the Menu pick: Layer>Layer Mask>Reveal Selection).

If you did everything correctly you should now just view Monkey on his own. (Keep this file open)

Mask Mode vs Standard Editing Mode – Please look at your Layer in the Layers panel. A black and white thumbnail next to the layer thumbnail indicates that a layer mask is in place. You all know this from previous classes, but it is extremely important to understand the difference between the normal editing mode and the mask mode. The mask thumbnail should have a black part outline around it to indicate that you are in the mask mode. Please left click on the layer thumbnail (or image thumbnail) to activate the standard editing mode and observe any changes in the interface. Next click back on the Mask thumbnail and again look at the interface. What changes did you observe?
When in mask mode your foreground and background color boxes will be only in shades (black/white standard, tones of grey if you play around). The Mask mode does not need colours! Why do you think masks do not need colours?

Well, the mask mode simply works with masking parts of the image:

  • you use white to show the selected part
  • you use black to hide the selected part
  • and you use grey to partly hide/show the selected part

Adjusting size of brush

After writing Monkey in Mask Mode

After writing Monkey in Mask Mode

Easy? Well, let’s try it. Make sure you are still in the Mask mode and select the brush tool (short cut: B) use a standard brush tip and a size of 13px and hardness level of 0%. This can be adjusted in the options menu bar (see image to your left). Now with the brush, write the word Monkey 3 times in the masked area: once with white selected, once with black selected and once in grey (click on the foreground colour and shift tone to grey). When writing in white there should not have been a change, in black it should show Monkey in the colours of the background, while the grey should show a faded background. – I hope that this clarifies the use of masks to some extend.

Now change the grey tone back to what it was (we need black and white for the mask mode) NOTE: Benan, I don’t want to hear it… and can every one hide the monkey writing again (an easy way is to increase the brush size to over 100 and the hardness to 100% and go over it with black.

Mask Edge/ Refine Mask

Mask Edge/ Refine Mask

Finally, let us move towards using the Mask Edge/ Refine Mask function. Get there by (layer mask needs to be active) clicking on the Masks tab in the Masks Panel (above the Layers Panel and hidden behind the Adjustments Panel) – see image. Click on Mask Edge and with the Refine Mask window open adjust the Edge as you see fit. Try it against a black background as well as a white background (click down arrow next to View:) Click here for for a detailed tutorial on how to use the Refine Mask window.

Today’s Tasks

Task 1: Use the photos with the window, mask out the background and place the photo with the monkeys into it. Put your first name in one of the bottom corners and apply a layer style of your choice to your name. Save the file as a PNG, with the title: Photoshop_class5_task_1.png. Keep a copy and e-mail the file to me.

Select one of the encircled links for Task 3

Select one of the encircled links for Task 3

Task 2: Open the image of the girl in the bright green T-Shirt in front of the eMac. Next take a screen shot of your computer (Mac: command+shift+3, PC: press PrtScn) and either place or drag that image into the open file. Use  Free Transform to place your screen shot into her screen. If it does not look quite right you can place a black or dark blue fill behind the layer with the screen shot and play with the Layer Blending Mode or opacity levels of the Screen shot layer. Put your first name in one of the bottom corners and apply a layer style of your choice to your name. Save the file as a PNG, with the title: Photoshop_class5_task_2.png. Keep a copy and e-mail the file to me.

Task 3: Select one of the links in the Links for Learning section and look for a tutorial on any of the topics that we have covered today: Free Transform, Transform,

  • Layer Style or
  • Practice of Selection, Refine Selection and Mask Selection and place a comment with a link to the tutorial in this post!  Thank you! 🙂

Image files to be used in class:

Advertisements

14 thoughts on “Photoshop Class 5

    • thank you for sharing this video tutorial, it is a good site – Educator.com on YouTube. Clear, no fuss instructions, professional and knowledgeable presenter and he left the mistake in the video. I really like that, because it is such a typical oversight that it is good to keep in, because it will happen to others as well and might save them frustration and searching time…

    • Thanks for posting that, Adrian. It was good to see the various options while in mask mode that you have to add or take away from the mask. The blur tool is a good idea to blur an selection edge.

    • Really enjoyed watching this tutorial. Thanks for posting. He is very easy to listen to and it is interesting to see a PSD+ tutorial presented and walked through on Adobe TV.
      The most useful for me was showing how to pick up the highlights for the tattoo, by finding the channel with the highest contrast and using a new layer to bring out highlights in the tattoo.

    • Good clear tutorial. One thing that I did not know is that even after commencing with Free Transform (Ctrl+T) you still have the option to specifically access normal Transform functions (eg Skew) with a right-click… I guess I am not much of a right clicker 😉

  1. Pingback: Photoshop Class 4 | RAE - Research and Exploration

  2. Pingback: Photoshop Class 3 | RAE - Research and Exploration

  3. Pingback: Photoshop Class 6 | RAE - Research and Exploration

  4. Pingback: Photoshop Class 7 – Assessment Tasks | RAE - Research and Exploration

  5. Pingback: Create Texture in Photoshop | RAE - Research and Exploration

  6. Pingback: Create a Stunning Postcard | RAE - Research and Exploration

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s