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

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

6ba043
6ba043
d11e55
7e35dc

3.34.1 Goals

6ba043
d11e55

This section exists to orgnize backgrounds of TreeFlower

d11e55
artistic motif.
d11e55

008ee0
d11e55
7e35dc

3.34.2 Description

6ba043
6ba043
d11e55
d11e55

3.34.2.1 Desktop background

d11e55
d11e55

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

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

d11e55

Open the png version with GIMP.

d11e55

d11e55

Save the png version as a project of GIMP inside

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

d11e55

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

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

d11e55
d11e55
Layer 1: Background
d11e55
d11e55

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

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

d11e55
d11e55
Layer 2: Shadow#1
d11e55
d11e55

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

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

d11e55
d11e55
Layer 3: Shadow#2
d11e55
d11e55

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

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

d11e55
d11e55
Layer 4: Pattern (Paper)
d11e55
d11e55

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

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

d11e55
d11e55
Layer 5: Pattern (Stripes)
d11e55
d11e55

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

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

d11e55
d11e55
Layer 6: Shadow#3
d11e55
d11e55

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

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

d11e55
d11e55
Layer 7: Shadow#4
d11e55
d11e55

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

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

d11e55
d11e55
Layer 8: Color#1
d11e55
d11e55

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

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

d11e55
d11e55
Layer 9: Color#2
d11e55
d11e55

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

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

d11e55
d11e55
d11e55
d11e55
info

Note

There is no definite combination. To get the appropriate

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

d11e55
d11e55

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

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

d11e55

You can repeat these steps to create images for other screen

d11e55
resolutions.
d11e55

d11e55
d11e55
d11e55

3.34.2.2 Anaconda Prompt (syslinux) background

d11e55
d11e55

When building syslinux backgrounds it is needed to take into account

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

d11e55

Another point to consider is the forground and background definition

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

d11e55

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

d11e55
to top:
d11e55

d11e55
d11e55
Layer 1: Background
d11e55
d11e55

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

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

d11e55
d11e55
Layer 2: Pattern (Paper)
d11e55
d11e55

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

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

d11e55
d11e55
Layer 3: Pattern (Stripes)
d11e55
d11e55

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

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

d11e55
d11e55
Layer 4: Shadow#1
d11e55
d11e55

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

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

d11e55
d11e55
Layer 5: Color#1
d11e55
d11e55

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

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

d11e55
d11e55
Layer 6: Color#2
d11e55
d11e55

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

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

d11e55
d11e55
Layer 7: Shadow#2
d11e55
d11e55

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

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

d11e55
d11e55
d11e55
d11e55

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

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

d11e55

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

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

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

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

d11e55
following command:
d11e55

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

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

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

d11e55

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

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

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

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

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

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

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

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

d11e55

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

d11e55

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

to

d11e55

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

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

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

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

and replace its color information with that one in

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

d11e55

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

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

d11e55

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

d11e55
the following file:
d11e55

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

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

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

d11e55

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

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

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

3.34.2.3 Grub background

d11e55
d11e55
d11e55
4a9d2a

3.34.3 Usage

4a9d2a
d11e55
    d11e55
  • ...
  • d11e55
    d11e55
    4a9d2a
    d11e55
    5fb024

    3.34.4 See also

    4c79b5
    4c79b5
    bc3531
    4c79b5
    d11e55
    [ < ]
    d11e55
    [ > ]
    4c79b5
       
    4c79b5
    [ << ]
    d11e55
    [ Up ]
    d11e55
    [ >> ]
    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>