SAVING, LOADING AND REUSING LAYER STYLES

Size: px
Start display at page:

Download "SAVING, LOADING AND REUSING LAYER STYLES"

Transcription

1 SAVING, LOADING AND REUSING LAYER STYLES In this Photoshop tutorial, we re going to learn how to save, load and reuse layer styles! Layer styles are a great way to create fun and interesting photo effects and text effects without requiring a lot of effort, or even a lot of skill. You don t need to be a Photoshop guru or spend your life studying light and color theory to begin applying drop shadows, strokes, gradients, patterns, inner and outer glows and more to your images with layer styles, creating everything from subtle color effects to the wildest and craziest text effects anyone s ever seen. In fact, the only thing you really need to benefit from layer styles in Photoshop is a willingness to play around and experiment. That, plus it also helps to have some free time on your hands, since layer styles can become a bit of an addiction. If free time is in short supply, not to worry. Photoshop makes it easy to save our layer style creations so we can easily re-apply them to other images without having to redo any of the steps! In this tutorial, to give us something to work with, we re going to be creating a simple photo frame using nothing but layer styles. When we re done, we re going to save the completed effect, and then we ll see how to apply the exact same photo frame to a different image instantly! Here s the photo frame we ll be creating: A simple photo frame created with layer styles in Photoshop. Keep in mind that the photo frame itself is not the main focus of this tutorial, although you re certainly free to follow along with the steps and use the completed frame with your images. The point of the tutorial, though, is to learn how easy it is to save your own layer style effects, load them back into Photoshop when needed and then apply them instantly to other images. Let s get started! Step 1: Duplicate The Background Layer With our photo newly opened in Photoshop, the first thing we need to do before we can begin adding any layer styles to it is duplicate the Background layer. If we look in our Layers palette, we can see that we currently have one layer and it s named Background. This is the layer that contains our original photo. We usually duplicate this layer before doing anything else so we don t harm our original pixel information, but in this case, there a different reason. Photoshop doesn t allow us to apply layer styles to Background layers. In fact, if you look at the Layer Styles icon at the bottom of the Layers palette, you ll see that it s currently grayed out and unavailable: The Layer Styles icon appears grayed out and unavailable for the Background layer. 1

2 Let s get around this little problem by creating a copy of the Background layer. Go up to the Layer menu at the top of the screen, choose New, and then choose Layer via Copy: Go to Layer > New > Layer via Copy. Or, for a much faster way to duplicate a layer, simply press the keyboard shortcut Ctrl+J (Win) / Command+J (Mac). If we look again at our Layers palette, we can see that we now have an identical copy of the Background layer sitting above the original. Photoshop has automatically named the copy Layer 1 : Now that we have a copy of the Background layer to work with, we can begin adding our layer styles! A copy of the Background layer appears above the original in the Layers palette. Step 2: Apply A Black Stroke To The Layer As I mentioned at the beginning, we re going to be creating a simple photo frame using nothing but layer styles, and the first thing we ll do is create a black border around the edges of the photo. Click on the Layer Styles icon at the bottom of the Layers palette (which is now available to us) and select Stroke from the bottom of the list of layer styles that appears: Select Stroke from the list of layer styles. This brings up Photoshop s rather large Layer Style dialog box set to the Stroke options in the middle column. The first thing we want to change is the stroke s color. For some reason, the folks at Adobe set the default stroke color to red. I think I can count on one hand the number of times I ve wanted red for my stroke color, but no matter. We can easily change it. We re going to use black for our stroke color, so click on the color swatch to the right of the word Color: Click on the color swatch to change the color of the stroke. This brings up Photoshop s Color Picker. Select black for the stroke color. If you re not sure how to use the Color Picker, simply enter a value of 0 for the R, G and B options, circled in red. This will select black. Click OK when you re done to exit out of the Color Picker: Select black from the Color Picker. 2

3 With the stroke color now set to black, change the Position option to Inside. This will place the entire stroke within the boundaries of our image. Then, to adjust the thickness of the stroke, drag the Size slider. Dragging the slider to the right increases the size of the stroke, while dragging it to the left decreases the stroke size. The value you end up choosing will depend on the size of the photo you re using, as well as how thick you want your frame to appear, so keep an eye on your image in the document window as you drag the slider. For my photo, I m going to go with a value of 60 px (pixels) for my stroke size: Change the Position of the stroke to Inside, then increase the Size to create the black border around the image. When you re done, your photo should have a black border around the inside edges: Don t click out of the Layer Style dialog box just yet. We still have a couple more layer styles to add before our photo frame is complete. A black border now appears around the inside edges of the photo. Step 3: Add A White Inner Glow We ve created the first part of our photo frame, using the Stroke layer style in Photoshop to add a black border around the inside edges of the photo. This time, let s add a white border just inside the black one. Unfortunately, we can only use a particular layer style once per layer, which means that since we ve already used the Stroke layer style to add the black border, we can t use it again unless we create another new layer and apply a completely different set of layer styles to it, which isn t what we want to do. So, since we want to add something that looks like a white stroke, but we can t use the Stroke layer style because we ve already used it, we re going to have to get a little creative. Fortunately, there are other ways to create a stroke effect. One of them is by using the Inner Glow layer style. We ll just need to change a few options. First, with the Layer Style dialog box still open, select the Inner Glow style from over on the left of the dialog box. Make sure you click directly on the words Inner Glow and don t just click inside the checkbox. Clicking inside the checkbox will turn the layer style on but won t give us access to any of its options. To access the options, we need to click directly on the layer style s name: Click directly on the words Inner Glow on the left of the Layer Style dialog box. 3

