Projects/Oxygen/Style - Revision history

Jstaniek: /* Color Usage */ fix palettes path

2011-09-17T19:52:21Z

‎Color Usage: fix palettes path

Tampakrap: /* Making the final SVG icon to commit/submit */ InkScape -> Inkscape

2007-07-22T01:59:19Z

‎Making the final SVG icon to commit/submit: InkScape -> Inkscape

JRT: /* Saving the final SVG in InkScape */ AI junk removal

2007-05-07T19:10:33Z

‎Saving the final SVG in InkScape: AI junk removal

JRT: /* Saving the final SVG in InkScape */ added instructions on how to remove stuff from file

2007-05-07T00:52:27Z

‎Saving the final SVG in InkScape: added instructions on how to remove stuff from file

JRT: /* Saving the final SVG in InkScae */

2007-05-07T00:51:11Z

‎Saving the final SVG in InkScae

JRT: /* Exporting the PNG bitmaps */ added

2007-05-07T00:38:53Z

‎Exporting the PNG bitmaps: added

JRT: /* Oxygen's Approach to Icon Sizes */ need for pixel alignment.

2007-05-07T00:35:13Z

‎Oxygen's Approach to Icon Sizes: need for pixel alignment.

Djmdave at 14:58, 26 April 2007

2007-04-26T14:58:22Z

Djmdave: /* 16x16 */

2007-04-26T14:03:01Z

‎16x16

Tampakrap: /* Emblems */

2007-04-25T09:44:51Z

‎Emblems

@@ Line 67: / Line 67: @@
 #Close Inkscape, if you have it running
-#Place [http://websvn.kde.org/*checkout*/trunk/playground/artwork/Oxygen/utils/oxygen.gpl 'oxygen.gpl'] in this folder: {{path|~/.inkscape/palettes/}}
+#Place [http://websvn.kde.org/*checkout*/trunk/playground/artwork/Oxygen/utils/oxygen.gpl 'oxygen.gpl'] in this folder: {{path|~/.config/inkscape/palettes/}}
 #Start Inkscape
 #Select the Oxygen palette in the Swatches dialog (Ctrl+Shift+W).

@@ Line 116: / Line 116: @@
 === Making the final SVG icon to commit/submit ===
-Make a copy of the icon with InkScape.
+Make a copy of the icon with Inkscape.
-#Choose "File -> Save As" and select "Plain SVG".  This will remove InkScape specific information which is not necessary to render the image.
+#Choose "File -> Save As" and select "Plain SVG".  This will remove Inkscape specific information which is not necessary to render the image.
 #After saving the file, choose "File -> Vacuum Defs", to remove unused definitions, and then save again.

@@ Line 115: / Line 115: @@
 [[Category:Artwork]][[Category:Oxygen]]
-=== Saving the final SVG in InkScape ===
+=== Making the final SVG icon to commit/submit ===
-Make a copy of the icon to submit.
+Make a copy of the icon with InkScape.
 #Choose "File -> Save As" and select "Plain SVG".  This will remove InkScape specific information which is not necessary to render the image.
 #After saving the file, choose "File -> Vacuum Defs", to remove unused definitions, and then save again.

← Older revision		Revision as of 00:52, 7 May 2007
Line 119:		Line 119:

	#Choose "File -> Save As" and select "Plain SVG". This will remove InkScape specific information which is not necessary to render the image.		#Choose "File -> Save As" and select "Plain SVG". This will remove InkScape specific information which is not necessary to render the image.
−	#After saving the file, choose "File -> Vacuum Defs" and then save again.	+	#After saving the file, choose "File -> Vacuum Defs", to remove unused definitions, and then save again.

← Older revision		Revision as of 00:51, 7 May 2007
Line 115:		Line 115:
	[[Category:Artwork]][[Category:Oxygen]]		[[Category:Artwork]][[Category:Oxygen]]

−	=== Saving the final SVG in ~~InkScae~~ ===	+	=== Saving the final SVG in InkScape ===
		+	Make a copy of the icon to submit.
		+
		+	#Choose "File -> Save As" and select "Plain SVG". This will remove InkScape specific information which is not necessary to render the image.
		+	#After saving the file, choose "File -> Vacuum Defs" and then save again.

