Blame Manual/repository-html/repository_29.html

ee1f37
ee1f37
<html>
ee1f37
ee1f37
ee1f37
Permission is granted to copy, distribute and/or modify this document
ee1f37
under the terms of the GNU Free Documentation License, Version 1.2 or
ee1f37
any later version published by the Free Software Foundation; with no
ee1f37
Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A
ee1f37
copy of the license is included in the section entitled GNU Free
ee1f37
Documentation License.  
ee1f37
-->
406f69
ee1f37
ee1f37
Written by: Lionel Cons <Lionel.Cons@cern.ch> (original author)
ee1f37
            Karl Berry  <karl@freefriends.org>
ee1f37
            Olaf Bachmann <obachman@mathematik.uni-kl.de>
ee1f37
            and many others.
ee1f37
Maintained by: Many creative people <dev@texi2html.cvshome.org>
ee1f37
Send bugs and suggestions to <users@texi2html.cvshome.org>
ee1f37
ee1f37
-->
ee1f37
<head>
b130a0
<title>CentOS Artwork Repository: 1.28 The trunk/Identity/Themes/Motifs/Modern/Backgrounds Directory</title>
ee1f37
b130a0
<meta name="description" content="CentOS Artwork Repository: 1.28 The trunk/Identity/Themes/Motifs/Modern/Backgrounds Directory">
b130a0
<meta name="keywords" content="CentOS Artwork Repository: 1.28 The trunk/Identity/Themes/Motifs/Modern/Backgrounds Directory">
ee1f37
<meta name="resource-type" content="document">
ee1f37
<meta name="distribution" content="global">
ee1f37
<meta name="Generator" content="texi2html 1.76">
ee1f37
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
ee1f37
<style type="text/css">
ee1f37
ee1f37
@import "/home/centos/artwork/trunk/Identity/Models/Css/Texi2html/common.css";
ee1f37
ee1f37
a.summary-letter {text-decoration: none}
ee1f37
pre.display {font-family: serif}
ee1f37
pre.format {font-family: serif}
ee1f37
pre.menu-comment {font-family: serif}
ee1f37
pre.menu-preformatted {font-family: serif}
ee1f37
pre.smalldisplay {font-family: serif; font-size: smaller}
ee1f37
pre.smallexample {font-size: smaller}
ee1f37
pre.smallformat {font-family: serif; font-size: smaller}
ee1f37
pre.smalllisp {font-size: smaller}
ee1f37
span.sansserif {font-family:sans-serif; font-weight:normal;}
ee1f37
ul.toc {list-style: none}
ee1f37
-->
ee1f37
</style>
ee1f37
ee1f37
ee1f37
</head>
ee1f37
ee1f37
<body lang="en" bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
ee1f37
ee1f37
aaf678
[ < ]
aaf678
[ > ]
ee1f37
   
aaf678
[ << ]
aaf678
[ Up ]
b130a0
[ >> ]
ee1f37
   
ee1f37
   
ee1f37
   
ee1f37
   
56a476
[Top]
56a476
[Contents]
b130a0
[Index]
56a476
[ ? ]
ee1f37
b130a0
aaf678
b130a0

