Photoshop Tutorial

In this tutorial we will learn how create a mannequin effect from a person’s photograph.

1. Open a photograph of the subject that you want to turn into a mannequin.

2. Goto Layer > Duplicate Layer. Click OK.
3. Make sure duplicate layer is active.
4. Goto Filter > Brush Strokes > Accented Edges. Adjust the sliders until the person in the photo has a mannequin texture.

5. Click OK and you should have something similar to the following effect.

6. With the duplicate layer still active, zoom in on the face.
7. Select the Eraser tool. Begin erasing the eyes, nose, and mouth. Also erase everywhere else, accept the skin.

8. Select the Smudge tool. Set the Strength to a low number. Choose an appropriate brush size.
9. Zoom in and begin smudging various parts of the skin so that the skin appears smoother.
10. You should now have your Mannequin Effect.

Photoshop Tutorial

In this tutorial we will learn how to create a grunge effect on a photo.

1. Open a photograph of your subject in Photoshop.

2. Create a new layer on top of the photograph layer. Name it “Texture”.
3. Select the Paint Bucket. Fill in the “Texture” layer with white.
4. Make sure your foreground color is black and your background color is white.
5. Goto Filter > Render > Difference Clouds.
6. Goto Filter > Noise > Add Noise. Set the amount to 17, uniform, and monochromatic is checked.

7. Goto Filter > Sketch > Bas Relief. Set Detail to 5, set Smoothness to 3.

8. With “Texture” layer active, apply “Overlay” blending mode.

9. You should now have your Grunge Photo Effect.

Photoshop Tutorial

Summary:
The framing style of a photograph, picture, or image can greatly enhance its appearance. In this tutorial, we will take a look at creating a dry brush style picture frame to add originality and style to your graphic design projects.

Step-By-Step Instructions:
1. Open your image and press to duplicate the Background layer:

2. From the Image menu, choose Canvas Size (or press Control+Alt+C). In the Canvas Size dialog, make sure the Relative checkbox is turned on and enter 1 inch in both the Width and Height fields.

3. Press-and-hold the Ctrl key and click on the Create a New Layer icon at the bottom of the Layers palette to create a layer below the current layer. Press D to set your Foreground and Background to the default colors. Then press Ctrl+Backspace to fill the new layer with white:

4. Press-and-hold the Ctrl key and click on the top layer’s thumbnail (the copied Background layer) to load it as a selection. From the Select menu, choose Modify>Contract, enter 12 pixels as the Contract By amount, and click OK (for higher resolution images try 510 pixels):

5. Make sure that the top layer is active and click on the Add Layer Mask icon at the bottom of the Layers palette to create a layer mask from your selection:

6. From the Toolbox, choose the Brush tool (B), and then in the Options Bar, click on the Brush thumbnail. In the resulting Brush Picker, click on the right-facing triangle and choose Dry Media Brushes from the drop-down menu. Go ahead and click OK in the resulting dialog and replace your current brushes (you can always choose Reset Brushes from the same drop down menu to get back to the default set). Choose one of the Dry Media brushes. I chose Pastel Medium Tip for this example.

7. Make sure the layer mask is still active and click once on the top-right corner of the photo. Press-and-hold the Shift key, move to the top left corner of the photo, and click again. The Brush tool will paint a straight line between your two clicks.

8. Repeat this operation for all four sides of the photo, and don’t worry about trying to stay perfectly horizontal or vertical. In fact, you can add to the randomness of the effect by deliberately painting slightly askew. Here’s the result, along with a view of the layer mask.

Of course, each brush will have a different effect and you shouldn’t restrict yourself to just the Dry Media brushes. You can try any of the built-in brushes or, as we’ll see in the next technique, make your own.

Photoshop Tutorial

In this tutorial we will learn how to create a vector image from a photograph.

1. Open a photograph of your subject in Photoshop.

2. Goto Layer > Duplicate Layer. Click OK.
3. Make sure the duplicate layer is active.
4. Goto Filter > Artistic > Cutout. Adjust the sliders until you get a nice clean cutout effect. In this tutorial, I chose: Number of Levels to 4, Edge Simplicity to 4, and Edge Fidelity to 2.

5. With duplicate layer active, apply “Overlay” blending mode.

6. You should now have a nice looking vector effect for your photo.

Photoshop Tutorial

Summary:
Here is a neat text effect that you can use in your graphic design projects. It is basically a step-by-step of how to apply a cracked texture to any style of font text that you have made in Photoshop.