← Older revision		Revision as of 00:38, 7 May 2007
Line 114:		Line 114:

	[[Category:Artwork]][[Category:Oxygen]]		[[Category:Artwork]][[Category:Oxygen]]
		+
		+	=== Saving the final SVG in InkScae ===

@@ Line 7: / Line 7: @@
 Oxygen uses the 128x128 'pixel' SVG files to produce icons at 5 different sizes: 128x128, 64x64, 48x48, 32x32 and 16x16 pixel images. 88x88 'pixel' SVG files are used to render at 22x22 pixels. Optionally, 16x16 pixel icons can be created in a 64x64 'pixel' SVG file.
-For icons that are designed to be rendered at 32x32, 22x22 and 16x16 it is crucial that icons have a noticeable outline, to improve legibility.
+For icons that are designed to be rendered at 32x32, 22x22 and 16x16 it is crucial that icons elements align to pixel boundaries of the rendered icon to improve legibility.  After rendering to 22x22 and 16x16, icons will probably need some hand optimization using the GIMP.  There is little point in making a 22x22 and 16x16 PNG icon if all that was done was to export a PNG from the 128 pixel SVG.
-−
 Various templates are provided to assist you in creating Oxygen icons. They are linked to below.

@@ Line 5: / Line 5: @@
 Oxygen icons are all scalable vector graphics (SVG) documents, which is the default format used by [http://inkscape.org Inkscape]. These SVG files are used to render bitmap images (PNG) at various sizes.
-Oxygen uses the 128x128 'pixel' SVG files to produce icons at 5 different sizes: 128x128, 64x64, 48x48, 32x32 and 16x16 pixel images. 88x88 'pixel' SVG files are used to render at 22x22 pixels.
+Oxygen uses the 128x128 'pixel' SVG files to produce icons at 5 different sizes: 128x128, 64x64, 48x48, 32x32 and 16x16 pixel images. 88x88 'pixel' SVG files are used to render at 22x22 pixels. Optionally, 16x16 pixel icons can be created in a 64x64 'pixel' SVG file.
 For icons that are designed to be rendered at 32x32, 22x22 and 16x16 it is crucial that icons have a noticeable outline, to improve legibility.
 === 16x16 ===
@@ Line 15: / Line 19: @@
 *Use the [http://websvn.kde.org/*checkout*/trunk/playground/artwork/Oxygen/templates/action_32x32.template.svg 32x32 template]
 *Set the grid to 8 pixels
 *Preview the icon by zooming out to 13%
 '''Or:'''
@@ Line 21: / Line 26: @@
 *Use an Inkscape document with dimensions of 64x64 pixels
 *Set the grid to 4 pixels
 *Preview the icon by zooming out to 25%
 === 22x22 ===
 *Use the [http://websvn.kde.org/*checkout*/trunk/playground/artwork/Oxygen/templates/action_22x22.template.svg 22x22 template].
 *Set the grid to 4 pixels
 *Preview the icon by zooming out to 25%
 === 32x32 ===
 *Use the [http://websvn.kde.org/*checkout*/trunk/playground/artwork/Oxygen/templates/action_32x32.template.svg 32x32 template]
 *Set the grid to 4 pixels
 *Preview the icon by zooming out to 25%
 == Color Usage ==
@@ Line 41: / Line 64: @@
 The Oxygen color palette is released under the [http://creativecommons.org/licenses/by-nc-nd/2.5/ Creative Commons Attribution-NonCommercial-NoDerivs 2.5 License].}}
-You can easily use the Oxygen Colour scheme by downloading the palette.  To download the Oxygen Palette [http://websvn.kde.org/*checkout*/trunk/playground/artwork/Oxygen/utils/oxygen.gpl Click here]
+You can easily use the Oxygen Colour scheme in Inkscape by downloading the palette.  To download the Oxygen Palette [http://websvn.kde.org/*checkout*/trunk/playground/artwork/Oxygen/utils/oxygen.gpl Click here]
@@ Line 75: / Line 98: @@
 Emblems are icons overlaid on top of other icons. Examples of Emblems are the "'link arrow' and the 'mounted star' symbol. These icons should be noticeable but not detract and cover too much of the icon beneath them.
 {{Box|Mounted Emblem|[[Image:Oxygen-128-emblem-mounted.png|center]]
 ''The mounted emblem uses the vibrant colours from the Oxygen palette. The form of the icon itself is very simple and clear.''}}
 [[Category:Artwork]][[Category:Oxygen]]