4 Once you ve selected Inner Glow, the middle column of the Layer Style dialog box will change to the Inner Glow options. The default color for the inner glow is yellow and we want to use white, so just as we did for the stroke a moment ago, click on the color swatch which this time is located directly below the word Noise : Click on the color swatch to change the color of the inner glow. This brings up Photoshop s Color Picker once again. Choose white for the inner glow color. If you need help choosing white, simply enter a value of 255 for the R, G and B options, circled in red. This will select white. Click OK to exit out of the Color Picker when you re done: Choose white for the inner glow color using the Color Picker. With the color now set to white, we have a few options that we need to change in order to make our inner glow look more like an inner stroke. First, near the top of the dialog box, increase the Opacity of the inner glow to a full 100%. Next, in the center of the dialog box, change the Technique option to Precise. Down at the bottom of the list of options, decrease the Range option down to 1%. Finally, back in the center of the dialog box, drag the Size slider to increase the size of the glow, which will now appear as a stroke thanks to the options we ve changed. The glow actually begins at the edges of the photo, not the edges of the black stroke that we applied a moment ago, which means that as you drag the Size slider to the right, you won t actually see the white border appearing in the image until you ve increased it beyond the size of the black border. If you recall, I set the thickness of my black stroke to 60 pixels, which means I ll need to increase the size of my white inner glow beyond 60 pixels before I ll see it in my image. I actually want my white border to appear to be the same thickness as my black border, which means I ll need to set the size of my inner glow to twice the size of my black stroke. Since my black stroke is set to 60 px, I ll set the size of my inner glow to 120 px. Again, the value you enter may be different depending on the size of the image you re using: Change the options circled in red to make the inner glow appear more like a stroke. Your image should now look something like this, with a black border around the edges of the photo and a white border inside the black one (next page): 4

5 Let s add one more more layer style to complete the frame, and then we ll see how to save it so we can instantly apply it to a different photo without having to redo any of these steps! The photo frame now has an inner white border and an outer black border. Step 4: Add An Inner Shadow Let s finish off our simple photo frame by giving it a bit of depth, as if the black outer border was in front of the white inner border. For that, we ll add an Inner Shadow. With the Layer Style dialog box still open, click directly on the words Inner Shadow on the left. Once again, make sure you click on the words themselves and don t just click inside the checkbox, otherwise we won t have access to the Inner Shadow s options: Click directly on the words Inner Shadow on the left of the Layer Style dialog box. This changes the Layer Style dialog box to show the Inner Shadow options in the middle column. First, lower the Distance of the inner shadow all the way down to 0 px. Set the Choke option to around 65%, then increase the Size of the inner shadow to 100 px: Add some depth to the photo frame with the Inner Shadow layer style. You may need to experiment a little with the Choke and Size options depending on the size of your image, but if you ve been following along using the same values for the Stroke and Inner Glow styles that I ve used, the values above should work fine. When you re done, you should have a subtle shadow around the inside of the black border, as if it s raised up a bit from the white border below it. Here s my final photo frame result: The completed photo frame effect. 5

6 Step 5: Save The Layer Style Our photo frame is now complete! There may have only been a few steps involved in creating it, but this was just a simple example of what you can do with layer styles. Throw in an Outer Glow style, a Color, Gradient or Pattern Overlay, or a Bevel and Emboss effect, all with different options and settings you ll need to remember and suddenly, having a way to easily save the completed effect so you can instantly apply it again later seems like a pretty good idea. To save the layer style, click on the New Style button in the top right corner of the Layer Style dialog box: Save the completed layer style by clicking on the New Style button. Photoshop will pop up the New Style dialog box, allowing us to name our new layer style. I m going to name mine Simple Photo Frame. At the bottom of the dialog box are couple of options that we can usually ignore because Photoshop does a good job of automatically selecting these options as needed, although it still helps to know what they re used for. The first one, Include Layer Effects, deals with whether or not we want to include the individual effects that we ve used such as our Stroke, Inner Glow and Inner Shadow. Technically speaking, these individual styles are called layer effects, and when you combine them for different results, you end up with a layer style. However, most people just use the term layer style whether they re referring to an individual effect or a combination of several effects. Since we obviously want to include the individual effects that we ve used to create our photo frame, this option is automatically selected for us. The second option, Include Layer Blending Options, is more of an advanced topic and is only important if we made any changes in the main Blending Options section of the Layer Style dialog box. For example, if we had lowered the overall opacity of our photo frame to 50% and we want to use that same lowered opacity setting every time we apply the frame to a new image, we d want to make sure this option is selected. We didn t do anything like that here, so we can leave this option unchecked: The New Style dialog box. Click OK when you re done to have Photoshop save the layer style and exit out of the dialog box. You can also close out of the Layer Style dialog box at this point, since we re now finished with our photo frame. Step 6: Open A New Photo And with that, our photo frame is saved and ready to be applied instantly to any other image! To show you how easy it is to re-apply the layer style, open a new image. Here s the photo I ll use: Open a new photo. 6

7 Step 7: Duplicate The Background Layer Remember that Photoshop doesn t allow us to apply layer styles to Background layers, which means the first thing we ll need to do with our new image is duplicate the Background layer. Go up to the Layer menu at the top of the screen, choose New, and then choose Layer via Copy, or use the faster keyboard shortcut Ctrl+J (Win) / Command+J (Mac). Our Layers palette now shows the copy of the Background layer, named Layer 1, above the original: Remember to duplicate the Background layer first before attempting to apply any layer styles. Step 8: Click On Your Layer Style In The Styles Palette You ll find any and all layer styles that you ve created and saved, along with the ones that Photoshop loads for us as part of the program, sitting in the Styles palette (with Styles being short for Layer Styles ). By default, the Styles palette is grouped in with the Color and Swatches palettes. You ll need to click on the name tab at the top of the Styles palette to bring the palette to the foreground if it s hiding behind one of the other two palettes in the group. If you don t see the Styles palette at all on your screen, simply go up to the Window menu at the top of the screen and select the Styles palette from the list. Click on the layer style you want to apply in the Styles palette. The Styles palette contains small thumbnails of all the layer styles that are currently loaded in to Photoshop, which includes the style we just created and saved. If you have Tool Tips enabled in Photoshop s Preferences, you ll see the names of the layer styles appear as you hover your mouse over the little thumbnails. Any time you save a new layer style, it appears at the bottom of the list in the Styles palette, which means that our Simple Photo Frame layer style will be the last one in the list. Simply click on the style s thumbnail to select and apply it: And just like that, with a simple click of the mouse, the completed photo frame style is applied to the new image: The photo frame layer style is instantly applied to the new image. One important thing to keep in mind is that even though we ve saved our photo frame layer style and it s appearing in the Styles palette for us to select and apply whenever we need it, it s currently only saved temporarily. Basically, it s saved inside Photoshop, which is fine until Photoshop crashes and we need to re-install it or we upgrade to a new version of Photoshop. If, for any reason, Photoshop needs to be re-installed, we ll lose our photo frame layer style, along with any other layer styles we ve created. Fortunately, Photoshop allows us to save permanent copies of our layer styles (or at least, as permanent as you can get with computers) which we can load back in any time we need them. We ll see how to do that next! 7

