Google Chrome Logo Design
December 5th, 2008 by ART-D Posted in Adobe Photoshop, Designing
A detailed tutorial on how to create this awesome logo.
If you want to brush up on your graphic design skills, learn the techniques taught in the following 10 terrific texture tutorials.
Begin working by creating a new file (File>New) of 854×854 px and 72 dpi. Use on it the Ellipse Tool (U) to represent the basis for the logotype to be of the Google Chrome browser.
Select for this layer the parameters from below by making a mouse click on this layer on the layers’ panel: Blending Options>Gradient Overlay
Gradient’s parameters:
Using the same tool, try to make the next layer of the same element. Firstly apply the Ellipse Tool (U) to mark out the outside edges of the layer and then choose the Pen Tool (P) to cut out an inside opening. Its shape may be corrected with the Convert Point Tool.
The layer’s parameters: Blending Options>Bevel and Emboss
Make a copy of the recently made layer and use on it the Free Transform option. Press Maintain aspect ratio and make uniformly the copy smaller and then displace it easily. Move off the layer’s effect out of the copy. Select also the color #4E4A4A for the layer’s copy. Place the new layer under the previous one. This will be the shadow’s layer.
Create a new layer and use on it a standard brush (Brush Tool (B)) to paint the logotype’s sectors. Press preliminary Alt button and make a mouse click between the top logotype’s layer and the new one.
Make a new copy of the logotype’s layer and apply the Bevel and Emboss options for the copy. Use the Convert Point Tool to change the placement of the tops and move off the layer’s effect. Place this new layer lower than the logotype’s layer with the effect (Bevel and Emboss), but above the layer containing the logotype’s shadow.
Create a new layer again situating it above the previous made one and do the same operations we did when painting the top layer (meaning the layer situated above the shadow’s layer, but lower than the logotype’s one).
Post Pages: 1 2
diseño web | tuProgramador.com
03/09/2009
Incredible tutorial.
Google chrome Logo now seems very simple..
ashish
07/09/2009
awesome
aisinvon
12/09/2009
it’s amazing
Prashant
27/09/2009
Please put up the psd file also
it will be very helpful
منتديات ماى بكتشرز
14/10/2009
it’s amazing
Optimizacija sajta
28/10/2009
This is great tutorial. I am begginer and those tutorials are what I need. Thanks!
HEYU
31/12/2009
very good
Michelle
06/01/2010
wow very nice
wien
23/02/2010
great tutorial thanks for sharing
Logo Design Monster
25/02/2010
This is a really impressive tutorial. Thank you very much for sharing your expertise.
sm
14/03/2010
very difficult to follow :S
blah
29/03/2010
indeed, this is very difficult to follow. a little more detail in each step would help
InfamousLA
31/03/2010
Wow, dope outcome, great tutorial!
Web dizajn
04/04/2010
I like photoshop tutorials, this is one of the great, inspirative, useful, attractive 3d tutorial, thanks for sharing this resource
bono
25/04/2010
nice job. very impressive. thanks a lot for sharing!
logo templates
05/10/2010
I just love it. Such a nice tutorial. Now I will definitely follow this technique to create new logos.
Thanks for the post.
M Styborski
26/10/2010
“Awesome logo”…? Reminds me of an old Simon game. It’s a wonder they aren’t being sued for it. I remember my Simon game. It was fun for a week at which point it became incredibly boring. Then, perhaps a month later, stopped working altogether. Hope Chrome has better luck than that!
ww38038
03/11/2010
nice tutorial, seems very simple, but difficult to follow
jcobb22
16/03/2011
Thanks for sharing! However, you really need more detail in each step and more definition of names/terms for the beginner. It gets really hard to follow after a while. People tend to forget what it’s like when you start out and don’t know the app.
Evan
29/03/2011
I’ll give this a try tonight
Loraine Cosimini
11/05/2011
Some genuinely interesting points you have written.Aided me a lot, just what I was looking for. Thank you ! : D.
ME
23/05/2011
is this in Jasc Paint Shop Pro?
ME but another one
26/06/2011
it rocks
Man Sivick
16/07/2011
Please let me know if you’re looking for a article writer for your blog. You have some really great articles and I feel I would be a good asset. If you ever want to take some of the load off, I’d really like to write some articles for your blog in exchange for a link back to mine. Please shoot me an e-mail if interested. Thanks!
Jaroslav Tesarik
10/08/2011
Nice tutorial
Nadia
06/09/2011
Thank you so much for these tutorials! What version of Photoshop do you use? Please email me the answer if possible
Diane Soucy
07/01/2012
Great work! It’s amazing how much layer effects add to design! Thanks for sharing
Rahul Murari
28/08/2012
these r very help full but not properly defined
salman alex
25/02/2013
Awesomeeeeeeeeeeeeeeeeeeeeeee!
Alex
26/03/2013
Like it! Thank you!
arenareviews
21/05/2013
great tutorial thanks to share, I’m new user of Adobe Illustrator, I think I make that logo, I will try it.