Soul Rebel Poster TutorialListThumbs

Soul Rebel Poster Tutorial

July 02, 2009

In this tutorial I will show how to create an awesome illustration that can be printed as a poster to hang it on your wall. I broke down step by step from the beginning to the end so you can follow and understand exactly what I went through while making this piece, and you get to download the .psd at the end.

Soul Rebel Tutorial - Visit my Behance

To get the feeling tune in to Bob Marley - Soul Rebel

In this tutorial I won’t be going into to small details, you have to know a bit more to understand what is being done but if you have any questions feel free to ask on the comments area.

To begin this image as always I take my time surfing through tons of stock photos looking for that photo that will take my attention, as I have seen so many cool images lately on Abduzeedo, specially the daily inspiration I decided to try something different, something that will pop out with great lightning and color.

In order to get that I wanted to get a full body shot of a girl just like the one I found at http://katanaz-stock.deviantart.com/ as you can see here:

katanaz-stock has great photos with high quality, make sure you take a look.

So I open a new file in Photoshop 18x24in 300dpi so at the end if the result is nice I can make a big print to put on my wall. You should always work with high dpi so your work can be printed with quality.

I select the girl and paste it into a light gray background and this is how my image begins.

What I want to do is to work on the girl photo by changing its color and illumination. First by adding Image>Adjustments>Curves with these settings giving a blue look to the photo.

Curve Settings

RGB
Output: 119
Input: 157

Red
Output: 121
Input: 153

Green
Output: 165
Input: 133

Blue
Output: 149
Input: 99

The result is good and I want to make the colors look more alike so I will make the light blue outfit more like the hat color by going to Image>Adjustment>Replace Color click on any part of the light blue and replace it to a light purple by using these settings:

And you result should look like this:

It’s almost the way I want, it’s always good to take time in order to get a good result at the end. What I want to do now is to get a better light on her face so I will duplicate the layer of her photo and using Image>Adjustments>Contrast (Brightness: 20 Contrast: 0)

And on the layer mask (if you used one, if not just create one) use the Gradient Tool to keep only the top lighter.

Now I will create a new layer on top of the girl and using the brush pack “41 Grunge Brushes” that was mention on the “10 Awesome Free Photoshop Brushes” I posted two weeks ago.

So selected a couple of different brushes from this pack and painted the left side of the girl image using the same colors from her image. Using the Eyedropper Tool click on the girl to select a color and paint it with the same color on the new layer you created and your result should look like this:

Now to give a even better look, I will go back on the girl layer and on the layer mask I will paint the left edge black using the same grunge brushes to give a impressions that the image is being painted on that side and I also cut the other leg on and angle.

I want to use the angle that I created on her left leg to be a base for the light and possibly a direction for the typo in case I decide to write anything in the future.

So I create a couple lines on a new layer on top of the background, this lines will give a special look on the background and also help me with the direction of everything and different spaces to work on.

So now I will start to work on the background I like what I have so far and what I will try to get is some kind of abstract background that will blend in well with what I have so far.

So I create a new layer on top of the gray background layer and with the Gradient Tool using the Radial Gradient I paint a circle from inside out to give a better illumination on the girl. Set the layer Fill to 75%.

Now I want to add a little something on the background so I got a bokeh photo that I desaturated and added on to the background, put the layer mode to soft light and the Fill to 46 %

Bokeh photo by http://ermenelwen.deviantart.com/

My Background is starting to look good still a lot of work to get the right look we need to get an impressive result. I like to experiment a lot, I tried a lot of thing until I got the results that I am walking through with you guys so it’s always to try a bunch a things and stick with the best results.

My new layer is going to have a dark area on the bottom of the image, I used the Gradient Tool using the Radial Gradient to create the dark area on the bottom as you can see here, I set the Fill to 80%.

Once again I create a new layer and with the Polygonal Lasso Tool I select the right bottom part of the image on the same angle the leg was cut and apply a Gradient Tool using Linear Gradient with white color.

And set the layer Fill to 20% to get this look:

Now using a Pattern I created by making a gray circle in the middle of a 30pixels square document as you can see here.

Set that as a pattern with a transparent background. Now create a new layer and select the middle part of the background and Edit>Fill Using the pattern you just created.

For a better look add a layer mask to it and using Gradient tool I create a shadow on the bottom part of it as you can see here

Now I am going to create a new layer and get a regular round brush, go to brush settings and mark Scattering and paint the whole layer with black, white and gray as you see here:

Now apply Filter>Blur>Motion Blur with the settings Angle: 45 Distance: 600 and set the layer mode to Vivid Light, and you should get something like this: (if it comes out too dark you can use brightness/contrast to make it lighter)

On a new layer I will apply some color now making some yellow stripes following the lines that I made in the beginning, set the layer mode to Overlay and Fill to 25%.

And you can also take a look of what you should have for the background layers.

I am going to use this photo that I took in NYC a while ago, and I am going to paste it on top of the background layer

Desaturate the photo Image>Adjustment>Desaturate and set the Fill to 40%.

Our background is coming along very well now on top of the yellow stripes layer we are going to create another layer that we will add a white light created using the Gradient Tool > Radial Gradient

Create another layer and with the Single Column Marquee Tool create a bunch of lines, when you get a good amount, rotate them on a 45 degree angle and place them on the top right as you can see on the image

Now is time to give the special look to the image by adding a tiger coming out of her body, so I had this photo here for the longest time and I always had a feeling I would use it for something good, so I did.

Photo from http://www.sxc.hu

Selected the tiger, don’t really need to be a good selection since we are going to apply the same technique we did with the right side of the girl with the 41 Grunge Brushes, do that around your selection on the layer mask and set the layer to Overlay.

You should get something like this:

I want to create some smoke on that background so I make a new layer and using the smoke brush pack that I posted here 25 Free Photoshop Brushes. Make some smoke on the right side and set the layer Fill to 50%

Just like we created the yellow stripes we are going to create a green stripe now only on the top part, set the layer mode to Soft light and the Fill to 75%.

If you have been following all the steps here is a look at the layers and what you should have so far.

We got a pretty good point so far I know the colors don’t look very impressing but I like to save that for last. Now I want to put some more stuff on the bottom right because I am thinking about adding a text there.

So first thing I do is using this galaxy photo I have

http://michalv.deviantart.com

Put it on our image on top of the girl layer and place it on the bottom right, desaturate the layer and set the layer mode to Exclusion, also give it a layer mask and go around the edges so it won’t be to rough as you see here

Now on a new layer I am going to add some smoke on that same area to fill up that space a little more.

One more thing that I want to do is create a new layer and add some more of that Grunge Brushes at the bottom of the girls to blend in more, so I do that using some dark colors as you see.

Our background is pretty filled up now and we got to the point that everything seems to be in place and looking good, to make an even better blend of the girl and the background I will add a typo on a angle right where here leg connects to the line.

As I have been listening to Bob Marley all through out the process of creating this image I wanted to name it Soul Rebel because that song got stock on my head and I kept playing it as I was finishing the image.

So I wrote down SOUL REBEL using the font MOD that can be found here Friday Fresh Free Fonts #1 set the layer Fill to 61% and to get the typo on the same spirit of the image I used that same effect on the typo using the Grunge Brushes as you can see.

Now with a smaller font I wrote LET YOUR INSIDE OUT with a darker color and set the layer Fill to 69%, but the darker color kind of blended in to the background and it’s kind of hard to see so I create a new layer under it, with a regular brush make a small line using color white, give some motion blur to expand the line and place it right under the typo, just like I did here:

On this point I can say that my composition is done, and I really like what I have, now is the part that I like the most, play with the colors. There is a lot of ways I do this and I am sure a lot of people do it differently and so on.

What I did was add a new layer on top of all the others, paint it bright yellow and set the layer mode to Linear Burn.

Now another layer on top and this one I am going to paint it light purple and set the layer mode to Linear Light and the Fill to 75%.

As a result we get this beautiful color and result to our image.

Now to give a final touch I create a new layer and I pick a very light blue as my color, and using the Gradient Tool / Radial Gradient I paint the light blue around my image, so I set the layer mode to Soft Light and the fill to 35% as you can see it gives a different color look around the image.

I really like that but I only want that effect on the bottom of the image so I add a layer mask to it and using the same Gradient Tool this time Linear Gradient I take off the top part as you can see here with the layer.

CONCLUSION

My advice to everyone that followed the tutorial, and want to take their work to the next level is to experiment a lot while creating your image, have a main idea in mind and work around it, give time to get your work done. It’s better if you create one good piece in a month than have 10 crap ones by the same time.

So here is the final result, I will put up the .psd on a lower resolution for download in case you have any doubts you can check out the .psd and have fun!

DOWNLOAD .PSD

About the author

Hi! I'm Paulo Canabarro and I'm here to post some really cool stuff for you, if you have any ideas or any requests please get @ me - pvpcanabarro@gmail.com you can also Follow me on twitter!

Sponsored Links:

Help us to share this!

50 Comments

newparis07/02/2009

O m g
sweet !

