BreatheIconSet
Differences between revisions 43 and 64 (spanning 21 versions)
|
Size: 5417
Comment:
|
Size: 1841
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 1: | Line 1: |
| /!\ UNDER CONSTRUCTION /!\ - This page is for hard info. Although it will get revision, please keep thoughts/comments to the discussion page. |
|
| Line 4: | Line 2: |
| ||<tablestyle="float:right; font-size: 0.9em; width:30%; background:#F1F1ED; background-image: url('http://librarian.launchpad.net/2980250/Emblem-16.png'); background-repeat: no-repeat; background-position: 98% 0.5ex; margin: 0 0 1em 1em; padding: 0.5em;"><<TableOfContents>>|| | |
| Line 5: | Line 4: |
| <<BR>> ||<tablestyle="float:right; font-size: 0.9em; width:30%; background:#F1F1ED; background-image: url('http://librarian.launchpad.net/2980250/Emblem-16.png'); background-repeat: no-repeat; background-position: 98% 0.5ex; margin: 0 0 1em 1em; padding: 0.5em;"><<TableOfContents>>|| <<BR>> {{https://launchpadlibrarian.net/17279188/192.png}} |
{{http://bazaar.launchpad.net/~breathe-dev/breathe-icon-set/trunk/download/head:/folder.png-20080904183140-r1x72piikty3tiie-2/folder.png?file_id=rendered-20080904180602-4kcena7h7l22ot23-4}} |
| Line 13: | Line 6: |
<<BR>> |
|
| Line 20: | Line 11: |
| 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. | 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. The set will also conform the the [[http://standards.freedesktop.org/icon-naming-spec/icon-naming-spec-latest.html#guidelines|FreeDesktop Naming Spec]]. |
| Line 24: | Line 15: |
| = Process/Planning = Create abstract icons like a sphere and a box to give an idea about perspective and lighting. |
= Getting The Icons = Current release: [[http://edge.launchpad.net/breathe-icon-set/trunk/0.51/+download/breathe-icon-theme-0.51.tar.gz|Breathe Icon Theme v.0.51]] (drag & drop archive for your theme manager) <<BR>> <<BR>> '''PPA''': https://launchpad.net/~breathe-dev/+archive/ppa |
| Line 27: | Line 21: |
| 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 but I feel a mix of perspectives based on, say, use or type will work. It should also be noted that the perspective can change at smaller sizes to better fit that view. *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 favor of an outline? = Workflow = We will be using this "[[http://jimmac.musichall.cz/log/?p=436|One Canvas Workflow]]" idea from jimmac. All the needed tools will be in the [[https://code.launchpad.net/~breathe-dev/breathe-icon-set/trunk|BZR]] branch along with the SVG template linked below. <<BR>> People will be able to submit icons created with the template via the [[https://lists.ubuntu.com/mailman/listinfo/ubuntu-art|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 128px. *16-48px will be rendered in the built package with .svg used for anything larger. == Step by step == 1. Download the [[http://bazaar.launchpad.net/%7Ebreathe-dev/breathe-icon-set/trunk/download/head:/breathe_icon_templat-20080905042226-bvdzo9fb8th94dyh-3/Breathe_Icon_Template.svg?file_id=template-20080905042226-bvdzo9fb8th94dyh-2|SVG template]]. 1. Place the template in ''~/.inkscape/templates/'' (or ''~/.config/Inkscape/'' if you are using Inkscape from current SVN). It should then be visible in Inkscape's ''File → New'' menu. Alternatively, just open the template file directly, but take care to not change it. 1. Enable the Layers palette (''Shift+Ctrl+L'' or in via menu: ''Layer → Layers''). You should see 3 layer with sublayers now: * instructions * path/template * plate * palette * Color cues * ... 1. Rename the "path/template" layer to match path and icon-name of the icon you want to work on (e.g. "actions/gnome-help") 1. Unlock the renamed layer (click on the lock symbol) to create your icon in it. 1. Create 2 text objects in ''plate'' layer. Their content have to be the ''context'' (e.g. ''actions'') and icon-name (e.g. ''gnome-help''). Assign the labels ''context'' and ''icon-name'' to them. To do so, right-click a text object, choose ''Object Properties'', enter the label and hit ''Set''. 1. Hide the ''plate'' layer (click on eye symbol). 1. Save your work with the name of the icon as filename (e.g. ''gnome-help'') = Releases = Super-Early-Shouldn't-Be-Doing-This-It's-Too-Soon-Release: [[https://wiki.ubuntu.com/Artwork/BreatheIconSet?action=AttachFile&do=get&target=Breathe_Icon_Set-20090207.tar.gz|Breathe_Icon_Set-20090207.tar.gz]] <<BR>> '''PPA''': https://launchpad.net/~breathe-dev/+archive/ppa (occasionally updated) = Links = *[[Artwork/BreatheIconSet/Discussion|Discussion]] *[[Artwork/BreatheIconSet/Icons|The Icons]] *[[Artwork/BreatheIconSet/Submissions|Submissions]] *Launchpad project page: [[https://launchpad.net/breathe-icon-set|Breathe Icons]] = Contact = |
= Development/Contact = |
| Line 80: | Line 25: |
| *[[Artwork/BreatheIconSet/Development| Development Info]] |
Contents |
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. The set will also conform the the FreeDesktop Naming Spec.
License - Creative Common Attribution-ShareAlike 3.0 License
Getting The Icons
Current release: Breathe Icon Theme v.0.51 (drag & drop archive for your theme manager)
PPA: https://launchpad.net/~breathe-dev/+archive/ppa
Development/Contact
All technical discussion regarding this project is coordinated here:
Mailing List - Ubuntu Artwork
- IRC - #ubuntu-artwork on Freenode.
Artwork/BreatheIconSet (last edited 2009-12-22 22:18:56 by cpe-071-070-203-016)