Tuesday, April 30, 2013

How to Change Hair Color In Photoshop - Graphic design education

changing hair color
Hi, You are most welcome to learn our Graphic design education and classes tutorial. I know you want to learn some effective work in Photoshop. Actually we give some Graphic design education and classes tutorial, Still now we will try to give more tutorial about Photoshop. If you visit our Graphic design education and classes tutorial site regularly, you can get more brilliant tutorial in this site. Actually we discuss about Text effect, Photo effect, Background Effect, Web Button, Web Template, Logo Design by Graphic Design Education and classes tutorial. Today we discuss about photo effect tutorial. We are try to give this tutorial very easy and hopefully we can do it. If you don't understand any topic, please comment us and we will try to solve your problem. Thanks everybody and let's go stat How to Change Hair Color In Photoshop - Graphic design education and classes tutorial.

Adding Sunlight through Trees with Photoshop – Graphic Design Education

Graphic design education presents how to adding sunlight trough tress with Photoshop. Wow! it is going to be a wonderful lessons for learner who wanted to be a creative graphic designer but don't know more about design. Don't worry this tutorial for cause you know Graphic Design Education always try to present all the classes or tutorials very easily especially for beginner or learner. OK! lets talk about our tutorial. In this tutorials we learn how to adding sunlight through tress with Photoshop. We use here Adobe Photoshop application cause it is one of best photo editing application in the world.
We know have many ways to add sun light in a photo and it's so easy one. But when you think to add sunlight through trees then it is not so easy one. 100% adding sunlight through trees is so difficult but don't be afraid our tutorial is so easy to learn. So you can learn it within a moment. OK lets start!

Monday, April 29, 2013

Create a Eye Catching Icon in Photoshop - Graphic design education

Welcome every learner for want to learn Photoshop program work.Already we have some knowledge about Photoshop or Graphic design education. Already we create some Text effect, Photo effect, Background Effect, Web Button, Web Template, Logo Design by Graphic Design Education and classes. So i think you have basic knowledge about Photoshop. Today we will create a Eye Catching Icon in Photoshop by Graphic design education tutorial. Today at first we will be creating a Eye Catching icon in the Photoshop tutorial. Lets start How to Create a Eye Catching Icon in Photoshop. After complete this Graphic design education and classes, you can create Eye Catching Icon in Adobe Photoshop very easily. 

Create a Colorful Swirl Background Effect - Graphic Design Education

Hallow Everybody! hope you people are well. I am not bad. Today we learn how to create a colorful swirl background effect. This will be a wonderful and easy lesson for you from graphic design education. Cause this is a very much easy tutorials and you will learn it within sometimes. We create this wonderful and colorful background effect using Adobe Photoshop Application.
Graphic design education always try to presents very easy tutorial. Cause if you are a professional designer you don't need any tutorial and you don't follow any tutorial. But those people who knows little about design or Graphic design education he or she needs help. If we write our tutorial difficultly then those who know little about graphic design they didn't understand anything.
So you will get always easy easy tutorials from our Graphic Design Education. OK lets start our education.

How to Create a Brilliant Lighting Background Effect - Graphic design education

You are most welcome for visit our Graphic design education and classes web site. Our graphic design education and classes web site is the great web site between graphic design related web site in the world. Learn psd or graphic design education and classes web site is the great combination between graphics design or Photoshop necessary tips or Tutorial. That is a great platform where you can get graphics design or Photoshop necessary tips or Tutorial. Already we create some Text effect, Photo effect, Background Effect, Web Button, Web Template, Logo Design by Graphic Design Education and classes.I have many kinds of Background effect tutorial but today we discuss about How to Create a Brilliant Lighting Background Effect in Graphic Design Education and Classes.
Lets start How to Create a Brilliant Lighting Background Effect in Photoshop. After complete this Graphic design education and classes, you can create Brilliant Lighting Background Effect in Adobe Photoshop very easily.

