Blame Manuals/Repository-fs/repository-fs-html/repository_35.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>
1023f4
<title>CentOS Artwork Repository: 3.32 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds</title>
4c79b5
1023f4
<meta name="description" content="CentOS Artwork Repository: 3.32 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
1023f4
<meta name="keywords" content="CentOS Artwork Repository: 3.32 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 ]
1023f4
[ >> ]
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
[Top]
4c79b5
[Contents]
1023f4
[Index]
4c79b5
[ ? ]
4c79b5
1023f4
d11e55
1023f4

3.32 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds

bc3531
bc3531
d11e55
6ba043

3.32.1 Goals

bc3531
1023f4

This section exists to orgnize backgrounds of TreeFlower

1023f4
artistic motif.
1023f4

bc3531
d11e55
6ba043

3.32.2 Description

bc3531
bc3531
d11e55
1023f4

3.32.2.1 Desktop background

c12cdc
1023f4

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

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

1023f4

Open the png version with GIMP.

1023f4

1023f4

Save the png version as a project of GIMP inside

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

1023f4

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

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

1023f4
1023f4
Layer 1: Background
1023f4
1023f4

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

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

1023f4
1023f4
Layer 2: Shadow#1
1023f4
1023f4

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

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

1023f4
1023f4
Layer 3: Shadow#2
1023f4
1023f4

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

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

1023f4
1023f4
Layer 4: Pattern (Paper)
1023f4
1023f4

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

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

1023f4
1023f4
Layer 5: Pattern (Stripes)
1023f4
1023f4

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

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

1023f4
1023f4
Layer 6: Shadow#3
1023f4
1023f4

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

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

1023f4
1023f4
Layer 7: Shadow#4
1023f4
1023f4

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

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

1023f4
1023f4
Layer 8: Color#1
1023f4
1023f4

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

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

1023f4
1023f4
Layer 9: Color#2
1023f4
1023f4

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

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

1023f4
1023f4
1023f4
1023f4
info

Note

There is no definite combination. To get the appropriate

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

1023f4
1023f4

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

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

1023f4

You can repeat these steps to create images for other screen

1023f4
resolutions.
70ef27

c12cdc
42563b
1023f4

3.32.2.2 Anaconda Prompt (syslinux) background

1023f4
1023f4

When building syslinux backgrounds it is needed to take into account

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

1023f4

Another point to consider is the forground and background definition

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

1023f4

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

1023f4
to top:
1023f4

1023f4
1023f4
Layer 1: Background
1023f4
1023f4

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

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

1023f4
1023f4
Layer 2: Pattern (Paper)
1023f4
1023f4

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

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

1023f4
1023f4
Layer 3: Pattern (Stripes)
1023f4
1023f4

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

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

1023f4
1023f4
Layer 4: Shadow#1
1023f4
1023f4

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

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

1023f4
1023f4
Layer 5: Color#1
1023f4
1023f4

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

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

1023f4
1023f4
Layer 6: Color#2
1023f4
1023f4

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

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

1023f4
1023f4
Layer 7: Shadow#2
1023f4
1023f4

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

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

1023f4
1023f4
1023f4
1023f4

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

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

1023f4

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

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

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

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

1023f4
following command:
1023f4

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

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

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

1023f4

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

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

1023f4
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
1023f4
1023f4

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

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

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

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

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

1023f4

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

1023f4

1023f4
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
1023f4
1023f4

to

1023f4

1023f4
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.gpl
1023f4
1023f4

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

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

1023f4
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.ppm
1023f4
1023f4

and replace its color information with that one in

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

1023f4

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

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

1023f4

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

1023f4
the following file:
1023f4

1023f4
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.hex
1023f4
1023f4

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

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

1023f4

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

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

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

3.32.2.3 Grub background

1023f4
1023f4
1023f4
1023f4

3.32.3 Usage

1023f4
1023f4
    1023f4
  • ...
  • 1023f4
    1023f4
    1023f4
    1023f4
    bc3531

    3.32.4 See also

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