BreatheIconSet

Differences between revisions 29 and 30
Revision 29 as of 2008-09-30 08:26:32
Size: 3946
Editor: 81-86-159-34
Comment:
Revision 30 as of 2008-09-30 08:27:17
Size: 3946
Editor: 81-86-159-34
Comment:
Deletions are marked like this. Additions are marked like this.
Line 31: Line 31:
 *General Style - "Hyper-realistic" (more perfect than real life) is the design goal. You should want to reach out and touch the icons. Each icon should really show much work has gone into it. The difference between hyper-realistic and photo-realistic is the difference between a normal photo and a "photoshopped" photo. Where applicable it should appear as if the icons are made of a real-world material,  *General Style - "Hyper-realistic" (more perfect than real life) is the design goal. You should want to reach out and touch the icons. Each icon should really show much work has gone into it. The difference between hyper-realistic and photo-realistic is the difference between a normal photo and a "photoshopped" photo. Where applicable it should appear as if the icons are made of a real-world material.

Warning /!\ UNDER CONSTRUCTION Warning /!\ - This page is for hard info. Although it will get revision, please keep thoughts/comments to the discussion page.





https://launchpadlibrarian.net/17279188/192.png

Breathe - "Because humans need oxygen."



About

Ubuntu's icon theme could benefit from a refresh. Oxygen is a good, comprehensive and modern icon set. It doesn't have overly heavy outlines like Tango, but for our needs, it lacks the "Human-touch". So we will use it as a starting point.

We start with a base Oxygen set and replace the icons as suitable ones are created. The idea is to create as modern a set as Oxygen but with that distinctly Human feel.

License - Creative Common Attribution-ShareAlike 3.0 License

Process/Planning

Create abstract icons like a sphere and a box to give an idea about perspective and lighting.

Define the virtual environment: Lighting and surfaces that are hinted at in reflections. It seems Human and Oxygen assume light straight from above. This simplifies shadows. I think the default theme and the icons should assume the same light direction.

Look & Feel

  • Perspective - Right now we will copy Oxygen and change where needed. This still needs defined for ourselves.
  • General Style - "Hyper-realistic" (more perfect than real life) is the design goal. You should want to reach out and touch the icons. Each icon should really show much work has gone into it. The difference between hyper-realistic and photo-realistic is the difference between a normal photo and a "photoshopped" photo. Where applicable it should appear as if the icons are made of a real-world material.
  • Shadowing - This needs to be very consistent. Also should shadows be dropped under 32px in favour of an outline?

Workflow

We will be using this "One Canvas Workflow" idea from jimmac. All the needed tools will be in the BZR branch along with the SVG template linked below.
People will be able to submit icons created with the template via the Ubuntu Artwork mailing list or directly to BZR if you've been approved.

Once the icons are uploaded to BZR, the preview images and source SVGs on the icon wiki pages will automatically update.

  • All source icons will be in .SVG form created at the size they are meant to be used.
  • Sizes = 16px, 22px, 24px, 32px, 48px and scalable. Scalable to be created at 256px.
  • 16-48px will be rendered in the built package with .svg used for anything larger.

Templates

  • Inkscape - SVG -Drop "Breathe_Icon_Template.svg" in ~/.inkscape/templates (or ~/.config/Inkscape for Inkscape from current SVN). It should then be visiable from "File->New" in the Inkscape menu.

Links

Contact

All technical discussion regarding this project is coordinated here:

Artwork/BreatheIconSet (last edited 2009-12-22 22:18:56 by cpe-071-070-203-016)