Application : Adobe Photoshop CS3
Difficulty : Beginner or New to Photoshop
Complication Time : 20 minutes only
Tutorial : How to Create a Brilliant Lighting Background Effect

How to Create a Brilliant Lighting Background Effect - Graphic design education

Step 1 : Create A New Document

At first you need to take a new document for Create a Brilliant Lighting Background Effect - Graphic design education. Click File > new a window will come
Where you take
Width: 800 px
Height: 600 px
Resolution: 72 pixels/inch
Contents: white
Then you press OK


Step 2 : The New Document Fill With Black color 

Click set foreground color icon on the tools box.



Set the color Black or Color code is: #000000 then click OK.


Then click paint bucket tool and click into this document.
Now the document color is Black.

Step 3 : Take a new layer and apply lighting effect from 
Filter menu
At first create a new layer from Layer>New>Layer>Ok and fill this layer with white color. Now we apply lighting effects from the Filter menu for create our background effect. So go to Filter>Render>Lighting Effects and set some values for create background perfectly.Click on the top color editor panel. When the color Editor is open select #9c4567 color. Then press Ok. After set top color set the bottom color. so click on the botttom color editor panel. When the color Editor is open select #43343b color. Then press Ok. 


Step 4: Create a Circle and Fill the Circle Gradient Overlay Color
Create a new layer and draw a circle on the new layer. Then Go to Select>Modify>Feather and set Feather Radius 20 pixel.Now 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 and set it as like image position. Then Click Color picker and select #ffffff color. Then press Ok.


Now add a color marker in the middle point by clicking on the gradient editor panel. And Click on the middle side color marker. Then Click Color picker and select #ed7afb color and press Ok.
Set the right side color so Click on the Right side color marker. Then Click Color picker and select #b4293c color and press Ok.
Now you can see your Brilliant Lighting Background Effect working progress as like this image.

Step 5: Create duplicate layer and Turn off original Layer.
At first click on the layer 2 Layer, Mouse right click and select Duplicate Layer>press ok. Then you Turn off this original Layer or Layer 2.




Step 6: Resize this circle 
Now re-size your circle. You can use Free Transform commend from Edit> Free Transform Or  press keyboard shortcut (Ctrl+T) and re-size your text as your wise.
Then Press Enter.


Step 7: Apply wave from Filter menu
Now we give wave effect by using Filter > Distort > Wave. Now set some wave option. 



Number of Generators: 3
Type: Sine
wavelength: 155, 318
Amplitude: 38, 234
Scal 18, 100
Undefined Areas: Repeat Edge Pixels

Step 8: Apply Twirl effect from Filter menu
If you want apply this twirl effect, Go to Filter > Distort > Twirl and Set Angle:718, Press ok.
Now you can see your Brilliant Lighting Background Effect working progress as like this image.



Step 9: Copy layer 2 copy and Rotate it.

At first click on the layer 2 copy Layer, Mouse right click and select Duplicate Layer>press ok. After create duplicate layer, you transform it. So You can use Free Transform commend from Edit> Free Transform Or  press keyboard shortcut (Ctrl+T) rotate your layer as like below image. Then Press Enter.



Now Turn on your Layer 2 and you can see your Create a Brilliant Lighting Background Effect  like this image.Now you see your final Brilliant Lighting Background Effect  as like below image. Thanks for learn How to Create a Brilliant Lighting Background Effect in Photoshop  - Graphic design education.

Thanks for learning this tutorial How to Create a Brilliant Lighting Background Effect - Graphic design education. If you have any advise please give us by comment. 

Sunday, April 28, 2013

Create Fire Text Effect 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 Text effect tutorial but today we discuss about Create Fire Text Effect Photoshop tutorial in Graphic Design Education and Classes.
Lets start how to create Fire Text Effect in Photoshop. After complete this Graphic design education and classes, you can create Fire Effect, Text in Flaming, Fire Text Effect in Adobe Photoshop very easily. 