8 Step 9: Open The Preset Manager To save any layer styles we ve created so that we won t lose them if we ever need to reinstall Photoshop, we need to use Photoshop s Preset Manager, which you can find by going up to the Edit menu at the top of the screen and choosing Preset Manager: Go to Edit > Preset Manager. There is an option directly in the Styles palette for saving layer styles, but it doesn t give us any control over which styles we save. All it can do is take every layer style that s currently loaded into Photoshop and save them all as one big group, which usually isn t what we want to do. The Preset Manager, on the other hand, allows us to pick and choose exactly which layer styles we want to save. Step 10: Select Styles From The Preset Type List When the Preset Manager dialog box appears, it defaults to show the list of Brushes that are currently available. Select Styles from the Preset Type selection box at the top: Select Styles from the Preset Type option. Step 11: Select And Save Your Layer Style(s) Once you select Styles from the list at the top, all of the layer styles that are currently loaded into Photoshop appear in the Preset Manager with the same thumbnails we saw in the Styles palette. To save the photo frame style, simply click on its thumbnail to select it. You ll see a black highlight border appear around the thumbnail to let you know it s selected. If you have other layer styles that you also want to save as part of this style set, hold down your Ctrl (Win) / Command (Mac) key and click on their thumbnails as well to select multiple styles at once. In my case here, I m saving only the Simple Photo Frame style. Then click the Save Set button over on the right of the dialog box: Select your layer style(s), then click on the Save Set button. Photoshop will pop up another dialog box, this time asking you to name your style set and choose where you want to save it. Since I m only saving one layer style, I m going to name my set Simple Photo Frame.asl. Make sure you include the three letter extension at the end of the name if you want to be able to use your style set on both a PC and a Mac. The easiest place to save your style set is to your Desktop. In my case, I ve created a folder on my Desktop named layer styles which is where I ll save my set to. Of course, you can choose whichever location is most convenient for you. Once you ve named the set and chosen a save location, click the Save button to save the set: Name your new style set and choose a location to save it to. 8

9 When you re finished, click Done in the top right corner of the Preset Manager to exit out of it. Your layer style is now saved safely outside of Photoshop, so if Photoshop happens to die on you, it won t take your layer style along with it! Of course, if your entire hard drive crashes, well, that s another story. Step 12: Select Load Styles From The Styles Palette Menu If we ever need to load the layer style back in to Photoshop, we can do that easily from within the Styles palette. Simply click on the palette s menu icon in the top right corner of the palette (I m using Photoshop CS3 here. In Photoshop CS2 and earlier the menu icon appears as a small arrow), which brings up a fly-out menu. Select Load Styles from the list of options: Select the Load Styles option from the Styles palette fly-out menu. Photoshop will pop up a dialog box asking you which layer style set you want to load. Simply navigate to where you saved your style set, which in my case was a folder on my Desktop named layer styles. Click on the name of the set you want to load, then click on the Load button to load the set into Photoshop: Navigate to where you saved your style set, select it from the list, then click the Load button. Photoshop loads the layer style set, and the Simple Photo Frame style will appear once again inside the Swatches palette, ready to be applied to a new image: The layer style is now loaded back into Photoshop and appears inside the Swatches palette. And there we have it! For more Adobe Photoshop tutorials, visit Photoshop 9

Creating Photo Borders With Photoshop Brushes

Creating Photo Borders With Photoshop Brushes Creating Photo Borders With Photoshop Brushes Written by Steve Patterson. In this Photoshop photo effects tutorial, we ll learn how to create interesting photo border effects using Photoshop s brushes.

More information

Step 1: Open A Photo To Place Inside Your Text

Step 1: Open A Photo To Place Inside Your Text Place A Photo Or Image In Text In Photoshop In this Photoshop tutorial, we re going to learn how to place a photo or image inside text, a very popular thing to do in Photoshop, and also a very easy thing

More information

PHOTOSHOP PUZZLE EFFECT

PHOTOSHOP PUZZLE EFFECT PHOTOSHOP PUZZLE EFFECT In this Photoshop tutorial, we re going to look at how to easily create a puzzle effect, allowing us to turn any photo into a jigsaw puzzle! Or at least, we ll be creating the illusion

More information

The original image. As I said, we ll be looking at a few different variations on the effect. Here s the first one we ll be working towards:

The original image. As I said, we ll be looking at a few different variations on the effect. Here s the first one we ll be working towards: DIGITAL PIXEL EFFECT In this Photoshop tutorial, we re going to look at how to create a digital pixel effect, which is often used in ads that sell anything to do with digital. We re going to first pixelate

More information

WORN, TORN PHOTO EDGES EFFECT

WORN, TORN PHOTO EDGES EFFECT Photo Effects: CC - Worn, Torn Photo Edges Effect WORN, TORN PHOTO EDGES EFFECT In this Photoshop tutorial, we ll learn how to take the normally sharp, straight edges of an image and make them look all

More information

ADD TRANSPARENT TYPE TO AN IMAGE

ADD TRANSPARENT TYPE TO AN IMAGE ADD TRANSPARENT TYPE TO AN IMAGE In this Photoshop tutorial, we re going to learn how to add transparent type to an image. There s lots of different ways to make type transparent in Photoshop, and in this

