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

Size: px
Start display at page:

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

Transcription

1 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 one of Photoshop s filters, a layer mask and a simple custom-made pattern, although we ll add a few extra (but still very easy) steps at the end to enhance things even further. It can take a bit of trial and error to match up the size of the dots with your specific image, so to keep things as flexible as possible, we ll be taking advantage of Smart Objects and Smart Filters. I ll be using Photoshop CS6 here but this tutorial is also fully compatible with Photoshop CC (Creative Cloud). On the left is the image I ll be working with (colorful sunglasses photo from Shutterstock): The original image. And here s what the colored dot pattern effect will look like when we re done: Let s get started! The final effect. Step 1: Convert The Background Layer Into A Smart Object With the image newly opened in Photoshop, we see in the Layers panel that the image is sitting on the Background layer, currently the only layer in the document: The Layers panel showing the photo on the Background layer. 1

2 Let s start by converting the Background layer into a Smart Object. That way, when we apply a filter to the layer, as we ll be doing in a moment, the filter will be applied as a fully editable Smart Filter. Go up to the Filter menu in the Menu Bar along the top of the screen and choose Convert for Smart Filters, which means convert this layer into a Smart Object for me so I can apply filters to it as Smart Filters : Going to Filter > Convert for Smart Filters. A dialog box will pop open letting you know that Photoshop is about to convert the layer into a Smart Object. Click OK to close out of it: Photoshop lets you know it s about to convert the layer into a Smart Object. Nothing will happen to the image, but if we look again in the Layers panel, we see that a small Smart Object icon now appears in the lower right of the layer s preview thumbnail. This tells us that the layer is now a Smart Object. Also notice that Photoshop has renamed the layer from Background to Layer 0. Normally, I d want to rename the layer to something more meaningful, but in this case, the generic name is fine: A Smart Object icon appears in the preview thumbnail. Step 2: Add A Black Solid Color Fill Layer Before we do anything more to the image itself, let s add a Solid Color fill layer to serve as the background color for the effect. Click on the New Fill or Adjustment Layer icon at the bottom of the Layers panel: Clicking the New Fill or Adjustment Layer icon. Choose Solid Color from the top of the list that appears: Choosing a Solid Color fill layer. Photoshop will pop open the Color Picker so we can select the color we want to fill the layer with. We need our background for the effect to be black, so choose black in the Color Picker, then click OK to close out of it: Choosing black in the Color Picker. 2

3 Step 3: Drag The Solid Color Fill Layer Below The Image Our new fill layer is currently sitting above Layer 0 which is why its blocking the image from view in the document. We need to move it below the image. To move it, click on the fill layer in the Layers panel and, with your mouse button still held down, drag it down below Layer 0. When you get close enough to the bottom edge of Layer 0, a highlight bar will appear: Dragging the Solid Color fill layer below Layer 0. Release your mouse button when you see the highlight bar. The fill layer will snap into place below Layer 0, making the image once again visible in the document. Of course, this now hides the fill layer from view, but don t worry, we ll be seeing it again a bit later: The fill layer will now be the background for the effect. Step 4: Select Layer 0 Click on Layer 0 in the Layers panel to select it and make it the active layer: Selecting Layer 0. Step 5: Apply The Mosaic Filter To create the colored dot pattern for the effect, we first need to turn our image into a series of solidcolored squares, and we can do that using Photoshop s Mosaic filter. Go up to the Filter menu at the top of the screen, choose Pixelate, then choose Mosaic: Going to Filter > Pixelate > Mosaic. This opens the Mosaic filter s dialog box. Keep an eye on your image in the document as you drag the Cell Size slider along the bottom of the dialog box left or right to increase or decrease the value. Larger values create larger squares. Smaller values, smaller squares. These squares will eventually become our colored dots so you ll want to set the value based on the size of the dots you ll want for your effect. This will depend a lot on the size of the image you re working with and may take a bit of trial and error to get it right (which is why we re applying the Mosaic filter as a re-editable Smart Filter). In my case, I ll set the value to 60 which I think works well for my image. It s very important that you remember the exact value you used here because you ll need it again in a moment: Remember the value you chose for the cell size. 3

4 Click OK when you re done to close out of the Mosaic filter. Your image should now look very pixelated: The image after applying the Mosaic filter. Since we applied the Mosaic filter to a Smart Object, we can see it listed as a Smart Filter directly below the image in the Layers panel. If you want to try a different Cell Size value, simply double-click on the filter s name to re-open its dialog box and make your changes, then click OK to close out of it: Smart Filters can be reedited at any time by doubleclicking on their name. Step 6: Create A New Document Next, we need to create our repeating dot pattern. For that, we ll set the image s document aside for a moment and create a brand new document. Go up to the File menu at the top of the screen and choose New: Going to File > New. This opens the New dialog box, and this is where you need to remember the value you used for your Cell Size option in the Mosaic filter. Enter that exact same value for both the Width and Height of the new document (in my case, it was 60) and set the measurement type for both to Pixels. This will create a document that matches the size of the squares in the image. Don t worry about the Resolution value but make sure Background Contents is set to White: Creating a new Photoshop document that matches the Mosaic filter s cell size. 4

5 Click OK to close out of the dialog box. Your new document will appear on your screen (the dark gray border in the screenshot is just the pasteboard area surrounding the document). Since it s rather small, press and hold the Z key on your keyboard to temporarily switch to the Zoom Tool and click a few times inside the document to zoom in on it. Here, I ve zoomed in to 500%. Release the Z key when you re done: Press and hold Z and click repeatedly on the document to zoom in. Step 7: Select The Elliptical Marquee Tool To draw the round dot we ll need for our pattern, we ll use Photoshop s Elliptical Marquee Tool. By default, it s hiding behind the Rectangular Marquee Tool in the Tools panel, so to access it, click and hold on the Rectangular Marquee Tool, then select the Elliptical Marquee Tool from the fly-out menu: Selecting the Elliptical Marquee Tool. Step 8: Draw A Circular Selection With the Elliptical Marquee Tool in hand, click in the very top left corner of the document and, with your mouse button still held down, drag diagonally downward to the bottom right corner. We need the selection outline to be in the shape of a perfect circle, so to force it into a circle, press and hold the Shift key on your keyboard as you re dragging your mouse. If you need to reposition the selection outline as you re drawing it to center it in the document, press and hold your spacebar, drag the selection outline into position with your mouse, then release your spacebar and continue dragging out the selection. When you reach the bottom right corner of the document, release your mouse button, then release your Shift key (in that specific order mouse button first, Shift key second) to keep the selection outline forced into a perfect circle. You should now have a circular selection as large as the document itself: Press and hold Shift as you re drawing the selection to force it into a circle. Step 9: Fill The Selection With Black With the selection outline drawn, go up to the Edit menu at the top of the screen and choose Fill: Going to Edit > Fill. 5

6 When the Fill dialog box appears, set the Use option at the top to Black, then click OK: Setting the Use option to Black. This fills the circular selection with black. To remove the selection outline from around the circle (since we don t need it anymore), either go up to the Select menu at the top of the screen and choose Deselect or press Ctrl+D (Win) / Command+D (Mac) on your keyboard: The circular selection is now filled with black. Step 10: Invert The Colors At the moment, the circle itself is black and the area surrounding it is white. We actually need the opposite of that, which means we need to invert the colors. To do that, go up to the Image menu, choose Adjustments, then choose Invert, or press Ctrl+I (Win) / Command+I (Mac) to select the Invert command from the keyboard: Going to Image > Adjustments > Invert. After inverting the colors, the circle is now white and surrounded by black: The document after inverting the colors. 6

