Backgrounds

Differences between revisions 1 and 25 (spanning 24 versions)
Revision 1 as of 2007-09-03 15:38:17
Size: 3129
Editor: 207
Comment: Making a simple page for guidlines . feel free to edit.
Revision 25 as of 2016-01-05 09:03:10
Size: 7557
Editor: 15
Comment:
Deletions are marked like this. Additions are marked like this.
Line 1: Line 1:
This is an unofficial wiki page designed to help artists make backgrounds for ubuntu that look good
and have lasting appeal. Please feel free to improve on my words if you feel you have my IQ or better.
## page was copied from Artwork/Documentation/Backgrounds
<<Include(Artwork/PageTemplate/Header)>>
||<tablestyle="float:right; font-size: 0.9em; width:30%; background:#F1F1ED;"><<TableOfContents>>||
Line 4: Line 5:
== RULES == The Ubuntu community desires to create a high quality Linux Distribution which appeals to a wide variety of user lifestyles and personal preferences.
Line 6: Line 7:
Number one : Colors. Try to use colors that are gentle , not vibrant or fluorescent.
Being Ubuntu, Orange is our primary color , and the template colors to be used in creations are in the below image.
https://wiki.ubuntu.com/Artwork/Incoming/GutsyIdeas?action=AttachFile&do=get&target=oldpalette.png
Using at least three of these as primary colors in your creation , and having no more than four colours among those not in the palette (not including white and black), ensures that your creation matches the overall theme to be used. This action on your part will help make Ubuntu's theming consistent.
=== Goal(s) ===
Line 11: Line 9:
Number two : SHAPE. Scalability is a must with Ubuntu.Creating your image to conform to a 4:3 ratio screen ensures that it will be correctly displayed on the majority of the monitors used by Ubuntu users.Some resolutions in this frame include 1600x1200,1280x1024, 1024x768,800x600, and 640x480. The goal is to solicit graphic designs in the form of illustrations or photographs to be used as wallpapers from the community targeted to the release currently under development.
Line 13: Line 11:
Number three : size. Size is not much of a concern , but a faster display time means faster booting. Basically , this means that if you should use image formats that compress more easily. Most art, especially landscapes or larger creations in terms of file size should be saved in .jpg format for release. However , if you are into vector art like LasseGullvågSætre2 , you should create your art in .svg format. What this does is , it saves the exact instructions used to paint the image , and apon you loading it as your wallpaper , it instantly carries them out to create the image. The Ubuntu logo can be found in .svg format. Doing this ensures a re-paint of your image for any resolution and any display, as you have supplied not a premade artwork but a art work that remakes itself on every screen. Doing this also guarentees massive bandwidth savings as the svg equivalents are much smaller than the same image rendered into a static .png. === Assumptions ===
Line 15: Line 13:
.jpg - smaller file size for rich and detailed large images. No transparency.
.svg - very small file size , transparency . Only applies to vector art.
.png - largest file size , transparency, but as is static image can be used for any application.
  * The Unity desktop, classic desktop, and humanity icon themes may be used.
  * The collection of classic desktop themes may include themes which are generally described as light and themes which are generally described as dark.
Line 19: Line 16:
Number four : elements. Somewhere I read that you should fade out towards the edges and corners. Many people will put their Icons in corners and along edges, and for part of your creation to be obscured by a panel is distracting.
Also words in a image is distracting , using the Ubuntu logo by itself as many have done is much more pleasing.
=== Subject Matter ===
Line 22: Line 18:
Number five : content. As a worldwide community attempting to appeal to humanity of every race and nation , we have done a very good job of not creating images that could offend anyone. Let us keep this in mind as we move foward. It is important to note Ubuntu is shipped to users from every part of the globe. Your images should be considerate of this diversity and refrain from the following.
Line 24: Line 20:
Number six : Theming. Somehow Ubuntu should have values moral values like strength and love for others. It is in the name , you know. So the images we make should have something representing these in it as well.   * No brand names or trademarks of any kind.
  * No illustrations some may consider inappropriate, offensive, hateful, tortuous, defamatory, slanderous or libelous.
  * No sexually explicit or provocative images.
  * No images of weapons or violence.
  * No alcohol, tobacco, or drug use imagery.
  * No designs which promotes bigotry, racism, hatred or harm against groups or individuals; or promotes discrimination based on race, gender, religion, nationality, disability, sexual orientation or age.
  * No religious, political, or nationalist imagery.
  * No version numbers as some may prefer to continue to use your theme with an older version of Ubuntu.
  * No branding assets like “Ubuntu CoF” or text to permit use by derivative distributions.