More information

HIGH KEY GLOW EFFECT IN PHOTOSHOP

HIGH KEY GLOW EFFECT IN PHOTOSHOP HIGH KEY GLOW EFFECT IN PHOTOSHOP In this Photoshop tutorial, we ll learn how to create a high key glow effect, which is a fancy way of saying we ll be applying a glow only to the highlights in an image.

More information

The original image. Let s get started! The final rainbow effect. The photo sits on the Background layer in the Layers panel.

The original image. Let s get started! The final rainbow effect. The photo sits on the Background layer in the Layers panel. Add A Realistic Rainbow To A Photo In this Photoshop photo effects tutorial, we ll learn how to easily add a rainbow, and even a double rainbow, to a photo! As we ll see, Photoshop ships with a ready-made

More information

The original image. The final rainbow effect.

The original image. The final rainbow effect. ADD A realistic rainbow to a photo In this Photoshop photo effects tutorial, we re going to learn how to easily add a rainbow, even a double rainbow, to a photo. Of course, as with most photo effects,

More information

ADD A REALISTIC WATER REFLECTION

ADD A REALISTIC WATER REFLECTION ADD A REALISTIC WATER REFLECTION In this Photoshop photo effects tutorial, we re going to learn how to easily add a realistic water reflection to any photo. It s a very easy effect to create and you can

More information

METAL TEXT EFFECT. Step 1: Create A New Document. Step 2: Fill The Background With Black

METAL TEXT EFFECT. Step 1: Create A New Document. Step 2: Fill The Background With Black METAL TEXT EFFECT In this text effects tutorial, we ll learn how to easily create metal text, a popular effect widely used in video games and movie posters! It may seem like there s a lot of steps involved,

More information

ADDING RAIN TO A PHOTO

ADDING RAIN TO A PHOTO ADDING RAIN TO A PHOTO Most of us would prefer to avoid being caught in the rain if possible, especially if we have our cameras with us. But what if you re one of a large number of people who enjoy taking

More information

Photo Within A Photo - Photoshop

Photo Within A Photo - Photoshop Photo Within A Photo - Photoshop Here s the image I ll be starting with: The original image. And here s what the final "photo within a photo" effect will look like: The final result. Let s get started!

More information

Clipping Masks And Type Placing An Image In Text With Photoshop

Clipping Masks And Type Placing An Image In Text With Photoshop Clipping Masks And Type Placing An Image In Text With Photoshop Written by Steve Patterson. In a previous tutorial, we learned the basics and essentials of using clipping masks in Photoshop to hide unwanted

More information

ADD A SPARKLE TRAIL TO A PHOTO

ADD A SPARKLE TRAIL TO A PHOTO ADD A SPARKLE TRAIL TO A PHOTO In this Adobe Photoshop tutorial, we re going to learn how to add a sparkle trail to a photo, using a custom Photoshop brush we ll be creating. I got the idea for this tutorial

More information

Add Transparent Type To An Image With Photoshop

Add Transparent Type To An Image With Photoshop Add Transparent Type To An Image With Photoshop Written by Steve Patterson. In this Photoshop Effects tutorial, we re going to learn how to add transparent type to an image. There s lots of different ways

More information

TEXT PERSPECTIVE SHADOW EFFECT

TEXT PERSPECTIVE SHADOW EFFECT TEXT PERSPECTIVE SHADOW EFFECT In this Photoshop text effects tutorial, we ll learn how to create a popular, classic effect by giving text a perspective shadow as if a light source behind the text was

More information

The final wrap text in 3D result.

The final wrap text in 3D result. WRAPPING TEXT IN 3D In this Photoshop tutorial, we re going to learn how to easily wrap text around a 3D object in Photoshop, without the need for any 3D software. We re going to be wrapping our text around

More information

COLORIZING IMAGES WITH GRADIENT MAPS

COLORIZING IMAGES WITH GRADIENT MAPS COLORIZING IMAGES WITH GRADIENT MAPS In this Photoshop tutorial, we ll learn how to add complex colorizing effects to images using custom gradients! Specifically, we ll look at the Gradient Map image adjustment

More information

The original image. The final effect. The Layers palette showing the original photo on the Background layer.

The original image. The final effect. The Layers palette showing the original photo on the Background layer. Photo Effects: Gritty, Overprocessed Photo Effect GRITTY, Overprocessed Photo Effect In this Photoshop photo effects tutorial, we re going to look at how to give a photo a gritty, overprocessed look to

More information

The original photo. The final result.

The original photo. The final result. giving a photo painted edges In this Adobe Photoshop tutorial, we re going to combine a couple of different effects. First, we ll give the photo easy-tocreate painted edges, and then we ll make it look

More information

This Photoshop Tutorial 2012 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission.

This Photoshop Tutorial 2012 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission. How To Replace The Sky In A Photo In this Photoshop tutorial, we ll learn how to easily replace the sky in a photo! We ll use a basic selection tool and a layer mask to separate the sky from the area below

More information

The original image. Let s get started! The final effect.

The original image. Let s get started! The final effect. Non-Destructive Infrared Glow Effect In this Photoshop tutorial, we ll learn how to quickly and easily add a dream-like infrared glow effect to an image, and we ll do it non-destructively using Smart Filters

More information

PHOTOSHOP INVERTED COLORS PHOTO EFFECT

PHOTOSHOP INVERTED COLORS PHOTO EFFECT Photo Effects: Photoshop Inverted Colors Photo Effect PHOTOSHOP INVERTED COLORS PHOTO EFFECT Most people would agree that taking a stroll through the forest can be very calming and peaceful, with all of

More information

The original image. Let s get started! The final light rays effect. Photoshop adds a new layer named Layer 1 above the Background layer.

The original image. Let s get started! The final light rays effect. Photoshop adds a new layer named Layer 1 above the Background layer. Add Rays Of Light To A Photo In this photo effects tutorial, we ll learn how to quickly and easily add rays of sunlight to an image with Photoshop! I ll be using Photoshop CS5 throughout this tutorial

