<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html401/loose.dtd">
<html>
<!--This manual describes what the CentOS Artwork Repository is and what
can you do inside it.
Copyright C 2009, 2010 CentOS Artwork SIG. All rights
reserved.
Permission is granted to copy, distribute and/or modify this document
under the terms of the GNU Free Documentation License, Version 1.2 or
any later version published by the Free Software Foundation; with no
Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A
copy of the license is included in the section entitled GNU Free
Documentation License.
-->
<!-- Created on October, 15 2010 by texi2html 1.76 -->
<!--
Written by: Lionel Cons <Lionel.Cons@cern.ch> (original author)
Karl Berry <karl@freefriends.org>
Olaf Bachmann <obachman@mathematik.uni-kl.de>
and many others.
Maintained by: Many creative people <dev@texi2html.cvshome.org>
Send bugs and suggestions to <users@texi2html.cvshome.org>
-->
<head>
<title>CentOS Artwork Repository: 3.23 trunk/Identity/Themes/Motifs/Modern/Backgrounds</title>
<meta name="description" content="CentOS Artwork Repository: 3.23 trunk/Identity/Themes/Motifs/Modern/Backgrounds">
<meta name="keywords" content="CentOS Artwork Repository: 3.23 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_25.html#SEC136" title="Previous section in reading order"> < </a>]</td>
<td valign="middle" align="left">[<a href="#SEC138" 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_67.html#SEC348" 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_67.html#SEC348" 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="SEC137"></a>
<h2 class="section"> 3.23 trunk/Identity/Themes/Motifs/Modern/Backgrounds </h2>
<a name="SEC138"></a>
<h3 class="subsection"> 3.23.1 Goals </h3>
<ul class="toc">
<li> Organize background images for Modern theme.
</li></ul>
<a name="SEC139"></a>
<h3 class="subsection"> 3.23.2 Description </h3>
<p>Inside motif's <tt>`Backgrounds/'</tt> directory you can 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 Inkscape's import feautre.
</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, like Anaconda's, 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's artistic
motif.
</p>
<p>Background images are linked (using Inkscape's <b>import</b> feature)
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 theme's 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>Inside each motif directories represent 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 the motif's name directory
using 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="SEC140"></a>
<h3 class="subsection"> 3.23.3 Usage </h3>
<p>The motif's <tt>`Backgrounds/'</tt> directory is probably the motif's core
component. Inside motif's <tt>`Backgrounds/'</tt> directory you produce
background images used by almost all theme models (e.g., Distribution,
Websites, Promotion, etc.). The motif's <tt>`Backgrounds/'</tt> directory
can contain subdirectories to help you organize the design process.
</p>
<a name="SEC141"></a>
<h3 class="subsection"> 3.23.4 See also </h3>
<table class="menu" border="0" cellspacing="0">
<tr><td align="left" valign="top"><a href="repository_27.html#SEC142">3.24 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_28.html#SEC147">3.25 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_29.html#SEC152">3.26 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_64.html#SEC333">3.61 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="#SEC140" title="Previous section in reading order"> < </a>]</td>
<td valign="middle" align="left">[<a href="repository_27.html#SEC142" 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="#SEC137" title="Up section"> Up </a>]</td>
<td valign="middle" align="left">[<a href="repository_67.html#SEC348" title="Next chapter"> >> </a>]</td>
</tr></table>
<p>
<font size="-1">
This document was generated on <i>October, 15 2010</i> using <a href="http://texi2html.cvshome.org/"><i>texi2html 1.76</i></a>.
</font>
<br>
</p>
</body>
</html>