USB Stick Tutorial

Create a new document 800×400 with your desired background color. Goto “view > snap” this will will make your cursor snap to a grid, to view the grid we goto “view > show > grid” your canvas will look like this.

Now create 2 cirlces using the elliptical tool, make sure you hold down shift when drawing the 2nd one.

Now select the polygonal lasso tool whilst holding down shift join up your cirlces, follw my red path in the picture below.

You now be left with a selection like this. Turn off your grid and the snap tool.

Fill the selection with any color you desire. Now Add these layer styles.

Your shape should now look like this.

Press “ctrl + T” and drag one of the middle anchor points on the side inwards decreasing the length of the shape. Duplicate your shape, right click your duplicated shape and goto clear layer styles. Refill your duplicated layer using the paint bucket tool in the color white. Set layer opacity to 30% and blending mode to soft light. Press “ctrl+ T” and drag the anchor pointers to make the whole shape smaller length ways and width ways, we dont want to make it to small thou. Place similar to the image below.

Now we need to create our lid, so for this step we need to cut away a portion of the shape aswell as the highlight we just made. To do this create a selection like this.

Goto “edit > cut” then “edit > paste” re-align your lid next to the shape, copy your layer styles over from the orginal shape. You should have something like this.

Repeat the step above only this time cut and paste your highlight. When your done place them side by side like this.

Under your main shape layer create a small rectangle and add these layer styles.

You should have something like this.

Do the same again only this time make it longer and thinner and add these layer styles.

You should have something like this.

Now using two 1pixel lines add an indent, and using 2 boxes make your usb connection come alive.

Add some text and your prefered logo.

Thats it all done, now you could add a few extras like the strink etc… heres mine.

DJ Layout #2

Create new document 850×850 pixels select the colors #333333 & #000000 and drag a linear gradient over the canvas.

Select the rectangular marquee tool and create a small black rectangle at the top of the canvas

Select the rounded rectangle tool and draw a small rectangle under your black bar.

add these layers to your rounded rectangle.

Your image should now look like the one in step 3 above. Add your navigation text and a small divider.

Now select the rectangular marquee tool, on a new layer draw out a rectangle. Fill with a linear gradient using the colors #f08808 & #fee27d. Add a 2 pixel black stroke to it also.

Now using some cloud brushes add a few clouds inside the rectangle, set the layers blending mode to linear dodge. Then add a few more elements I.E logo and dj name and/or maybe a picture of yourself dj’ing.

Now draw out a rounded rectangle under your header using the color #333333, add this drop shadow.

Your rectangle should look like this.

Now add your content. I wont go into detail on this step as its mainly just text.

Repeat the above steps and create some more content boxes. Also adding your content as you go along

Create another rounded rectangle the same width as your canvas minus a few pixels each side. Fill with the same color as your content boxes. Add your sites logo and your footer information.

Last but no least back to your header. Select the pen tool and create a selection like this.

Fill with the color white, set layer opacity to 38% and blending mode to soft light.

All done. Enjoy.

Futuristic Web Layout

Open up your futuristic navigation bar that you previously created “HERE” Create a new layer under your navigation label it background. Select the colors #a3adb1 and #ffffff. Now select the gradient tool and drag a reflected gradient over your canvas.

Now duplicate your header and all elements apart from the buttons and text, flip it vertically (edit > transform > flip vertically) place at the bottom of your canvas, this shall be out footer. Add your footer text.

Now create a new layer labelled “main_top”, select the rounded rectangle tool and draw out your rectangle. Now goto “edit > transform > warp” (only availble to CS2+ users) drag the bottom anchor point inwards.

If you dont have the use of the warp tool you could leave the box square will look just as good. Now duplicate your “main_top” layer drag the duplicated layer underneath your “main_top” layer label it “main_glow” do the same again drag layer underneath the “main_glow” layer and label “main_bottom”. you should now have 3 layers all the same.

Now add these layer styles to your “MAIN_TOP” layer.

Add these layer style to your “MAIN_GLOW” layer.

Add these layer styles to your “MAIN_BOTTOM” layer.

Now select your “main_bottom” layer and select the move tool, press the down arrow key 6 times on the keyboard and 3 times to the right. Now select your “main_glow” layer and move the glow to the right to suit your visual preferences. You should have something like this.

Repeat the steps above to add more boxes.

This step is optional, as you can see ive left a gap on the right hand side at the top, ive done that as i wanted to add a 3D render of a robot.

This next step is easy to do, just add your text and any images you need to add.

