• home
  • forum
  • my
  • kt
  • download
  • Web 2 Information Icon

    Author: 2008-01-17 17:10:00 From:

    1) open up a new document and set the dimensions to  250 by 250 pixels and at 72 d.p.i  > color mode r.g.b


    2) Selects rounded rectangle tool > corner radius of 10px  and draw a square filling up near enough the whole page. Fill with any color you like

    Web 2 Icon Tutorial - Back Drop image


    3) Name this layer "bdrop". Open up its layer properies and give it this gradient, now with the gradient option box still selected, use the move tool and position the gradient up a little bit so its not dead center.




    Now choose "drop shadow and lower the opacity to 40%

    Web 2 Icon gradient texture

    4) Select Custom shape tool, and then the Info Icon Shape from the top menu, and then draw one inside the back drop and call the layer Info fill in any color you like.

    Web 2 info icon tutorials

    5) Select the Info layers, blending options and apply these settings. You can down laod this gradient here or in the Info Icon Source Pack. You dont have to be precise, just have a play around.

    6) Next apply an inner shadow and set the distance to 1px



    Web2 Layer Style


     

    7) Now flatten the layer

     

    discuss this topic to forum

    relation tutorial

    No relevant information

    Category

      Abstracts (88)
      Effects (498)
      Animation (220)
      Photo Effects (823)
      Automation (20)
      Photo Retouch (316)
      Basics (411)
      Photography (302)
      Brushes (49)
      Scripting (5)
      Buttons (187)
      Text Effects (731)
      Color (77)
      Textures and Patterns (172)
      Digital Art (147)
      Web Graphics (692)
      Drawing (735)
      Web Layouts (175)

    New

    Hot