Blame Manuals/en/Html/Repository/repository_26.html

4c79b5
4c79b5
<html>
4c79b5
4c79b5
can you do inside it.
4c79b5
4c79b5
Copyright C 2009, 2010 CentOS Artwork SIG. All rights
4c79b5
reserved.
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
-->
3b63ff
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>
5fb024
<title>CentOS Artwork Repository: 3.23 trunk/Identity/Themes/Motifs/Modern/Backgrounds</title>
4c79b5
5fb024
<meta name="description" content="CentOS Artwork Repository: 3.23 trunk/Identity/Themes/Motifs/Modern/Backgrounds">
5fb024
<meta name="keywords" content="CentOS Artwork Repository: 3.23 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
1e9202
[ < ]
1e9202
[ > ]
4c79b5
   
4c79b5
[ << ]
4c79b5
[ Up ]
d06c98
[ >> ]
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
[Top]
4c79b5
[Contents]
d06c98
[Index]
4c79b5
[ ? ]
4c79b5
5fb024
1e9202
5fb024

3.23 trunk/Identity/Themes/Motifs/Modern/Backgrounds

4c79b5
4c79b5
1e9202
4c79b5

3.23.1 Goals

4c79b5
4c79b5
    5fb024
  • Organize background images for Modern theme.
  • 4c79b5
    4c79b5
    4c79b5
    1e9202
    4c79b5

    3.23.2 Description

    4c79b5
    5fb024

    Inside motif's <tt>`Backgrounds/'</tt> directory you can create vectorial

    5fb024
    designs using Inkscape and background images using Gimp. Later, you
    5fb024
    can export background images as <tt>`.png'</tt> and load them in your
    5fb024
    vectorial design project using Inkscape's import feautre.  
    5fb024

    5fb024

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

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

    5fb024
     
    xcf/800x600.xcf
    5fb024
    5fb024

    to produce the background image:

    5fb024

    5fb024
     
    img/800x600-bg.png
    5fb024
    5fb024

    which is loaded in:

    5fb024

    5fb024
     
    svg/800x600.svg
    5fb024
    5fb024

    to produce the final background image:

    5fb024

    5fb024
     
    img/800x600.png         
    5fb024
    5fb024

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

    5fb024
    by means of rendering scripts.
    5fb024

    5fb024

    In other cases, like Anaconda's, it is possible that you need to make

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

    5fb024
     
    xcf/800x600-anaconda.xcf
    5fb024
    5fb024

    to produce the background image:

    5fb024

    5fb024
     
    img/800x600-anaconda-bg.png
    5fb024
    5fb024

    which is loaded in:

    5fb024

    5fb024
     
    svg/800x600-anaconda.svg
    5fb024
    5fb024

    to produce the file:

    5fb024

    5fb024
     
    img/800x600-anaconda.png
    5fb024
    5fb024

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

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

    5fb024

    Background images without artistic motif are generally used as based

    5fb024
    to build the Background images that do contain the theme's artistic
    5fb024
    motif. 
    5fb024

    5fb024

    Background images are linked (using Inkscape's import feature)

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

    5fb024

    In this structure you design background images for different screen

    5fb024
    resolutions based on theme's artistic motif.
    5fb024

    5fb024

    You may create different artistic motifs propositions based

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

    5fb024

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

    5fb024
    TreeFlower, Modern, etc.).
    5fb024

    5fb024

    Inside each motif directories represent just one unique artistic motif.

    5fb024

    5fb024

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

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

    5fb024

    Designing artistic motifs is for anyone interested in creating

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

    5fb024
    5fb024

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

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

    5fb024

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

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

    4c79b5
    1e9202
    4c79b5

    3.23.3 Usage

    4c79b5
    5fb024

    The motif's <tt>`Backgrounds/'</tt> directory is probably the motif's core

    5fb024
    component.  Inside motif's <tt>`Backgrounds/'</tt> directory you produce
    5fb024
    background images used by almost all theme models (e.g., Distribution,
    5fb024
    Websites, Promotion, etc.).  The motif's <tt>`Backgrounds/'</tt> directory
    5fb024
    can contain subdirectories to help you organize the design process. 
    bc3531

    4c79b5
    1e9202
    4c79b5

    3.23.4 See also

    4c79b5
    5fb024
    5fb024
    3.24 trunk/Identity/Themes/Motifs/Modern/Backgrounds/Img  
    5fb024
    5fb024
    3.25 trunk/Identity/Themes/Motifs/Modern/Backgrounds/Tpl  
    5fb024
    5fb024
    3.26 trunk/Identity/Themes/Motifs/Modern/Backgrounds/Xcf  
    5fb024
    d06c98
    3.61 trunk/Translations/Identity/Themes/Backgrounds  
    5fb024
    5fb024
    4c79b5
    4c79b5
    bc3531
    4c79b5
    1e9202
    [ < ]
    1e9202
    [ > ]
    4c79b5
       
    4c79b5
    [ << ]
    1e9202
    [ Up ]
    d06c98
    [ >> ]
    4c79b5
    4c79b5

    4c79b5
     <font size="-1">
    3b63ff
      This document was generated on October, 22 2010 using texi2html 1.76.
    4c79b5
     </font>
    4c79b5
     
    4c79b5
    4c79b5

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