More information

Here s the photo I ll be starting with: The original photo. Let s get started! The final result.

Here s the photo I ll be starting with: The original photo. Let s get started! The final result. How To Lighten And Brighten Eyes In this Photo Retouching tutorial, we ll learn a fast and easy way to lighten and brighten someone s eyes in a photo using nothing more than a simple adjustment layer,

More information

Here s the image I ll be working with:

Here s the image I ll be working with: FOCUS WITH LIGHT - The Lighting Effects FILTER In this Photoshop tutorial, we ll learn how to add focus to an image with light using Photoshop s Lighting Effects filter. We ll see how easy it is to add

More information

CREATE A BURNT EDGE EFFECT

CREATE A BURNT EDGE EFFECT CREATE A BURNT EDGE EFFECT One of the all-time classic effects in Photoshop is the burnt edge, and there s lots of different ways to create it, but in this Adobe Photoshop tutorial, we re going to look

More information

Turn A Photo Into A Collage Of Polaroids With Photoshop

Turn A Photo Into A Collage Of Polaroids With Photoshop http://www.photoshopessentials.com/photo-effects/polaroids/ Turn A Photo Into A Collage Of Polaroids With Photoshop Written by Steve Patterson. In this Photoshop Effects tutorial, we ll learn how to take

More information

FLAMING HOT FIRE TEXT

FLAMING HOT FIRE TEXT FLAMING HOT FIRE TEXT In this Photoshop text effects tutorial, we re going to learn how to create a fire text effect, engulfing our letters in burning hot flames. We ll be using Photoshop s powerful Liquify

More information

TURN A PHOTO INTO A PATTERN OF COLORED DOTS (CS6)

TURN A PHOTO INTO A PATTERN OF COLORED DOTS (CS6) TURN A PHOTO INTO A PATTERN OF COLORED DOTS (CS6) In this photo effects tutorial, we ll learn how to turn a photo into a pattern of solid-colored dots! As we ll see, all it takes to create the effect is

More information

CHANGING EYE COLOR IN A PHOTO

CHANGING EYE COLOR IN A PHOTO CHANGING EYE COLOR IN A PHOTO In this photo retouching tutorial, we ll learn a very simple technique for changing someone s eye color in a photo using a Hue/Saturation adjustment layer! Of course, there

More information

Perspective Shadow Text Effect In Photoshop

Perspective Shadow Text Effect In Photoshop Perspective Shadow Text Effect In Photoshop Written by Steve Patterson. In this Photoshop text effects tutorial, we ll learn how to create a popular, classic effect by giving text a perspective shadow

More information

ADDING FIREWORKS TO A PHOTO

