Photoshop Poster Tutorial – G900
9th December, 2008 - 
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 !
Damn it! I still can’t do even such an easy work! =)))
Wow, i can´t do such a thing.
THX
Nice tut and very easy also with great results!
Liking the final image. Did you use the simulate pressure on the stroke ? you didnt say but it fades off at the ends
I did, step 15. The fade out effect is made by erasing.
Whoopa! Superb! 🙂
Very good tutorial, i used different techniques in the erasing but its very very pro. (:
Hi hast du das tut auch auf deutsch? wäre echt nice
Added to http://www.psaddict.com
This is how i made it:
http://s31.photobucket.com/albums/c371/samuellindberg/?action=view¤t=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
dham, i tried till like 5 in the morning and still can’t seem to get it right! im useless!
thanks toooooooo
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
oh and step 19.
It’s not elliptical marquee tool. It’s supposed to be ellipse tool.
Still great tut 🙂
Thanks a lot ! I’m using the german version, so it’s a bit annoying to look for the right translation 🙂
Nice and easy! It was adding to the homepage of http://www.tutorialsroom.com
Waiting for your new tutorials 🙂
Thanks!
I really like the colors
yes goooooddd
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??
I dont add a new image. I’m working on the first (purple) layer.
Nice one…
tnx…
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?
Yes, check this: http://myphotoshopbrushes.com/install_brushes
Hi^_^ Cool tutorial. Thank u very much! ^_^
Hello, I can’t understand how to add your blog ( r0man.de ) in my rss reader
http://r0man.de/feed/
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,,,,,,,,,,,,,,,
Which explanations do you mean/need ?
I even used a different photo (not the phone) instead and it still turned out great
nice color choice, roman. Like the color accent too in the background.!!! Keep up the Good work! Well done…
thanks
Like the color accent too in the background
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.
The good work congratulate him on you
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!
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!!!
Great Tutorial! Featured here: http://www.presidiacreative.com/47-tutorials-for-creating-professional-posters-and-ads/
nice tutorials thanks
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.
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.
yes.. very good.. i love ps 🙂
Hey thanks!
This is mine 🙂
http://i39.tinypic.com/j0xxtj.png
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
thanks~~~
This is mine~~ http://china-power.net/userfiles/image/09/sony.gif
I wish to add new brushes, but don’t know how to do it. Please help. Thanks..
Any chance I can download the source file?
Great tutorial, I’ll use it with my students in our next project,
many thanks!