7 Replies Latest reply on Feb 10, 2007 7:14 AM by Newsgroup_User

    how to make the apple curvy gradient icons?

    bao08
      how to make the apple curvy gradient icons?

      Hi, can someone give me some hints how to make the popular curvy gradient icons?
      the one like http://www.apple.com/iphone/
      the 4 square icons on top right hand side? orange, green, blue and grey.
      they all have a curvy line and some gradient effect.
      this type of icons seems getting very popular.
      I can also see it on yelp.com and some other sites.
      can someone teach me how to do it using fireworks?

      thanks,
        • 1. Re: how to make the apple curvy gradient icons?
          Level 7
          bao08 wrote:
          > how to make the apple curvy gradient icons?
          >
          > Hi, can someone give me some hints how to make the popular curvy gradient
          > icons?
          > the one like http://www.apple.com/iphone/
          > the 4 square icons on top right hand side? orange, green, blue and grey.
          > they all have a curvy line and some gradient effect.
          > this type of icons seems getting very popular.
          > I can also see it on yelp.com and some other sites.
          > can someone teach me how to do it using fireworks?
          >
          > thanks,
          >
          This should get you started.......

          http://tinyurl.com/yrxdr4

          SKB
          • 2. Re: how to make the apple curvy gradient icons?
            Level 7
            ....and this may finish you off :-)

            http://www.fasterthanu.com/misc_images/Apple.png

            If you open this image in Fireworks, and look in the Layers panel you should
            be able to see what I've done.
            Basically 3 layers, a base layer, a gradient layer and a highlight. I added
            the shadow just for fun.

            Peter
            __________________________
            "SKB" <skb@shouldbefun.com> wrote in message
            news:eqf4fh$2m5$1@forums.macromedia.com...
            | bao08 wrote:
            | > how to make the apple curvy gradient icons?
            | >
            | > Hi, can someone give me some hints how to make the popular curvy
            gradient
            | > icons?
            | > the one like http://www.apple.com/iphone/
            | > the 4 square icons on top right hand side? orange, green, blue and
            grey.
            | > they all have a curvy line and some gradient effect.
            | > this type of icons seems getting very popular.
            | > I can also see it on yelp.com and some other sites.
            | > can someone teach me how to do it using fireworks?
            | >
            | > thanks,
            | >
            | This should get you started.......
            |
            | http://tinyurl.com/yrxdr4
            |
            | SKB


            • 3. Re: how to make the apple curvy gradient icons?
              Level 7
              Shadow?.... I, of course, meant reflection! Sorry for any confusion.

              Peter
              _________________________
              "PJR" <flash@SLICEreclusivebillionaire.com> wrote in message
              news:eqf5b0$415$1@forums.macromedia.com...
              | ....and this may finish you off :-)
              |
              | http://www.fasterthanu.com/misc_images/Apple.png
              |
              | If you open this image in Fireworks, and look in the Layers panel you
              should
              | be able to see what I've done.
              | Basically 3 layers, a base layer, a gradient layer and a highlight. I
              added
              | the shadow just for fun.
              |
              | Peter
              | __________________________
              | "SKB" <skb@shouldbefun.com> wrote in message
              | news:eqf4fh$2m5$1@forums.macromedia.com...
              || bao08 wrote:
              || > how to make the apple curvy gradient icons?
              || >
              || > Hi, can someone give me some hints how to make the popular curvy
              | gradient
              || > icons?
              || > the one like http://www.apple.com/iphone/
              || > the 4 square icons on top right hand side? orange, green, blue and
              | grey.
              || > they all have a curvy line and some gradient effect.
              || > this type of icons seems getting very popular.
              || > I can also see it on yelp.com and some other sites.
              || > can someone teach me how to do it using fireworks?
              || >
              || > thanks,
              || >
              || This should get you started.......
              ||
              || http://tinyurl.com/yrxdr4
              ||
              || SKB
              |
              |


              • 4. Re: how to make the apple curvy gradient icons?
                Level 7
                Very nice, Peter!


                --
                Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                Extending Knowledge, Daily
                http://www.communityMX.com/
                CommunityMX - Free Resources:
                http://www.communitymx.com/free.cfm
                ---
                .:Adobe Community Expert for Fireworks:.
                news://forums.macromedia.com/macromedia.fireworks
                news://forums.macromedia.com/macromedia.dreamweaver

                PJR wrote:
                > Shadow?.... I, of course, meant reflection! Sorry for any confusion.
                >
                > Peter
                > _________________________
                > "PJR" <flash@SLICEreclusivebillionaire.com> wrote in message
                > news:eqf5b0$415$1@forums.macromedia.com...
                > | ....and this may finish you off :-)
                > |
                > | http://www.fasterthanu.com/misc_images/Apple.png
                > |
                > | If you open this image in Fireworks, and look in the Layers panel you
                > should
                > | be able to see what I've done.
                > | Basically 3 layers, a base layer, a gradient layer and a highlight. I
                > added
                > | the shadow just for fun.
                > |
                > | Peter
                > | __________________________
                > | "SKB" <skb@shouldbefun.com> wrote in message
                > | news:eqf4fh$2m5$1@forums.macromedia.com...
                > || bao08 wrote:
                > || > how to make the apple curvy gradient icons?
                > || >
                > || > Hi, can someone give me some hints how to make the popular curvy
                > | gradient
                > || > icons?
                > || > the one like http://www.apple.com/iphone/
                > || > the 4 square icons on top right hand side? orange, green, blue and
                > | grey.
                > || > they all have a curvy line and some gradient effect.
                > || > this type of icons seems getting very popular.
                > || > I can also see it on yelp.com and some other sites.
                > || > can someone teach me how to do it using fireworks?
                > || >
                > || > thanks,
                > || >
                > || This should get you started.......
                > ||
                > || http://tinyurl.com/yrxdr4
                > ||
                > || SKB
                > |
                > |
                >
                >

                • 5. Re: how to make the apple curvy gradient icons?
                  Level 7
                  Thank you Jim, praise indeed. If someone would pay me, I could happily make
                  buttons like these all day :-)

                  Peter
                  ____________________
                  "Jim Babbage" <jbabbage@newmediaservices.ca> wrote in message
                  news:eqfpmi$s5d$1@forums.macromedia.com...
                  | Very nice, Peter!
                  |
                  |
                  | --
                  | Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                  | Extending Knowledge, Daily
                  | http://www.communityMX.com/
                  | CommunityMX - Free Resources:
                  | http://www.communitymx.com/free.cfm
                  | ---
                  | .:Adobe Community Expert for Fireworks:.
                  | news://forums.macromedia.com/macromedia.fireworks
                  | news://forums.macromedia.com/macromedia.dreamweaver
                  |
                  | PJR wrote:
                  | > Shadow?.... I, of course, meant reflection! Sorry for any confusion.
                  | >
                  | > Peter
                  | > _________________________
                  | > "PJR" <flash@SLICEreclusivebillionaire.com> wrote in message
                  | > news:eqf5b0$415$1@forums.macromedia.com...
                  | > | ....and this may finish you off :-)
                  | > |
                  | > | http://www.fasterthanu.com/misc_images/Apple.png
                  | > |
                  | > | If you open this image in Fireworks, and look in the Layers panel you
                  | > should
                  | > | be able to see what I've done.
                  | > | Basically 3 layers, a base layer, a gradient layer and a highlight. I
                  | > added
                  | > | the shadow just for fun.
                  | > |
                  | > | Peter
                  | > | __________________________
                  | > | "SKB" <skb@shouldbefun.com> wrote in message
                  | > | news:eqf4fh$2m5$1@forums.macromedia.com...
                  | > || bao08 wrote:
                  | > || > how to make the apple curvy gradient icons?
                  | > || >
                  | > || > Hi, can someone give me some hints how to make the popular curvy
                  | > | gradient
                  | > || > icons?
                  | > || > the one like http://www.apple.com/iphone/
                  | > || > the 4 square icons on top right hand side? orange, green, blue and
                  | > | grey.
                  | > || > they all have a curvy line and some gradient effect.
                  | > || > this type of icons seems getting very popular.
                  | > || > I can also see it on yelp.com and some other sites.
                  | > || > can someone teach me how to do it using fireworks?
                  | > || >
                  | > || > thanks,
                  | > || >
                  | > || This should get you started.......
                  | > ||
                  | > || http://tinyurl.com/yrxdr4
                  | > ||
                  | > || SKB
                  | > |
                  | > |
                  | >
                  | >
                  |


                  • 6. Re: how to make the apple curvy gradient icons?
                    Level 7
                    What about any number of those company's that sell icons? Is that an option?

                    PJR wrote:
                    > Thank you Jim, praise indeed. If someone would pay me, I could happily make
                    > buttons like these all day :-)
                    >
                    > Peter
                    > ____________________
                    > "Jim Babbage" <jbabbage@newmediaservices.ca> wrote in message
                    > news:eqfpmi$s5d$1@forums.macromedia.com...
                    > | Very nice, Peter!
                    > |
                    > |
                    > | --
                    > | Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                    > | Extending Knowledge, Daily
                    > | http://www.communityMX.com/
                    > | CommunityMX - Free Resources:
                    > | http://www.communitymx.com/free.cfm
                    > | ---
                    > | .:Adobe Community Expert for Fireworks:.
                    > | news://forums.macromedia.com/macromedia.fireworks
                    > | news://forums.macromedia.com/macromedia.dreamweaver
                    > |
                    > | PJR wrote:
                    > | > Shadow?.... I, of course, meant reflection! Sorry for any confusion.
                    > | >
                    > | > Peter
                    > | > _________________________
                    > | > "PJR" <flash@SLICEreclusivebillionaire.com> wrote in message
                    > | > news:eqf5b0$415$1@forums.macromedia.com...
                    > | > | ....and this may finish you off :-)
                    > | > |
                    > | > | http://www.fasterthanu.com/misc_images/Apple.png
                    > | > |
                    > | > | If you open this image in Fireworks, and look in the Layers panel you
                    > | > should
                    > | > | be able to see what I've done.
                    > | > | Basically 3 layers, a base layer, a gradient layer and a highlight. I
                    > | > added
                    > | > | the shadow just for fun.
                    > | > |
                    > | > | Peter
                    > | > | __________________________
                    > | > | "SKB" <skb@shouldbefun.com> wrote in message
                    > | > | news:eqf4fh$2m5$1@forums.macromedia.com...
                    > | > || bao08 wrote:
                    > | > || > how to make the apple curvy gradient icons?
                    > | > || >
                    > | > || > Hi, can someone give me some hints how to make the popular curvy
                    > | > | gradient
                    > | > || > icons?
                    > | > || > the one like http://www.apple.com/iphone/
                    > | > || > the 4 square icons on top right hand side? orange, green, blue and
                    > | > | grey.
                    > | > || > they all have a curvy line and some gradient effect.
                    > | > || > this type of icons seems getting very popular.
                    > | > || > I can also see it on yelp.com and some other sites.
                    > | > || > can someone teach me how to do it using fireworks?
                    > | > || >
                    > | > || > thanks,
                    > | > || >
                    > | > || This should get you started.......
                    > | > ||
                    > | > || http://tinyurl.com/yrxdr4
                    > | > ||
                    > | > || SKB
                    > | > |
                    > | > |
                    > | >
                    > | >
                    > |
                    >
                    >
                    • 7. Re: how to make the apple curvy gradient icons?
                      Level 7


                      --

                      "PJR" wrote
                      If someone would pay me, I could happily make buttons like these all day
                      :-)

                      :-)

                      Sometimes I think thats what I am paid with

                      lawrie