Step 19

We have some work in Illustrator. And we need to take the model into Illustrator. To do this Ctrl + click on the model’s Layer Mask. You have the selection now, press Ctrl + C to copy.

img(27)

Step 20

Now open up Illustrator, create a new document and press Ctrl + V to paste. Select the image. On the Options Panel you can find Live Trace button. Click on the small triangle next to it and you will get dropdown menu with tracing presets. Choose Hand Drawn Sketch from the list.

img(28)

Step 21

Once the tracing is completed you can fine tune the trace using the Tracing Options box. which can be found on the Options Panel.

img(29)

Step 22

Copy and paste the trace into Photoshop. We can simply copy and paste items into these programs so easily and they work very well together. Now Place the trace layer the model layer.

img(30)

Step 23

I want to apply a different color to the trace layer on some areas. Create a new layer above the trace layer and clip it to the trace layer (Ctrl + Alt + G). Apply color with the brush wherever you want.

img(31)

Step 24

Hide unwanted lines using the Layer Mask.

img(32)

Step 25

Now bring in the galaxy stock image into our design. It will add nice dynamic feel to the design. Take it and place above the jacket layer.

img(33)

Step 26

The galaxy layer spread across the entire canvas. We need to limit it only to our model and hide the rest. Ctrl + click on the model thumbnail. It should load up the selection.

img(34)

Add Layer Mask with the selection.

img(35)

Step 27

Let’s make this galaxy to work. First set the blend mode to Lighten.

img(36)

Add Curves Adjustment Layer. Slightly pull down the mid tone values.

img(37)

Finally Set the layer opacity to 75%. It’s looking better now.

img(38)

Step 28

Here I am going to make a colorful shape. I used the normal Lasso Tool to make this selection. It will give that unevenness to the selection. Which we like to have.

img(39)

Fill #ffe38b in the selection.

img(40)

Lock the transparency of the layer. Make another selection above the previous one and fill it with #ff7178.

img(41)

Step 29

Finally clip our shape to the model layer (Ctrl + Alt + G).

img(42)

Step 30

Let’s create this nice shape with the Pen Tool.

img(43)

Convert it into selection and fill it with #ffe38b.

img(44)

Step 31

Duplicate the shape.

img(45)

Lock the transparency. Set the foreground color to #ff685e and hit Alt + Backspace to fill the new color. You can fill any color anytime once you have locked down the transparency, and it’s an alternative to Color Overlay which is accessed through Layer Styles. There is more than one way to achieve things in Photoshop. We need to choose what is intuitive in a situation.

img(46)

Step 32

Press Ctrl + T. Right click and choose Flip Horizontal. The Flip Vertical.

img(47)

Place it on the other side of the face. Position it properly to get the desired look.

img(48)

Step 33

Make several copies of the shape. Place them above her arm. As I mentioned you can fill different colors in the shapes because we have locked the transparency of the layer.

img(49)

Step 34

We have this shape here which is created earlier. Remember it is a shape layer that has a vector path associated with it! Click on it.

img(50)

Now open the Paths Palette. You can see the Vector Mask of the shape layer. Click on it and drag it onto the Create new Path button at the bottom of the palette. This will create a new path for us which we need to do something.

img(51)

Subscribe
Notify of
guest
38 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments
Stanley

Some good techniques I just learned here – thank you! I just wish Photoshop had some of Illustrators features so I don’t need to go back and forth. I can copy and paste the illustrator elements into Photoshop CC but the problem is to get Illustrator, you need the full Adobe Creative Cloud subscription. Most of my students can only afford the Lightroom and Photoshop plan.

Anonymous

Nice artwork!

Lileep

Nice tutorial but sad how you have to use adobe illustrator for that trace contours thing

Edward Dusenbury

What is the canvas size for step 1?

Photoshop Tutorials Staff

1169×1654 pixels

Although you can use any canvas size you like, it’s best to use something similar while following the tutorial.

Joshi

WELL DONE!! Great tutorial Niranth!

Phones Photos n Tools

<3 Cool post ?

Phones Photos n Tools

totally right couldnt agree more

Phones Photos n Tools

I agree Amazing info ?

Phones Photos n Tools

who else really gets this ?

Phones Photos n Tools

Yup

Bestonlinegamesnews

Worlds best tips fan

Biddut BD

nice

Phones Photos n Tools

<3 Sweet reply

Biddut

tnx

Blogsizzle.com

Really nice stuff!

Bestonlinegamesnews

Agreed Awesome !

Rob Claridge

Can we do the same in Inkscape and Gimp?

Joanna

Really covered a lot of different techniques and new shortcuts. It’s cool seeing such seemingly “random creativity” captured and explained step by step.

I also appreciated seeing vector art combining with textures in photoshop. Merges the gap for me that I have in my head.

thank you!

Allison

You should add some bookmark or like buttons!!

Anonymous

this is hard as fuck

CaroKaro

Where can you find the original pictures to do this? I tried on a random picture and i got lost.

Maidul Islam

Awesome Post. Lighting is most beautiful.Thanks for sharing such informative post its help me to know deeply Photoshop work step by step.

Kati

What a fantastic tutorial! :)
Thank you very much!!!!!!!!!!!

Mike Langley

I hate illustrator i was doing geat up until the hair i surrender…

Retro poster

Oh great explanation. I have ready mate unique retro poster

Joao

im trying to do this, but i have illustrator cs6 and i cant do it :x
What version its this?
cs5?
Anny help?

Joao

Que versão é usada no ilustrator?
eu tenho o cs6 e não consigo :/

shohel

This Tutorials is very helpful for me.

Free Photoshop Actions

Sign up to our weekly newsletter and get 10 free Photoshop Actions.

Special FX Photoshop Actions