Google Chrome Logo Design

December 5th, 2008 by ART-D Posted in Adobe Photoshop, Designing

Make a copy of the mask’s layer where we’ve used those three colors to paint the top layer of the logotype. Choose for this layer the Burn Tool (O) and the Dodge Tool (O) to draw several highlights and shadows on the logotype.

Create Google Chrome Logo Design in Photoshop CS3

Create Google Chrome Logo Design in Photoshop CS3

Using the Ellipse Tool (U), try to represent the central element of the logotype. Place its layer lower than the top layer of the logotype.

Create Google Chrome Logo Design in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Drop Shadow

Create Google Chrome Logo Design in Photoshop CS3

Blending Options>Inner Shadow

Create Google Chrome Logo Design in Photoshop CS3

Blending Options>Gradient Overlay

Create Google Chrome Logo Design in Photoshop CS3

Gradient’s parameters:

Create Google Chrome Logo Design in Photoshop CS3

Create Google Chrome Logo Design in Photoshop CS3

Try to represent the highlight’s ring around the logotype’s central part. For the beginning apply the Ellipse Tool (U) to represent the outside borders and then press Alt button while using the same tool to cut out an opening.

Create Google Chrome Logo Design in Photoshop CS3

The layer’s parameters: Fill 40%
Blending Options>Gradient Overlay

Create Google Chrome Logo Design in Photoshop CS3

Gradient’s parameters:

Create Google Chrome Logo Design in Photoshop CS3

Create Google Chrome Logo Design in Photoshop CS3

Press Alt button and make a mouse click between the ring’s layer of the highlight and the previous layer:

Create Google Chrome Logo Design in Photoshop CS3

Create Google Chrome Logo Design in Photoshop CS3

On this stage we need to represent a highlight on the lowest part of the logotype. Select the Ellipse Tool (U) and represent the outside edges of the highlight along the bottom edge of the same logotype. Press the Alt button, while using the same tool, to erase the unnecessary elements of the picture. The layer’s color in this case is white.

Create Google Chrome Logo Design in Photoshop CS3

The layer’s parameters: Fill 25%
Blending mode-Lighter Color

Create Google Chrome Logo Design in Photoshop CS3

The logotype is finished!

View full size here.

  •  

  •    
  •  

 

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.