Step-By-Step Instructions:
1. Open a New Document in Photoshop. 400×150 hieght/width.
2. Create a new layer. Name it “Crack Texture”.
3. Select the Paint Bucket tool. Fill in the “Crack Texture” layer with white.
4. Make sure foreground color is black and background color is white.
5. Goto Filter > Render > Clouds Difference.

6. Goto Filter > Texture > Craquelure. Set Crack Spacing to 16, Crack Depth to 8, Crack Brightness to 5. Click OK to accept.

7. Select the Type tool. Choose any font you desire. Type a word onto a new layer across the cracked texture.
8. Select the Magic Wand tool. Click outside of the text to select everything except the text.

9. Click on the “Eye” icon on the Layers Palette for the Type layer to hide it.
10. Click the “Crack Texture” layer the Layers Palette so that it is active.
11. Click the Delete key.

12. Feel free to right click the “Crack Texture” layer, select Blending Options, and then add any Blending Properties to the text to give it more interest. Such as a Drop Shadow or Bevel and Emboss effects.

Photoshop Tutorial

Summary:
Many times you might have a drawing that you have sketched out on paper that you want to color. In this tutorial, we’ll show how to color your line art in Photoshop.

Step-By-Step Instructions:
1. Open your line art image in Photoshop.

2. I drew this about 3 years ago and at that time it looked perfectly fine to me. Today, three years and much experience later, I see few defects that I’d like to fix right away. The left eye is waaay off and much smaller than it should be. I used Lasso tool (L) to select this eye and Transformation tool (Ctrl+T) to adjust the eye’s size and angle. It’s actually much easier than it sounds and with some practice and experiments we have a much improved version of the drawing within couple of minutes. The highlights in the eyes are still off but we’ll worry about that later since we’ll have them colored over anyway.

3. Go to the Layers palette and double click on the Background layer. Ok the popup window and your background layer is now names Layer1. We did that to be able to make certain adjustments that won’t be allowed in the background layer, such as transparency and more.

4. In the layers click on the Channels tab. Click on the first icon on the left, it’s a dotted circle. All white space will be selected. Press Delete to erase the white background.

5. Now we have an outline with transparent background. Our image got much lighter, but not to worry, we’re about to fix that!

6. Press Ctrl+D to deselect and go to Layers palette. Create new layer, place it directly underneath the Layer0 and fill it with white color. The outline is back to normal again! Double click on the Layer0 and name it “outline” and Layer1 – “background”. You can also lock the “background” layer by clicking small lock icon – we won’t need it anymore, its only there to fill out the transparency.

7. Create new layer underneath the “outline” and “background’ layers and name it ‘skin”. Chose the color tone you find most fitted for the skin of you character and paint within the outline – everywhere your character’s skin is.

8. Do the same thing for hair – create new layer, name it “hair” and color it with whatever color you want the hair to be. In a smaller areas, especially the ones with sharp angles, it usually helps to select it with Lasso tool and color within.

9. Repeat previous step with layers clothes:

10. For this next step we’ll have to zoom in. Create new layer between “skin” and “hair” and name it “face”. Zoom in (Ctrl+) and color lips and the eye’s whites.

11. Remember those eyes we didn’t have to correct at the beginning? Well we’ll do it now. Select the Eraser tool, chose brush with hard edges and correct the line art, leaving no pupil’s fill but only outline.

12. Create new layer between “face” and “hair” and name it “eyes”. You probably already guessed what’s next – we’ll color the eye pupils! I often use the same base color for the eyes as for hair.

13. Now we’ll work on shadows. There are many ways to apply shadows and highlights but for the purpose of this tutorial we’ll be using Dodge and Burn tools. Select layer “Skin” and click on small transparent square icon on the top to lock transparency:

14. Select Burn tool from Tool palette and use it to darken the areas of the skin where you envision your shadows to be. I usually put shadow around the face, under hair and over the neck areas.

15. Moving on to highlights. Select tool Dodge and lighten up the areas you think the highlights should be. Besides the light effects, there are usually also the parts that are coming forward from the object – like nose, nosebridge, forehead, cheekbones, etc.

16. Don’t forget that you can always assist yourself with Lasso tool if you need the border between hightlight and shadows to be distinct. You’ll find this especially useful when you’ll start working on the hair layer. Select layer “hair” and press L for lasso tool (we’ll need Polygon Lasso for this tutorial with feather value set to 10). Draw a highlight on the hair (usually in the shape close to lightening bolt) on both sides of the hair (try to stay somewhat symmetrical) and use dodge tool. Add additional highlights and shadows where you see fit:

