Daily Archives: February 20, 2011

40 Photoshop Illustration Tutorials


40 Photoshop Illustration Tutorials

PUBLISHED MARCH 9TH, 2009 IN DESIGNThank you for visiting the Vandelay Design Blog! We regularly publish collections ofPhotoshop tutorials like this one. If you would like to learn Photoshop, please consider subscribing to our feed by RSS or by email so you don’t miss these posts.

While Adobe Illustrator is the preferred tool by most designers for illustrating and drawing digitally, Photoshop can also be used for some types of illustration. This post includes a selection of tutorials that cover the process of drawing various objects in Photoshop.

Creating a Cartoon Hot Air Balloon Scene

Hot Air Balloon

How to Create a Delicious Ice Cream Bar

Create an Ice Cream Bar

Create a TV in Photoshop

Create a TV in Photoshop

Create a Vector Style Illustration in Photoshop

Vector Style Illustration

Making a Digital Watch Icon

Make a Digital Watch Icon

Illustrating a Cool Glass of Beer

Illustrating a Glass of Beer

Using Gradients to Make Light and Shadow – and a Coffee Cup

Illustrate a Coffee Cup

Rainbows – Making of

Rainbows - Making of

Psychedelic Life Tutorial

Psychedlic Life Tutorial

Create a Slick Black iMac in Photoshop

Create a Slick iMac

How to Create a Desk Environment in Photoshop from Scratch

Draw a Desk Environment

Create a Sleek Illustration that Fades from Line Art to Color

Sleek Fading Illustration

How to Create a Classic Guitar from Scratch in Photoshop

Create a Guitar

Vanity License Plate

Illustrate a License Plate

How to Create a Delicious Green Apple Illustration

Green Apple Illustration

Create a Poster Illustration with Floating Floral Elements

Poster Illustration

Create a Natural Composition with Light Shining Through a Rustic Fence

Draw a Fence

Amazing Retro Rainbow Curves

Retro Curves

Illustrate a Traffic Cone in Photoshop

Draw a Traffic Cone

Create a Vector-Based Zune with Photoshop

Drawing a Zune

Create a MacBook Air Ad

Draw a MacBook Air

Red Gamble Dice Icon

Illustrate a Dice Icon

Create a Shiny 3D Snooker Ball in Photoshop

Create an Icon

Draw Your Own Hair

Draw Hair

Aging Road Sign

Draw a Road Sign

Make a Realistic Football

Draw a Football

Draw Your Snowman in Photoshop

Draw a Snowman

Draw in Photoshop Using a Tablet

Draw in Photoshop Using a tablet

Custom Hard Drive Icon

Draw a Hard Drive Icon

Swiss Army Knife Tutorial

Draw a Swiss Army Knife

Drawing Hair with Photoshop

Drawing Hair with Photoshop

Draw an MP3 Player

Darw an MP3 Player

Google Chrome Logo Design

Google Chrome Logo Design

Chalkboard

Illustrate a Chalkboard

Making a Photoshop Shield

Making a Photoshop Shield

Drawing a Glossy Monitor

Drawing a Glossy Monitor

How to Make a Bangin’ Woofer Inbedded in Wood

Draw a Woofer in Wood

Drawing a High-Detailed Glass Ball

Drawing a Ball

Drawing Vector-Looking Cat Illustration Using Photoshop

Vector-Like Cat

Drawing Kirby

Drawing Kirby

For more Photoshop tutorials, please see:

Free Vector Graphics

 

Advertisements

Create Awesome Abstract Artwork with Clone Stamp Tool in Photoshop


In this tutorial, I will show you the steps I took to Create Awesome Abstract Artwork with Clone Stamp Tool in Photoshop. The main focus of this tutorial is the use of clone stamp tool and how to combine it with Pen Tool to create abstract patterns quickly and effectively. Have a try!

Here is a preview of the final effect I have for this tutorial: (Click to Enlarge)

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $4.95/Month (or less)! You will not only get this PSD File, but also 40+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive 🙂 Find out more about the VIP Members Areas

Ok Let’s get started!

To complete this tutorial, you will need the following stock:

Grungy Texture (choose the first one from the pack)

Model

Step 1

Load the Grungy Texture into Photoshop, crop out the middle section as shown below:

Add the following two adjustment layers on top:

Hue/Saturation

Levels

and you will have the following effect:

Step 2

Load the model image into Photoshop, cut out the model and paste it onto our canvas. Don’t worry if the selection is not perfect, this is not the focus of this tutorial.

Add the following two adjustment layer as clipping mask on top of the model layer:

Curves

Levels

Mask on Levels adjustment layer:

and you will have the following effect:

Step 3

Now let’s add some variety into the image. Duplicate the original model layer, reduce its size and rotate it as shown below:

Add the following black and white adjustment layer as clipping mask to this duplicated layer:

and you will have the following effect:

On the layer mask of the black and white adjustment layer, use a hard round brush to erase some parts as shown below:

and you will have the following effect:

Duplicate the original mask layer again, resize and put of the hand as shown below:

Add the following black and white adjustment layer as clipping mask to this duplicated layer:

and you will have the following effect:

Again, on the layer mask of the black and white adjustment layer, use a hard round brush to erase some parts as shown below: (Please note that screenshot is indicative only)

Hint: try adjusting the brush opacity and flow when you erase for more depth

and you will have the following effect:

and here is the overall effect so far:

Step 4

We can now add some abstract pattern to the image. Make sure you put all layer created in this step below the original model layer.

Use the Pen Tool to draw a work path as shown below – try following the curve the body:

Stroke the path with a 30-40px soft black brush, and set the layer blending mode to “overlay”. You will have the following effect:

Duplicate this layer a few more times, scatter them around the canvas as shown below:

Now grab the clone stamp tool, use the chalk brush and choose “All Layers” for sample:

Hold Alt + left-click to choose an area on the body as clone source:

Optionally, after you choose an area to clone,  draw a work path with Pen Tool and stroke the path with clone stamp tool:

Then use the brush + clone stamp, just go crazy on the layer and you will have some great patterns as shown below:

Once you’re done, duplicate this layer and warp it to create some flying motion to the image:

Duplicate this warped layer and attach it to both side of the model as shown below:

Step 5

We can also add some circle shape to the image to spice it up a little more. To do this, draw a circle and fill it with black colour:

Apply Gradient Overlay on this circle layer:

Duplicate this circle layer a few more times, scatter them around and use “color burn”, “overlay” or “soft light” blending mode for those layers and try out the effect:

Add the following Levels adjustment layer on top of previous layers:

and the following layer mask on the Levels adjustment layer:

and here is the effect so far: (As you can see, we can create some great looking abstract pattern with clone stamp tool + pen tool + warp tool)

Step 6

For some final touch-ups, add the following adjustment layers on top of the layers:

Curves

Photo Filter

I also added Len Flare and a few more lighting effect to the image, and here is the final effect I have for this tutorial: (click to enlarge)

That’s all for this tutorial! Hope you enjoy it and find it useful 🙂 Till next time, have a great day!

Want more? Check out those related posts!

  • VIP Member Exclusive Tutorial – The Creation of “Endless Journey” Digital Art in Photoshop
  • Create a Surreal Fiery Burnt Wood Lady Figure with Vexel Hair in Photoshop
  • Create a Detailed Meteorite and Surrounding Space Environment in Photoshop
  • Design an Angelic Style Owl Warrior with Abstract Patterns in Photoshop
  • Create Awesome Abstract Nebula Circle Shape in Photoshop
  • VIP Member Exclusive Tutorial – The Creation of “Alone Again” Digital Art in Photoshop

Share

 

Design a futuristic 2011 TUTORIAL



Design a futuristic 2011 wallpaper

Design a futuristic 2011 wallpaperWe couldn’t start the new year without a Photoshop tutorial on how to realize a high-style 2011 wallpaper! Let’s create together a futuristic type treatment in 16 easy-to-follow steps. We will deal in particular with layer masks and light effects. Also I will show you the power of layer styles and how they can be used to realize awesome text effects.

Preview

Futuristic 2011 wallpaper

Download the wallpaper:

DOWNLOAD SOURCE FILE

 

 

Become a Premium Member and get unlimited access to source files and premium resources for only 7$/month. Click here to learn more.
Are you already a member? Login to download the PSD file.
Step 1

Let’s start creating a new 1920×1200 pixels document in Photoshop (this is the size of my desktop, you are free to set up yours). Resolution is 72 pixels/inch.

