Thursday, May 8th, 2014

Photoshop Basics: Learning About Layers

image credit © 2008 lockstockb, freeimages.com
Guest post

Understanding how layers work is crucial to being able to work effectively in Photoshop and in this post I will cover everything related to Layers including,

How to Create a New Layer

How to Duplicate a Layer

Add a Layer style

Using Adjustment Layers

How to Merge Layers

CREATE A NEW LAYER:

This is a very basic function in Photoshop which is elaborated further in this Photoshop tutorial. On the menus choose Layer > New > Layer to create a new empty layer right above your image. On that brand new layer, you can paint, create shapes, etc… all in a non-destructive way. This means that if you don’t like what you just did, hide or delete that layer on your image underneath will still look like it did at the start.

DUPLICATE A LAYER:

To duplicate a layer click on the layer you want to duplicate then go to Layer > Duplicate Layer and voila, you now have two identical layers!

ADD A LAYER STYLE:

Say you added a button or some text on your image and you’d like to add a shadow to it. To do this, choose Layer > Layer Style and choose Drop Shadow. Other popular options are Inner Shadow, Outer Glow, Inner Glow and Bevel & Emboss. I suggest you play with each of them to really understand how they can benefit you.

USING ADJUSTMENT LAYERS:

Adjustment layers are one of the most powerful tools in Photoshop. Use these to change the look of your image in a non-destructive way by, for example, adjusting the colors as well as the shadows, highlights and contrast. To add an adjustment layer to any image, go to Layer > New Adjustment Layer and choose the type of adjustment layer. Here is a list of the adjustment layers I use most frequently:

Brightness/Contrast: This lets you make simple adjustments to the tonal range of your image. In layman’s terms, when you move the Brightness slider to the right your image gets brighter, when you move it to the left the image gets darker. If you move the Contrast slider to the right, your image becomes more contrasty, you move it to the left, contrast is reduced and the image becomes more grayish.

Levels: A Levels adjustment allows you to adjust the intensity levels of shadows, midtones, and highlights in your image. Drag the slider on the left inwards to darken the shadows and drag the slider on the right inwards to brighten the highlights. If you drag the middle slider to the left you will brighten the midtones and drag it to the right to darken the midtones in your photo.

Curves: Use can use Curves to adjust the image tonality with more precision than by using Levels. By adding points on the curve, you’ll be able to adjust the brightness or darkness of the Highlights, Midtones and Shadows.

Hue/Saturation: This one is really helpful for adjusting colors. You can either adjust the saturation of all colors at the same time (this is the default and occurs when the Master channel is selected) or select individual colors from the dropdown menu to adjust the saturation of that color and also its Hue and Brightness.

In adjusting the hue you can, for example, with red selected, drag the slider to bring the red towards either pink or orange. The Brightness slider will either brighten or darken specific colors or the entire image – depending what you have selected in the dropdown menu.

Color Balance: Perfect for color correction, Color Balance changes the mixture of colors in a photo. You have the option here to adjust the colors in the Midtones, Shadows and Highlights. Let’s take the color blue for example, if you want to adjust the color of a blue sky, choose Highlights, a blue shirt, choose Midtones, a blushish shadow, choose Shadows. To color correct an image, I suggest you try each slider and move to the next slider once you like the look of the image.

Selective Color: This is another powerful tool for color correcting or color grading. Selective color will allow you in a very precise way to fine tune color. For every color (Reds, Yellows, Greens, Cyans, Blues, Magentas, Whites, Neutrals/Gray, Blacks) you’ll be able to fine tune them by adjusting the Cyan/Red, Magenta/Green, Yellow/Blue, Black/White found in each of those colors.

MERGING LAYERS:

Sometimes you want to duplicate a layer, other times you want to merge them together. To do this, from the Layer menu choose Merge Layers, Merge Visible, or Flatten Image:

Merge Layers: Use this option when you want to merge layers you have selected.

Merge Visible: Use this when you want to merge all the visible layers.

Flatten Image: Use this when you want to flatten the entire image/all the layers.

Helen Bradley

Friday, May 11th, 2012

5 top tips for working with Gimp

I know that a lot of you use Gimp and, in the interests of taking a step away from Photoshop for a minute, here are 5 of my top tips for working with Gimp.

Rounded corners

Gimp makes it dead simple to round the corners of an image. To do this, choose Filters > Décor > Rounded Corners. A dialog will open. Select the Edge Radius, which is the amount of curve, and if desired, click to add a Drop Shadow and then set the Shadow Offset and Blur Radius. You can select to work on a copy of the image (rather than the original), and select whether or not to add some background behind the curved corners – the current background color is used for this. Click Ok to round the corners of the image.

Reassign keys

When I use Gimp, I sometimes forget and use Photoshop keys for things like deselect. Unfortunately in Gimp, the Photoshop deselect keystroke duplicates an image! You can, however, remap your keyboard shortcuts by choosing Edit > Keyboard Shortcuts. So, for example, to map the Ctrl + D keystroke to the Select > None option, click to open the Select menu, locate the None option and click it so that the words New Accelerator appear in the Shortcut column. Then press the keystroke to use – I chose Ctrl + D, which is the Photoshop equivalent. Because this key combination is already used a warning appears – if you are ok with replacing the shortcut, then proceed to assign the new shortcut key.

When you change or reassign a shortcut, Gimp is smart enough to add the new shortcut to the appropriate menu so the Select menu here shows the newly assigned shortcut.

Move the selection mask

It is so much easier in Gimp than in Photoshop to move the actual selection marquee once you have made it. To see this at work, make a selection, then click the Move tool. Make sure that the Move option is set to Selection in the panel and you can now drag the selection into a new position. This works for circles, rectangles as well as selections made with the free select tool. Once you’re done, return to the tool to perform another task such as Ctrl + Alt + drag to move the selected area or Shift + Alt + drag to copy it.

Merge to a new layer (and keep the original layers)

One command that is useful when you need to flatten an image but where you don’t want to lose the layers you have already created is the one which flattens the visible portions of an image to a new layer. This layer is at the top of the stack but is created in a way that leaves the original layers still in place. In Photoshop you do it by pressing Ctrl + Alt + Shift + E. In Gimp, choose Layer –> New From Visible. Now you can, for example, sharpen the image but, if you need to make changes to the image, you can delete the top merged layer, adjust the image on the layers below and then remake the new merged layer and sharpen it.

Crop Tool Smarts

The Crop tool in Gimp includes a range of cool options. When you select it, check out the panel options. You can, for example, crop just the current layer (or all the image) or you can select the crop area from the middle out (rather than drawing from one corner). You can crop to a fixed aspect ratio or a fixed width (height is variable), fixed height (width is variable), or set both height and width. From the list which shows No Guides, you can choose to display a Rule of Thirds overlay, Center lines or Golden Sections to help you create a well composed image. Enable Highlight to see a dark border around the area you plan to crop to.

So, there are my 5 top Gimp tips. It is over to you. What is your favorite Gimp tip to share with others?

Helen Bradley

Tuesday, June 23rd, 2009

10 Ways to Create, Copy, Blend, Merge and Save Photoshop Layers


Layers are a key tool to working successfully in Photoshop. Here are my 10 best tips for working with them:

1 Create a layer in Photoshop
To create a new layer in Photoshop, choose Layer > New > Layer or, better still, click the Create a New Layer at the foot of the Layer palette.

2 Display the Layer Palette in Photoshop
Ok, let’s go back a step first. If you can’t see the layer palette choose Window > Layers and it will show on the screen. Pressing F7 does the same thing.

3 Save Photoshop layers
Layers are saved in Photoshop when you save the Photoshop file in a format that supports layers. The simplest format to use is the PSD format. Choose File > Save As and choose PSD from the Save As Type dropdown list.

4 Merge layers in PS
When you have multiple layers in a Photoshop imager you can merge them to flatten the file in a number of ways. You can save the image using a file type that does not save layers such as JPG. You could also use Layer > Flatten Image to flatten the image to a single layer or you can select all the layers by Control + Clicking on them (Command + Click on the Mac) and then choose Layer > Merge Layers to merge them all to a single layer but retain the layer opacity. In this case, you should save your image as a PNG or PSD file or some other format that saves transparency if you want to keep this.

5 Blend layers
You can blend one layer into the layer below by using the blend modes in the layer palette. Select a blend mode from the blend mode dropdown list to change the way the layer interacts with those below. Some blend modes work when the two layers are the same and some don’t. They also work if you have two different layers.

6 Rotate a layer
You can rotate a layer inside a Photoshop image by Ctrl + Clicking on the layer thumbnail to select the layer itself (use Command + click on the Mac). Choose Edit > Transform > and choose Rotate 180, Rotate 90 CW or Rotate 90 CCW to rotate in a fixed rotation. Alternatively, select Edit > Free Transform and you can rotate the layer by dragging on it. When you’re done, press Enter to confirm the rotation. To turn off the marching ants, press Ctrl + D or choose Select > Deselect.

7 Unlock a layer
To unlock a layer (provided it is not the background layer) select the layer and click the Lock all Icon in the layers palette – if the layer is locked, this unlocks it.

To unlock the background layer, double-click the layer and press Ok to turn it into a regular layer which unlocks it automatically.

8 Copy a layer
To copy a layer in Photoshop, select the layer and choose Layer > Duplicate Layer and press Ok. Alternatively, working in the layer palette drag and drop the layer onto the Create New Layer icon to create a copy of it.

9 Select a layer
To select a layer in Photoshop, hold the Ctrl key on a PC (Command on the Mac), and click on the layer thumbnail in the layer palette. This selects the layer. You will see the marching ants around the layer.

10 Flatten layers and still keep them
I call this my “have your cake and eat it too” tip. To flatten all the layers in an image to one layer but still keep all the layers intact, click on the topmost layer in the Layer stack and press Control + Alt + Shift + E on the PC or Command + Option + Shift + E on the Mac.

Helen Bradley