Blame Identity/Manual/repository-xhtml/repository_2.46.xhtml

728c6d
728c6d
<html>
728c6d
728c6d
organization, and administration of CentOS Artwork Repository.
728c6d
728c6d
Copyright C 2009-2011 Alain Reguera Delgado
728c6d
728c6d
Permission is granted to copy, distribute and/or modify this document
728c6d
under the terms of the GNU Free Documentation License, Version 1.2 or
728c6d
any later version published by the Free Software Foundation; with no
728c6d
Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A
728c6d
copy of the license is included in the section entitled GNU Free
728c6d
Documentation License.  
728c6d
-->
728c6d
728c6d
728c6d
Written by: Lionel Cons <Lionel.Cons@cern.ch> (original author)
728c6d
            Karl Berry  <karl@freefriends.org>
728c6d
            Olaf Bachmann <obachman@mathematik.uni-kl.de>
728c6d
            and many others.
728c6d
Maintained by: Many creative people <dev@texi2html.cvshome.org>
728c6d
Send bugs and suggestions to <users@texi2html.cvshome.org>
728c6d
728c6d
-->
728c6d
<head>
728c6d
<title>CentOS Artwork Repository: 2.46 The trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds Directory</title>
728c6d
728c6d
<meta name="description" content="CentOS Artwork Repository: 2.46 The trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds Directory">
728c6d
<meta name="keywords" content="CentOS Artwork Repository: 2.46 The trunk/Identity/Themes/Motifs/TreeFlower/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 http-equiv="Content-Type" content="text/html; charset=UTF-8">
728c6d
<style type="text/css">
728c6d
728c6d
/* CSS
728c6d
 *
728c6d
 * repository.css -- This file provides visual style for repository
728c6d
 * documentation manual in HTML format, as output by Texi2html
728c6d
 * program.
728c6d
 *
728c6d
 * Copyright (C) 2009-2011 Alain Reguera Delgado
728c6d
 *
728c6d
 * This program is free software; you can redistribute it and/or
728c6d
 * modify it under the terms of the GNU General Public License as
728c6d
 * published by the Free Software Foundation; either version 2 of the
728c6d
 * License, or (at your option) any later version.
728c6d
 * 
728c6d
 * This program is distributed in the hope that it will be useful, but
728c6d
 * WITHOUT ANY WARRANTY; without even the implied warranty of
728c6d
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
728c6d
 * General Public License for more details.
728c6d
 *
728c6d
 * You should have received a copy of the GNU General Public License
728c6d
 * along with this program; if not, write to the Free Software
728c6d
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
728c6d
 * USA.
728c6d
 * ----------------------------------------------------------------------
728c6d
 * $Id$
728c6d
 * ----------------------------------------------------------------------
728c6d
 */
728c6d
728c6d
@import url("/home/centos/artwork/trunk/Identity/Webenv/Css/base.css");
728c6d
@import url("/home/centos/artwork/trunk/Identity/Webenv/Css/base-app.css");
728c6d
728c6d
a.summary-letter {text-decoration: none}
728c6d
pre.display {font-family: serif}
728c6d
pre.format {font-family: serif}
728c6d
pre.menu-comment {font-family: serif}
728c6d
pre.menu-preformatted {font-family: serif}
728c6d
pre.smalldisplay {font-family: serif; font-size: smaller}
728c6d
pre.smallexample {font-size: smaller}
728c6d
pre.smallformat {font-family: serif; font-size: smaller}
728c6d
pre.smalllisp {font-size: smaller}
728c6d
span.sansserif {font-family:sans-serif; font-weight:normal;}
728c6d
ul.toc {list-style: none}
728c6d
-->
728c6d
</style>
728c6d
728c6d
728c6d
</head>
728c6d
728c6d
<body lang="en" bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
728c6d
728c6d
728c6d
[ < ]
728c6d
[ > ]
728c6d
   
728c6d
[Contents]
728c6d
[Index]
728c6d
[ ? ]
728c6d
728c6d
728c6d
728c6d

