Link to Class 4 Link to Class 3 Link to Class 2 Link to Class 1
Monkey follows every Photoshop class on RAE:
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?)
- Free 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 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.
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.
Transform can be used on its own. Access it from the main menu Edit>Transform>
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
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
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.
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.
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.
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! 🙂
Photoshop: The Transform Tools
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…
Mask Mode Tool
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.
Photo Shop: Free Transform Tool to add a tattoo
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.
Free Transform Command
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 😉