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

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

fa7cae
fa7cae
fa7cae
fa7cae

3.34.1 Goals

fa7cae
fa7cae

This section exists to orgnize backgrounds of TreeFlower

fa7cae
artistic motif.
fa7cae

fa7cae
fa7cae
fa7cae

3.34.2 Description

fa7cae
fa7cae
5cee2c
fa7cae

3.34.2.1 Desktop background

fa7cae
fa7cae

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

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

fa7cae

Open the png version with GIMP.

fa7cae

fa7cae

Save the png version as a project of GIMP inside

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

fa7cae

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

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

fa7cae
fa7cae
Layer 1: Background
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 2: Shadow#1
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 3: Shadow#2
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 4: Pattern (Paper)
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 5: Pattern (Stripes)
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 6: Shadow#3
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 7: Shadow#4
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 8: Color#1
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 9: Color#2
fa7cae
fa7cae

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

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

fa7cae
fa7cae
6ba043
fa7cae
info

Note

There is no definite combination. To get the appropriate

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

fa7cae
fa7cae

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

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

fa7cae

You can repeat these steps to create images for other screen

fa7cae
resolutions.
fa7cae

6ba043
5cee2c
fa7cae

3.34.2.2 Anaconda Prompt (syslinux) background

6ba043
fa7cae

When building syslinux backgrounds it is needed to take into account

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

fa7cae

Another point to consider is the forground and background definition

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

fa7cae

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

fa7cae
to top:
fa7cae

fa7cae
fa7cae
Layer 1: Background
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 2: Pattern (Paper)
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 3: Pattern (Stripes)
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 4: Shadow#1
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 5: Color#1
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 6: Color#2
fa7cae
fa7cae

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

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

fa7cae
fa7cae
Layer 7: Shadow#2
fa7cae
fa7cae

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

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

fa7cae
fa7cae
63f275
fa7cae

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

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

fa7cae

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

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

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

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

fa7cae
following command:
fa7cae

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

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

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

fa7cae

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

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

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

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

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

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

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

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

fa7cae

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

fa7cae

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

to

fa7cae

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

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

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

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

and replace its color information with that one in

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

fa7cae

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

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

fa7cae

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

fa7cae
the following file:
fa7cae

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

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

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

fa7cae

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

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

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

3.34.2.3 Grub background

6ba043
6ba043
5cee2c
4a9d2a

3.34.3 Usage

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

    3.34.4 See also

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