1.28 The <tt>`trunk/Identity/Themes/Motifs/Modern/Backgrounds'</tt> Directory

ee1f37
ee1f37
aaf678
aaf678

1.28.1 Goals

ee1f37
ee1f37
    b130a0
  • Organize background images for Modern theme.
  • ee1f37
    ee1f37
    ee1f37
    aaf678
    aaf678

    1.28.2 Description

    ee1f37
    b130a0

    Inside <tt>`Motifs'</tt> directory, the <tt>`Backgrounds/'</tt> directory is

    b130a0
    used to create vectorial designs using Inkscape and background images
    b130a0
    using Gimp. Later, you can export background images as <tt>`.png'</tt> and
    b130a0
    load them in your vectorial design project using the import feautre of
    b130a0
    Inkscape.
    b130a0

    b130a0

    You may need to repeat this technic for different screen resoluions.

    b130a0
    In that case you need to create one file for each screen resolution
    b130a0
    and do the appropriate linking inside .svg to .png files.  For example
    b130a0
    if you need to produce background images in 800x600 you need to create
    b130a0
    the following file:
    b130a0

    b130a0
     
    xcf/800x600.xcf
    b130a0
    b130a0

    to produce the background image:

    b130a0

    b130a0
     
    img/800x600-bg.png
    b130a0
    b130a0

    which is loaded in:

    b130a0

    b130a0
     
    svg/800x600.svg
    b130a0
    b130a0

    to produce the final background image:

    b130a0

    b130a0
     
    img/800x600.png         
    b130a0
    b130a0

    The <tt>`img/800x600.png'</tt> background image is produced automatically

    b130a0
    by means of rendering scripts.
    b130a0

    b130a0

    In other cases (e.g. Anaconda), it is possible that you need to make

    b130a0
    some variations to one background image that don't want to appear on
    b130a0
    regular background images of the same resolution. In this case you
    b130a0
    need to create a new and specific background image for that art
    b130a0
    component.  For example, if you need to produce the background image
    b130a0
    used by Anconda (800x600) art works you create the file:
    b130a0

    b130a0
     
    xcf/800x600-anaconda.xcf
    b130a0
    b130a0

    to produce the background image:

    b130a0

    b130a0
     
    img/800x600-anaconda-bg.png
    b130a0
    b130a0

    which is loaded in:

    b130a0

    b130a0
     
    svg/800x600-anaconda.svg
    b130a0
    b130a0

    to produce the file:

    b130a0

    b130a0
     
    img/800x600-anaconda.png
    b130a0
    b130a0

    The 800x600-anaconda.png file is used by all Anaconda art works

    b130a0
    sharing a common 800x600 screen resolution (e.g., Header, Progress,
    b130a0
    Splash, Firstboot, etc.). The Anaconda Prompt is indexed to 16 colors
    b130a0
    and 640x480 pixels so you need to create a 640x480 background image
    b130a0
    for it, and take the color limitation into account when designing it.
    b130a0

    b130a0

    Background images without artistic motif are generally used as based

    b130a0
    to build the Background images that do contain the theme artistic
    b130a0
    motif. 
    b130a0

    b130a0

    Background images are linked (using the import feature of

    b130a0
    Inkscape) inside almost all theme art works. This structure let you
    b130a0
    make centralized changes on the visual identity and propagate them
    b130a0
    quickly to other areas. 
    b130a0

    b130a0

    In this structure you design background images for different screen

    b130a0
    resolutions based on the theme artistic motif.
    b130a0

    b130a0

    You may create different artistic motifs propositions based

    b130a0
    on the same conceptual idea. The conceptual idea is what defines a
    b130a0
    theme. Artistic motifs are interpretations of that idea.
    b130a0

    b130a0

    Inside this directory artistic motifs are organized by name (e.g.,

    b130a0
    TreeFlower, Modern, etc.).
    b130a0

    b130a0

    Each artistic motif directory represents just one unique artistic

    b130a0
    motif. 
    b130a0

    b130a0

    The artistic motif is graphic design used as common pattern to connect

    b130a0
    all visual manifestations inside one unique theme.  The artistic motif
    b130a0
    is based on a conceptual idea.  Artistic motifs provide visual style
    b130a0
    to themes.
    b130a0

    b130a0

    Designing artistic motifs is for anyone interested in creating

    b130a0
    beautiful themes for CentOS.  When building a theme for CentOS, the
    b130a0
    first design you need to define is the artistic motif. 
    b130a0

    b130a0
    b130a0

    Inside CentOS Artwork Repository, theme visual styles (Motifs) and

    b130a0
    theme visual structures (Models) are two different working lines.
    b130a0
    When you design an artistic motif for CentOS you concentrate on its
    b130a0
    visual style, and eventualy, use the centos-art command line
    b130a0
    interface to render the visual style, you are currently producing,
    b130a0
    against an already-made theme model in order to produce the final
    b130a0
    result.  Final images are stored under <tt>`Motifs/'</tt> directory using
    b130a0
    the model name, and the model directory structure as reference.
    b130a0

    b130a0

    The artistic motif base structure is used by centos-art to

    b130a0
    produce images automatically. This section describes each directory of
    b130a0
    CentOS artistic motif base structure.
    b130a0

    ee1f37
    aaf678
    aaf678

    1.28.3 Usage

    982d5c
    b130a0

    The <tt>`Backgrounds/'</tt> directory is probably the core component,

    b130a0
    inside <tt>`Motifs/'</tt> directory structure.  Inside <tt>`Backgrounds/'</tt>
    b130a0
    directory you produce background images used by almost all theme
    b130a0
    models (e.g., Distribution, Websites, Promotion, etc.).  The
    b130a0
    <tt>`Backgrounds/'</tt> directory can contain subdirectories to help you
    b130a0
    organize the design process. 
    ee1f37

    ee1f37
    aaf678
    aaf678

    1.28.4 See also

    ee1f37
    b130a0
    b130a0
    1.29 The <tt>`trunk/Identity/Themes/Motifs/Modern/Backgrounds/Img'</tt> Directory  
    b130a0
    b130a0
    1.30 The <tt>`trunk/Identity/Themes/Motifs/Modern/Backgrounds/Tpl'</tt> Directory  
    b130a0
    b130a0
    1.31 The <tt>`trunk/Identity/Themes/Motifs/Modern/Backgrounds/Xcf'</tt> Directory  
    b130a0
    b130a0
    ee1f37
    ee1f37
    ee1f37
    ee1f37
    aaf678
    [ < ]
    aaf678
    [ > ]
    ee1f37
       
    aaf678
    [ << ]
    aaf678
    [ Up ]
    b130a0
    [ >> ]
    ee1f37
    ee1f37

    ee1f37
     <font size="-1">
    406f69
      This document was generated on March, 1 2011 using texi2html 1.76.
    ee1f37
     </font>
    ee1f37
     
    ee1f37
    ee1f37

    ee1f37
    </body>
    ee1f37
    </html>