ADDING FIREWORKS TO A PHOTO ADDING FIREWORKS TO A PHOTO In this Photoshop tutorial, we re going to learn how to add fireworks to a photo. What you ll need is a photo of fireworks and the photo you want to add the fireworks to (preferably

More information

UNDERSTANDING LAYER MASKS IN PHOTOSHOP

UNDERSTANDING LAYER MASKS IN PHOTOSHOP UNDERSTANDING LAYER MASKS IN PHOTOSHOP In this Adobe Photoshop tutorial, we re going to look at one of the most essential features in all of Photoshop - layer masks. We ll cover exactly what layer masks

More information

RETRO 3D MOVIE EFFECT

RETRO 3D MOVIE EFFECT RETRO 3D MOVIE EFFECT Long before Avatar transported us to the breathtakingly beautiful world of Pandora with its state of the art 3D technology, movie audiences in the 1950 s were wearing cheap cardboard

More information

OLD FASHIONED HAND TINTED EFFECT

OLD FASHIONED HAND TINTED EFFECT OLD FASHIONED HAND TINTED EFFECT In this Photoshop tutorial, we re going to learn how to easily create an old-fashioned, hand-tinted photo effect. All it takes is an adjustment layer, a layer blend mode,

More information

Step 1: Select The Main Subject In The Photo

Step 1: Select The Main Subject In The Photo Create A custom Motion Trail from your subject In this Photoshop photo effects tutorial, we ll learn how to add a sense of action and movement to an image by giving the main subject an easy to create motion

More information

BORDERS AND FRAMES - DROP SHADOW

BORDERS AND FRAMES - DROP SHADOW BORDERS AND FRAMES - DROP SHADOW In this tutorial in our series on creating photo borders and frames in Photoshop, we ll learn how to quickly add canvas space and a drop shadow to an image to create a

More information

Inverted Colors Photo Effect With Photoshop

Inverted Colors Photo Effect With Photoshop Inverted Colors Photo Effect With Photoshop Written by Steve Patterson. In this Photoshop Effects tutorial, we re going to look at how to invert the colors in an image to create interesting photo effects.

More information

Exploring Photoshop Tutorial

Exploring Photoshop Tutorial Exploring Photoshop Tutorial Objective: In this tutorial we will create a poster composed of three distinct elements: a Bokeh, an image and title text. The Bokeh is an effect which is sometimes seen in

More information

COLORIZE A PHOTO WITH MULTIPLE COLORS

COLORIZE A PHOTO WITH MULTIPLE COLORS COLORIZE A PHOTO WITH MULTIPLE COLORS In this Photoshop photo effects tutorial, we re going to learn how to colorize a photo using multiple colors. It s an effect I ve seen used quite a bit in ads for

More information

EXTREME CONTRAST PHOTO EFFECT

EXTREME CONTRAST PHOTO EFFECT EXTREME CONTRAST PHOTO EFFECT In this Photoshop tutorial, we re going to learn how to use layers, layer blend modes, some noise, a little sharpening, and a simple adjustment layer to easily give a photo

More information

Add Rays Of Sunlight To A Photo With Photoshop

Add Rays Of Sunlight To A Photo With Photoshop Add Rays Of Sunlight To A Photo With Photoshop Written by Steve Patterson. In this photo effects tutorial, we'll learn how to easily add rays of sunlight to an image, a great way to make an already beautiful

More information

In this Adobe Photoshop tutorial, we re going to look at a way to give a photo a more ghostly appearance.

In this Adobe Photoshop tutorial, we re going to look at a way to give a photo a more ghostly appearance. GHOSTING AN IMAGE In this Adobe Photoshop tutorial, we re going to look at a way to give a photo a more ghostly appearance. I m a fan of horror films, but I admit I m a bit shallow in that I usually just

More information

Add A Transparent Text Area To An Image With Photoshop

Add A Transparent Text Area To An Image With Photoshop Add A Transparent Text Area To An Image With Photoshop Written by Steve Patterson. In this Photoshop tutorial, we ll learn how to add an area of transparent text to an image. By that, I mean the text itself

More information

Step 1: Create A New Photoshop Document

Step 1: Create A New Photoshop Document Film Strip Photo Collage - Part 2 In part one of this two-part Photoshop tutorial, we learned how Photoshop s shape tools made it easy to draw a simple film strip which we can then use as a photo frame,

More information

THE BACKGROUND ERASER TOOL

THE BACKGROUND ERASER TOOL THE BACKGROUND ERASER TOOL In this Photoshop tutorial, we look at the Background Eraser Tool and how we can use it to easily remove background areas of an image. The Background Eraser is especially useful

More information

Enhanced Eyes. Here's the image I'll be working with (glamour eyes photo from Shutterstock): Here's what the eyes will look like when we're done:

Enhanced Eyes. Here's the image I'll be working with (glamour eyes photo from Shutterstock): Here's what the eyes will look like when we're done: Enhanced Eyes Here's the image I'll be working with (glamour eyes photo from Shutterstock): The original image. Here's what the eyes will look like when we're done: The final effect. Here's a close-up

More information

Adding Fireworks To A Photo With Photoshop

Adding Fireworks To A Photo With Photoshop Adding Fireworks To A Photo With Photoshop Written by Steve Patterson. In this Photoshop Effects tutorial, we re going to learn how to add fireworks to a photo. What you ll need is a photo of fireworks

More information

Photoshop Backgrounds: Turn Any Photo Into A Background

Photoshop Backgrounds: Turn Any Photo Into A Background Photoshop Backgrounds: Turn Any Photo Into A Background Step 1: Duplicate The Background Layer As always, we want to avoid doing any work on our original image, so before we do anything else, we need to

More information

SIMPLE POP ART EFFECT

SIMPLE POP ART EFFECT SIMPLE POP ART EFFECT In this Photoshop tutorial, we re going to see how to turn a photo into a simple 1950 s and 60 s pop art-style effect. If you can make a selection with the Lasso tool and you understand

More information

This Photoshop Tutorial 2011 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission. The original image.

This Photoshop Tutorial 2011 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission. The original image. Layer Opacity VS FIll One of the most common questions I receive from Photoshop users, and not just beginners, is What the heck is the difference between the Opacity and Fill options in the Layers panel?

More information

Photoshop CS6 automatically places a crop box and handles around the image. Click and drag the handles to resize the crop box.

Photoshop CS6 automatically places a crop box and handles around the image. Click and drag the handles to resize the crop box. CROPPING IMAGES In Photoshop CS6 One of the great new features in Photoshop CS6 is the improved and enhanced Crop Tool. If you ve been using earlier versions of Photoshop to crop your photos, you ll find

More information

Photoshop Weather Effects Rain

Photoshop Weather Effects Rain Photoshop Weather Effects Rain In this photo effects tutorial, we ll learn how to add a simple yet convincing rain effect to a photo, a great way to add mood and atmosphere, without getting your camera

More information

Blend Photos With Apply Image In Photoshop

Blend Photos With Apply Image In Photoshop Blend Photos With Apply Image In Photoshop Written by Steve Patterson. In this Photoshop tutorial, we re going to learn how easy it is to blend photostogether using Photoshop s Apply Image command to give

More information

High Speed Motion Trail Effect With Photoshop

High Speed Motion Trail Effect With Photoshop High Speed Motion Trail Effect With Photoshop Written by Steve Patterson. In this Photo Effects tutorial, we'll learn how to add a sense of speed to an object using an easy to create motion blur effect!

More information

Okay, that s enough talking. Let s get things started. Here s the photo I m going to be using in this tutorial: The original photo.

Okay, that s enough talking. Let s get things started. Here s the photo I m going to be using in this tutorial: The original photo. add visual interest with the rule of thirds In this Photoshop tutorial, we re going to look at how to add more visual interest to our photos by cropping them using a simple, tried and true design trick

More information

Organizing artwork on layers

Organizing artwork on layers 3 Layer Basics Both Adobe Photoshop and Adobe ImageReady let you isolate different parts of an image on layers. Each layer can then be edited as discrete artwork, allowing unlimited flexibility in composing

More information

SHAPE CLUSTER PHOTO DISPLAY

SHAPE CLUSTER PHOTO DISPLAY SHAPE CLUSTER PHOTO DISPLAY In this Photoshop tutorial, we ll learn how to display a single photo as a cluster of shapes, similar to larger wall cluster displays where several photos, usually in different

More information

Using Adobe Photoshop

Using Adobe Photoshop Using Adobe Photoshop 6 One of the most useful features of applications like Photoshop is the ability to work with layers. allow you to have several pieces of images in the same file, which can be arranged

More information

Colorizing A Photo With Multiple Colors In Photoshop

Colorizing A Photo With Multiple Colors In Photoshop Colorizing A Photo With Multiple Colors In Photoshop Written by Steve Patterson. In this Photoshop Effects tutorial, we re going to learn how to colorize a photo using multiple colors. It s an effect I

More information

Easily Smooth And Soften Skin In A Photo With Photoshop

Easily Smooth And Soften Skin In A Photo With Photoshop Easily Smooth And Soften Skin In A Photo With Photoshop Written by Steve Patterson OPEN THE START FILE BY RIGHT CLICKING THE.JPG FILE AND CHOOSING OPEN WITH ADOBE PHOTOSHOP. SAVE AS: X_lastname_firstname_Smooth_Soft

More information

Superhero. Here s the image I ll be using for this Photoshop tutorial:

Superhero. Here s the image I ll be using for this Photoshop tutorial: Superhero Here s the image I ll be using for this Photoshop tutorial: The original image. Obviously, this little guy sees himself as a mighty super hero, so let s help him out by projecting a super hero

More information

Lesson 16 Text, Layer Effects, & Filters

Lesson 16 Text, Layer Effects, & Filters Lesson 16 Text, Layer Effects, & Filters Digital Media I Susan M. Raymond West High School In this tutorial, you will: Create a Type Layer Add and Format Type within a Type Layer Apply Layer Effects Apply

More information

This Photoshop Tutorial 2010 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission.

This Photoshop Tutorial 2010 Steve Patterson, Photoshop Essentials.com. Not To Be Reproduced Or Redistributed Without Permission. Photoshop Brush DYNAMICS - Shape DYNAMICS As I mentioned in the introduction to this series of tutorials, all six of Photoshop s Brush Dynamics categories share similar types of controls so once we ve

More information

11 Advanced Layer Techniques

11 Advanced Layer Techniques 11 Advanced Layer Techniques After you ve learned basic layer techniques, you can create more complex effects in your artwork using layer masks, path groups, filters, adjustment layers, and more style

More information

The Layer Blend Modes drop-down box in the top left corner of the Layers palette.

The Layer Blend Modes drop-down box in the top left corner of the Layers palette. Photoshop s Five Essential Blend Modes For Photo Editing When it comes to learning Photoshop, believe it or not, there's really only a handful of things you absolutely, positively need to know. Sure, Photoshop

More information

Everything you ever wanted to know about Layer Styles with Adobe Photoshop CS3 - CS5

Everything you ever wanted to know about Layer Styles with Adobe Photoshop CS3 - CS5 Everything you ever wanted to know about Layer Styles with Adobe Photoshop CS3 - CS5 A layer style is one or more effects applied to a layer or layer group. You can apply one of the preset styles provided

More information

Create A Starry Night Sky In Photoshop

Create A Starry Night Sky In Photoshop Create A Starry Night Sky In Photoshop Written by Steve Patterson. In this Photoshop effects tutorial, we ll learn how to easily add a star-filled sky to a night time photo. I ll be using Photoshop CS5

More information

Why Do We Need Selections In Photoshop?

Why Do We Need Selections In Photoshop? Why Do We Need Selections In Photoshop? Written by Steve Patterson. As you may have already discovered on your own if you ve read through any of our other Photoshop tutorials here at Photoshop Essentials,

More information

The original image. Let s get started! The final result.

The original image. Let s get started! The final result. Miniature Effect With Tilt-Shift In Photoshop CS6 In this tutorial, we ll learn how to create a miniature effect in Photoshop CS6 using its brand new Tilt-Shift blur filter. Tilt-shift camera lenses are

More information

Photoshop CS2. Step by Step Instructions Using Layers. Adobe. About Layers:

Photoshop CS2. Step by Step Instructions Using Layers. Adobe. About Layers: About Layers: Layers allow you to work on one element of an image without disturbing the others. Think of layers as sheets of acetate stacked one on top of the other. You can see through transparent areas

More information

How To Add Falling Snow

How To Add Falling Snow How To Add Falling Snow How To Add Snow With Photoshop Step 1: Add A New Blank Layer To begin, let's add a new blank layer above our photo. If we look in our Layers palette, we can see that our photo is

More information

Digital Imaging and Photoshop Fun / Marianne Wallace

Digital Imaging and Photoshop Fun / Marianne Wallace Hand Coloring in Adobe Photoshop or Adobe Elements If you want total control over EVERY color in your image, this tutorial is for you! Every color is put on a separate layer so that you can edit each one

More information

12. Creating a Product Mockup in Perspective

12. Creating a Product Mockup in Perspective 12. Creating a Product Mockup in Perspective Lesson overview In this lesson, you ll learn how to do the following: Understand perspective drawing. Use grid presets. Adjust the perspective grid. Draw and

More information

Blend Photos Like a Hollywood Movie Poster

Blend Photos Like a Hollywood Movie Poster Blend Photos Like a Hollywood Movie Poster Written By Steve Patterson In this Photoshop tutorial, we're going to learn how to blend photos together like a Hollywood movie poster. Blending photos is easy

More information

Miniature Effect With Tilt-Shift In Photoshop CS6

Miniature Effect With Tilt-Shift In Photoshop CS6 Miniature Effect With Tilt-Shift In Photoshop CS6 This effect works best with a photo taken from high overhead and looking down on your subject at an angle. You ll also want a photo where everything is

More information

Blend Textures With Photos

Blend Textures With Photos Blend Textures With Photos Here's the photo I'll be starting with: The original image. ( 2015 Steve Patterson) I like the photo, but given its subject matter, I think it would look even better if I grunged

More information

Car Ad Photoshop Tutorial Miss Van Lenten Tools: Paint brush, Eraser, Quick Selection/Magic Wand, Quick Mask, Layer Mask

Car Ad Photoshop Tutorial Miss Van Lenten Tools: Paint brush, Eraser, Quick Selection/Magic Wand, Quick Mask, Layer Mask Car Ad Photoshop Tutorial Miss Van Lenten Tools: Paint brush, Eraser, Quick Selection/Magic Wand, Quick Mask, Layer Mask Part One: Google image search for a car of your choosing. Make sure you go to tools

More information

A quick note: We hope that you will find something from the Tips and Tricks that will add a little pizazz to your yearbook pages!

A quick note: We hope that you will find something from the Tips and Tricks that will add a little pizazz to your yearbook pages! A quick note: The following pages are tips and tricks for Basic Photoshop users. You may notice that some instructions indicate that non-awpc fonts were used, and that some colors were created using the

More information

Creative Cut-Outs. 1Go to File>New>Blank File to create a new document and enter. Projects EXTRAS: GET MORE ONLINE!

Creative Cut-Outs. 1Go to File>New>Blank File to create a new document and enter. Projects EXTRAS: GET MORE ONLINE! ALL IMAGES MIKE RODRIGUEZ Creative Cut-Outs By Mike Rodriguez Are you interested in applying some of your rapidly developing layer skills? In the May/June issue, we covered the basics of layers (Layers

More information

The horse image used for this tutorial comes from Capgros at the Stock Exchange. The rest are mine.

The horse image used for this tutorial comes from Capgros at the Stock Exchange. The rest are mine. First off, sorry to those of you that are on the mailing list or RSS that get this twice. I m finally moved over to a dedicated server, and in doing so, this post was lost. So, I m republishing it. This

More information

INTRO TO LAYERS (PART 2)

INTRO TO LAYERS (PART 2) Adobe Photoshop Elements INTRO TO LAYERS (PART 2) By Dave Cross In Part 1, we talked about the main concept behind layers and why they re so important. Now we ll take it a step further and show how to

More information

Compiled by <<coldbing>> FIRE EFFECTS

Compiled by <<coldbing>> FIRE EFFECTS FIRE EFFECTS Compiled by Step 1 - New Document Make a new document. Fill it with black. Then make a new layer, and type out (or whatever) you want to set on fire in white. Step 2 - Windy Go

More information

Web Graphics Chapter 7 Review

Web Graphics Chapter 7 Review Web Graphics Chapter 7 Review Name Date 1. The Add Layer Mask button is located on/in the. a. Toolbox b. Layers palette c. Mask palette d. History palette 2. How many color adjustments commands are available

More information

Pretty Plaids (Photoshop Elements)

Pretty Plaids (Photoshop Elements) Pretty Plaids (Photoshop Elements) Tip of the Week by Jenny Binder on January 11, 2010 Most digital scrapbookers, at some point, want to try their hand at making their own paper. This can be a fun venture,

More information

HOW TO CREATE A SUPER SHINY PENCIL ICON

HOW TO CREATE A SUPER SHINY PENCIL ICON HOW TO CREATE A SUPER SHINY PENCIL ICON Tutorial from http://psd.tutsplus.com/ Compiled by INTRODUCTION The Pencil is one of the visual metaphors most used to express creativity. In this tutorial,

More information

5 Masks and Channels

5 Masks and Channels 5 Masks and Channels Adobe Photoshop uses masks to isolate and manipulate specific parts of an image. A mask is like a stencil. The cutout portion of the mask can be altered, but the area surrounding the

More information

Stone Creek Textiles. Layers! part 1

Stone Creek Textiles. Layers! part 1 Stone Creek Textiles Layers! part 1 This tutorial is all about working with layers. This, to my mind, is one of the two critical areas to master in order to work creatively with Photoshop Elements. So,

More information

Adobe Photoshop CS5 Layers and Masks

Adobe Photoshop CS5 Layers and Masks Adobe Photoshop CS5 Layers and Masks Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu Adobe Photoshop CS5: Layers and Masks 2.0 Hours The workshop will cover creating and manipulating

More information

Adobe Photoshop CS5 Tutorial

Adobe Photoshop CS5 Tutorial Adobe Photoshop CS5 Tutorial GETTING STARTED Adobe Photoshop CS5 is a popular image editing software that provides a work environment consistent with Adobe Illustrator, Adobe InDesign, Adobe Photoshop

More information

4 LAYER BASICS. Lesson overview

4 LAYER BASICS. Lesson overview 4 LAYER BASICS Lesson overview In this lesson, you ll learn how to do the following: Organize artwork on layers. Create, view, hide, and select layers. Rearrange layers to change the stacking order of

More information

BRUSHES AND LAYERS We will learn how to use brushes and illustration tools to make a simple composition. Introduction to using layers.

BRUSHES AND LAYERS We will learn how to use brushes and illustration tools to make a simple composition. Introduction to using layers. Brushes BRUSHES AND LAYERS We will learn how to use brushes and illustration tools to make a simple composition. Introduction to using layers. WHAT IS A BRUSH? A brush is a type of tool in Photoshop used

More information

XXXX - ILLUSTRATING FROM SKETCHES IN PHOTOSHOP 1 N/08/08

XXXX - ILLUSTRATING FROM SKETCHES IN PHOTOSHOP 1 N/08/08 INTRODUCTION TO GRAPHICS Illustrating from sketches in Photoshop Information Sheet No. XXXX Creating illustrations from existing photography is an excellent method to create bold and sharp works of art

More information

XXXX - MAKING A FLYER BOOKLET COVER 1 N/08/08

XXXX - MAKING A FLYER BOOKLET COVER 1 N/08/08 INTRODUCTION TO GRAPHICS Making a flyer booklet cover Information Sheet No. XXXX Create a new document with these settings. Note that you will be using 300 dpi because this will be made for print. Keepit

More information

Sports Jersey Mania, Part 2 By Joel Day

Sports Jersey Mania, Part 2 By Joel Day Sports Jersey Mania, Part 2 By Joel Day jersey. We ll continue with all the finer details to create our basketball jersey template and at the end we ll show you a Home and Away STEP THIRTEEN: In this step,

More information

ITEC185 INTRODUCTION TO DIGITAL MEDIA

ITEC185 INTRODUCTION TO DIGITAL MEDIA 1 ITEC185 INTRODUCTION TO DIGITAL MEDIA ADOBE PHOTOSHOP ITEC185 - Introduction to Digital Media ITEC185 - Introduction to Digital Media 2 What is Adobe Photoshop? Photoshop is the leading professional

More information

Using Adobe Photoshop

Using Adobe Photoshop Using Adobe Photoshop 4 Colour is important in most art forms. For example, a painter needs to know how to select and mix colours to produce the right tones in a picture. A Photographer needs to understand

More information

Introduction to Photoshop CS6

Introduction to Photoshop CS6 Introduction to Photoshop CS6 Copyright 2016, Faculty and Staff Training, West Chester University. A member of the Pennsylvania State System of Higher Education. No portion of this document may be reproduced

More information