A Blog of a Jordanian, blogging from the Middle East, known for being audacious and unafraid to express anything that does not conform to his mentality.

3 Easy Steps to Creating Your Own Adobe CS3 Style Icon

Posted: June 16th, 2007 | Author: Moey | Filed under: Uncategorized | Tags: , , | 5 Comments »

Found in this amazing blog, Adobe has decided to revamp their entire icon suite for their CS3 release. You, too, can create your own Adobe style icon in just a few steps:Open a new file, in RGB mode, 64×64 pixels in size. Set the foreground color to #2A6EC1 , and the background color to #113871. Use the Radial Gradient tool and drag the tool as shown in the illustration below to create the same gradient background.

Creating an icon using gradients

Using the Type tool, select Myriad Pro as the typeface, and select SemiBold as the weight. Use 36 points, and select Smooth for the antialiasing.

Select File > Save for Web and Devices. You’ve created your own CS3 style icon!

Adding type to the icon

5 Comments on “3 Easy Steps to Creating Your Own Adobe CS3 Style Icon”

  1. 1 sam said at 10:08 AM on June 16th, 2007:

    thanks for commenting,
    even you have got a great blog. Keep up the good work.

  2. 2 wedz said at 11:29 AM on June 16th, 2007:

    moey!! enta metzakerni or no :D

  3. 3 Mariam Ayyash said at 2:34 PM on June 17th, 2007:

    hehe, that is a good clue that the new CS3 brand SUX! i think it is the dumbest collection of brand icons i have witnesses, wien CS3 w wein Macromedia brand! alas!

  4. 4 Moey said at 2:58 PM on June 17th, 2007:

    thanks sam, wedad yes i do and mariam, tellme about it.

  5. 5 3 Easy Steps to Creating Your Own Adobe CS3 Style Icon « Flash Enabled - Get Ready With Flash… said at 10:23 AM on June 18th, 2007:

    [...] Easy Steps to Creating Your Own Adobe CS3 Style Icon Moeys Wrote: As I posted earlier, Adobe has decided to revamp their entire icon suite for their CS3 release. [...]

Leave a Reply