Old Photo Tutorial

Load up your image in photoshop, Then start by clicking on the Create New Adjustment Layer icon at the bottom of the Layers palette and, from the pop-up menu, choose Hue/Saturation.

Turn on the Colorize checkbox in the Hue/Saturation dialog, and move the sliders to get the color tint you want, im going to use a light orangey color, my settings are below.

Create a new layer above the background layer and Fill it with white by using the “paint bucket tool”. Then from the Filter menu, choose “Texture > Grain” Change the Grain Type to Vertical and type in 91 for Intensity and 83 for Contrast.

Then change the blend mode of the grain layer to Multiply and opacity to 50% or 60%.

Now click on your background layer and goto “filter > noise > add noise”

You should then have something like below.

Can you see how the 2 images differ?.

Snow/Rain Tutorial

Open up your image you want to add snow to, create a new layer and fill with the color black. Then goto “filter > noise > add noise” use settings below.

Next goto “filter > blur > guassian blur” set radius to about 1.5 pixels.

Now goto “image > adjustments > levels” OR “ctrl + L” use settings below.

Now set your snow layer to “screen mode” heres how your picture should look.

you can also turn your snow into rain just follow steps above after step3 just goto “filter > blur > motion blur” when the window opens adjust angle of the rain and set distance to about 15 pixels depending on how fast you want the rain.

Car Layout Tutorial

Open up your image in photoshop im going to be using a picture of a car, then create a new document “800×600” and copy and paste your image over to your new document. This is how my image looks once pasted.

Now press “ctrl + T” to transform your image, just resize it to a reasonable size, baring in mind you need room for titles, slogans, logos etc…! ive resized mine and also flipped it as i want the car pointing the other way.

Now once your image is set in place highlight the last 1 or 2 pixels in the image and press “ctrl + T”

Then start to drag towards the right of the canvas, drag it right off the canvas, the image proberbly wont stretch right across the first time so just apply it then do the same again until it has been stretched right across the screen.

Now do the same with the bottom part of the image selecting the first 1 or 2 pixels then pressing “ctrl + T” then drag down.

Now you will notice on my image below that there is a big white streak.

To remove this select the eye dropper and select the color of the background, then fill that color on the background layer. Now add a mask to your image and drag a black gradient over the image.

You should then have something like this.

Now lets start to add a few bits and peices, add title, slogon, logo, copyrights etc… try to use some nice looking fonts and be creative. Lets also add our menu bar, im just going to use some text nothing too fancy. We also need to create our content boxes, so by using the “rectangular marquee tool” draw out your content boxes.
Now its just a case of slicing your image up and coding it
ALL DONE!

heres how it looks. (click for full size)

Smoothing Tutorial

Start off with your car image, im using this image of a mini cooper s, first let me show you what were going to smooth, if you look at the image below i have circled in red the items we’ll be smoothing in this tutorial.

First duplicate your original layer then zoom in about 300% on the door handle and select the “clone stamp tool” or press the letter “s” (hotkey) also select a brush size of about 40. Now hold down the “ALT” key and click just at the side of the door handle, see image below.

Now start clicking on the door handle, as you click you will notice that it starts to disapear.

When your done zoom out to see your result, this is how mine turned out.

Now do the same for the other badge and the badge on the front, be sure to select a smaller brush size on smaller area’s.

Now do the same for the badge on the front.

thats it all done, if you get a few messy bits you can try blending them in with the smudge tool.

Watermark Tutorial

Open up your image and select your desired color for your text watermark, now select the text tool and type your text, fill your page with the text like this.

Once you’ve filled your page press “ctrl + t” to transform it, just rotate it slightly, like this.

Now lower the opacity by quite abit as we dont want to spoil the picture. ive lowered mine down to 20% but i think between 10-20% is fine.
thats it all done, now save your image.

Pixelated Text Tutorial

Start a new document 500×200 pixels, pick to colors one for your forground and one for your background, im using to types of blue, then goto “filter > render > clouds>”, then select the text tool and the color white then type what ever it is you want to pixelate, heres how mine looks.

Now duplicate your text layer and drag your duplicated layer underneath the original and goto “filter > blur > guassian blur” photoshop will tell you that the text layer needs to be rasterized just click ok, now guassion blur it by 4 pixels, heres how mine looks.

Now goto “filter > pixelate > mosiac” and type in 12 click ok. looks abit blurry so we need to sharpen it, goto “filter > sharpen > sharpen” do this twice.

Now add a small drop shadow under your original text layer. DONE!


Portfolio Web Layout #1 Tutorial

Start off with a new document size of “800×600”
change background color to “1f1f1f”
make a new layer and draw a box down the left side of the page and “fill” with the color “2d2d2d” & do the same again for the top and bottom, you should have something like this. Ensure that all 3 rectangles are on seperate layers.

Double click on the layer above the background layer to open up the layer options and add a 1pixel black stroke with opacity set to 30% then click on your top layer and press “ctrl + e” which will merge your layers down press it twice so you end up with 2 layers “the layer with your boxes and the background layer”

Now zoom in abit and select the the “rectangular marquee tool” and delete the corners of each square like this. ive selected both corners by holding shift whilst drawing the 2nd box.

Once you’ve selected the corners hit the delete key, you should then be left with this.

Now create a new layer and name it numbers, then make a small box and fill with the color “101010” then double click the numbers layer to bring up the layer options, and add a black 2 pixel stroke, also postion your box like mine.

Now select the numbers box and duplicate it, select the duplicated layer and whilst holding “shift key” tap the right direction key 5 times, this should move it leaving a nice size gap. do this 10 times so you have 10 boxes. Once you have your 10 boxes label them 1-10 like this.

Now this time create 4 boxes to the left adding the same layer style as the numbered boxes, like this.

Also add your text labels like this.

This would also be a good time to add our site title, slogan & logo, ive also added my main gallery image and some small images, at this point you’ve got to use your imagaination and see what works well. Heres mine.

Now lets add an imformation box for our images so we can type some content about them, create another box at the side of your main gallery image and add the some layer styles, ive added the same layer styles to my information box as i did with my main gallery image which was just a 1 pixel black stroke & drop shadow so they both have the same effect, then give your box a title.

Click here to see a live version.

Sketch Tutorial

Open up your image you want to turn into a sketch, im using an image of jessica alba. First thing we need to do is desaturate it do this by press “shift + ctrl +u” or goto “image > adjustments > desaturate”.

Now goto “filter > stylize > find edges”.

Now press “ctrl + L” to open up the levels palette these are the settings im using, but play around with them, also adjust the output settings change the lightness of the image.

and heres mine.

Carbon Fibre Tutorial

Before we start your going to need the “carbon fibre” texture GET IT HERE (right click save-as).

Once you’ve downloaded the carbon fibre texture load up your image you want to carbon fibre, im using a honda s2000, just a random image off google. Right then start off by duplicating your image and selecting the “pen tool”, im going to carbonize the bonnet so with the pen tool im going to select the bonnet (zoom in to ensure its nice and neat).

Now with the bonnet selected copy & paste to a new layer and name it bonnet. Now open the carbon fibre texture copy & paste it onto your car image or what ever image your using, postion it just over the bonnet.

ctrl + click your bonnet layer to select it.

Select your carbon fibre layer and inverse the selection “shift + ctrl + i” then hit the delete key, you should be left with something like this.

Now select your bonnet layer and desaturate it “shift + ctrl + u”
then lower the brightness to -100 “image > adjustments > brightness/contrast” depending on how dark you want it, and last but not least lower the opacity down to 50% on your carbon fibre layer, you should be left with something like this.