| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html401/loose.dtd"> |
| <html> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <head> |
| <title>The CentOS Artwork Repository: 3.25 trunk/Identity/Themes/Motifs/Modern/Backgrounds</title> |
| |
| <meta name="description" content="The CentOS Artwork Repository: 3.25 trunk/Identity/Themes/Motifs/Modern/Backgrounds"> |
| <meta name="keywords" content="The CentOS Artwork Repository: 3.25 trunk/Identity/Themes/Motifs/Modern/Backgrounds"> |
| <meta name="resource-type" content="document"> |
| <meta name="distribution" content="global"> |
| <meta name="Generator" content="texi2html 1.76"> |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| <style type="text/css"> |
| <!-- |
| @import "/home/centos/artwork/trunk/Identity/Models/Css/Texi2html/common.css"; |
| |
| a.summary-letter {text-decoration: none} |
| pre.display {font-family: serif} |
| pre.format {font-family: serif} |
| pre.menu-comment {font-family: serif} |
| pre.menu-preformatted {font-family: serif} |
| pre.smalldisplay {font-family: serif; font-size: smaller} |
| pre.smallexample {font-size: smaller} |
| pre.smallformat {font-family: serif; font-size: smaller} |
| pre.smalllisp {font-size: smaller} |
| span.sansserif {font-family:sans-serif; font-weight:normal;} |
| ul.toc {list-style: none} |
| --> |
| </style> |
| |
| |
| </head> |
| |
| <body lang="en" bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000"> |
| |
| <table cellpadding="1" cellspacing="1" border="0"> |
| <tr><td valign="middle" align="left">[<a href="repository_27.html#SEC143" title="Previous section in reading order"> < </a>]</td> |
| <td valign="middle" align="left">[<a href="#SEC145" title="Next section in reading order"> > </a>]</td> |
| <td valign="middle" align="left"> </td> |
| <td valign="middle" align="left">[<a href="repository_3.html#SEC3" title="Beginning of this chapter or previous chapter"> << </a>]</td> |
| <td valign="middle" align="left">[<a href="repository_3.html#SEC3" title="Up section"> Up </a>]</td> |
| <td valign="middle" align="left">[<a href="repository_64.html#SEC362" title="Next chapter"> >> </a>]</td> |
| <td valign="middle" align="left"> </td> |
| <td valign="middle" align="left"> </td> |
| <td valign="middle" align="left"> </td> |
| <td valign="middle" align="left"> </td> |
| <td valign="middle" align="left">[<a href="repository.html#SEC_Top" title="Cover (top) of document">Top</a>]</td> |
| <td valign="middle" align="left">[<a href="repository_toc.html#SEC_Contents" title="Table of contents">Contents</a>]</td> |
| <td valign="middle" align="left">[<a href="repository_64.html#SEC362" title="Index">Index</a>]</td> |
| <td valign="middle" align="left">[<a href="repository_abt.html#SEC_About" title="About (help)"> ? </a>]</td> |
| </tr></table> |
| <a name="trunk-Identity-Themes-Motifs-Modern-Backgrounds"></a> |
| <a name="SEC144"></a> |
| <h2 class="section"> 3.25 trunk/Identity/Themes/Motifs/Modern/Backgrounds </h2> |
| |
| |
| <a name="SEC145"></a> |
| <h3 class="subsection"> 3.25.1 Goals </h3> |
| |
| <ul class="toc"> |
| <li> Organize background images for Modern theme. |
| </li></ul> |
| |
| |
| <a name="SEC146"></a> |
| <h3 class="subsection"> 3.25.2 Description </h3> |
| |
| <p>Inside <tt>`Motifs'</tt> directory, the <tt>`Backgrounds/'</tt> directory is |
| used to create vectorial designs using Inkscape and background images |
| using Gimp. Later, you can export background images as <tt>`.png'</tt> and |
| load them in your vectorial design project using the import feautre of |
| Inkscape. |
| </p> |
| <p>You may need to repeat this technic for different screen resoluions. |
| In that case you need to create one file for each screen resolution |
| and do the appropriate linking inside .svg to .png files. For example |
| if you need to produce background images in 800x600 you need to create |
| the following file: |
| </p> |
| <table><tr><td> </td><td><pre class="example">xcf/800x600.xcf |
| </pre></td></tr></table> |
| <p>to produce the background image: |
| </p> |
| <table><tr><td> </td><td><pre class="example">img/800x600-bg.png |
| </pre></td></tr></table> |
| <p>which is loaded in: |
| </p> |
| <table><tr><td> </td><td><pre class="example">svg/800x600.svg |
| </pre></td></tr></table> |
| <p>to produce the final background image: |
| </p> |
| <table><tr><td> </td><td><pre class="example">img/800x600.png |
| </pre></td></tr></table> |
| <p>The <tt>`img/800x600.png'</tt> background image is produced automatically |
| by means of rendering scripts. |
| </p> |
| <p>In other cases (e.g. Anaconda), it is possible that you need to make |
| some variations to one background image that don't want to appear on |
| regular background images of the same resolution. In this case you |
| need to create a new and specific background image for that art |
| component. For example, if you need to produce the background image |
| used by Anconda (800x600) art works you create the file: |
| </p> |
| <table><tr><td> </td><td><pre class="example">xcf/800x600-anaconda.xcf |
| </pre></td></tr></table> |
| <p>to produce the background image: |
| </p> |
| <table><tr><td> </td><td><pre class="example">img/800x600-anaconda-bg.png |
| </pre></td></tr></table> |
| <p>which is loaded in: |
| </p> |
| <table><tr><td> </td><td><pre class="example">svg/800x600-anaconda.svg |
| </pre></td></tr></table> |
| <p>to produce the file: |
| </p> |
| <table><tr><td> </td><td><pre class="example">img/800x600-anaconda.png |
| </pre></td></tr></table> |
| <p>The 800x600-anaconda.png file is used by all Anaconda art works |
| sharing a common 800x600 screen resolution (e.g., Header, Progress, |
| Splash, Firstboot, etc.). The Anaconda Prompt is indexed to 16 colors |
| and 640x480 pixels so you need to create a 640x480 background image |
| for it, and take the color limitation into account when designing it. |
| </p> |
| <p>Background images without artistic motif are generally used as based |
| to build the Background images that do contain the theme artistic |
| motif. |
| </p> |
| <p>Background images are linked (using the <b>import</b> feature of |
| Inkscape) inside almost all theme art works. This structure let you |
| make centralized changes on the visual identity and propagate them |
| quickly to other areas. |
| </p> |
| <p>In this structure you design background images for different screen |
| resolutions based on the theme artistic motif. |
| </p> |
| <p>You may create different artistic motifs propositions based |
| on the same conceptual idea. The conceptual idea is what defines a |
| theme. Artistic motifs are interpretations of that idea. |
| </p> |
| <p>Inside this directory artistic motifs are organized by name (e.g., |
| TreeFlower, Modern, etc.). |
| </p> |
| <p>Each artistic motif directory represents just one unique artistic |
| motif. |
| </p> |
| <p>The artistic motif is graphic design used as common pattern to connect |
| all visual manifestations inside one unique theme. The artistic motif |
| is based on a conceptual idea. Artistic motifs provide visual style |
| to themes. |
| </p> |
| <p>Designing artistic motifs is for anyone interested in creating |
| beautiful themes for CentOS. When building a theme for CentOS, the |
| first design you need to define is the artistic motif. |
| </p> |
| |
| <p>Inside CentOS Artwork Repository, theme visual styles (Motifs) and |
| theme visual structures (Models) are two different working lines. |
| When you design an artistic motif for CentOS you concentrate on its |
| visual style, and eventualy, use the <code>centos-art</code> command line |
| interface to render the visual style, you are currently producing, |
| against an already-made theme model in order to produce the final |
| result. Final images are stored under <tt>`Motifs/'</tt> directory using |
| the model name, and the model directory structure as reference. |
| </p> |
| <p>The artistic motif base structure is used by <code>centos-art</code> to |
| produce images automatically. This section describes each directory of |
| CentOS artistic motif base structure. |
| </p> |
| |
| <a name="SEC147"></a> |
| <h3 class="subsection"> 3.25.3 Usage </h3> |
| |
| <p>The <tt>`Backgrounds/'</tt> directory is probably the core component, |
| inside <tt>`Motifs/'</tt> directory structure. Inside <tt>`Backgrounds/'</tt> |
| directory you produce background images used by almost all theme |
| models (e.g., Distribution, Websites, Promotion, etc.). The |
| <tt>`Backgrounds/'</tt> directory can contain subdirectories to help you |
| organize the design process. |
| </p> |
| |
| <a name="SEC148"></a> |
| <h3 class="subsection"> 3.25.4 See also </h3> |
| |
| <table class="menu" border="0" cellspacing="0"> |
| <tr><td align="left" valign="top"><a href="repository_29.html#SEC149">3.26 trunk/Identity/Themes/Motifs/Modern/Backgrounds/Img</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| <tr><td align="left" valign="top"><a href="repository_30.html#SEC154">3.27 trunk/Identity/Themes/Motifs/Modern/Backgrounds/Tpl</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| <tr><td align="left" valign="top"><a href="repository_31.html#SEC159">3.28 trunk/Identity/Themes/Motifs/Modern/Backgrounds/Xcf</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| <tr><td align="left" valign="top"><a href="repository_61.html#SEC347">3.58 trunk/Translations/Identity/Themes/Backgrounds</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| </table> |
| |
| |
| |
| <table cellpadding="1" cellspacing="1" border="0"> |
| <tr><td valign="middle" align="left">[<a href="#SEC147" title="Previous section in reading order"> < </a>]</td> |
| <td valign="middle" align="left">[<a href="repository_29.html#SEC149" title="Next section in reading order"> > </a>]</td> |
| <td valign="middle" align="left"> </td> |
| <td valign="middle" align="left">[<a href="repository_3.html#SEC3" title="Beginning of this chapter or previous chapter"> << </a>]</td> |
| <td valign="middle" align="left">[<a href="#SEC144" title="Up section"> Up </a>]</td> |
| <td valign="middle" align="left">[<a href="repository_64.html#SEC362" title="Next chapter"> >> </a>]</td> |
| </tr></table> |
| <p> |
| <font size="-1"> |
| This document was generated on <i>February, 22 2011</i> using <a class="www" href="http://texi2html.cvshome.org/"><i>texi2html 1.76</i></a>. |
| </font> |
| <br> |
| |
| </p> |
| </body> |
| </html> |