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

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

7bbd70
7bbd70
7bbd70
7bbd70

3.34.1 Goals

7bbd70
7bbd70

This section exists to orgnize backgrounds of TreeFlower

7bbd70
artistic motif.
7bbd70

7bbd70
7bbd70
7bbd70

3.34.2 Description

7bbd70
7bbd70
5cee2c
7bbd70

3.34.2.1 Desktop background

7bbd70
7bbd70

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

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

7bbd70

Open the png version with GIMP.

7bbd70

7bbd70

Save the png version as a project of GIMP inside

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

7bbd70

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

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

7bbd70
7bbd70
Layer 1: Background
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 2: Shadow#1
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 3: Shadow#2
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 4: Pattern (Paper)
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 5: Pattern (Stripes)
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 6: Shadow#3
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 7: Shadow#4
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 8: Color#1
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 9: Color#2
7bbd70
7bbd70

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

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

7bbd70
7bbd70
6ba043
7bbd70
info

Note

There is no definite combination. To get the appropriate

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

7bbd70
7bbd70

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

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

7bbd70

You can repeat these steps to create images for other screen

7bbd70
resolutions.
7bbd70

6ba043
5cee2c
7bbd70

3.34.2.2 Anaconda Prompt (syslinux) background

6ba043
7bbd70

When building syslinux backgrounds it is needed to take into account

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

7bbd70

Another point to consider is the forground and background definition

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

7bbd70

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

7bbd70
to top:
7bbd70

7bbd70
7bbd70
Layer 1: Background
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 2: Pattern (Paper)
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 3: Pattern (Stripes)
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 4: Shadow#1
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 5: Color#1
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 6: Color#2
7bbd70
7bbd70

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

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

7bbd70
7bbd70
Layer 7: Shadow#2
7bbd70
7bbd70

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

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

7bbd70
7bbd70
63f275
7bbd70

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

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

7bbd70

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

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

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

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

7bbd70
following command:
7bbd70

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

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

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

7bbd70

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

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

7bbd70
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
7bbd70
7bbd70

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

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

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

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

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

7bbd70

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

7bbd70

7bbd70
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
7bbd70
7bbd70

to

7bbd70

7bbd70
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.gpl
7bbd70
7bbd70

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

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

7bbd70
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.ppm
7bbd70
7bbd70

and replace its color information with that one in

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

7bbd70

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

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

7bbd70

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

7bbd70
the following file:
7bbd70

7bbd70
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.hex
7bbd70
7bbd70

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

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

7bbd70

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

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

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

3.34.2.3 Grub background

6ba043
6ba043
5cee2c
4a9d2a

3.34.3 Usage

4a9d2a
7bbd70
    7bbd70
  • ...
  • 7bbd70
    7bbd70
    4a9d2a
    2dc146
    5fb024

    3.34.4 See also

    4c79b5
    4c79b5
    bc3531
    4c79b5
    2dc146
    [ < ]
    2dc146
    [ > ]
    4c79b5
       
    4c79b5
    [ << ]
    7bbd70
    [ Up ]
    7bbd70
    [ >> ]
    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>