JoeyL07/02/2009

Awsome its really usefull.

BogDinamita07/02/2009

sweet man! great taste, never seen something so fresh in a long time!!

vectorss07/02/2009

awensome. great tut Thanks Paulo

Le0nidius07/02/2009

Nice effect at the end. I like colors.

Alex Alfaro07/02/2009

You had forgotten good tutorials this week!

Thanks for this one

solemone07/02/2009

Great tutorial!! Nice colors

Ferch007/02/2009

Omg! That's soo cool, very useful thanks

Marcs07/02/2009

awesome tut.
i just think it would be useful if you added a preview of the final image at the beginning of the post, so that those who came here through direct links (twitter) can have an idea of what they're getting before waiting for all the images to load before the final one.

cheost07/02/2009

astig...........................

longo07/02/2009

I honestly envy you being so close to Fabio..

dudouz07/02/2009

it fits better with a lion
and some black woman too...

the lion of judah...

rajji 07/02/2009

awesome one bro ^:)^ u simply rock

Anonymous07/02/2009

OH MY GOSH!

AWESOME TUTORIAL, THANKS ALOT!

jaypalmerpics07/02/2009

Very cool. Best site on the web yea heard!

Stanley Parrish07/02/2009

At first, I was like where is this going??
Nice results!

Timon07/02/2009

verry nice, i'm gonna try this one but then with my slef in it ^^

MrShinyredplanet07/02/2009

I like the colours, the effects are bleh.

David Mariuzzo07/02/2009

Beautiful!!! I love this one, thanks!

C__TR_L07/02/2009

Too messy. Sorry, not a fan.

christo07/03/2009

this looks cool, nice tutorial

malicho07/03/2009

sweet, love the effect. bokeh played little to no role in final.

Anonymous07/03/2009

Very very very nice tutorial!!!

Diego Spamer07/03/2009

I think that effect might look better in a car or a spaceship or something like that, not in girls.

Silenzo07/03/2009

omfg this is cool! like it very much, really!!
Gonna try it to!

chandrika07/03/2009

cool.........................:)
http://www.flickr.com/photos/eggchandrika/3683329793/

Labubulle07/03/2009

Nice techniques but a little bit messy for me too.
Thanks for sharing anyway

Caitlin07/03/2009

Very cool. Thanks for the tutorial!

rahulfow@gmail.com07/03/2009

really a great work....... this has tickled me a lot....!

Anonymous07/03/2009

On the first view this really seems to be a good tutorial, but I can't get used with the result, there is something missing, maybe the colours..., it misfits the image somehow. :S

«Zeca»07/03/2009

Muito bom...
Parabens!!!

Anonymous07/03/2009

That's pretty flippin dope. Thanks!

AzteKpr1de07/04/2009

I like it. Gonna try it when I get home. XD

Netto Tall07/06/2009

poxa.. c tivesse em portugues seria otimo.... + o tuto ta show.... :(

openeverysense07/07/2009

Dope tutorial, used a small part here and there, great inspiration.
www.openeverysense.com

justice07/16/2009

hey, this is super great tutorial. i just have one question. how do u ensure that the print will be exact as what we have done on psd? would be great if u can reply at my email. thanks!

lulilop07/21/2009

Great tuto. I'd like to do some work like this by myself !!!
I'll do, someday....

dizzmylife27707/25/2009

oh......great work.....^_^

slabster07/31/2009

WOW!

KPL.77708/03/2009

Thanks so much! This is so awesome! I made a really cool poster using the techniques. Please do another tut soon!!!!

Keil baker08/25/2009

I cant do steps where you mask the brightness to the painting black onto the mask layer it confuses me

Timon08/31/2009

I made him 2 :D but instead of a tiger I put my self in it :P
and a lion instead of a tiger Lion of juda

see for you self

http://timontheus.deviantart.com/art/Lion-of-Juda-135387353

haroo_baby09/03/2009

Great! daring :P

ZELIUS10/14/2009

Greatr tut!! Cool result

tEikiDEF11/15/2009

gr8 tuto. thks

Xacks11/19/2009

Awesome !! incredible !! you are a great designer !! congrats !!

vee12/05/2009

AWESOME !
it's so helpful. C:

Chimera web design12/15/2009

Amazing tutorial, love the choice of colours!

Eckstatic12/16/2009

This is an excellent tutorial, very neat effects, easy to follow, and super creative. Keep up the excellent work.

Sony01/06/2010

This is awesome tut i love this tut.. and it is easy to learn

"Nice work by Abduzeedo"

Thanks for this post

http://www.tutoreffic.com

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here?