Sunday, April 28, 2013

Windows vista logo tutorial in Photoshop - Graphic design education

Already we create some Text effect, Photo effect, Background Effect, Web Button, Web Template, Logo Design by Graphic Design Education. I have many kinds of logo design tutorial but today we discuss about windows vista logo design tutorial in Graphic Design Education and Classes.
That is a simple logo but attractive logo. So i think to give windows logo design tutorial. I know you see many tutorial about windows vista logo design but there are finish it very hardly. So i want to give you tips fulfill about the windows logo design. Actually you get details information about any tutorial in the graphic design education and classes. I will try to describe this windows vista logo is very easily. But if you detect any fault in the windows vista logo design tutorial, please comment us for correct it. We can create windows vista logo very easily. 

Windows vista logo tutorial in Photoshop - Graphic design education


Application : Adobe Photoshop Cs (more)
Difficulty : Beginner or New to Photoshop
Complication Time : 20 minute

Now we start to create windows vista logo by the Photoshop program. I want to create this windows vista logo using by some Photoshop tools. There are Elliptical marquee tool, gradient tool, pen tool, bevel and emboss layer style, eraser tool and others tools.

Step 1: Create a New Photoshop Document 
If you want to Create Windows vista logo tutorial in Photoshop - Graphic design education, you need a Photoshop New Document.So at first open your Photoshop window and Go File>New and set the page values as your wish. If you want you can follow our page values.

Width: 800 px
Height: 600 px
Resolution: 72 pixels/inch
Contents: white
After set all the values click OK.

Step 2: Create a Circle and Fill the Circle Gradient Overlay Color
Create a new layer and draw a circle on the new layer. Go to Layer>New>Layer>Ok and Fill this layer with any color and press Ctrl+D (Keyboard shortcut) for remove selection around this circle. Now go to Layer>Layer style>Gradient Overlay and click on the Gradient color editor. When the Gradient Editor is open, Click on the Left side color marker. Then Click Color picker and select #042746 color. Then press Ok.



And Click on the Right side color marker. Then Click Color picker and select #199ddc color and press Ok.
Step 3: Create a Duplicate layer and Fill the layer Gradient Overlay Color
If you want to create a duplicate layer, you should go Layer>Duplicate Layer>Ok. Now this layer will be decrease 95%. This steps we decrease or re-size our duplicate layer - Layer 1 copy.
Select the Layer 1 copy from the layer palette then go Edit menu and click Free Transform or keyboard command is Ctrl + T and re-size the Layer 1 copy or decrease 95% the Layer 1 copy.
After complete re-size and select position press Enter. And fill it gradient overlay with the below page values. So go to Layer>Layer style>Gradient Overlay and click on the Gradient color editor. When the Gradient Editor is open, Click on the Left side color marker. Then Click Color picker and select #13549e color. Then press Ok.



Add a color marker on the middle point on the Gradient color editor. And Click Color picker and select #183b61 color. Then press Ok.  At last click on the Right side color marker. Then Click Color picker and select #47a5e5 color. Then press Ok.
Now you see your image as like below image. 



Step 4: Now Create Shape by Pen Tool with Radius 
Create a shape by using pen tool. When you create a shape, this shape fill with foreground color automatically. Now we should convert it shape to object. So mouse right click on the shape 1 layer  and click Rasterize Layer. Now you will get a shape like below image.
Now you create a duplicate layer, you should go Layer>Duplicate Layer>Ok and set accurate position as like below image.



Again you create a duplicate layer from shape 1 copy layer. So select the shape 1 copy layer from the layer pallet and go Layer>Duplicate Layer>Ok . Then Go to Edit>Transform>Rotate 180 and set new layer to right position. Again you create a duplicate layer from shape 1 copy 2 layer. So select the shape 1 copy 2 layer from the layer pallet and go Layer>Duplicate Layer>Ok and set new layer to right position as like below image.


Step 5: Now Apply Gradient overlay in Every Shape layer 
Shape 1:  At first select Shape 1 layer from the layer pallet. And go to Layer>Layer Style>Gradient Overlay and click on the Gradient color editor. When the Gradient Editor is open, Click on the Left side color marker. Then Click Color picker and select #e1b318 color, press Ok. And Click on the Right side color marker. Then Click Color picker and select #b74813 color, press Ok. Now click Bevel and Emboss and set values like below.

Style: Inner Bevel
Technique: Smooth
Depth: 100%
Direction: Up
Size: 3
Soften: 0 Px
Others item is right. Now click Ok.

Shape 1 copy:  At first select Shape 1 copy layer from the layer pallet. And go to Layer>Layer Style>Gradient Overlay and click on the Gradient color editor. When the Gradient Editor is open, Click on the Left side color marker. Then Click Color picker and select #7ba6d0 color, press Ok. And Click on the Right side color marker. Then Click Color picker and select #436da9 color, press Ok. Now click Bevel and Emboss and set values like below.

Style: Inner Bevel
Technique: Smooth
Depth: 100%
Direction: Up
Size: 3
Soften: 0 Px
Others item is right. Now click Ok.

Shape 1 copy 2:  At first select Shape 1 copy 2 layer from the layer pallet. And go to Layer>Layer Style>Gradient Overlay and click on the Gradient color editor. When the Gradient Editor is open, Click on the Left side color marker. Then Click Color picker and select #457d32 color, press Ok. And Click on the Right side color marker. Then Click Color picker and select #9ab96d color, press Ok. Now click Bevel and Emboss and set values like below.

Style: Inner Bevel
Technique: Smooth
Depth: 100%
Direction: Up
Size: 3
Soften: 0 Px
Others item is right. Now click Ok.

Shape 1 copy 3:  At first select Shape 1 copy 3 layer from the layer pallet. And go to Layer>Layer Style>Gradient Overlay and click on the Gradient color editor. When the Gradient Editor is open, Click on the Left side color marker. Then Click Color picker and select #f3d686 color, press Ok. And Click on the Right side color marker. Then Click Color picker and select #e4972d color, press Ok. Now click Bevel and Emboss and set values like below.

Style: Inner Bevel
Technique: Smooth
Depth: 100%
Direction: Up
Size: 3
Soften: 0 Px
Others item is right. Now click Ok.
Now you can see your windows vista logo like this image.Now you see your final windows vista logo as like below image. Thanks for learn How to Create Windows vista logo tutorial in Photoshop - Graphic design education.


Thanks for learning this tutorial How to Create Windows vista logo tutorial in Photoshop - Graphic design education. If you have any advise please give us by comment. 


No comments:

Post a Comment