On the third box at the bottom above the footer i want to add some arrows, head into the custom shapes libary and add 2 arrows either side.

Add these layer styles to your arrows.

Once finished you should end up with this.

Custom Sim Cards Tutorial

Create a new document the size you want your simcards to be, select the rounded rectangle tool and draw out your rectangle, fill with your choice of color.

Add there layer styles to your rectangle.

You should have something like this.

Select the rounded rectangle again and create a small rectangle inside your current rectangle. Hold down the SHIFT KEY on the keyboard while dragging to ensure the rectangle stays perfectly square.

Now add these layer styles.

You should have something like this.

Now select the pen tool, using the color black and a 1pixel brush draw these lines.

On a new layer draw.

On a new layer draw.

On a new layer draw.

On a new layer draw.

On a new layer draw.

On a new layer draw.

Now all your lines are drawn add this layer style to each line layer. (best way is to add to one line layer then right-click and goto copy layer styles, high-light every other line layer, right click and goto paste layer styles.)

You should now have something like this.

Select the pen tool on a new layer above your simcard but UNDERNEATH your gold plate make a selection like this and fill with the color white. Set opacity to 10%. You should have something like this.

Now add your logo and text to your simcard. Highlight all the layers and press CTRL + T and rotate it anyway you like, once rotated hit the enter key. Select the simcard layer and cut the corner off. You should then have something like this.

Funky Web Design Layout

Create a new document 850 x 1024 with a white background. Select the rounded rectangle tool and create a rectangle at the top.

Add these layer styles yo your rectangle.

Now add your navigation text and a little symbol as a seperater.

Now select the rounded rectangle tool again and create a number plate shape, fill with the color #0195cb and add a 2pixel white stroke.

Now for this part and the next few steps your going to need a set of different brushes, all of which are included in with the PSD download. You need some random grundge brushes, techy shapes brushes, vector shape brushes, circle shape brushes and last but not least some splat brushes. Select the rubber tool and use these settings.

As your brush you need to choose a grunge brush. On your number plate shape start to brush randomly around the edges and abit in the middle. You should end up with something like this.

Now add your website text and using then pen tool add a shine.

Now the intresting part, select your brushes I.E circle, vector shapes etc… and build up your image like this.

Make sure every item is on a new layer for quick and easy editing. Now select the rounded rectangle tool and draw out a smaller rectangle fill with the color #f5429f, now with your rubber again using the same method as above rub some away, Add some welcome text.

Repeat the above step adding more content as you go along…. im not being very specific here as its mainly adding text and repeating the step above and im sure by now you no how to add text. 🙂

Now in-between our content we need to add some sort of a divider…. to do this just select the type tool and type out some dash’s ( —– ). Then while the text tool is still active click this icon.

Now experiment with the features of this tool as it can come in handy creating text effects.

Now for the footer. Duplicate your grey navigation and flip it vertically ( edit > transform > flip vertically ) Move to the bottom of the canvas, add your footer text.

Now duplicate the elements of your header, rescale abit by clicking “ctrl + t” and move down the bottom right hand corner. You should end up with this.

The Suicide Note!

Now before we start this tutorial you are going to need a few things,
Concrete texture,
Picture of a knife,
Grunge brushes,
Blood brushes,
Coffee stains brushes.

All these items are available to download aswell as the original PSD.

Create a new document 750 x 970 pixels, load up your concrete texture and apply it to the canvas. Some resizing may be required.

Create a new layer above concrete texture, select the “rectangular marquee tool” and draw out a rectangle label this layer “paper” fill with the color white. Select the lasso tool and start to create the jagged edges on your paper.

Once you the selection has been made goto “select > inverse” then hit the “delete key” on the keyboard. Now press “ctrl + T” and rotate the paper slightly. You will then be left with this.

Now control click your paper layer to make a selection, press “ctrl + c” to copy, now goto file new and press ok. The reason why we copied the selection was to get the same dimensions as the paper, photoshop has a neat trick where it auto inputs the size of what ever has been copied to the clipboard. Now select the color black & a light grey, select the gradient tool, change gradient options to.

Now just keep draging the gradient over the canvas, time and time again untill you get something like this.

Now goto “filter > stylize > emboss” you should have something like this.

Now duplicate your background layer, then control click your duplicated layer and press “ctrl + c” to copy. Close this window and go back to your suicide not document. Your paper should still be selected so go straight to the top a goto “edit > paste into”.

