Blame Manuals/Repository/repository-html/repository_37.html

4c79b5
4c79b5
<html>
ccb7a3
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
-->
bf28e1
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>
bf28e1
<title>CentOS Artwork Repository: 3.34 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds</title>
4c79b5
bf28e1
<meta name="description" content="CentOS Artwork Repository: 3.34 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
bf28e1
<meta name="keywords" content="CentOS Artwork Repository: 3.34 trunk/Identity/Themes/Motifs/TreeFlower/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
bf28e1
[ < ]
bf28e1
[ > ]
4c79b5
   
4c79b5
[ << ]
4c79b5
[ Up ]
bf28e1
[ >> ]
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
[Top]
4c79b5
[Contents]
bf28e1
[Index]
4c79b5
[ ? ]
4c79b5
bf28e1
bf28e1
bf28e1

3.34 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds

bf28e1
bf28e1
bf28e1
bf28e1

3.34.1 Goals

bf28e1
bf28e1

This section exists to orgnize backgrounds of TreeFlower

bf28e1
artistic motif.
bf28e1

bf28e1
bf28e1
bf28e1

3.34.2 Description

bf28e1
bf28e1
5cee2c
bf28e1

3.34.2.1 Desktop background

bf28e1
bf28e1

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

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

bf28e1

Open the png version with GIMP.

bf28e1

bf28e1

Save the png version as a project of GIMP inside

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

bf28e1

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

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

bf28e1
bf28e1
Layer 1: Background
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 2: Shadow#1
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 3: Shadow#2
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 4: Pattern (Paper)
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 5: Pattern (Stripes)
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 6: Shadow#3
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 7: Shadow#4
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 8: Color#1
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 9: Color#2
bf28e1
bf28e1

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

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

bf28e1
bf28e1
6ba043
bf28e1
info

Note

There is no definite combination. To get the appropriate

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

bf28e1
bf28e1

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

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

bf28e1

You can repeat these steps to create images for other screen

bf28e1
resolutions.
bf28e1

6ba043
5cee2c
bf28e1

3.34.2.2 Anaconda Prompt (syslinux) background

6ba043
bf28e1

When building syslinux backgrounds it is needed to take into account

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

bf28e1

Another point to consider is the forground and background definition

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

bf28e1

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

bf28e1
to top:
bf28e1

bf28e1
bf28e1
Layer 1: Background
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 2: Pattern (Paper)
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 3: Pattern (Stripes)
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 4: Shadow#1
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 5: Color#1
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 6: Color#2
bf28e1
bf28e1

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

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

bf28e1
bf28e1
Layer 7: Shadow#2
bf28e1
bf28e1

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

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

bf28e1
bf28e1
63f275
bf28e1

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

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

bf28e1

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

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

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

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

bf28e1
following command:
bf28e1

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

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

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

bf28e1

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

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

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

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

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

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

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

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

bf28e1

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

bf28e1

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

to

bf28e1

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

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

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

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

and replace its color information with that one in

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

bf28e1

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

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

bf28e1

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

bf28e1
the following file:
bf28e1

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

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

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

bf28e1

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

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

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

3.34.2.3 Grub background

6ba043
6ba043
5cee2c
4a9d2a

3.34.3 Usage

4a9d2a
bf28e1
    bf28e1
  • ...
  • bf28e1
    bf28e1
    4a9d2a
    2dc146
    5fb024

    3.34.4 See also

    4c79b5
    4c79b5
    bc3531
    4c79b5
    2dc146
    [ < ]
    2dc146
    [ > ]
    4c79b5
       
    4c79b5
    [ << ]
    bf28e1
    [ Up ]
    bf28e1
    [ >> ]
    4c79b5
    4c79b5

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

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