Grunge IPod design in Photoshop

Software - Photoshop

Written by Bueaka

In this awesome photoshop tutorial you will learn the basics of creating a grunge iPod design, covering vector drawing and brushing techniques of photoshop. Some instructional images were resized to fit the browser, click them for full view. 1. Setting the background For this photoshop tutorial I am using a grungy paper background, which you can download for free at http://www.bittbox.com/freebies/free-high-res-grungy-paper-textures/ If you are looking in creating the exact same result then you should leave the document at it's original size (684x1024). 2. Drawing the iPod shape in Photoshop In order to get the proper dimensions, I am using a blueprint of an iPod. I've downloaded a medium sized image: Import the image to Photoshop (File-Place) and reduce it's transparency so you'll be able to see both the background and the image: Create a new layer and select the rounded rectangle tool (U), setting a corner radius of 20 px: Draw a shape above the iPod image: If you're happy with your result you may rasterize the layer: Hide the layer so we'll draw the screen. Create a new layer and draw a shape using the rectangular marquee tool, this time with a corner radius of 7 px: Create a new layer and draw the touch wheel using the elliptical marquee tool (M). In order to fit the selection perfectly, put the mouse cursor in the middle of the touch wheel and holding down Shift+Alt drag the mouse slowly to exterior: Press Ctrl+Backspace to fill the selection when you're happy with your result. Draw a selection of the smaller wheel and press delete on the same layer: You may hide the iPod image layer and unhide the iPod shape layer. Right-Click this layer and select Blending Options. Use the following settings: Select the screen layer and apply these settings: The setting for the touch wheel: This is my result: We'll add a reflection to the screen using the gradient tool (G). Create a new layer, select the polygonal lasso tool (L) and draw a shape like mine: Select the gradient tool and use the following settings: Draw a gradient from top to bottom holding down the shift key: Ctrl+Click the screen layer thumbnail to get it’s selection, press Ctrl+Shift+I to select inverse, select the gradient layer and press delete. Ctrl+D to deselect. Reduce the opacity to 32% and set the blending mode to Soft Light: The result: 3.Using the brushes I've downloaded some brushes at http://browse.deviantart.com/resources/applications/psbrushes/ Create a new layer and draw some shapes above the iPod. Set the blending mode to Soft Light: Ctrl+Click the screen layer thumbnail and press delete. Repeat the step for the touch wheel. Ctrl+Click the iPod shape layer, press Ctrl+Shift+I and the apply a Gaussian Blur (Filter-Blur-Gaussian Blur): You may create a layer below the iPod layer and play with as many brushes as you can. You may also use different colors: I've added an Outer Glow to the iPod shape: This is my final result, click the image for the full size: Google AdSense with Allowed Sites Every AdSense Publisher had nightmares when hearing of all the horror stories where people get banned from AdSense because someone else used their AdSense code on malicious sites, breaking the Google AdSense TOS. This all ended when Google decided to listen to the community and build the Allowed Sites feature. PHP Forms In this tutorial you will learn the basics of working with forms using only one php file. Install Photoshop on Ubuntu Linux Believe it or not Photoshop CS2 is now fully supported on Ubuntu Linux using Wine. For a long period of time I was eager in switching to Ubuntu but the incompatibility of my most used Windows based applications always made me switch back to Linux. No more Windows based Photoshop skills, now you can powerup Photoshop on Ubuntu. Search engine friendly post slug URLs In this PHP tutorial you are going to learn how the famous post slugs are created and how you can create your own post-slug function for your web applications. Input form text switch using JavaScript In this tutorial we are presenting a very simple and efficient method of providing extra information in form text fields using simple JavaScript. Subscribe now via RSS feed and get all the new tutorials written by Harel , February 28, 2008 hello. you can give me your brushes please? it's so beautiful! thank you. written by Edd Johnson , March 03, 2008 Very cool! Trying to reproduce... written by ezkila , March 10, 2008 Very cool! I couldn't find the exact brushes you used though...oh well. written by Tosin Afolabi , March 15, 2008 Great tutorial using in a competition. Thanks written by shyju , March 24, 2008 any good tutorials that can be sent to email? written by walkman , June 11, 2008 brushes .... please! I want brushes.thanks good tut written by erickia , July 29, 2008 very nice toturial, cool!!! written by tanjila jesmeen , January 17, 2010 nicely done.thanks for sharing. Do you need more help? Ask now! Comment Name Email Website   Add Comment Trackback(0) Comments (8)

Last Updated ( Tuesday, 11 March 2008 )