Blame Identity/Manual/repository-xhtml/repository_54.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
a6f1b3
    <title>CentOS Artwork Repository: 2.47 The trunk/Identity/Themes/Motifs/TreeFlower-2/Backgrounds Directory</title>
c8f7b7
c8f7b7
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
a6f1b3
    <meta name="description" content="CentOS Artwork Repository: 2.47 The trunk/Identity/Themes/Motifs/TreeFlower-2/Backgrounds Directory" />
a6f1b3
    <meta name="keywords" content="CentOS Artwork Repository: 2.47 The trunk/Identity/Themes/Motifs/TreeFlower-2/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
a6f1b3
[ < ]
a6f1b3
[ > ]
ee1f37
   
c8f7b7
[ << ]
c8f7b7
[ Up ]
a6f1b3
[ >> ]
ee1f37
   
ee1f37
   
ee1f37
   
ee1f37
   
c8f7b7
[Top]
c8f7b7
[Contents]
a6f1b3
[Index]
c8f7b7
[ ? ]
ee1f37
a6f1b3
a6f1b3
a6f1b3

2.47 The <tt>`trunk/Identity/Themes/Motifs/TreeFlower-2/Backgrounds'</tt> Directory

a6f1b3
a6f1b3

a6f1b3
a6f1b3

2.47.1 Goals

a6f1b3
a6f1b3

This section exists to orgnize backgrounds of TreeFlower

a6f1b3
artistic motif.
a6f1b3

a6f1b3

a6f1b3
a6f1b3

2.47.2 Description

a6f1b3
a6f1b3

52772c
a6f1b3

2.47.2.1 Desktop background

a6f1b3
a6f1b3

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

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

a6f1b3

Open the png version with GIMP.

a6f1b3

a6f1b3

Save the png version as a project of GIMP inside

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

a6f1b3

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

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

a6f1b3
a6f1b3
Layer 1: Background
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 2: Shadow#1
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 3: Shadow#2
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 4: Pattern (Paper)
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 5: Pattern (Stripes)
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 6: Shadow#3
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 7: Shadow#4
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 8: Color#1
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 9: Color#2
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
a6f1b3
a6f1b3
Info

Note

There is no definite combination. To get the appropriate

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

063806
a6f1b3

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

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

a6f1b3

You can repeat these steps to create images for other screen

a6f1b3
resolutions.
a6f1b3

728c6d

52772c
a6f1b3

2.47.2.2 Anaconda Prompt (syslinux) background

063806
a6f1b3

When building syslinux backgrounds it is needed to take into account

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

a6f1b3

Another point to consider is the forground and background definition

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

a6f1b3

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

a6f1b3
to top:
a6f1b3

a6f1b3
a6f1b3
Layer 1: Background
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 2: Pattern (Paper)
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 3: Pattern (Stripes)
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 4: Shadow#1
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 5: Color#1
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 6: Color#2
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
Layer 7: Shadow#2
a6f1b3
a6f1b3

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

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

a6f1b3
a6f1b3
b9dbd3
a6f1b3

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

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

a6f1b3

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

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

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

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

a6f1b3
following command:
a6f1b3

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

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

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

a6f1b3

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

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

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

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

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

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

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

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

a6f1b3

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

a6f1b3

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

to

a6f1b3

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

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

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

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

and replace its color information with that one in

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

a6f1b3

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

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

a6f1b3

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

a6f1b3
the following file:
a6f1b3

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

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

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

a6f1b3

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

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

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

52772c
a6f1b3

2.47.2.3 Grub background

06d106
728c6d

52772c
52772c

2.47.3 Usage

b9dbd3
a6f1b3
    a6f1b3
  • ...
  • a6f1b3
    a6f1b3
    728c6d

    52772c
    52772c

    2.47.4 See also

    ee1f37
    ee1f37
    728c6d

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

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

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