You will notice a new layer has been created, set the blending mode to hard light. Now the outcome on everyones work shall be different depending on angle of gradients and how many you did. The effect we are achieving is to add wrinkles to our paper. Heres mine. (althou hardly noticable).

Double click your paper layer and add the following layer styles.

Your paper should now look like this.

Hopefully you’ve installed your grunges brushes and no how to load them. Select a few random brushes and on a new layer add some grunge, set layer opacity to around 52%, i used a grey color for my grunge. Also set your papers layer opacity to about 95% the concrete texture underneath will aslo add to the effect. Heres mine.

Select the color #ccbd8f or a darker version of it, select your coffee stain brushes and add some coffee stains to your paper.

Now add your suicide text, i used a suicide note generator i found on google. Feel free to have a read. (font is SF Scribbled Sans)

On a new layer, using the color red add some blood splatts onto your page, only do one or two depending how grusome you want it too look. Set layer blending mode to overlay. Also on another new layer add some more blood around the page, set this layer mode to “multiply” and adjust opacity to suite.

Now open up your knife (included in zip file) if you dont want to use a knife feel free to use something eles, infact it would be nice to see what you guys and come up with 😉 maybe some pills or a gun or maybe a chainsaw lol. Remove the background from your knife and add it to the canvas, rotate and resize using the free transform tool to suit.

Add a drop shadow to your knife.

And finally add some blood to your knife for that extra touch. Hope you enjoyed this tutorial, thanks for reading.

Funky Wallpapers

Create a new document what ever size your wallpaper will be, i shall be using 1024×768 for the purpose of this tutorial. Fill your background with a linear gradient using the colors of your choice, i find it best to use the eye dropper and select a color from your main object. The colors im using are #691e35 and #c93663.

Now create a new layer and label this “lines”. With adobe photoshop there are loads of free custom shapes and one in particular will suit this tutorial for the effect we want to achieve, instead of create loads of seperate lines will shall use this shape. (see image below). To get to your custom shapes click and hold on the icon under your “type tool” then select custom shapes.

If you dont see any shapes click the “little black arrow” and goto “all”, scroll down and find the shape, once selected drag it out as big as you, the bigger the better. Then select the pen tool, right click the shape and goto fill path, then right click once more and goto delete path. If the shape isnt the color you wanted just add a color overlay in the layer styles. Set opacity to 20% and blending mode to overlay.

Now find a picture you want to use as a center peice for your wallpaper, i shall be using this audi (FULL CREDIT GOING TO AUTHOR Norder Creations) <— check his deviantart. Place your object in my case the audi into the center of the canvas.

Cut out the background the best you can so you are left with just the object.

Now for this part you are going to need some:
*tech brushes*
*splatter brushes*
all of which can be downloaded for free from HERE

Select your splatter brushes and a color that best fits in with your wallpaper. Now dont go mental just add a few splatters here and there, im going to use 2 colors picked off the audi with the eye dropper tool.

Now begin to add some tech brushes, again dont go mad as it will look too messy. Lower the opacity of your brushes to about 20-30%.

In your custom shapes you will also notice there are many other shapes you can use, like…… some arrows.

Keep adding little different things to build up the image. Most of the stuff i have used has been duplicated/rotated and replaced somewhere eles.

Maybe add abit of text with some simple layer styles.

Towards the end of your creation you could maybe add some sparkles. There are many pre-made brushes in photoshop you could use, there are some sparkles under “assorted brushes”. Add some sparkles and add a simple outer glow for that little extra touch.

Thanks for reading.

NFS Pro Street, Stencil Tutorial

Create a new document your prefered size im using 530×200 pixels, start off with a black background. Select the “rounded rectangle tool” and draw out a rectangle similar to below.

Fill with the color #bcdf4f and add a 4 pixel black “stroke” (you wont actually see the stroke at this time, obviously).

Now goto “edit > transform > distort”, select the left middle anchor point and drag downwards, you should have something like this.

Select the type tool and add your text, the font i am using is called “mactype”, color the 1st word white and 2nd word black. Right click your text layer(s) and goto “rasterize” then do the same as above “edit > transform > distort”, and distort to the same angle as your rectangle.

Now “hide” your background layer and make a selection like this.

Copy & paste to a new layer. Add the 4 pixel black stroke to the new shape and also a black color overlay. Align the shape with your green one, you should have something like this.

Using your prefered cutting tool cut off the end of your black side rectangle.

Restore your background layer, then create a new layer above it (under everything eles) goto your paint brush tool, then at the top (1)open up your brush pallet, select the little (2)black arrow and select dry media. If you cant see the set of dry media brushes select load brushes (3).

Once you’ve clicked dry media brushes, select the very bottom brush with its original size. (number 4 on the image above). Now with the color #bde050 start to spray around your rectangle.

Create a new layer and add a darker shade of green. Try and mix it in with the ligher green.

Then do the same as above but using the color white.

You can adjust the colors opacity if you wish to add abit more detail, on mine my darker green is set to 53%.
Now repeat the above steps, but only this time add your layers above your text layers. When you’ve finshed you should have something similar to this.

Futuristic Navigation

Create a new document 800×230 pixels with any color background i find a light colored background works best. Now theres 2 ways you can rough out the main shape, one is using a rectangle and using the warp tool and the other is the pen tool, for this tutorial il use the pen tool due to the fact that not all versions of photoshop have the warp tool. So using the pen tool create this shape.

Now duplicate this layer, flip it and place it the other side, this way both sides are the same. (merge both layers when done).

Now add these layer styles to your main shape, also label your layer “main shape”.

You should end up with this.

Now dudplicate your main shape then drag the duplicated layer under your original layer, rename layer to “shape2” remove all layer styles apart from the gradient overlay and the drop shadow, leave the drop shadow settings as they are but change the gradient overlay to the settings below.

Now select the move tool and using the keyboard arrow keys press down arrow 17 – 20 times, now press ctrl + T and move the sides only inwards reducing the length, you should end up with this.

Create a new layer inbetween your shape layer and shape 2 layer, name this layer “blue neon” with the pen tool or polygon lasso tool create this shape, (please note some of my layers are hidden to show you the shape)

Now add this layer style to your blue neon layer.

You should end up with this. (no hidden layers)

Now duplicate your main shape layer (keep on top of other layers), delete all layer styles and make sure it is the color white, set layer opacity to 50% and blending mode to soft light, press ctrl + T to transform the shape, just reduce the size and move up to create a highlight.

Now using two 1 pixel lines and the colors shown below create a divider.

Add a outglow using the default settings, you should end up with this.

Now create a new layer and create a black circle like the image below.

Add these layer styles to your orb.

Now add a small highlight using the elliptical marquee tool. You should have something like this.

Repeat the steps listed above to create more buttons.

Now add your button text and logo’s

With abit more inspiration you could even animate the glow

CD & CD Jewel Case Tutorial

Create a new document 600×350 pixels with a background color of #232426. Select the rounded rectangle tool and create a box to the right of the canvas fill with the color #d2c79a.

Add these layer styles to your box.

Your image should now look like this.

Duplicate your box and move it over to the left, placing them side by side.

Now create a egg shape with the “elliptical marquee tool” fill with any color, place the shape similar to the image below.

Now we need to select our egg shape layer whilst holding down the ctrl button to make a selection, click our left rounded rectangle layer and hit the delete key, hide your egg shape layer for later use. Your image should now look like this.

Now create a new layer underneath your “TWO” rounded box layers, select the rectangular marquee tool and draw a square behind your left box fill with the color white.

Set the white boxes layer opacity to around 8%. Now create a new layer above your white box layer, select the “polygonal lasso tool” and draw this shape at the top of the right rounded box. (see image below).

The color i used for the shape is #989070. Duplicate and flip your shape and place at the bottom of your box, also add a small drop shadow.

Now create another layer above your rounded boxes, goto your custom shapes libary and select this shape.

Draw out the shape inside one of your boxes, fill with the color #c7bd93.

Duplicate the shape layer and move across so it matches in the other box.

You will notice the shape on the 2nd box overlaps where you cut out the egg shape. Repeat the steps at the begining of the tutorial using the egg shape to remove the shape from overlapping. For this next step you will need some grunge brushes, using the color #938b75 randomally add some grunge effects to one side of the case. Set the layer opacity to 38% and blending mode to difference. You should have something like this.

Duplicate your grunge so it matches on the opposite side. Again you will have to use your egg shape where the grunge overlaps.

Now its time for our cd, Draw out a circle on the right side of you box fill with the color #8d512d.

Now add these layer effects.

You should have something like this.

Now find a picture of some sort, this could be a picture of band or a logo, place it over the cd and set the layer mode to linear dodge and opacity to 20%. Also add 2 cirlces in the middle of your cd, the smallest one being black and the biggest one being white, set the white circles opacity to 20%. You should end up with this.

Also add some text to your cd and a white band going around the edge. The font i used for the text is “base02”.

Thats it all done, Now build the case up abit more by adding a few extras here and there.