7 Step 11: Define The Circle As A Pattern Now that we have our circle, or dot, we need to define it as a pattern. Go up to the Edit menu and choose Define Pattern: Going to Edit > Define Pattern. Give the new pattern a name in the Pattern Name dialog box. Since my document is pixels, I ll name the pattern Circle px. You may end up creating more circle patterns, each with different dimensions, so it s a good idea to include the size of the document in the name. Click OK when you re done: Naming the new pattern. Step 12: Close The Circle s Document We don t need the circle s document anymore, so to close it, go up to the File menu and choose Close, or press Ctrl+W (Win) / Command+W (Mac) on your keyboard. When Photoshop asks if you want to save the document, click No (Win) / Don t Save (Mac). This will leave just the image document open on your screen: Going to File > Close. Step 13: Add A Layer Mask To Layer 0 Back in the main image document, with Layer 0 selected, click on the Layer Mask icon at the bottom of the Layers panel: Clicking the Layer Mask icon. This adds a layer mask to the image layer. We can t see the mask in the document but we can see its newly-added thumbnail to the right of the layer s main preview thumbnail. Notice also that the mask thumbnail has a white highlight border around it which tells us that the mask, rather than the layer itself, is currently selected: The layer mask thumbnail. 7

8 Step 14: Fill The Mask With The Circle Pattern With the mask selected, go up to the Edit menu and once again choose Fill. This time when the Fill dialog box appears, set the Use option at the top to Pattern, then click on the little thumbnail to the right of the words Custom Pattern: Setting Use to Pattern and clicking the Custom Pattern thumbnail. This will open the Pattern Picker showing thumbnails of all the patterns currently available to choose from. Select the circle pattern you created earlier by clicking on its thumbnail. It will be the last thumbnail in the list: Selecting the circle pattern. Once you ve selected your pattern, click OK to close out of the Fill dialog box. Photoshop fills the layer mask with the circle pattern, creating our initial colored dots effect: The effect after filling the mask with the circle pattern. I ll zoom in a bit closer to the image so we can get a better look at what s happening. Each dot in the effect is made up of a single solid color thanks to the Mosaic filter we applied earlier, while the black area surrounding each dot is from the Solid Color fill layer sitting below the image: The effect up close. 8

9 Trying Different Size Dots (Optional) At this point, if you think a smaller or larger dot pattern would look better with your image, here s what you do. First, with the layer mask still selected, go back up to the Edit menu, choose Fill, then set the Use option to White and click OK. This will fill the mask with white, clearing away the circle pattern. Then, double-click on the Mosaic Smart Filter s name under Layer 0 in the Layers panel to re-open its dialog box. Change the Cell Size value with the slider, remembering the value you used, and click OK. Go back to Step 6 to create a new document with the same dimensions as your new Cell Size value, then repeat Steps 7 12 to create a new pattern at the new size. Skip Step 13 because you ve already added the layer mask. Jump right to Step 14 to fill the mask with the new pattern. Step 15: Add A Stroke Around The Dots With the initial effect now complete, you could stop here if you wanted to, but there s a few more things we can do to enhance it further. First, to really bring out the dots, we can add a stroke around them. With the layer mask still selected, click on the Layer Styles icon (the fx icon) at the bottom of the Layers panel: Clicking the Layer Styles icon. Choose Stroke from the list that appears: Choosing a Stroke layer effect. This opens the Layer Style dialog box set to the Stroke options in the middle column. Leave the stroke set to its default color of black, but lower the Size down to 1 px and change the Position to Inside: The Stroke options. Click OK to close out of the dialog box. Each dot now has a thin black stroke outlining it, making them stand out a bit more: The effect with a stroke applied to the dots. 9

10 Click OK to close out of the dialog box. Each dot now has a thin black stroke outlining it, making them stand out a bit more: Clicking the Stroke visibility icon. Step 16: Increase Color Saturation With A Hue/Saturation Adjustment Next, we can bring out the colors in the effect by increasing color saturation. Click on the New Fill or Adjustment Layer icon at the bottom of the Layers panel: Clicking the New Fill or Adjustment Layer icon. Choose a Hue/Saturation adjustment layer from the list: Adding a Hue/Saturation adjustment layer. The controls for the Hue/Saturation adjustment layer appear in the Properties panel. Increase the Saturation value to around +20 by dragging the slider towards the right: Increasing the Saturation value with the slider. The colors now look richer and more intense: The effect after increasing color saturation. 10

11 Step 17: Brighten The Image With A Levels Adjustment Layer Finally, one potential drawback with this effect is that it tends to darken the overall image, but we can brighten it back up. Click once again on the New Fill or Adjustment Layer icon at the bottom of the Layers panel and this time, choose Levels: Adding a Levels adjustment layer. Don t worry about changing any settings for it in the Properties panel. Instead, all we need to do is change the blend mode of the Levels adjustment layer from Normal to Screen. You ll find the blend mode option in the upper left of the Layers panel. This will make the image too bright, so lower the Opacity value directly across from the blend mode option down to around 25%: Changing the blend mode and opacity of the Levels adjustment layer. And with that, we re done! Here, after brightening up the image, is my final photo to colored dots effect: And there we have it! That s how to convert a photo into a pattern of solid-colored dots with Photoshop CS6 (and Photoshop CC)! The final result. For more Adobe Photoshop tutorials, visit us at Photoshop Essentials.com! 11

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

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

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

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

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

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

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

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

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

SAVING, LOADING AND REUSING LAYER STYLES

SAVING, LOADING AND REUSING LAYER STYLES 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

How to blend, feather, and smooth

How to blend, feather, and smooth How to blend, feather, and smooth Quite often, you need to select part of an image to modify it. When you select uniform geometric areas squares, circles, ovals, rectangles you don t need to worry too

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

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

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

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

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

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

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

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

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 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

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

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

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

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

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

How To Change Eye Color In Photoshop

How To Change Eye Color In Photoshop Change Eye Color In An Image With Photoshop Learn how to easily change someone's eye color in a photo with Photoshop! We'll use a Hue/Saturation adjustment layer, a layer mask and a layer blend mode to

More information

NMC Second Life Educator s Skills Series: How to Make a T-Shirt

NMC Second Life Educator s Skills Series: How to Make a T-Shirt NMC Second Life Educator s Skills Series: How to Make a T-Shirt Creating a t-shirt is a great way to welcome guests or students to Second Life and create school/event spirit. This article of clothing could

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

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

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

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

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

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

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

Create A Briefcase Icon

Create A Briefcase Icon Create A Briefcase Icon In this tutorial, I will show you how to create a briefcase icon with rectangles, ellipses, and gradients. This briefcase icon is great for web designs and user interfaces. Moreover,

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

Figure 9.10 This shows the File Scripts menu, where there is now a new script item called Delete All Empty layers.

Figure 9.10 This shows the File Scripts menu, where there is now a new script item called Delete All Empty layers. Layers Layers play an essential role in all aspects of Photoshop work. Whether you are designing a Web page layout or editing a photograph, working with layers lets you keep the various elements in a design

More information

How to create beautiful B&W images with Adobe Photoshop Elements 12

How to create beautiful B&W images with Adobe Photoshop Elements 12 How to create beautiful B&W images with Adobe Photoshop Elements 12 Whether it s an Instagram snap or a film portrait, black and white photography is never out of style. Today, there are a number of ways

More information

You ve Been Framed! (Adobe Photoshop)

You ve Been Framed! (Adobe Photoshop) You ve Been Framed! (Adobe Photoshop) Tip of the Week by Linda Sattgast on September 28, 2009 Do you have a great photo of someone special that you want to bring into sharp focus the special person, that

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

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

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

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

Advanced Photography. Topic 3 - Photoshop Filters. Learning Outcomes

Advanced Photography. Topic 3 - Photoshop Filters. Learning Outcomes Topic 3 - Photoshop Filters Learning Outcomes In this lesson, we're going to take a look at some techniques that make use of some of the more practical filters. We are also going to learn how to convert

More information

Reflection Project. Please start by resetting all tools in Photoshop.

Reflection Project. Please start by resetting all tools in Photoshop. Reflection Project You will be creating a floor and wall for your advertisement. Before you begin on the Reflection Project, create a new composition. File New: Width 720 Pixels / Height 486 Pixels. Resolution

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

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

Rendering a perspective drawing using Adobe Photoshop

Rendering a perspective drawing using Adobe Photoshop Rendering a perspective drawing using Adobe Photoshop This hand-out will take you through the steps to render a perspective line drawing using Adobe Photoshop. The first important element in this process

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

Combine Black-and-White and Color

Combine Black-and-White and Color Combine Black-and-White and Color Contributor: Seán Duggan n Specialty: Fine Art Primary Tool Used: Smart Objects Combining color and black-and-white in the same image is a technique that has been around