=== Composition ===

  * Your image should strive for subtlety and poetry.
  * Regardless of the role or inspiration, the desired result of the successful submissions will render feelings which may be described as light, bright, or cheerful.
  * Avoid high frequency images. ( A soft focus is one way to achieve this )
  * As the name suggests, visually, it should settle into the “background” of the activity scene.
  * Design must accommodate the Unity dock.

=== Constraints ===

  * The final dimension should be 2560 x 1600 pixels.
  * Submissions must adhere to the [[http://creativecommons.org/licenses/by-sa/3.0/|Creative Commons ShareAlike 3.0]] license.
  * Attribution must be declared if the submission is based on another design.

Specific comments and words of encouragement may be posted to Flickr or topics for discussion to the [[mailto:ubuntu-art@lists.ubuntu.com|Artwork]] mailing list.

Please offer comments and discussions as guided by the [[http://www.ubuntu.com/community/conduct|Ubuntu code of Conduct]].

=== Screen Resolution and Aspect Ratio ===

It is important to note the diversity of displays which Ubuntu needs to support. Although the desired image format is 2560 x 1600 pixels the composition should support a variety of image formats.

''Typical screen resolutions:''

=== Desktops ===
||<tablestyle="width:100%;" rowbgcolor="#cccccc">'''Width'''||'''Height'''||'''Factor'''||<style="width:400px;">'''Aspect Ratio'''||
||<-4 rowbgcolor="#eeeeee" style="line-height:5em;"> ||
|| 2560 || 1600 || 1.6 ||<#F1F1ED> 8:5 * Desired format ||
|| 2560 || 1600 || 1.6 ||<#F1F1ED> 8:5||
|| 1920 || 1200 || 1.6 ||<#F1F1ED> 8:5||
|| 1680 || 1050 || 1.6 ||<#F1F1ED> 8:5||
|| 1440 || 900 || 1.6 ||<#F1F1ED> 8:5||
|| 2560 || 1440 || 1.77||<#F1F1ED>16:9||
|| 2048 || 1152 || 1.77||<#F1F1ED>16:9||
|| 1920 || 1080 || 1.77||<#F1F1ED>16:9||
|| 1600 || 1200 || 1.33||<#F1F1ED>4:3 ||
|| 1024 || 768 || 1.33||<#F1F1ED>4:3 ||
|| 1280 || 1024 || 1.25||<#F1F1ED>5:4 ||
||<-4 rowbgcolor="#eeeeee" style="line-height:5em;"> ||

=== Laptops ===
||<tablestyle="width:100%;" rowbgcolor="#cccccc">'''Width'''||'''Height'''||'''Factor'''||<style="width:400px;">'''Aspect Ratio'''||
||<-4 rowbgcolor="#eeeeee" style="line-height:5em;"> ||
||1920||1200||1.6||<#F1F1ED> 8:5||
||1680||1050||1.6||<#F1F1ED> 8:5||
||1440|| 900||1.6||<#F1F1ED> 8:5||
||1280|| 800||1.6||<#F1F1ED> 8:5||
||1920||1080||1.77||<#F1F1ED> 16:9||
||1680|| 945||1.77||<#F1F1ED> 16:9||
||1366|| 768||1.77||<#F1F1ED> 16:9||
||1024|| 576||1.77||<#F1F1ED> 16:9||
||<-4 rowbgcolor="#eeeeee" style="line-height:5em;"> ||

=== Tablets ===
||<tablestyle="width:100%;" rowbgcolor="#cccccc">'''Width'''||'''Height'''||'''Factor'''||<style="width:400px;">'''Aspect Ratio'''||
||<-4 rowbgcolor="#eeeeee" style="line-height:5em;"> ||
||1024||1024||1.00||<#F1F1ED> 1:1||
||<-4 rowbgcolor="#eeeeee" style="line-height:5em;"> ||

=== Background Guidelines ===

 * Avoid prominent use of the Ubuntu logo. It appears in enough places already.
 * No version numbers. Some individuals may desire to use an older theme, or use the latest theme in their older version of Ubuntu. Let your submission be about choice and do not use version numbers in your artwork.
 * Avoid text, it calls for attention too much and will likely look bad when scaled. Plus it can't be translated easily.
 * Be careful with small patterns, they might become uneven when scaled.
 * Consider how the wallpaper will interact with the panels, icons and windows.
 * Show restraint in your use of color tone and contrast. The wallpaper sets the scene for other elements, it is not the main act.


=== File Formats ===

 * Use PNG format for bitmap files (ie any files in which fewer colors are repeated throughout, especially when the colors are in large blocks). Use JPGs for photos and final images in order to reduce the file size, as this format can cause visible compression artefacts.
 * Make the XCF source files available, if you happen to work with GIMP
 * Use SVG for vector art.
 * Work generated with proprietary applications like Photoshop and Illustrator is acceptable, but files in their formats are useless for many of us.

=== Templates ===

An [[http://bazaar.launchpad.net/%7Et-w-/backtestground/backtestground/download/head%3A/bg_template_2560x160-20101130131404-8oxhvn5la8i3rcpm-1/bg_template_2560x1600.svg|SVG template]] for use with Inkscape and an [[http://bazaar.launchpad.net/%7Et-w-/backtestground/backtestground/download/head%3A/bg_template_2560x160-20101130131404-8oxhvn5la8i3rcpm-2/bg_template_2560x1600.xcf|XCF template]] for GIMP. Both have a 2560 x 1600 pixel canvas to use the largest commonly offered resolution, currently. "Passepartout" layers allow to see how things will look when this space is cropped to conform to other common aspect ratios.

This simulates the effect the "Style: Zoom" setting in "Appearance Preferences: Background" will have: the image is scaled up or down such that it fills the screen without distorting it. If the aspect ratio of the image is wider than that of the screen, it will be scaled to the same height and the areas on the side will be cropped. If the aspect ratio of the image is taller than that of the screen, it will be scaled to the same width and the areas on top and bottom will be cropped.


=== Comments / Suggestions for this Document ===

The other aspect ratios should also be marked as "* Desired format(s)" ie. 2560x1440[16:9] and 2560x1920[4:3''scaled'']
: The author should be the one to decide on where & what to crop out instead of GNOME's default crop's which sometimes give undesirable results like for example cutting the top off someone's head.

<<BR>><<BR>>

:)

The Ubuntu community desires to create a high quality Linux Distribution which appeals to a wide variety of user lifestyles and personal preferences.

Goal(s)

The goal is to solicit graphic designs in the form of illustrations or photographs to be used as wallpapers from the community targeted to the release currently under development.

Assumptions

  • The Unity desktop, classic desktop, and humanity icon themes may be used.
  • The collection of classic desktop themes may include themes which are generally described as light and themes which are generally described as dark.

Subject Matter

It is important to note Ubuntu is shipped to users from every part of the globe. Your images should be considerate of this diversity and refrain from the following.

  • No brand names or trademarks of any kind.
  • No illustrations some may consider inappropriate, offensive, hateful, tortuous, defamatory, slanderous or libelous.
  • No sexually explicit or provocative images.
  • No images of weapons or violence.
  • No alcohol, tobacco, or drug use imagery.
  • No designs which promotes bigotry, racism, hatred or harm against groups or individuals; or promotes discrimination based on race, gender, religion, nationality, disability, sexual orientation or age.
  • No religious, political, or nationalist imagery.
  • No version numbers as some may prefer to continue to use your theme with an older version of Ubuntu.
  • No branding assets like “Ubuntu CoF” or text to permit use by derivative distributions.

Composition

  • Your image should strive for subtlety and poetry.
  • Regardless of the role or inspiration, the desired result of the successful submissions will render feelings which may be described as light, bright, or cheerful.
  • Avoid high frequency images. ( A soft focus is one way to achieve this )
  • As the name suggests, visually, it should settle into the “background” of the activity scene.
  • Design must accommodate the Unity dock.

Constraints

  • The final dimension should be 2560 x 1600 pixels.
  • Submissions must adhere to the Creative Commons ShareAlike 3.0 license.

  • Attribution must be declared if the submission is based on another design.

Specific comments and words of encouragement may be posted to Flickr or topics for discussion to the Artwork mailing list.

Please offer comments and discussions as guided by the Ubuntu code of Conduct.

Screen Resolution and Aspect Ratio

It is important to note the diversity of displays which Ubuntu needs to support. Although the desired image format is 2560 x 1600 pixels the composition should support a variety of image formats.

Typical screen resolutions:

Desktops

Width

Height

Factor

Aspect Ratio

2560

1600

1.6

8:5 * Desired format

2560

1600

1.6

8:5

1920

1200

1.6

8:5

1680

1050

1.6

8:5

1440

900

1.6

8:5

2560

1440

1.77

16:9

2048

1152

1.77

16:9

1920

1080

1.77

16:9

1600

1200

1.33

4:3

1024

768

1.33

4:3

1280

1024

1.25

5:4

Laptops

Width

Height

Factor

Aspect Ratio

1920

1200

1.6

8:5

1680

1050

1.6

8:5

1440

900

1.6

8:5

1280

800

1.6

8:5

1920

1080

1.77

16:9

1680

945

1.77

16:9

1366

768

1.77

16:9

1024

576

1.77

16:9

Tablets

Width

Height

Factor

Aspect Ratio

1024

1024

1.00

1:1

Background Guidelines

  • Avoid prominent use of the Ubuntu logo. It appears in enough places already.
  • No version numbers. Some individuals may desire to use an older theme, or use the latest theme in their older version of Ubuntu. Let your submission be about choice and do not use version numbers in your artwork.
  • Avoid text, it calls for attention too much and will likely look bad when scaled. Plus it can't be translated easily.
  • Be careful with small patterns, they might become uneven when scaled.
  • Consider how the wallpaper will interact with the panels, icons and windows.
  • Show restraint in your use of color tone and contrast. The wallpaper sets the scene for other elements, it is not the main act.

File Formats

  • Use PNG format for bitmap files (ie any files in which fewer colors are repeated throughout, especially when the colors are in large blocks). Use JPGs for photos and final images in order to reduce the file size, as this format can cause visible compression artefacts.
  • Make the XCF source files available, if you happen to work with GIMP
  • Use SVG for vector art.
  • Work generated with proprietary applications like Photoshop and Illustrator is acceptable, but files in their formats are useless for many of us.

Templates

An SVG template for use with Inkscape and an XCF template for GIMP. Both have a 2560 x 1600 pixel canvas to use the largest commonly offered resolution, currently. "Passepartout" layers allow to see how things will look when this space is cropped to conform to other common aspect ratios.

This simulates the effect the "Style: Zoom" setting in "Appearance Preferences: Background" will have: the image is scaled up or down such that it fills the screen without distorting it. If the aspect ratio of the image is wider than that of the screen, it will be scaled to the same height and the areas on the side will be cropped. If the aspect ratio of the image is taller than that of the screen, it will be scaled to the same width and the areas on top and bottom will be cropped.

Comments / Suggestions for this Document

The other aspect ratios should also be marked as "* Desired format(s)" ie. 2560x1440[16:9] and 2560x1920[4:3scaled] : The author should be the one to decide on where & what to crop out instead of GNOME's default crop's which sometimes give undesirable results like for example cutting the top off someone's head.



Smile :)

Ubuntustudio/Artwork/Documentation/Backgrounds (last edited 2016-01-05 09:03:10 by 15)