Blame Manuals/Repository/repository-html/repository_36.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
-->
acd47b
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>
2dc146
<title>CentOS Artwork Repository: 3.33 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds</title>
4c79b5
2dc146
<meta name="description" content="CentOS Artwork Repository: 3.33 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
2dc146
<meta name="keywords" content="CentOS Artwork Repository: 3.33 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
2dc146
[ < ]
2dc146
[ > ]
4c79b5
   
4c79b5
[ << ]
4c79b5
[ Up ]
2dc146
[ >> ]
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
[Top]
4c79b5
[Contents]
2dc146
[Index]
4c79b5
[ ? ]
4c79b5
2dc146
2dc146
2dc146

3.33 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds

2dc146
2dc146
2dc146
2dc146

3.33.1 Goals

2dc146
2dc146

This section exists to orgnize backgrounds of TreeFlower

2dc146
artistic motif.
2dc146

2dc146
2dc146
2dc146

3.33.2 Description

2dc146
2dc146
5cee2c
2dc146

3.33.2.1 Desktop background

2dc146
2dc146

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

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

2dc146

Open the png version with GIMP.

2dc146

2dc146

Save the png version as a project of GIMP inside

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

2dc146

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

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

2dc146
2dc146
Layer 1: Background
2dc146
2dc146

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

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

2dc146
2dc146
Layer 2: Shadow#1
2dc146
2dc146

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

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

2dc146
2dc146
Layer 3: Shadow#2
2dc146
2dc146

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

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

2dc146
2dc146
Layer 4: Pattern (Paper)
2dc146
2dc146

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

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

2dc146
2dc146
Layer 5: Pattern (Stripes)
2dc146
2dc146

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

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

2dc146
2dc146
Layer 6: Shadow#3
2dc146
2dc146

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

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

2dc146
2dc146
Layer 7: Shadow#4
2dc146
2dc146

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

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

2dc146
2dc146
Layer 8: Color#1
2dc146
2dc146

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

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

2dc146
2dc146
Layer 9: Color#2
2dc146
2dc146

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

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

2dc146
2dc146
bc3531
2dc146
info

Note

There is no definite combination. To get the appropriate

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

2dc146
2dc146

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

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

2dc146

You can repeat these steps to create images for other screen

2dc146
resolutions.
2dc146

bc3531
5cee2c
2dc146

3.33.2.2 Anaconda Prompt (syslinux) background

bc3531
2dc146

When building syslinux backgrounds it is needed to take into account

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

2dc146

Another point to consider is the forground and background definition

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

2dc146

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

2dc146
to top:
2dc146

2dc146
2dc146
Layer 1: Background
2dc146
2dc146

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

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

2dc146
2dc146
Layer 2: Pattern (Paper)
2dc146
2dc146

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

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

2dc146
2dc146
Layer 3: Pattern (Stripes)
2dc146
2dc146

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

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

2dc146
2dc146
Layer 4: Shadow#1
2dc146
2dc146

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

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

2dc146
2dc146
Layer 5: Color#1
2dc146
2dc146

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

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

2dc146
2dc146
Layer 6: Color#2
2dc146
2dc146

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

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

2dc146
2dc146
Layer 7: Shadow#2
2dc146
2dc146

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

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

2dc146
2dc146
bc3531
2dc146

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

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

2dc146

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

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

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

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

2dc146
following command:
2dc146

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

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

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

2dc146

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

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

2dc146
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
2dc146
2dc146

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

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

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

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

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

2dc146

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

2dc146

2dc146
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
2dc146
2dc146

to

2dc146

2dc146
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.gpl
2dc146
2dc146

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

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

2dc146
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.ppm
2dc146
2dc146

and replace its color information with that one in

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

2dc146

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

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

2dc146

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

2dc146
the following file:
2dc146

2dc146
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.hex
2dc146
2dc146

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

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

2dc146

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

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

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

3.33.2.3 Grub background

5fb024
5fb024
5cee2c
bc3531

3.33.3 Usage

bc3531
2dc146
    2dc146
  • ...
  • 2dc146
    2dc146
    5fb024
    5cee2c
    bc3531

    3.33.4 See also

    4c79b5
    4c79b5
    4c79b5
    4c79b5
    5cee2c
    [ < ]
    5cee2c
    [ > ]
    4c79b5
       
    4c79b5
    [ << ]
    2dc146
    [ Up ]
    2dc146
    [ >> ]
    4c79b5
    4c79b5

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

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