Blame Manuals/Repository/repository-html/repository_28.html

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

3.25 trunk/Identity/Themes/Motifs/Modern/Backgrounds

4c79b5
4c79b5
5cee2c
4c79b5

3.25.1 Goals

4c79b5
4c79b5
    63f275
  • Organize background images for Modern theme.
  • 4c79b5
    4c79b5
    4c79b5
    5cee2c
    4c79b5

    3.25.2 Description

    4c79b5
    8e85aa

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

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

    63f275

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

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

    63f275
     
    xcf/800x600.xcf
    63f275
    63f275

    to produce the background image:

    63f275

    63f275
     
    img/800x600-bg.png
    63f275
    63f275

    which is loaded in:

    63f275

    63f275
     
    svg/800x600.svg
    63f275
    63f275

    to produce the final background image:

    63f275

    63f275
     
    img/800x600.png         
    63f275
    63f275

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

    63f275
    by means of rendering scripts.
    63f275

    8e85aa

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

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

    63f275
     
    xcf/800x600-anaconda.xcf
    63f275
    63f275

    to produce the background image:

    63f275

    63f275
     
    img/800x600-anaconda-bg.png
    63f275
    63f275

    which is loaded in:

    63f275

    63f275
     
    svg/800x600-anaconda.svg
    63f275
    63f275

    to produce the file:

    63f275

    63f275
     
    img/800x600-anaconda.png
    63f275
    63f275

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

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

    63f275

    Background images without artistic motif are generally used as based

    8e85aa
    to build the Background images that do contain the theme artistic
    63f275
    motif. 
    63f275

    8e85aa

    Background images are linked (using the import feature of

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

    63f275

    In this structure you design background images for different screen

    8e85aa
    resolutions based on the theme artistic motif.
    63f275

    63f275

    You may create different artistic motifs propositions based

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

    63f275

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

    63f275
    TreeFlower, Modern, etc.).
    63f275

    5cee2c

    Each artistic motif directory represents just one unique artistic

    5cee2c
    motif. 
    63f275

    63f275

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

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

    63f275

    Designing artistic motifs is for anyone interested in creating

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

    4c79b5
    63f275

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

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

    63f275

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

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

    008ee0
    5cee2c
    4c79b5

    3.25.3 Usage

    4c79b5
    8e85aa

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

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

    008ee0
    5cee2c
    4c79b5

    3.25.4 See also

    4c79b5
    63f275
    5cee2c
    3.26 trunk/Identity/Themes/Motifs/Modern/Backgrounds/Img  
    63f275
    5cee2c
    3.27 trunk/Identity/Themes/Motifs/Modern/Backgrounds/Tpl  
    63f275
    5cee2c
    3.28 trunk/Identity/Themes/Motifs/Modern/Backgrounds/Xcf  
    63f275
    13b177
    3.58 trunk/Translations/Identity/Themes/Backgrounds  
    63f275
    63f275
    63f275
    4c79b5
    4c79b5
    4c79b5
    5cee2c
    [ < ]
    5cee2c
    [ > ]
    4c79b5
       
    4c79b5
    [ << ]
    5cee2c
    [ Up ]
    13b177
    [ >> ]
    4c79b5
    4c79b5

    4c79b5
     <font size="-1">
    492287
      This document was generated on February, 23 2011 using texi2html 1.76.
    4c79b5
     </font>
    4c79b5
     
    4c79b5
    4c79b5

    4c79b5
    </body>
    4c79b5
    </html>