Application : Adobe Photoshop CS3
Difficulty : Beginner or New to Photoshop
Complication Time : 20 minutes only


Create Fire Text Effect in Adobe Photoshop | Learn Psd


Step 1 : Create A New Document

At first you need to take a new document for creating text fire effect.
Click File > new a window will come



Where you take
Width: 800 px
Height: 600 px
Resolution: 72 pixels/inch
Contents: white
Then you press OK


Step 2 : The New Document Fill With Black color 

Click set foreground color icon on the tools box.



Set the color Black or Color code is: #000000 then click OK.


Then click paint bucket tool and click into this document.
Now the document color is Black.


Step 3 : Select  Type Tool and Write 

Now select Type Tool and select any
Font like: Times New Roman
Style: Bold
Size: 72pt or more
Color: white or color code:  #FFFFFF
Now you type LEARN PSD or as your wise.









If you need to re-size your text. You can use Free Transform commend from Edit> Free Transform Or  press keyboard shortcut (Ctrl+T) and re-size your text as your wise.
Then Press Enter.




Step 4 : Rasterize the Text
Select LEARN PSD Layer and click right button and click Rasterize Type.
Or
Go Layer > Rasterize > Type

Now create a duplicate layer from Layer > Duplicate Layer and press OK button.
Now you have to hide this duplicate layer. Click small eyeball icon for hide this layer.


Then click LEARN PSD layer because create the main fire effect on the original LEARN PSD layer.



Step 5 :  Rotate The layer
Edit>Transform>Rotate 90° CW



Step 6 : Apply The wind Filter
Go to Filter > Stylize > Wind and select
Method: wind
Direction: From the Left
Click OK -as like image below.


Re-Apply The wind Filter (do same work again)
Go to Filter > Stylize > Wind and select method- wind; Direction- From the Left; Click OK.

Re-Rotate The layer
Just go Edit > Transform > Rotate 90° CCW


Step 7 : Apply Gaussian Blur From Filter
Go Filter > Blur > Gaussian Blur a window will come then set the
Radius : 1.2
Press OK



Step 8 : Copy the Background Layer and Apply Merge Down.
At first click on the Background, Click right mouse button and select Duplicate Layer for create a copy background layer. Then you select LEARN PSD layer, Click right mouse button and select Merge Down.
Step 9 : Draw a Rectangular around the LEARN PSD text and apply Liquify effect.
Now you select Background copy Layer and draw a rectangular around the LEARN PSD text. Then you go Filter >Liquify. Now you select some liquify option....
Brush Size: 20 Or your wish.
Brush Density: 50
Brush Pressure: 100 and others things is also right. Now you can press ok. And press Ctrl+D (Keyboard shortcut) or Select>Deselect.
Step 10 : Now apply Hue/Saturation
At first you select Background copy Layer and click Create new fill or adjustment layer>Hue/Saturation. 




Then select some Hue/Saturation Option.......
Hue: 42
Saturation: 100
Mark Colorize  and press ok.

Again we apply Hue/Saturation so click Create new fill or adjustment layer>Hue/Saturation and  select some Hue/Saturation Option.......
Hue: -15  and press ok.
Now your text effect is like this image.



Step 11 : Now Change Blend Mode and Turn on LEARN PSD copy layer.
Go to the blend mode option in the top left side on layer palette and change blend mode Normal to Overlay.


Now we will Turn on our LEARN PSD copy layer


Step 12 : Add Gradient Overlay layer style in the LEARN PSD layer.
Now select LEARN PSD layer and Go 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 #ffcc33 color. Then press Ok.



And Click on the Right side color marker. Then Click Color picker and select #ff9933 color and press Ok.
Now you can see your Create Fire Text Effect in Photoshop like this image.Now you see your final windows vista logo as like below image. Thanks for learn How to Create Fire Text Effect in Photoshop - Graphic design education.



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

Create easy gel text effect in Photoshop-Graphic Design Education

Actually we have some tutorial about Text effect, Photo effect, Background,Web Button, Web Template, Logo Design Tutorials in Graphic Design Education of Photoshop. We will try to give effective tutorial for new or beginner level Photoshop learner in the Graphic Design Education Classes.
But that is very hard for time maintain. If i want to create a good tutorial, i need 5-6 hours time, so that is very hard for me. But i will try to give good Photoshop tutorial for you or others. If you give your comment about our Graphic Design Education classes tutorial, we are inspire for give tutorial. So i want your comment or advise. Thank you. Today we discus about How to Create easy gel text effect in Photoshop- Graphic Design Education Classes. It is very easy and effective tutorial in the Graphic Design Education Classes tutorial. So Let's go start our tutorial How to Create easy gel text effect in Photoshop- Graphic Design Education Classes.

Step 1 : Take a new page

At First we need to take a new page for creating easy gel text effect.
Click File > new set the values showing below

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

Step 2: Choose Type tool and select a color
 In this steps we add a text. Here we use "Learn", if you want you can use your name or other text what you want. Select Horizontal Type Tool (T) from the tools box in the left side. Now go up to option bar and Select Rockwell Extra Bold font, Bold, 60pt font size and White Color from color picker.

Step 3: Write your text

I’m going to type the word “Learn” for creating gel text effect.

Step 4: Re-size the text if needed

If  you want to re-size the text size just go to Edit > Free Transform and transform this text as your wise.

Step 5: Now we use Layer Style

Go to Layer > Layer Style > Drop Shadow.
Then choose color from the blend mode color picker. I choose the color # 89acc4, But you can choose any color and press OK.
Then you click Inner Shadow and choose any color or # 6cb1e1 and press OK.

Now you click Outer Glow and choose any color or 61a2e4 and press ok


Now i am going to change some outer glow option
Opacity-60%
Spread -15%
size -10px



Now you can Apply Inner Glow Layer Style. Click Inner Glow and select color 999ab0. Now change Blend mode screen to Multiply.


Now i am going to change some Inner glow option
Opacity-50%
Chock -10%
size -13px
Step 6: Now you can Apply Bevel and Emboss Layer Style.

Now you can Apply Bevel and Emboss Layer Style. Click Bevel and Emboss change some Bevel and Emboss option size -16px
Angle -90°
Altitude-75°
Now we choose Gloss Contour options, click on the down-pointing arrow to the right of the Contour preview thumbnail, then click on the Half Round option to select it (it’s the first one on the left, bottom row):



Step 7: Apply Satin Layer Style

Click Satin choose color 523f3f and change satin option
Angle -75°
Distance-45px
size -60°
Now your image is like this image..........


Step 7: click the New Style and save this style

Now click the New Style button on the right side and save it any name like Gel effect. write name box Gel effect and press ok button.
I already have the word “Learn” entered into my document window, I’m going to Type tool type "Psd" this time. You can also use the Free Transform command to resize it as your wise.
Right now, the word "Psd" is using nothing more than the original text color, but I want it to have the same "gel effect" I created with the word "Psd". I could go through all the steps again and re-create the layer style, but thankfully, I don’t have to because I was smart enough to save the effect as a new style. Where can I find the style? It’s in Photoshop’s Styles palette, located at the very bottom:



 To apply it to my text, all I have to do is make sure I have the “Psd” text layer selected in the Layers palette, and then click on the “Gel effect” style in the Styles palette. The effect is instantly added to the text:

Now you can see your Graphic Design Education - Create easy gel text effect in Photoshop like this image.Now you see your final Graphic Design Education - Create easy gel text effect in Photoshop as like below image. Thanks for learn How to Create Create easy gel text effect in Photoshop tutorial - Graphic design education.
Thanks for learning this tutorial How to Create Create easy gel text effect in Photoshop tutorial - Graphic design education. If you have any advise please give us by comment. 

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.