Windows Vista Logo Photoshop Tutorial

Posted by ranjith


Simple step by step tutorial – how to make Windows Vista Logo – Photoshop Tutorial. Learn how to make a mirror and glossy effects, and how to use Photoshop tools – gradient, pen tool, bevel and emboss, eraser tool etc.

vista logo photoshop tutorial




Resolution: 800×1200 px
Size: 755KB
Format: PSD
Keywords:
Author: PSD Graphics

Download Photoshop file:

Tutorial:

Create document 640×480 pixels.
Fill it with white color. Create a new layer name it “circle1″. Select Brush Tool (B). Make a circle similar to mine:
Master Diametar: 300px
Hardness: 100%

add gradient

Fill the selection with gradient.
Top:# 022646
Bottom: #1597d5

Duplicate layer (CTRL+J) and name it “circle2”
Decrease the layer to 94% and fill with gradient:
Top:# 02244a
Center:#183b61
Bottom:# 49a5e4

blue gradient

Use Pen Tool (P) to create square shape (with radius).

use pen tool


Create a new layer name it “window1”.
Right click, click on the shape, click “Make Selection…”
Fill the selection with any color.

pen tool selection

Now duplicate layer and name it “window2”.
Use CTRL+T to flip the window2 layer vertical, and then horizontal.
Now you should repeat the same thing two more times to get four windows in total.

duplicate layers

Fill the windows using gradient with equal colors from the original logo.

pick color

Add Bevel and Emboss to all windows.

add bevel

Now you should have something like this.

simple look

We need some glossy effect on this window.
Create a new folder “window”, put all four window shapes into one folder.
Duplicate “window” folder and press CTRL+E to merge folder. Name it “Gloss”.

Lock Transparent pixels

lock layer

And fill the “gloss” layer with white color.
Create a copy of this layer, name it “shadow” and put under the “window” folder (we need this one for later).

make shadow

Unlock Transparent pixels, and use eraser tool to remove unnecessary part.

cut selection

Set opacity 15%

shadow transparency

Create a new layer “shine”.
How hold down CTRL and left mouse click to the “shadow” (do not select this layer) layer at the layer palette.
We have got selection like this one:

shine center



Windows Vista Logo Photoshop Tutorial

One click with Brush Tool to create shine similar to mine.

shiny white

Set ~30% transparency.

shadow preview

OK, we need the backgroung more glossy.
Create a new layer “sbottom”
Hold down CTRL and click to the “circle2” layer.
Use Brush Tool # 3fb9ea and create a light blue shade at the bottom.

shiny effect

shiny effect preview

Repeat this action with the top part of your logo.
#6f87a3 color

shine effect

It’s time to add some shadows to the window icon. Merge the window folder (CTRL+E),
And add a shadow.

drop shadow

We are almost done. To make the windows icon more wavy apply this Gradient Overlay:

final touch

That’s it!

vista logo tutorial

At the end you can add a reflection. Turn off the background (white locked layer at the bottom), merge all layers (CTRL+SHIFT+E). Create a copy of that layer (CTRL+J), then CTRL+T / Flip Vertical. Move down the layer and use Eraser Tool to delete bottom part. Set transparency to 20% or less.

mirror effect

Congratulations, Your are done!
Cheers!

Make orange and lemon in Photoshop, text and video tutorial

Posted by ranjith


Make orange and lemon fruits in Photoshop. Text and video Photoshop tutorial. Watch the high quality HD video tutorial and learn Photoshop basics.

orange and lemon in photoshop






Format: PSD
Keywords: make fruits in Photoshop, Photoshop effects, add noise, motion bur, pen tool, customize brush tool, hue saturation
Author: PSD Graphics

Download Photoshop sources: Fruit illustrations, lemon and orange icons

Text tutorial:

1. Make a circle.

make a circle

2. Apply layer style with these details.

add orange layer style

3.Customize the brush tool.

brush settings

4. Draw a dotted pattern around the circle in a new layer.

add dotted pattern

5. Get rid of the dots around the circle (CTRL + left click on the circle layer in the layers tab, right click on the selection, Select Inverse, hit delete button).

clean the shape

6. Add a new layer and merge it with the circle layer.

merge layers

7. Add noise effect.

yellow noise

8. Make one more a bit smaller circle in the bigger one, add noise like in 7th step.

make a smaller circle

9. Apply Feather option to the smaller circle. Make a selection, right click and choose Feather. Then Select Inverse and delete it.

feather selection

10. Before we continue, it should be similar to this.

orange preview

Share and Enjoy:

Google logo photoshop tutorial

Posted by ranjith


Quick Photoshop tutorial that will teach you how to create google logo, and google style letters. Google’s logo font is called Catull, install it if you want to make a real replica of the google logo, otherwise use Garamond font or a similar one.

google logo tutorial




Size: 387 KB
Format: PSD
Keywords: creating google logo, google logo tutorial, google letters style, photoshop google logo
Author: PSD Graphics

Source File:

Tutorial:

1. Open a blank document and type Google using Catull font (or Garamond). Every letter should be in a separated layer.

google font catull

2. Drop Shadow
Double clink on the G letter layer in Layers palette. Add shadow with these parameters.

add google style

3. Bevel and Emboss
Apply Bevel and Emboss.

google bevel and emboss

4. Add blue color to the letter – #184dc5
OK/Exit

google color overlay

5. Right click on the G layer, copy layer style and paste it to the “o” layer. Double click on the “o” layer and update the color.
Red – #de1b00

apply google style

6. Repeat the last step on other latters and the end result should be something like this.
Yellow color – #ffcf00
Green – #32a93b

Download psd source to make it easier.

google logo style

Share and Enjoy:

Apple iPhone Photoshop tutorial

Posted by ranjith

Apple iPhone Photoshop tutorial

Make a realistic Apple iPhone illustration in Photoshop. Quick, intermediate level photoshop tutorial.
Download psd file, iPhone isolated against a white background.

iphone photoshop tutorial




Resolution: 610×488 px
Size: 642 KB
Format: PSD
Keywords: communication devices, photoshop tutorials, iphone psd file, a modern smartphone isolated against a white background
Author: PSD Graphics

Download Photoshop file:

Tutorial:

1. Open a new document (1280×1024px) and make a rounded rectangle with 20px radius. Add the Inner Shadow like in my example.

2-make-a-rounded-rectangle

2. Duplicate the body layer and make it a little smaller, and fill it with black color.

fill the body

3. To make the iPhone metal frame more shiny, add two more details at the top and bottom.
To do it duplicate the main body layer again, make a color selection (CTRL+left click on the layer in layers window),
move the selection a few pixels down and hit delete button. Duplicate the layer and rotate it vertically to make the bottom one.

chrome effect

4. Make the home button. Create a black circle and add a gray 2px outline.
To make the glossy effect at bottom, repeat the 4th step (duplicate the circle layer, make a selection and cut).
At the end make a 4-5px radius rectangle and add 2 px gray outline.

home button

5. Add the side buttons. Make them all with 1px rounded rectangle and add a dark gray to light gray gradient.
Put these layers under all existing layers in the layers palette.

add buttons

6. Add the screen. Make a dark gray rectangle shape and add 2px outline with a bit lighter gray color.

add the screen

7. Make the receiver. Create two identical rounded rectangles, make the bottom one in white color, and the top one in gray and outline in a darker gray color.

make the receiver

8. Add a glossy effect on the screen with gradient tool. We are done.

psd iphone

Share and Enjoy: