Brushes for Photoshop CC

Featured Brushset

Photoshop Poster Tutorial – G900

time cs5 brushes9th December, 2008 - cs5 brushes comments48 comments »
 

As announced on the deviation, I’ve created a tutorial of the Sony Ericsson G900 picture.

Creating posters with Photoshop is a necessary part of any print and graphic designer. To get started, it can be very helpful to check out a Photoshop poster tutorial like that one. In this tutorial you will learn how you can create a 3D styled room where your product is presented in. For extraordinary boost you can add some effects by using Abstract Brushes.

It’s a perfect example for creating an awesome Poster with Photoshop.

Step 1

Create a new file (I used 500×800 in the original) and fill it with any color (I used purple, #6d005c).

Step 2

Take the burn tool and darken the marked area (image). Then switch to the dodge tool and lighten the marked areas (image). The shadows and highlights create something like a room.

Step 3

Your result should look like this.

Step 4

Now, take the image (UPDATE: The original G900 picture isn’t available anymore. So you can use this Lumia picture taken from the press libary of Nokia.) of the mobile phone and delete the whole white parts (cut it out) and place it in the center. You can take any other phone.

Step 5

Duplicate the layer of the mobile phone and color it completly white (ctrl+u – lightness +100). Use the gaussian blur to create a glow and set the layer on overlay. Don’t forget to put the layer below the mobile phone layer.

Step 6

Get Spazz24’s Splatter Brushes and install them (If you don’t know how to install brushes, read this guide). Create a new layer between the glow and the mobile phone and use some of the brushes to get a result like I got.

Step 7

Create a new layer below the mobile phone, draw a dark bold line with the paintbrush and place it below the phone (phones shadow). You can also create a dark rectangle, blur it and rotate it slightly.

Step 8

Duplicate the mobile phone, flip it vertical and place it like in the image.

Step 9

Use transform -> distort and pull the topleft corner upwards (image).


Step 10

Add a layer mask (hide all), press D and drag a vertikal line to hide the bottom part of the reflection. Your result should look like this (image).

Step 11

Create a new layer (above the others) and use the pen (only paths) to create a zigzag form around the phone. Start in the bottom left corner.

Step 12

Now start rounding the paths using the convert point tool (image).

Step 13

Select the paintbrush, choose a 2px brush (soft) and set white as foreground color. Now switch to the pen again. Rightclick on the path and choose stroke path (brush).

Step 14

Select the lasso tool and select every second line that covers the phone .. and delete it.

Step 15

Select the eraser (oppacity 20%) and delete the endings of the line softly.

Step 16

Duplicate the line layer and move it 5px upwards. Press ctrl+u and color the line (hue 290; saturation 100; lightness -50).Press ctrl+e to merge the layers. Duplicate the merged layer and use gaussian blur (about 1px) to create a glow.
Step 17
Create a new file with the sizes 30×30 and fill it black. Go to edit -> define brush preset and name it ‘square’ (or something). Switch to our phone picture, create a new layer and select the paintbrush. Open the brush palette and choose our new created square-brush. Click here to see the settings (sorry, but I use the german version).

Step 18

Create a new layer, set white as foreground color and click a few times on the 2 lines. If you like your result, set the layer on overlay.

Step 19

Make a new layer, select the ellipse tool and create by dragging a big ellipse. Switch to the eraser (oppacity 50% and a biiiig pencil) and erase the marked area (image). The gradient has to be very soft!

Step 20

Set the layer on soft light with an oppacity of ~40% and duplicate the layer. Now you can rotate and move the layer into a nice position.

LAST STEP

Don’t forget to add a cool text or something. Your poster is done now. Check my other tutorials here!

Questions ? Ask !

48 thoughts on “Photoshop Poster Tutorial – G900

  1. Sheena says:

    Damn it! I still can’t do even such an easy work! =)))

  2. Chriam says:

    Wow, i can´t do such a thing.
    THX

  3. KalastroMakeinz says:

    Nice tut and very easy also with great results!

  4. Yeti says:

    Liking the final image. Did you use the simulate pressure on the stroke ? you didnt say but it fades off at the ends

  5. Ruslan Julbarissow says:

    I did, step 15. The fade out effect is made by erasing.

  6. Shibani says:

    Whoopa! Superb! 🙂

  7. Yasir says:

    Very good tutorial, i used different techniques in the erasing but its very very pro. (:

  8. Altay says:

    Hi hast du das tut auch auf deutsch? wäre echt nice

  9. Samuel says:

    This is how i made it:

    http://s31.photobucket.com/albums/c371/samuellindberg/?action=view&current=minkamera3.jpg

    click on it to get full size.
    2 other colours there aswell.

    Awesome tutorial!

    All the credits go to r0man.de
    All the credits go to r0man.de
    All the credits go to r0man.de

    Samuel

  10. sunny says:

    dham, i tried till like 5 in the morning and still can’t seem to get it right! im useless!

  11. Bu.Hmaid says:

    thanks toooooooo

  12. dacosta says:

    hey there,

    Really2 nice tuts, easy to understand and step by step 🙂
    The only thing that you might forgot, is step 17.
    It’s not define pattern it’s define brush preset. No wonder it doesn’t work for me. It will recognize it as a pattern not a brush if u choose define pattern

  13. dacosta says:

    oh and step 19.
    It’s not elliptical marquee tool. It’s supposed to be ellipse tool.

    Still great tut 🙂

  14. Ruslan Julbarissow says:

    Thanks a lot ! I’m using the german version, so it’s a bit annoying to look for the right translation 🙂

  15. Nice and easy! It was adding to the homepage of http://www.tutorialsroom.com

    Waiting for your new tutorials 🙂

  16. Ruslan Julbarissow says:

    Thanks!

  17. Eddy says:

    I really like the colors

  18. Kelly says:

    Hi im kinda new to photoshop and i’ve done up to the dodge and burn bits but how do u add the image without it taking up the whole space??

  19. Ruslan Julbarissow says:

    I dont add a new image. I’m working on the first (purple) layer.

  20. Lheoz says:

    Nice one…

    tnx…

  21. Julie says:

    hi, thanks for the tutorial, the final product looks really amazing…as a newbie, i wasn’t able to copy your project, though, i got stuck on the step where i was supposed to download the brush kit from “spazz”–i downloaded it, but i’m not sure how i’m supposed to install it…i tried to open it in adobe, but i have no idea where it is or how to get to it…any suggestions?

  22. Samir says:

    Hi^_^ Cool tutorial. Thank u very much! ^_^

  23. Inviceareri says:

    Hello, I can’t understand how to add your blog ( r0man.de ) in my rss reader

  24. Waheeb says:

    i have a good idea …..why you don’t puplish or make a PDF file that has all the explanation of the photo shop lessond.
    it is easier and easy to download and learn PHOTSHOP

    THANKS ANY WAY,,,,,,,,,,,,,,,

  25. Ruslan Julbarissow says:

    Which explanations do you mean/need ?

  26. dingdong says:

    nice color choice, roman. Like the color accent too in the background.!!! Keep up the Good work! Well done…

  27. cam balkon says:

    Like the color accent too in the background

  28. Janell says:

    You did a fantastic job making this tutorial, it was easy to follow and my end result was fabulous considering the fact that I have never done an ad before, I even used a different photo (not the phone) instead and it still turned out great. The only issue I had was with the dodge tool, I couldn’t get it to come out like yours, so instead of using the dodge and burn tools I just used the gradient. Bravo to you for the excellet tutorial.

  29. The good work congratulate him on you

  30. That looks really cool! I can imagine this being used for print materials. This was an interesting and cool tutorial, thanks for taking the time to share this!

  31. Aj says:

    Wow.. Nice work Roman 🙂 it is very good. I have to make an advertisement for my Graphics Class. And everything is so neat and clearly mentioned. Awesome job!!!

  32. kiraman says:

    nice tutorials thanks

  33. T says:

    Awesome Tutorial!

    Managed to do everything except Step 10.

    Add a layer mask (hide all), press D and drag a vertikal line to hide the bottom part of the reflection.

    When I added a layer mask it all dissappeared, pressing D did nothing. Wasn’t sure where/how to drag the vertical line to hide the bottom part of the reflection.

    So instead I lowered the Opacity to get a similar result. If you could clarify Step 10 that’d be great.

    Thanks in advance.

  34. Ruslan Julbarissow says:

    Pressing D sets your foreground/background-color to black / white. I think I’ve forgotten to say, that you have to use the gradient tool (with black and white as colors). With that white/black gradient you drag the line.

  35. kurye says:

    yes.. very good.. i love ps 🙂

  36. javier says:

    Hey thanks!

    This is mine 🙂

    http://i39.tinypic.com/j0xxtj.png

  37. naiz says:

    argh…he use S500..i got it :p

    löl..too difficult with that step 11-14? :p but still a nice outcoming..

    @roman..deine tuts sind der wahnsinn..alled schön erklärt usw..gestern schon wieder 3 bilder gemacht 😀 sehen zwar noch net ganz so gut aus wie deine aber man kann ja nur besser werden 😀

    mach weiter so :top:

    mfG Naiz
    DA: GraTion-B

  38. Shashikant says:

    I wish to add new brushes, but don’t know how to do it. Please help. Thanks..

  39. boulder606 says:

    Any chance I can download the source file?

  40. Oscar says:

    Great tutorial, I’ll use it with my students in our next project,
    many thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *