Create Account
Sign In

[Tutorial] Reproduce Google's Logo in Photoshop


[Tutorial] Reproduce Google's Logo in Photoshop [Tutorial] Reproduce Google's Logo in Photoshop The 13/07/2011 at 23:26:04
Rating: 4/5
Keywords: google logo photoshop tutorial catull book antiqua google logo image reproduce colors

Hi,
In this tutorial, I will show you how to reproduce Google's Logo with Adobe Photoshop.
At the end of this photoshop tutorial you will be able to do that:
Image

First, open photoshop and create a 510px * 170px image.
Fill the first layer with white if it not already done.

Select the Text Tool (T) and write Google. The real font of google's logo is Catull wich is not free. In this tutorial we are going to use the font Book Antiqua who is very similar(If you don't have it just use Times New Roman). The size of the text must be 150pt.
Image

Select each character of the logo one by one and give them these colors:
Blue: <gras>#0039b6</gras> Red: <gras>#c41200</gras> Yellow: <gras>#f3c518</gras> Green: <gras>#30a72f</gras>
Image

Double click on the layer of the text to open the Blending Options.
In the Drop Shadow menu use these parameters.
Image

In the Bevel and Emboss menu use these parameters.
Image

That's it, you just reproduced Google's logo yourself.
You should get something similar to:
Image

Thank you for reading and I hope this tutorial will be useful.

Similar Scripts and Tutorials

[Tutorial] Reproduce the Photoshop CS4 Logo [Tutorial] Reproduce the Photoshop CS4 Logo [Tutorial] Black and White image in Photoshop from a colored image [Tutorial] Black and White image in Photoshop from a colored image [Tutorial]Create a web 2.0 Logo with photoshop (Web 2.0 Title) [Tutorial]Create a web 2.0 Logo with photoshop (Web 2.0 Title) [Tutorial]Fusion between 2 images with layers masks (Photoshop) [Tutorial]Fusion between 2 images with layers masks (Photoshop) [Tutorial]Add a reflect to an image with photoshop [Tutorial]Add a reflect to an image with photoshop