17. Now work on the shadows and highlights on other layers:

18. Our image looks pretty good! But the outline looks pretty messy – gray and uneven. Select layer “Outline”, make sure that transparent square icon on the top is selected and choose dark brown color (the color should be close to the color of the hair but much darker). Use the brush to paint over the areas of the outline that define hair. Next select black fill and paint over the parts of the outline that defines the face. Do the same thing with clothes and dark blue color, and you should end up with image close to the one I have here:

19. There are still few imperfections and errors but since I’m planning to use this image for web and in low resolution. My final image will be approximately 200px in width with relative height:

20. And as a last step, I’ll add some background image and color to make it look more dynamic and complete:

Once again, there are many ways to color your line art and it is ultimately up to your creativity and vision. Experiment and practice, and it gets easier and better with every new try!

Photoshop Tutorial

Summary:
A simple tutorial on creating a cartoon teddy bear for use in any of your various graphic design projects. This is also a great tutorial for learning to create cartoon characters in Photoshop.

Step-By-Step Instructions:
1. Open a New Document in Photoshop.

2. Now with the help of your Pen Tool draw the following shape and fill the color #977013.

3. Create a circle for ear using elliptical shape tool.

4. Duplicate the layer and place it on the other side. And when you are done with it, merge down
all the layer that is the face shape and both the ear shape. Now we have only one layer and
the background layer.

5. Now again with your elliptical shape tool Create an ellipse for the eye. Fill with white color.

6. Now duplicate the layer. Press Ctrl+T. Right click the layer and select flip horizontal.
And place it as shown in the picture.

7. Once again with your elliptical shape tool create an ellipse for the nose. Press Ctrl+T.
Right click the layer and select distort. Adjust nodes to get the shape as shown.

8. Now create eye ball inside the eye shape. And place them as shown in the picture. And merge
both the eye shape layers and from the layer style apply stroke of 1 pixel in black color.

9. Now with pen tool we will draw the lips of the teddy bear.

10. Now select the face layer. Double click the layer to open layer style window. Apply layer
style with the following settings.

11. Now select the nose layer. Double click the layer to open layer style window. Apply layer
style with the following settings.

12. Now We will draw the body of the bear. Using your ellipse shape tool, draw the shape fill
with “#402A00 color” and place behind the face layer, as shown.

13. Now we will draw the arm using pen tool.

14. From the layer style window apply stroke of 3 pixel in black color. Now from layer
menu apply layer style>>create layers. Merge both the layers. Remove the upper portion
of the arm to join it with the body.

15. Duplicate and flip horizontal arm for the other side. Apply stroke to the body.

16. Now with pen tool draw the shape of the hand.

17. Now in the hand shape apply layer style with the following settings.

18. Duplicate and flip horizontal hand for the other side.

19. To finish with it we will add little more details to the ears and add eye brow using pen tool.

Thank You and hope you Enjoy! this tutorial.

Photoshop Tutorial

Summary:
Applying a polished chrome style effect to text is great for adding style and interest to a graphic design project. In this tutorial, we’ll learn how to create text that has this shiny appearance.

Step-By-Step Instructions:
1. Create new RGB document and call it “chrome”

2. Insert reflecting image into your document and place it above background layer.

3. Go to Channel palette, create new channel and call it “type mask”. Select text tool and type word PHOTOSHOP. Press Ctrl+D to deselect.

4. In the Channels palette drag the “type mask” layer on to the icon “create new channel” to make new copy and name it “blur type”. Go to Filters > Blur > Gaussian Blur and apply with radius 4px.

5. Copy “blur type” and name new channel and name it “masked blur”. Go to Select > Load Selection, check Invert and fill the selection with black fill:

6. Save “masked blur” channel in new document and name it “displacement_map” (Ctrl+A to Select All, Ctrl+C to Copy, File>New Document, Ctrl+V to paste).

7. Press Ctrl+D to deselect. Click on RGB channel to see the image of sky you loaded in the beginning. Go to Filter>Distort>Glass and use Distortion=20 and Smoothness=10. Use displacement_map for texture

8. In Layers pallete create new layer, name it “emboss” and fill it with white color. Go to Filter>Render>Lighting Effects. Use channel “masked blur” for texture channel, check “White is High” and experiment with properties:

9. Change blend mode for “emboss” to “Overlay” to make text even shinier.

10. Go to Select>Load Selection > “masked type”. Check “inverse” and press Delete to remove everything outside from the type:

11. Double click on the emboss layer to call up the layer’s properties dialog and check “Drop Shadow” and “Stroke”. Change the stroke color to black. Experiment around with Bevel and other settings:

(Add a backdrop for emphasis.)

Photoshop Tutorial

Summary:
In this tutorial, we’ll learn to create a cool looking text effect that has a paper texture. This is a great way to add some spice to your graphic design projects.

Step-By-Step Instructions:
1. Open a New Document in Photoshop. 400×150 hieght/width.
2. Create a new layer. Name it “Paper Texture”.
3. Select the Paint Bucket tool. Fill in the “Crack Texture” layer with a light grey color.

4. Goto Filter > Texture > Texturizer. Set Scaling to 100%, set the Relief to 4. Click OK to accept.

5. Select the Type tool. Choose any font you desire. Type a word onto a new layer across the texture.
6. Select the Magic Wand tool. Click outside of the text to select everything except the text.

7. Click on the “Eye” icon on the Layers Palette for the Type layer to hide it.
8. Click the “Paper Texture” layer the Layers Palette so that it is active.
9. Click the Delete key.

10. Feel free to right click the “Paper Texture” layer, select Blending Options, and then add any Blending Properties to the text to give it more interest. Such as a Drop Shadow or Bevel and Emboss effects.

Photoshop Tutorial

In this tutorial we will learn how to make a metallic texture to use in your projects.

1. Open a New Document in Photoshop. 250×250 hieght/width.
2. Make sure foreground color is a dark grey color and background color is white.
3. Use the Paint Bucket to fill in the canvas with the dark grey.

4. Goto Filter > Noise > Add Noise… and set Amount to 15. Click Gaussian and Monochromatic.

5. Goto Filter > Brush Strokes > Angled Strokes. Set Direction Balance to zero.

Photoshop Tutorial

In this tutorial we will learn how to create a stucco texture to use in various graphic design projects.

1. Open a New Document in Photoshop. 250×250 hieght/width.
2. Make sure foreground color is black and background color is white.
3. Goto Filter > Render > Clouds Difference.
4. Click Ctrl+F to apply Clouds Difference filter again.

5. Goto Filter > Noise > Add Noise. Set Amount to 15. Click Gaussian and Monochromatic.
6. Goto Filter > Sketch > Bas Relief. Set Detail to 12. Set Smoothness to 2.

7. Goto Image > Adjustments > Color Balance. Adjust the sliders to give the stucco texture the color of paint you want.

Photoshop Tutorial

Summary:
Camoflauge textures are often random and because of this, it’s useful to use the techniques in this tutorial. We’ll walk through some very basic steps to creating a camoflauge texture in which you can apply any color theme.

Step-By-Step Instructions:
1. Open a New Document in Photoshop. 250×250 hieght/width.
2. Make sure foreground color is black and background color is white.
3. Goto Filter > Render > Clouds Difference.
4. Click Ctrl+F to apply Clouds Difference filter again.

5. Goto Filter > Artistic > Sponge. Adjust sliders so that the result looks like camoflauge.
6. Goto Image > Adjustments > Color Balance. Adjust color sliders to give the color of camoflauge that you desire.
7. You should now have your camoflauge texture.

Photoshop Tutorial

In this tutorial we will learn how to make a fruit basket.

1. Open a new doucment with white background of 400×300.

2. Create a rounded rectangle using rounded rectangle shape tool. Press Ctrl+T. Right Click and select Warp. Adjust the nodes to get the shape as shown.

3. Appling the following the layer style.
Gradient: From color B8A000 to D7C970
Angle: 90 degree
Scale: 100%
Stroke Size: 2 px
Color: 847300

4. Create an ellipse using Elliptical Shape tool. Again apply the same layer setting as in the Step 2.
Now rasterise the layer and delete the upper half with the Rectanglar Marquee Tool as shown in the picture.
Now place this layer below the first layer.

5. Now With the Pen Tool draw the shape as shown in the picture. Rasterise the layer.
Now make a copy of this layer and then go to Edit > Transform > Flip Horizontal.

6. Now place it as shown in the picture.

7. Now similarly draw the other two shapes with the Pen Tool.

8. Now that you have done with all the four shapes, next you need to merge them. You can merge them by going to Layer > Merge Down.
Repeat this same step till you get all the four shapes in a single layer.
Now apply the following Gradient Setting:
Color: 8A6500 to A08331
Angle: 90 degrees
Scale: 100%

9. And finally here we are with the basket. Now you can place some fruits on it.

Thank you and hope you enjoyed the tutorial.