Jump to content


A computer mouse in 7 layers

  • Please log in to reply
8 replies to this topic

#1 Adam!



  • Members
  • PipPipPip
  • 31 posts
  • Location:West Midlands

Posted 19 July 2007 - 12:36 AM

I created this (as with all my stuff) in Fireworks 8.

I've not provided a step-by-step tutorial for this but have divided the layers up so you can see how simple it was to make.
The hardest part is creating the base layer with the various levers of shading. This was done using a linear shade set as Elipse and a few "inner shadows" from the effects area.

This mouse was created for our E-Learning software to act as a large icon.

The rest of the layers are straight forward :)
Hope it helps someone!

Attached Images

  • adaminco_make_a_mouse.jpg

#2 Alan



  • Root Admin
  • PipPipPipPipPipPipPipPipPipPipPipPipPipPipPip
  • 1,507 posts
  • Location:San Francisco, California USA
  • Interests:Longboarding, art and video games

Posted 19 July 2007 - 01:29 AM

Nice and it looks good too. I definitely picked up a tip. Keep it simple and not overdo it like I did today when I was prototyping an app. :)

#3 so1980==MikeTaylor



  • FwGurus
  • PipPipPipPipPipPip
  • 645 posts
  • Location:Brooklyn, New York, USA
  • Interests:Fireworks, Sociolinguistics, Dialects, New York City, & Burritos.

Posted 19 July 2007 - 07:39 AM

man, that's a really nice icon. thanks for the image.

#4 KendallOhio


    Fireworks Ninja

  • Members
  • PipPipPipPipPip
  • 294 posts
  • Location:Ohio, USA

Posted 19 July 2007 - 09:12 AM

that is a very cool icon really like the nice simple shape of it :)

#5 only1tim



  • Members
  • PipPip
  • 11 posts

Posted 16 September 2007 - 10:48 AM

adam your a genius

#6 Gavski



  • Members
  • PipPipPipPip
  • 52 posts
  • Location:Edinburgh, Scotland

Posted 24 June 2008 - 04:05 AM

Hi everyone,

Have been looking for an opportunity to resurrect this and recreate this for a while and have found one as a design I'm working on at the moment required a mouse graphic, so thanks Adam.

Have included a .png for you to see how I did it if you are interested. A few minor diffrences formthe original - namely shading on the two "egg" like shapes wsa done entirely using inner shadows and experimenting with the angles, whislt the button shapes onthe mouse are a little bit different.

Hope it is useful to someone.


#7 Suzanne


    Fireworks Sparkle

  • Members
  • Pip
  • 1 posts

Posted 15 January 2009 - 10:28 PM

hey Adam.. that's really nice image.. keep it up

#8 icyyy


    Fireworks Sparkle

  • Members
  • Pip
  • 1 posts

Posted 26 November 2010 - 09:25 PM

such a wonderful piece of art

#9 121312er



  • Members
  • Pip
  • 6 posts

Posted 03 November 2011 - 01:21 AM

looks not so difficult but requires much effort i think.. Good job))develope your skills