2.46 The <tt>`trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds'</tt> Directory

728c6d
    728c6d
    2.46.1 Goals 
    728c6d
    2.46.2 Description 
    728c6d
      728c6d
      2.46.2.1 Desktop background 
      728c6d
      2.46.2.2 Anaconda Prompt (syslinux) background 
      728c6d
      2.46.2.3 Grub background 
      728c6d
      728c6d
      2.46.3 Usage 
      728c6d
      2.46.4 See also 
      728c6d
      728c6d
      728c6d
      728c6d
      728c6d

      2.46.1 Goals

      728c6d
      728c6d

      This section exists to orgnize backgrounds of TreeFlower

      728c6d
      artistic motif.
      728c6d

      728c6d
      728c6d
      728c6d

      2.46.2 Description

      728c6d
        728c6d
        2.46.2.1 Desktop background 
        728c6d
        2.46.2.2 Anaconda Prompt (syslinux) background 
        728c6d
        2.46.2.3 Grub background 
        728c6d
        728c6d
        728c6d
        728c6d
        728c6d

        2.46.2.1 Desktop background

        728c6d
        728c6d

        Once you have defined the vectorial artistic motif design, use the

        728c6d
        centos-art.sh script (as described in usage section below)
        728c6d
        to produce the png version of it. With the png version of your
        728c6d
        vectorial design do the following:
        728c6d

        728c6d

        Open the png version with GIMP.

        728c6d

        728c6d

        Save the png version as a project of GIMP inside

        728c6d
        <tt>`trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds/Xcf'</tt>
        728c6d
        directory, using the same name of your vectorial design but with the
        728c6d
        <samp>`.xcf'</samp> extension.  
        728c6d

        728c6d

        Now use GIMP to improve your design. Here you may add one layer for

        728c6d
        pattern, another for colors, and so on until you find yourself
        728c6d
        confortable with your artwork. For example,  the following layer
        728c6d
        distribution (from bottom to top) was used to build revision 285 of
        728c6d
        file <tt>`1360x768.xcf'</tt> using TreeFlower artistic motif at
        728c6d
        revision 241.
        728c6d

        728c6d
        728c6d
        Layer 1: Background
        728c6d
        728c6d

        The first thing we did with GIMP was to create a layer named

        728c6d
        <samp>`Background'</samp> to store the artistic motif (File > Open as layer).
        728c6d
        This layer is the lowest layer in the image.  Later, we started to
        728c6d
        create layers one upon another to change the artistic motif visual
        728c6d
        style.
        728c6d

        728c6d
        728c6d
        Layer 2: Shadow#1
        728c6d
        728c6d

        This layer is above <samp>`Background'</samp> and contains a linear gradient

        728c6d
        from left (000000) to right (transparent) covering the whole image.
        728c6d
        This layer masks the artistic motif to avoid the effect of linear
        728c6d
        gradient. This layer is 100% of opacity.
        728c6d

        728c6d
        728c6d
        Layer 3: Shadow#2
        728c6d
        728c6d

        This layer is above <samp>`Shadow#1'</samp> and contains a linear gradient

        728c6d
        from left (000000) to right (transparent) covering just the 70% of the
        728c6d
        whole image aproximatly. This layer doesn't mask the artistic motif
        728c6d
        which make the left part of it fall into the dark of linear gradient.
        728c6d
        This layer is 100% of opacity.
        728c6d

        728c6d
        728c6d
        Layer 4: Pattern (Paper)
        728c6d
        728c6d

        This layer is above <samp>`Shadow#2'</samp> an contains the paper pattern

        728c6d
        shipped with GIMP 2.2. This layer doesn't mask the artistic motif so
        728c6d
        the pattern is applied over the whole image. This layer is set to 15%
        728c6d
        of opacity.
        728c6d

        728c6d
        728c6d
        Layer 5: Pattern (Stripes)
        728c6d
        728c6d

        This layer is above <samp>`Pattern (Paper)'</samp> and contains the stripes

        728c6d
        used over the artistic motif. This layer do masks the artistic motif
        728c6d
        so the stripes are only applied to it. This layer is set to 10% of
        728c6d
        opacity.
        728c6d

        728c6d
        728c6d
        Layer 6: Shadow#3
        728c6d
        728c6d

        This layer is above <samp>`Pattern (Stripes)'</samp> and contains a linear

        728c6d
        gradient from right (6600ff) to left (transparent).  This layer masks
        728c6d
        the artistic motif so the linear gradient doesn't affect it. This
        728c6d
        layer is set to 15% of opacity.
        728c6d

        728c6d
        728c6d
        Layer 7: Shadow#4
        728c6d
        728c6d

        This layer is above <samp>`Shadow#3'</samp> and contains a

        728c6d
        linear gradient from left (000000) to right (transparent). This layer
        728c6d
        do masks the artistic motif so the linear gradient doesn't affect it.
        728c6d
        This layer is set to 10% of opacity.
        728c6d

        728c6d
        728c6d
        Layer 8: Color#1
        728c6d
        728c6d

        This layer is above <samp>`Shadow#4'</samp> and is filled with orange (ffae00)

        728c6d
        color over the whole image. This layer is set to 10% of opacity.
        728c6d

        728c6d
        728c6d
        Layer 9: Color#2
        728c6d
        728c6d

        This layer is above <samp>`Color#1'</samp> and is filled with

        728c6d
        blue (010a88) color over the whole image. This layer is set to 10% of
        728c6d
        opacity.
        728c6d

        728c6d
        728c6d
        728c6d
        728c6d
        info

        Note

        There is no definite combination. To get the appropriate

        728c6d
        visual design is a matter of constant testing and personal taste.
        728c6d

        728c6d
        728c6d

        Finally, use <samp>`Save as copy ...'</samp> option to export the final

        728c6d
        design. To export the final design use the same name of your vectorial
        728c6d
        design plus <samp>`-final.png'</samp> extension. 
        728c6d

        728c6d

        You can repeat these steps to create images for other screen

        728c6d
        resolutions.
        728c6d

        728c6d
        728c6d
        728c6d

        2.46.2.2 Anaconda Prompt (syslinux) background

        728c6d
        728c6d

        When building syslinux backgrounds it is needed to take into account

        728c6d
        that the final image is reduced to 16 colors. In desktop background
        728c6d
        there is no color limitation but syslinux does have. The goal of this
        728c6d
        section is achieving a final syslinux background as close as possible
        728c6d
        to desktop backgrounds using 16 colors only.
        728c6d

        728c6d

        Another point to consider is the forground and background definition

        728c6d
        used by syslinux. The syslinux documentation says that the color set
        728c6d
        in position 0 is the background and color set in position 7 is the
        728c6d
        forground. The final palette of color used by our background will
        728c6d
        match that specification. For great contrast we'll use black as
        728c6d
        background and white as forground. At this poing we have black
        728c6d
        (000000) and white (ffffff) colors in our syslinux palette, which left
        728c6d
        us with 14 colors to play with. 
        728c6d

        728c6d

        Let's begin with <tt>`Xcf/640x300.xcf'</tt> layer distribution from bottom

        728c6d
        to top:
        728c6d

        728c6d
        728c6d
        Layer 1: Background
        728c6d
        728c6d

        This layer is the lowest layer in the image composition and contains

        728c6d
        the artistic motif image rendered for the same resolution (i.e.,
        728c6d
        <tt>`Img/Png/640x300.png'</tt>). This layer is set to 100% of opacity.
        728c6d

        728c6d
        728c6d
        Layer 2: Pattern (Paper)
        728c6d
        728c6d

        This layer is placed above <samp>`Background'</samp> layer and contains the

        728c6d
        paper pattern shipped with GIMP 2.2. This layer doesn't mask the
        728c6d
        artistic motif. This layer is set to 30% of opacity.
        728c6d

        728c6d
        728c6d
        Layer 3: Pattern (Stripes)
        728c6d
        728c6d

        This layer is placed above <samp>`Pattern (Paper)'</samp> layer and contains

        728c6d
        the stripes pattern shipped with GIMP 2.2. This layer does mask the
        728c6d
        artistic motif in order to apply the stripes over it only. The
        728c6d
        background is not affected by the stripes pattern just the artistic
        728c6d
        motif. This layer is set to 20% of opacity.
        728c6d

        728c6d
        728c6d
        Layer 4: Shadow#1
        728c6d
        728c6d

        This layer is placed above <samp>`Pattern (Stripes)'</samp> layer and fills

        728c6d
        the entire layer area with violet (6600ff) color. This layer do mask
        728c6d
        the artistic motif in order to applied the violet color to the
        728c6d
        background area outside the artistic motif only. This layer is set to
        728c6d
        15% of opacity.
        728c6d

        728c6d
        728c6d
        Layer 5: Color#1
        728c6d
        728c6d

        This layer is above <samp>`Shadow#1'</samp> and is filled with orange (ffae00)

        728c6d
        color to cover the whole image. This layer is set to 10% of opacity.
        728c6d

        728c6d
        728c6d
        Layer 6: Color#2
        728c6d
        728c6d

        This layer is above <samp>`Color#1'</samp> and is filled with blue (010a88)

        728c6d
        color to cover the whole image. This layer is set to 10% of opacity.
        728c6d

        728c6d
        728c6d
        Layer 7: Shadow#2
        728c6d
        728c6d

        This layer is above <samp>`Color#1'</samp> and contains a linear gradient from

        728c6d
        left (000000) to right (transparent) covering 70% of the image
        728c6d
        approximately. 
        728c6d

        728c6d
        728c6d
        728c6d
        728c6d

        At this point we have the composition and should look like the desktop

        728c6d
        backgrounds. Compared with desktop backgrounds there are some
        728c6d
        differences in opacity. This is because in our testings the final
        728c6d
        color information found with this composition produces an acceptable
        728c6d
        16 color image. Of course this is something we haven't seen yet.
        728c6d

        728c6d

        To define the color information of our current coposition, save the

        728c6d
        syslinux background composition we've done using <samp>`File > Save as
        728c6d
        Copy ...'</samp> option in the following location:
        728c6d

        728c6d
        trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds/Img/Png/640x300-final.png
        728c6d
        728c6d

        Now, create the final png version of syslinux backgrounds using the

        728c6d
        following command:
        728c6d

        728c6d
        centos-art render --entry=trunk/Identity/Themes/Motifs/TreeFlower/Distro/Anaconda/Prompt
        728c6d
        728c6d

        This command will create syslinux-splash final images for all major

        728c6d
        releases of CentOS distribution the repository has been configured to.
        728c6d
        The important files here are <tt>`syslinux-splash.png'</tt>, other
        728c6d
        files may contain the wrong information because we haven't defined yet
        728c6d
        the correct color information to use.
        728c6d

        728c6d

        Open one <tt>`syslinux-splash.png'</tt> file with GIMP and use the

        728c6d
        <samp>`Image > Mode > Indexed'</samp> to reduce image colors up to 16 colors,
        728c6d
        using the <samp>`Generate optimum palette'</samp> feature of GIMP.  If the
        728c6d
        image looks aceptable after reducing colors, use the <samp>`Palettes'</samp>
        728c6d
        menu (Ctrl+P) of GIMP to import a new palette from file and name it
        728c6d
        <samp>`CentOS-TreeFlower-Syslinux'</samp>. Once you've saved the palette, the
        728c6d
        color information is stored at:
        728c6d

        728c6d
        ~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
        728c6d
        728c6d

        You need to edit <tt>`CentOS-TreeFlower-Syslinux.gpl'</tt> file in order

        728c6d
        to set the appropriate order of colors.  Remember black (000000) in
        728c6d
        position 0, and white (ffffff) in position 7. Other positions are
        728c6d
        irrelevant. When editing this file you may find that color reduction
        728c6d
        did not set black and white colors to their respective values exactly.
        728c6d
        Change that manually. For example, consider the following palette:
        728c6d

        728c6d
        GIMP Palette
        728c6d
        Name: CentOS-TreeFlower-Syslinux
        728c6d
        Columns: 16
        728c6d
        #
        728c6d
          0   0   0	Background (black)
        728c6d
         23  20  35	Untitled
        728c6d
         34  25  48	Untitled
        728c6d
         37  35  60	Untitled
        728c6d
         47  36  68	Untitled
        728c6d
         37  54  86	Untitled
        728c6d
         60  48  90	Untitled
        728c6d
        255 255 255	Foreground (white)
        728c6d
         66  54  99	Untitled
        728c6d
         74  61  98	Untitled
        728c6d
         49  78 126	Untitled
        728c6d
         43  87 151	Untitled
        728c6d
         92  89  95	Untitled
        728c6d
         54 104 183	Untitled
        728c6d
        158 153 156	Untitled
        728c6d
        201 196 195	Untitled
        728c6d
        728c6d

        Update the <samp>`Palettes'</samp> menu to get the new color positions from

        728c6d
        the file you just edited and open the palette with double click. 
        728c6d

        728c6d

        Update the <tt>`syslinux.gpl'</tt> file copying the following file:

        728c6d

        728c6d
        ~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
        728c6d
        728c6d

        to

        728c6d

        728c6d
        trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.gpl
        728c6d
        728c6d

        With the <samp>`CentOS-TreeFlower-Syslinux'</samp> palette opened in the

        728c6d
        <samp>`Palette Editor'</samp>, open (Ctrl+O) the following file:
        728c6d

        728c6d
        trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.ppm
        728c6d
        728c6d

        and replace its color information with that one in

        728c6d
        <samp>`CentOS-TreeFlower-Syslinux'</samp> palette.  When you are replacing
        728c6d
        color information inside <tt>`syslilnux.ppm'</tt>, remember to keep the
        728c6d
        order of colors just as they are in the
        728c6d
        <samp>`CentOS-TreeFlower-Palette'</samp> palette.  
        728c6d

        728c6d

        The <tt>`syslinux.ppm'</tt> file is 16 pixels width and 1 pixel height, so

        728c6d
        you probably need to zoom it a bit to set the color information in
        728c6d
        their place when using the pen tool with the brush <samp>`Circle (01)
        728c6d
        (1 x 1)'</samp>.
        728c6d

        728c6d

        Once you've updated the <samp>`syslinux.ppm'</samp> file, it is time to update

        728c6d
        the following file:
        728c6d

        728c6d
        trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.hex
        728c6d
        728c6d

        The <tt>`syslinux.hex'</tt> file contains the color information in

        728c6d
        hexadecimal notation.  The color information in hexadecimal notation
        728c6d
        is required by ppmtolss16 command.  The ppmtolss16
        728c6d
        command produces the final LSS16 image format that is used by syslinux
        728c6d
        program inside CentOS distribution.
        728c6d

        728c6d

        The color information inside <tt>`syslinux.hex'</tt> must match the one in

        728c6d
        <tt>`syslinux.ppm'</tt> and <tt>`syslinux.gpl'</tt>. For example, based on
        728c6d
        <tt>`CentOS-TreeFlower-Syslinux'</tt> palette of colors above, consider
        728c6d
        the following <tt>`syslinux.hex'</tt> file:
        728c6d

        728c6d
        #000000=0
        728c6d
        #171423=1
        728c6d
        #221930=2
        728c6d
        #25233c=3
        728c6d
        #2f2444=4
        728c6d
        #253656=5
        728c6d
        #3c305a=6
        728c6d
        #ffffff=7
        728c6d
        #423663=8
        728c6d
        #4a3d62=9
        728c6d
        #314e7e=10
        728c6d
        #2b5797=11
        728c6d
        #5c595f=12
        728c6d
        #3668b7=13
        728c6d
        #9e999c=14
        728c6d
        #c9c4c3=15
        728c6d
        728c6d
        728c6d
        728c6d

        2.46.2.3 Grub background

        728c6d
        728c6d
        728c6d
        728c6d

        2.46.3 Usage

        728c6d
        728c6d
          728c6d
        • ...
        • 728c6d
          728c6d
          728c6d
          728c6d
          728c6d

          2.46.4 See also

          728c6d
          728c6d
          728c6d
          728c6d
          728c6d
          [Contents]
          728c6d
          [Index]
          728c6d
          [ ? ]
          728c6d
          728c6d

          728c6d
           <font size="-1">
          728c6d
            This document was generated on March, 30 2011 using texi2html 1.76.
          728c6d
           </font>
          728c6d
           
          728c6d
          728c6d

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