Blame Identity/Manual/repository-xhtml/repository_46.xhtml

c8f7b7
728c6d
728c6d
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
728c6d
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
728c6d
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
ee1f37
<head>
ee1f37
c8f7b7
    <title>CentOS Artwork Repository: 2.39 The trunk/Identity/Themes/Motifs/Modern/Backgrounds Directory</title>
c8f7b7
c8f7b7
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
728c6d
    <meta name="description" content="CentOS Artwork Repository: 2.39 The trunk/Identity/Themes/Motifs/Modern/Backgrounds Directory" />
728c6d
    <meta name="keywords" content="CentOS Artwork Repository: 2.39 The trunk/Identity/Themes/Motifs/Modern/Backgrounds Directory" />
728c6d
    <meta name="resource-type" content="document" />
728c6d
    <meta name="distribution" content="global" />
728c6d
    <meta name="generator" content="texi2html 1.76" />
728c6d
    <meta name="copyright" content="2009-2011 Alain Reguera Delgado" />
ee1f37
c8f7b7
    <link href="/home/centos/artwork/trunk/Identity/Manual/repository.css" rel="stylesheet" type="text/css" media="screen projection" />
ee1f37
ee1f37
</head>
ee1f37
728c6d
<body>
ee1f37
728c6d
728c6d
728c6d
728c6d
728c6d
    
728c6d
728c6d
        
c8f7b7
a6f1b3
ee1f37
c8f7b7
[ < ]
52772c
[ > ]
ee1f37
   
c8f7b7
[ << ]
c8f7b7
[ Up ]
a6f1b3
[ >> ]
ee1f37
   
ee1f37
   
ee1f37
   
ee1f37
   
c8f7b7
[Top]
c8f7b7
[Contents]
a6f1b3
[Index]
c8f7b7
[ ? ]
ee1f37
1075b9
52772c
52772c

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

ee1f37
728c6d

52772c
52772c

2.39.1 Goals

ee1f37
632e8b
    52772c
  • Organize background images for Modern theme.
  • 632e8b
    ee1f37
    728c6d

    52772c
    52772c

    2.39.2 Description

    06d106
    52772c

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

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

    52772c

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

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

    52772c
     
    xcf/800x600.xcf
    52772c
    52772c

    to produce the background image:

    52772c

    52772c
     
    img/800x600-bg.png
    52772c
    52772c

    which is loaded in:

    52772c

    52772c
     
    svg/800x600.svg
    52772c
    52772c

    to produce the final background image:

    52772c

    52772c
     
    img/800x600.png         
    52772c
    52772c

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

    52772c
    by means of rendering scripts.
    52772c

    52772c

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

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

    52772c
     
    xcf/800x600-anaconda.xcf
    52772c
    52772c

    to produce the background image:

    52772c

    52772c
     
    img/800x600-anaconda-bg.png
    52772c
    52772c

    which is loaded in:

    52772c

    52772c
     
    svg/800x600-anaconda.svg
    52772c
    52772c

    to produce the file:

    52772c

    52772c
     
    img/800x600-anaconda.png
    52772c
    52772c

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

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

    52772c

    Background images without artistic motif are generally used as based

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

    52772c

    Background images are linked (using the import feature of

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

    52772c

    In this structure you design background images for different screen

    52772c
    resolutions based on the theme artistic motif.
    52772c

    52772c

    You may create different artistic motifs propositions based

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

    52772c

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

    52772c
    TreeFlower, Modern, etc.).
    52772c

    52772c

    Each artistic motif directory represents just one unique artistic

    52772c
    motif. 
    52772c

    52772c

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

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

    52772c

    Designing artistic motifs is for anyone interested in creating

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

    06d106
    52772c

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

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

    52772c

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

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

    728c6d

    52772c
    52772c

    2.39.3 Usage

    ee1f37
    52772c

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

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

    728c6d

    52772c
    52772c

    2.39.4 See also

    52772c
    52772c
    c8f7b7
    2.40 The <tt>`trunk/Identity/Themes/Motifs/Modern/Backgrounds/Img'</tt> Directory  
    52772c
    c8f7b7
    2.41 The <tt>`trunk/Identity/Themes/Motifs/Modern/Backgrounds/Tpl'</tt> Directory  
    52772c
    c8f7b7
    2.42 The <tt>`trunk/Identity/Themes/Motifs/Modern/Backgrounds/Xcf'</tt> Directory  
    52772c
    52772c
    ee1f37
    ee1f37
    728c6d

    ee1f37
    52772c
    [ < ]
    c8f7b7
    [ > ]
    ee1f37
       
    c8f7b7
    [ << ]
    52772c
    [ Up ]
    a6f1b3
    [ >> ]
    ee1f37
    ee1f37
    728c6d
                

    728c6d
    728c6d
            
    728c6d
    728c6d
        
    728c6d
    728c6d
        

    728c6d
    728c6d
    728c6d
    ee1f37
    </body>
    728c6d
    ee1f37
    </html>