More information

12 Creating Special Effects

12 Creating Special Effects 12 Creating Special Effects With the huge assortment of filters available for Adobe Photoshop, you can transform ordinary images into extraordinary digital artwork. You can select filters that simulate

More information

Create a Dreamlike Photo Manipulation of an Emotional Girl with a Dramatic Lighting in Photoshop. By Andrea Garcia - February 12,

Create a Dreamlike Photo Manipulation of an Emotional Girl with a Dramatic Lighting in Photoshop. By Andrea Garcia - February 12, Create a Dreamlike Photo Manipulation of an Emotional Girl with a Dramatic Lighting in Photoshop By Andrea Garcia - February 12, 2015 396 11 Create a Dreamlike Photo Manipulation of an Emotional Girl with

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

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

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

Adobe Photoshop CC 2018 Tutorial

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

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

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

Star Diffusion Tutorial

Star Diffusion Tutorial Star Diffusion Tutorial Learn how to add a unique dreamy effect to your photos with this Star Diffusion Photoshop tutorial. This Photoshop effect creates diffusion in the shape of a four-point star and

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

Name the layer you rotated in step 3 Stripe and lower the opacity to 43%.

Name the layer you rotated in step 3 Stripe and lower the opacity to 43%. Step 1 Open Photoshop and create a new file 1085 649 pixels. Fill the layer with a bright blue color (#0095db) by pressing Shift + F5. This will be the background for our pop art scene. Step 2 Let s create

More information

How to use advanced color techniques

How to use advanced color techniques Adobe Photoshop CS5 Extended Project 6 guide How to use advanced color techniques In Adobe Photoshop CS5, you can adjust an image s colors in a variety of ways. Using the techniques described in this guide,

More information

Digital Photography 1

Digital Photography 1 Digital Photography 1 Photoshop Lesson 3 Resizing and transforming images Name Date Create a new image 1. Choose File > New. 2. In the New dialog box, type a name for the image. 3. Choose document size

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

u Selections, Channels, Masks, and Paths

u Selections, Channels, Masks, and Paths 6 u Selections, Channels, Masks, and Paths No matter what type of Photoshop work you do, you will most likely have to make selections. Spot color corrections require selections. Compositing requires selections.

More information

Reveal the mystery of the mask

Reveal the mystery of the mask Reveal the mystery of the mask Imagine you're participating in a group brainstorming session to generate new ideas for the design phase of a new project. The facilitator starts the brainstorming session

More information

Challenge Image: Blur the Background

Challenge Image: Blur the Background Challenge Image: Blur the Background Challenge Image: Blur the Background In this lesson, we re going to work on a challenge image that was submitted by a Masters Academy member. The image features a little

More information

AGENDA :: MULTIMEDIA TOOLS :: CLASS NOTES. :: Homework Critiques (5-7 minutes each) :: Photoshop Lesson 3. A-1 Gorgeous! [ COMPOSITE DEMO ] :: 7mins.

AGENDA :: MULTIMEDIA TOOLS :: CLASS NOTES. :: Homework Critiques (5-7 minutes each) :: Photoshop Lesson 3. A-1 Gorgeous! [ COMPOSITE DEMO ] :: 7mins. CLASS :: 03 02.10 2017 AGENDA :: Homework Critiques (5-7 minutes each) A-1 Gorgeous! Upload A-1 Project to Student Folder :: Photoshop Lesson 3 [ COMPOSITE DEMO ] :: 7mins. I. SELECTIONS [ Common Law ]:

More information

LESSON 04: ORGANIZE IT FOR PSE USERS COMPANION BOOK. Digital Scrapbook Academy. April 2018: Lesson 04 Organize It for Elements Users

LESSON 04: ORGANIZE IT FOR PSE USERS COMPANION BOOK. Digital Scrapbook Academy. April 2018: Lesson 04 Organize It for Elements Users Digital Scrapbook Academy April 2018: Lesson 04 LESSON 04: ORGANIZE IT FOR PSE USERS COMPANION BOOK Page 1 of 15 Table of Contents Table of Contents 2 Welcome to Lesson 04 for Elements Users 3 1: Add Photos,

More information