After unlocked the background layer (double-click on it), right-click on its thumb in the layers window add select “blending options”. Here add a gradient overlay going from grey (#565656) to black (#000000).

Futuristic 2011 wallpaper

Step 2

To create a grunge background we need a texture. Our Scratched Metallic Textures set is perfect for this purpose. I used metal_2.jpg.

Merge it into the document (File>Open… and select the texture). Then press ctrl+T to activate the Free transform tool and rotate and resize the texture to match the canvas size.

Futuristic 2011 wallpaper

Desaturate the texture (Image>Adjustments>Desaturate) and set the layer blend mode to overlay with opacity around 25%. Apply a couple of times the sharpen filter (Filter>Sharpen>Sharpen) if the texture is too much subtle.

Futuristic 2011 wallpaper

Step 3

The choice of the right font is fundamental to achieve the desired result. In this case I usedNull, a marvelous bold free font.

The text color is not important, we will modify it later with layer styles. Font size is 335pt.

Futuristic 2011 wallpaper

Step 4

With the blending options, add a 16px stroke effect to the text, with position set up on “inside”.

Futuristic 2011 wallpaper

Step 5

Now the tricky step: we need to separate the stroke effect from the white text. Why? Because if we separate them, we can apply different layer styles later to both the stroke and the text.

In the layers window, right-click on the styles (displayed below the text layer), and select “create layer”. You will obtain a layer with the text and a separated layer with the stroke effect (the small arrow indicates the clipping mask).

If you hold down alt and click between the text layer and its stroke, you will eliminate the clipping mask and the stroke effect will be transformed into a black rectangle. We can replace the stroke without the clipping mask (that could cause problems later, this is why we’ve eliminated it). Simply select the stroke layer, right-click on the text layer to select its pixels and press the “add layer mask button” which is at the bottom of the layers window.

Futuristic 2011 wallpaper

Step 6

To eliminate the area of the text that is overlapped by the stroke effect, select the text effect layer, ctrl+click on the stroke layer (pay attention to click on the layer thumb, not over the layer mask), inverse the selection (Select>Inverse) and add a layer mask.

In the screenshot below I moved down the the text layer so you can see better the result of this step:

Futuristic 2011 wallpaper

Step 7

Right click on the layer mask of the text and select “Apply layer mask”. Do the same with the stroke. Now we have 2 layers containing 2 simple shapes.

Zoom in and refine the edges of the stroke with the help of the rectangular marquee tool:

Futuristic 2011 wallpaper

Step 8

We can start adding style to the stroke shape. Open the Blending options window and add a dark grey (#242424) color overlay:

Futuristic 2011 wallpaper

Then select Bevel and Emboss to give depth to the shape:

Futuristic 2011 wallpaper

Finally add a drop shadow (white) to stand out the stroke shape:

Futuristic 2011 wallpaper

Step 9

To add a touch of grunge to the stroke shape we can use one of our Grunge textures Vol1. I merged grunge7.jpg into the document, then I resized and rotated it (ctrl+T) and set the layer to overlay so you can preview how the texture will affect the stroke.

Futuristic 2011 wallpaper

Reduce opacity to 30%, then ctrl+click on the stroke layer and add a layer mask so the texture will be applied only to the stroke shape (same technique explained in step 5)

Futuristic 2011 wallpaper

Step 10

Let’s switch to the blending options of the text layer.

Add a dark grey (#282828) color overlay:

Futuristic 2011 wallpaper

Add satin set up on color dodge with white as color, in order to lighten the text:

Futuristic 2011 wallpaper

Finally add an inner shadow:

Futuristic 2011 wallpaper

Step 11

Create a new group between the text and the stroke layer. Here we will put in the texture for the text. Add a layer mask to the group after selected the text layer (ctrl+click on its thumb). In this way all what we will put inside the group will affect only the area covered by the text.

Firstly I put in one of our Concrete textures. Set the layer to overlay with opacity around 35%.

Futuristic 2011 wallpaper

Secondly I created a new layer and painted over the edges of the text using a large soft black brush (hardness 0%)

Futuristic 2011 wallpaper

Step 12

The last touch to the text will be a eye-catching line inside the stroke shape. Create a new layer and ctrl+click on the stroke shape to select its pixels. Then go to Select>Modify>Contract and enter a value around 7px.

Futuristic 2011 wallpaper

Press alt+delete to fill the selection with the foreground color (the color is not important at this stage). Then press ctr+D to deselect.

Futuristic 2011 wallpaper

Step 13

Open the styles window to stylize the inner shape. Start by adding a gradient overlay (angle 90°) going from yellow (#ffb90d) to a warm red (#cc0045) to green (#009980)

Futuristic 2011 wallpaper

Add Bevel and Emboss with the following settings:

Futuristic 2011 wallpaper

Add a soft white outer glow:

Futuristic 2011 wallpaper

Step 14

Create a new layer and fill it with black. Make sure to have white and black as foreground and background color and go to Filter>Render>Clouds. Set the layer to screen and reduce the opacity to around 15%. We have so created subtle clouds that will enhance later our light effects.

Futuristic 2011 wallpaper

Step 15

It’s time to add color to our composition. Go to Layer>New Adjustment Layer>Gradient Map to create a new gradient map layer (you can see it into your layers window). Set a gradient going from purple (#6f156c) to green (#00601b) to orange (#fd7c00). Switch the layer to overlay with opacity 70%.

Futuristic 2011 wallpaper

Step 16

To complete the wallpaper, let’s add some astonishing light effects, using the usual technique: create a new group and put it immediately below the gradient map layer. Switch the group blending mode to color dodge. Create a layer inside the group, grab a large soft white brush e click once. Move the light effect over the area you want to enhance. Play with layers’ opacities so light effects won’t be too much strong.

Futuristic 2011 wallpaper

Futuristic 2011 wallpaper

Finito!

The wallpaper is now complete! Enjoy it 😉

Futuristic 2011 wallpaper

DOWNLOAD SOURCE FILE

 

 

Become a Premium Member and get unlimited access to source files and premium resources for only 7$/month. Click here to learn more.
Are you already a member? Login to download the PSD file.

Related Posts

  1. How to design a grunge styled portrait in Photoshop

    How to design a grunge styled portrait in Photoshop

  2. Create an awesome broken plate typography effect

    Create an awesome broken plate typography effect

  3. How to create a mysterious poster design with 3d text

    How to create a mysterious poster design with 3d text

feat month

2500+ premium design resources for only $7!

We do the best to provide high-quality products that you can use in your commercial projects.
You bet!

take a toursign-up

Author: Sebastiano

 

© Copyright 2010 WeGraphics.net – All rights reserved. Design and code by WeGraphics Team