PDA

View Full Version : Adobe Photoshop: The Complete Guide: 3 a & b


Digital Dave
05-09-2008, 05:31 PM
Workspace and Basic Layers

Mike Lowe think camera



If you're new to Adobe Photoshop have patience - it's an amazing (if initially daunting) program that can work through from simple corrections to billboard-sized complex composites. It comes with a steep learning curve, though, so don't run before you can walk. By gradually understanding individual processes it becomes possible to utilise your knowledge in series to successfully reach your goals. Here we will cover many of the basics interlaced with some more complex elements:

Knowing the workspace:

Opening Photoshop for the first time needn't be as complex as “teach yourself hieroglyphics” would be on cassette. The various tools and windows may not be immediately intuitive, but will gradually worm their way into your brain. In no time you'll begin to wonder what you were unsure about in the first place. Here's a quick walkthrough of what to expect:

In the middle: This is your workspace window/area, where you can open multiple images to work upon, and also where the other toolbars and windows can be contained (or 'eat into your space' may be a more valid description).

To the left: This is your toolbar. It contains a series of tools that can do just about anything, bar making tea and toast. Hovering over the icons for 2 seconds will give a title prompt so you know what each tool is. Click and hold any tool icon that has a small black arrow in the bottom right corner, and there will be other derivatives of that tool available also. A single click and the selected tool will become highlighted - meaning it's in action!

To the right: By default this will contain Navigator, Color (that's right, colooor), and Layers. Photoshop CS3 also has other available windows tucked away (collapsed) into a series of toolbars - this is to prevent excess tools and windows dominating the workspace. It's a useful feature that allows for the expanding, collapsing and moving of windows and toolbars around the workspace as you see fit.

It can be common to 'lose' windows or toolbars. But fear not - everything is tucked away in the top menus! If you randomly misplace a window or toolbar then click Window (top of screen, 2nd from right) and anything that is 'checked' will display in your workspace. Simply check or uncheck. If you have really messed things up beyond all compare, simply exit Photoshop and restart it, pressing and holding the Control-Alt-Shift (Command-Option-Shift in Macland) as it begins. This will restore everything, but will keep the plug-ins. Hurrah!



To the top: This is your display bar. Content varies depending on which tool you have selected - the purpose being to break down any possible variables a tool may have, providing total control.

Above this again is the standardised set of menu tabs, File, Edit, Image and so on - which will become essential pathways through your workload prior to you becoming fluent in shortcuts (quick access key combinations). The use of shortcut keys is a bit like a badge of honour among Photoshop experts; if you spend time pulling down menus to access tools, Grandmaster with the funny eyes will never teach you the secret death-grip Control-Alt-Shift-Key command, Grasshopper.

Layers

Image layers are among Photoshop's key features - a simple but effective idea that allows you to stack images and/or graphics (or sections thereof) on top of one another. Each layer is an individual image which can be treated separately to any other image layer(s).

Layers work in a stack-like hierarchical formation. Whatever is on top is 'most visible' and any content on a layer will “hide” the layers below.

You can also adjust a layer's Opacity - that being the percentage of visibility. This is particularly useful during workflow as a device to see what is behind your work layer; allowing for precise positioning and other such tasks. For some work, the opacity may even become a feature of the final work itself.

Duplication

If you going to edit an image then the number one rule is to always duplicate the original image before you do anything else. Should you make excessive mistakes, or aren't happy with your retouching work, then there's always that original to go back to. It's among the most important rules, but can almost be a little too easy to forget sometimes - imprint it in your brain before anything else, it's simple to do:

Right click the original/background layer to bring up a list of options, then select duplicate layer from this list. (If the list does not have this in the menu, then you may have right clicked the layer thumbnail - just move the mouse over and re-click the correct area)



To follow up this rule, here's the second that should never be forgotten - Save as you go! Although Photoshop's History Palette can help right those wrongs, Photoshop can only deal with so much; as can your computer. Sometimes things go wrong, sometimes the amount of data involved just gets too much and it all comes crashing down. It's important to continue to save your work, and also to further back up your work

File > Save As (Shift+Ctrl+S) Save as a .psd file for working purposes will save you any problems. It's good practice to make sequential additions to files as you go also - for example, “Portrait001.psd” is worked on for an hour, so save as “Portrait002.psd”, then “Portrait003.psd” and so on. This will counter any file corruption, and may lend you the option of going back to early versions to retrieve previous work as required.

Digital Dave
05-13-2008, 09:04 AM
Example Layers Workflow:
Mike Lowe Think Camera

This week, we present a step-by-step guide that will help you understand layers, as well as a series of tools along the way:

Taking two shots from one shoot, we wish to take the eyes from one and position them over the other expression. By deleting the 'offending areas' of the copied eyes and carefully blending the two, it will give the impression of an original image.



Caption: We will take the eyes from the left image and apply them to the image on the right. Note the two separate image windows, denoting that these are two separate images. The bright blue window denotes that this is the image currently in work.
Selection



Caption: Rectangular Marquee Tool selected from toolbar. Click and drag a rectangular selection, releasing when satisfied. This generates the selection as outlined above.
Edit > Copy (Ctrl+c) > Now select the other image that you wish to paste into > Edit > Paste (Ctrl+v) > This will automatically generate a new layer with the pasted contents (default paste position is central to image).



Caption: Centrally pasted image, note that in the layers window (bottom right) the selected (working) layer is bright blue. It is important to ensure the layer that you wish to work upon is selected (a common mistake is to select the wrong layer and wonder what's going on).
So far, we're under no illusion that this facial landslide is remotely complete. There needs to be a lot of tweaking to get anything resembling realistic.

Zoom

In this case, the image is a lot bigger than the screen we're working on. To display the whole image, Photoshop is showing it at an appropriate zoom level to fit to screen. The Zoom (z key) is one of the tools that you will most use - hence that 'Z' shortcut key will be taking a continual bashing.

To zoom in, simply click your mouse's left key. The top of the image window will show you to what percentage you are zoomed in - this can range up to 3,200 per cent, where individual pixels become supersized on screen. At some zoom stages the image may look strange, but this only occurs for display purposes. At 100 per cent zoom, however, you are seeing the pixel for pixel size of the image, so it should look decent (if it doesn't look good at 100 per cent, it never will).



Caption: Shows image is at 100 per cent ('actual size')
If you want to zoom back out again, then either you can adjust the zoom function in the display bar at the top, or simply Click and hold Alt and continue to left mouse click as before (only now it works in reverse until you release the Alt key again).

Opacity

With our image, it's tricky to see what's going on in detail - so zooming in gives a clearer and more accurate presentation on screen. Then, in order to align layers as accurately as possible, we're going to reduce the opacity of the new layer, helping to match the eyes up.



Caption: Opacity from 1-100 per cent, affects the layer selected (as distinguished by blue highlight)
Move

It's possible to move around one layer while the others remain static - this is achieved with the Move tool. Once selected, click and drag the current layer around to the designated position. Zooming right in can help with accurate matching, though Photoshop may try to automatically 'help' you do this with the snap mechanism. This is where images 'snap' into place (you see where they got the name from?). If snap is doing things you don't want it to, then it can be turned off via View > Snap (Shift+Ctrl+;) for your own placement. If you find images are often sucked to the edge of frame then this is a feature of snap also.

Scale is a problem with the two images in this example, as the model was slightly closer to camera in one frame than the other. In this instance, it is probably best to treat each eye separately - so by the same process (marquee selection tool, copy, paste to new layer) we can make two new separate layers (one for each eye).

Renaming Layers

Sometimes this is necessary when copying a selection and pasting it within the same image. As it is possible to paste multiple different selections into the same layer, Photoshop may be set up to assume that you wish to paste into an existing layer. To avoid this, it is simple to create a new blank layer to paste your content into - remember that by left clicking a layer will activate it as your current working layer. Clicking the 'Create New Layer' button in the Layers window will create a blank layer, called 'Layer #' - an uninformative title that you are able to change as you wish. //IMG 009 align to right//



Caption: Renaming layer
By hovering over the text of a layer ('Layer 01' for example) and double clicking, the text will become selected and can be typed over. Where there begins to be a great number of layers, it can become confusing as to which part is what, who or why - so the naming process becomes an important reference system.

Visible Layers

It's possible to 'turn layers off' too. Next to each layer there is an 'eye' symbol. By clicking this it will vanish, thus removing the layer from visibility. Fortunately, the layer has not been deleted and is still possible to toggle back on for use.



Opacity and Flow

To blend our example images together, simply delete the parts that you don't want to see. This can be achieved with the eraser tool in this instance.

As with layers, many tools can be used to varying degrees of Opacity or Flow. These two features may appear to perform the same functions, but they are distinctly different. Utilising low brush opacity when erasing can cause notable issues:



Caption: Here the eraser tool has been used at 100 per cent, 50 per cent and five per cent opacity. Opacity is not the ideal feature to adjust for brushing and erasure; 'Flow' best attributes to this.
As opacity has been used rather than flow, the refresh rate of the brush may print the brush pattern, even at a low opacity (see the 50 per cent example in image).

This is why Flow and Airbrush are key to a fluid, clean brushing and/or erasure. It's likely that you've heard a fair deal about 'airbrushing' in the media. Try to clear that from your head though, as the means we're using it for here have nothing to do with Beyonce's hips.

When airbrush icon is clicked on, and if the left mouse button is held down, then the brush will continue to operate. So a two per cent flow will slowly build up to the equivalent of 100 per cent stage by stage. Whereas if the airbrush icon is clicked off, each separate click of the mouse will cause an action, holding the left mouse key down will only function as one click.



Caption: Seemingly a minor difference, but if you're using a graphics tablet or brushing with a mouse, then the progressive nature of the airbrush can be priceless.
With our example image, there are now multiple layers - the original invisible layer, a duplicate of this (as the main image), and two separate layers - one for each eye.

With each eye, here the left, carefully brush away the unwanted areas (with the flow percentage set low) to reveal the background image. It's important to maintaining the correct portion of the current image and to run along with facial contours to try and maintain realism. (See ThinkCamera's four-part Skin Retouching How To for a fuller example of face and skin retouching).



Caption: Here's what the layer looks like if all others are turned off/not visible.


Caption: Here's the final image - original layer, a copy of that layer, with 2 additional layers (1 for each eye) mounted on top. It may not be perfect, but it's an example of how images can function.
A series of simple processes all grouped together can generate a seemingly 'original' image - that's half the trick, if your adjustments or aesthetic corrections are subtle enough to look real or possible, then you're half way there!

If you take this basic concept, marry it with other knowledge that you will learn as you go on, twist it up with your imagination... and the possibilities of your work will be endless.

xstacy
05-14-2008, 01:01 AM
Thanks for the posts