Blame Manuals/Repository-fs/repository-fs-html/repository-fs_35.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
-->
ee1f37
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>
ee1f37
<title>CentOS Artwork Repository: 3.32 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds</title>
ee1f37
ee1f37
<meta name="description" content="CentOS Artwork Repository: 3.32 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
ee1f37
<meta name="keywords" content="CentOS Artwork Repository: 3.32 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
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
ee1f37
[ < ]
ee1f37
[ > ]
ee1f37
   
ee1f37
[ << ]
ee1f37
[ Up ]
ee1f37
[ >> ]
ee1f37
   
ee1f37
   
ee1f37
   
ee1f37
   
ee1f37
[Top]
ee1f37
[Contents]
ee1f37
[Index]
ee1f37
[ ? ]
ee1f37
ee1f37
ee1f37
ee1f37

3.32 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds

ee1f37
ee1f37
ee1f37
ee1f37

3.32.1 Goals

ee1f37
ee1f37

This section exists to orgnize backgrounds of TreeFlower

ee1f37
artistic motif.
ee1f37

ee1f37
ee1f37
ee1f37

3.32.2 Description

ee1f37
ee1f37
ee1f37
ee1f37

3.32.2.1 Desktop background

ee1f37
ee1f37

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

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

ee1f37

Open the png version with GIMP.

ee1f37

ee1f37

Save the png version as a project of GIMP inside

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

ee1f37

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

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

ee1f37
ee1f37
Layer 1: Background
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 2: Shadow#1
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 3: Shadow#2
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 4: Pattern (Paper)
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 5: Pattern (Stripes)
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 6: Shadow#3
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 7: Shadow#4
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 8: Color#1
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 9: Color#2
ee1f37
ee1f37

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

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

ee1f37
ee1f37
ee1f37
ee1f37
info

Note

There is no definite combination. To get the appropriate

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

ee1f37
ee1f37

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

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

ee1f37

You can repeat these steps to create images for other screen

ee1f37
resolutions.
ee1f37

ee1f37
ee1f37
ee1f37

3.32.2.2 Anaconda Prompt (syslinux) background

ee1f37
ee1f37

When building syslinux backgrounds it is needed to take into account

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

ee1f37

Another point to consider is the forground and background definition

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

ee1f37

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

ee1f37
to top:
ee1f37

ee1f37
ee1f37
Layer 1: Background
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 2: Pattern (Paper)
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 3: Pattern (Stripes)
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 4: Shadow#1
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 5: Color#1
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 6: Color#2
ee1f37
ee1f37

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

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

ee1f37
ee1f37
Layer 7: Shadow#2
ee1f37
ee1f37

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

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

ee1f37
ee1f37
ee1f37
ee1f37

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

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

ee1f37

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

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

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

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

ee1f37
following command:
ee1f37

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

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

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

ee1f37

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

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

ee1f37
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
ee1f37
ee1f37

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

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

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

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

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

ee1f37

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

ee1f37

ee1f37
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
ee1f37
ee1f37

to

ee1f37

ee1f37
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.gpl
ee1f37
ee1f37

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

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

ee1f37
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.ppm
ee1f37
ee1f37

and replace its color information with that one in

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

ee1f37

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

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

ee1f37

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

ee1f37
the following file:
ee1f37

ee1f37
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.hex
ee1f37
ee1f37

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

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

ee1f37

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

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

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

3.32.2.3 Grub background

ee1f37
ee1f37
ee1f37
ee1f37

3.32.3 Usage

ee1f37
ee1f37
    ee1f37
  • ...
  • ee1f37
    ee1f37
    ee1f37
    ee1f37
    ee1f37

    3.32.4 See also

    ee1f37
    ee1f37
    ee1f37
    ee1f37
    ee1f37
    [ < ]
    ee1f37
    [ > ]
    ee1f37
       
    ee1f37
    [ << ]
    ee1f37
    [ Up ]
    ee1f37
    [ >> ]
    ee1f37
    ee1f37

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

    ee1f37
    </body>
    ee1f37
    </html>