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

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

70ef27
70ef27
70ef27
70ef27

3.34.1 Goals

70ef27
70ef27

This section exists to orgnize backgrounds of TreeFlower

70ef27
artistic motif.
70ef27

70ef27
70ef27
70ef27

3.34.2 Description

70ef27
70ef27
2c3589
70ef27

3.34.2.1 Desktop background

70ef27
70ef27

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

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

70ef27

Open the png version with GIMP.

70ef27

70ef27

Save the png version as a project of GIMP inside

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

70ef27

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

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

70ef27
70ef27
Layer 1: Background
70ef27
70ef27

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

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

70ef27
70ef27
Layer 2: Shadow#1
70ef27
70ef27

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

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

70ef27
70ef27
Layer 3: Shadow#2
70ef27
70ef27

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

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

70ef27
70ef27
Layer 4: Pattern (Paper)
70ef27
70ef27

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

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

70ef27
70ef27
Layer 5: Pattern (Stripes)
70ef27
70ef27

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

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

70ef27
70ef27
Layer 6: Shadow#3
70ef27
70ef27

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

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

70ef27
70ef27
Layer 7: Shadow#4
70ef27
70ef27

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

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

70ef27
70ef27
Layer 8: Color#1
70ef27
70ef27

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

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

70ef27
70ef27
Layer 9: Color#2
70ef27
70ef27

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

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

70ef27
70ef27
6ba043
70ef27
info

Note

There is no definite combination. To get the appropriate

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

70ef27
70ef27

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

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

70ef27

You can repeat these steps to create images for other screen

70ef27
resolutions.
70ef27

6ba043
2c3589
70ef27

3.34.2.2 Anaconda Prompt (syslinux) background

6ba043
70ef27

When building syslinux backgrounds it is needed to take into account

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

70ef27

Another point to consider is the forground and background definition

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

70ef27

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

70ef27
to top:
70ef27

70ef27
70ef27
Layer 1: Background
70ef27
70ef27

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

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

70ef27
70ef27
Layer 2: Pattern (Paper)
70ef27
70ef27

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

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

70ef27
70ef27
Layer 3: Pattern (Stripes)
70ef27
70ef27

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

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

70ef27
70ef27
Layer 4: Shadow#1
70ef27
70ef27

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

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

70ef27
70ef27
Layer 5: Color#1
70ef27
70ef27

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

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

70ef27
70ef27
Layer 6: Color#2
70ef27
70ef27

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

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

70ef27
70ef27
Layer 7: Shadow#2
70ef27
70ef27

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

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

70ef27
70ef27
008ee0
70ef27

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

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

70ef27

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

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

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

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

70ef27
following command:
70ef27

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

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

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

70ef27

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

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

70ef27
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
70ef27
70ef27

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

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

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

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

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

70ef27

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

70ef27

70ef27
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
70ef27
70ef27

to

70ef27

70ef27
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.gpl
70ef27
70ef27

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

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

70ef27
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.ppm
70ef27
70ef27

and replace its color information with that one in

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

70ef27

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

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

70ef27

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

70ef27
the following file:
70ef27

70ef27
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.hex
70ef27
70ef27

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

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

70ef27

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

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

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

3.34.2.3 Grub background

6ba043
d11e55
2c3589
c12cdc

3.34.3 Usage

c12cdc
70ef27
    70ef27
  • ...
  • 70ef27
    70ef27
    c12cdc
    42563b
    5fb024

    3.34.4 See also

    4c79b5
    4c79b5
    bc3531
    4c79b5
    42563b
    [ < ]
    42563b
    [ > ]
    4c79b5
       
    4c79b5
    [ << ]
    70ef27
    [ Up ]
    70ef27
    [ >> ]
    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>