Blame Manual/repository-html/repository_35.html

ee1f37
ee1f37
<html>
ee1f37
ee1f37
ee1f37
Permission is granted to copy, distribute and/or modify this document
ee1f37
under the terms of the GNU Free Documentation License, Version 1.2 or
ee1f37
any later version published by the Free Software Foundation; with no
ee1f37
Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A
ee1f37
copy of the license is included in the section entitled GNU Free
ee1f37
Documentation License.  
ee1f37
-->
406f69
ee1f37
ee1f37
Written by: Lionel Cons <Lionel.Cons@cern.ch> (original author)
ee1f37
            Karl Berry  <karl@freefriends.org>
ee1f37
            Olaf Bachmann <obachman@mathematik.uni-kl.de>
ee1f37
            and many others.
ee1f37
Maintained by: Many creative people <dev@texi2html.cvshome.org>
ee1f37
Send bugs and suggestions to <users@texi2html.cvshome.org>
ee1f37
ee1f37
-->
ee1f37
<head>
861ed3
<title>CentOS Artwork Repository: 1.34 The trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds Directory</title>
ee1f37
861ed3
<meta name="description" content="CentOS Artwork Repository: 1.34 The trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds Directory">
861ed3
<meta name="keywords" content="CentOS Artwork Repository: 1.34 The trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds Directory">
ee1f37
<meta name="resource-type" content="document">
ee1f37
<meta name="distribution" content="global">
ee1f37
<meta name="Generator" content="texi2html 1.76">
ee1f37
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
ee1f37
<style type="text/css">
ee1f37
ee1f37
@import "/home/centos/artwork/trunk/Identity/Models/Css/Texi2html/common.css";
ee1f37
ee1f37
a.summary-letter {text-decoration: none}
ee1f37
pre.display {font-family: serif}
ee1f37
pre.format {font-family: serif}
ee1f37
pre.menu-comment {font-family: serif}
ee1f37
pre.menu-preformatted {font-family: serif}
ee1f37
pre.smalldisplay {font-family: serif; font-size: smaller}
ee1f37
pre.smallexample {font-size: smaller}
ee1f37
pre.smallformat {font-family: serif; font-size: smaller}
ee1f37
pre.smalllisp {font-size: smaller}
ee1f37
span.sansserif {font-family:sans-serif; font-weight:normal;}
ee1f37
ul.toc {list-style: none}
ee1f37
-->
ee1f37
</style>
ee1f37
ee1f37
ee1f37
</head>
ee1f37
ee1f37
<body lang="en" bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
ee1f37
ee1f37
aaf678
[ < ]
aaf678
[ > ]
ee1f37
   
aaf678
[ << ]
aaf678
[ Up ]
aaf678
[ >> ]
ee1f37
   
ee1f37
   
ee1f37
   
ee1f37
   
56a476
[Top]
56a476
[Contents]
5cb5a7
[Index]
56a476
[ ? ]
ee1f37
aaf678
aaf678
861ed3

1.34 The <tt>`trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds'</tt> Directory

ee1f37
ee1f37
aaf678
aaf678

1.34.1 Goals

982d5c
aaf678

This section exists to orgnize backgrounds of TreeFlower

aaf678
artistic motif.
aaf678

ee1f37
aaf678
aaf678

1.34.2 Description

ee1f37
ee1f37
aaf678
aaf678

1.34.2.1 Desktop background

ee1f37
aaf678

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

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

aaf678

Open the png version with GIMP.

aaf678

aaf678

Save the png version as a project of GIMP inside

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

aaf678

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

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

aaf678
aaf678
Layer 1: Background
aaf678
aaf678

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

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

aaf678
aaf678
Layer 2: Shadow#1
aaf678
aaf678

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

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

aaf678
aaf678
Layer 3: Shadow#2
aaf678
aaf678

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

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

aaf678
aaf678
Layer 4: Pattern (Paper)
aaf678
aaf678

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

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

aaf678
aaf678
Layer 5: Pattern (Stripes)
aaf678
aaf678

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

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

aaf678
aaf678
Layer 6: Shadow#3
aaf678
aaf678

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

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

aaf678
aaf678
Layer 7: Shadow#4
aaf678
aaf678

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

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

aaf678
aaf678
Layer 8: Color#1
aaf678
aaf678

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

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

aaf678
aaf678
Layer 9: Color#2
aaf678
aaf678

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

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

aaf678
aaf678
ee1f37
aaf678
info

Note

There is no definite combination. To get the appropriate

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

ee1f37
aaf678

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

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

aaf678

You can repeat these steps to create images for other screen

aaf678
resolutions.
aaf678

aaf678
aaf678
aaf678

1.34.2.2 Anaconda Prompt (syslinux) background

aaf678
aaf678

When building syslinux backgrounds it is needed to take into account

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

aaf678

Another point to consider is the forground and background definition

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

aaf678

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

aaf678
to top:
aaf678

aaf678
aaf678
Layer 1: Background
aaf678
aaf678

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

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

aaf678
aaf678
Layer 2: Pattern (Paper)
aaf678
aaf678

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

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

aaf678
aaf678
Layer 3: Pattern (Stripes)
aaf678
aaf678

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

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

aaf678
aaf678
Layer 4: Shadow#1
aaf678
aaf678

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

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

aaf678
aaf678
Layer 5: Color#1
aaf678
aaf678

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

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

aaf678
aaf678
Layer 6: Color#2
aaf678
aaf678

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

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

aaf678
aaf678
Layer 7: Shadow#2
aaf678
aaf678

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

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

aaf678
aaf678
aaf678
aaf678

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

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

aaf678

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

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

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

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

aaf678
following command:
aaf678

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

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

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

aaf678

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

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

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

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

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

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

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

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

aaf678

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

aaf678

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

to

aaf678

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

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

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

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

and replace its color information with that one in

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

aaf678

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

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

aaf678

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

aaf678
the following file:
aaf678

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

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

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

aaf678

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

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

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

1.34.2.3 Grub background

aaf678
aaf678
aaf678
aaf678

1.34.3 Usage

aaf678
aaf678
    aaf678
  • ...
  • aaf678
    aaf678
    aaf678
    aaf678
    aaf678

    1.34.4 See also

    ee1f37
    ee1f37
    ee1f37
    ee1f37
    aaf678
    [ < ]
    aaf678
    [ > ]
    ee1f37
       
    aaf678
    [ << ]
    aaf678
    [ Up ]
    aaf678
    [ >> ]
    ee1f37
    ee1f37

    ee1f37
     <font size="-1">
    406f69
      This document was generated on March, 1 2011 using texi2html 1.76.
    ee1f37
     </font>
    ee1f37
     
    ee1f37
    ee1f37

    ee1f37
    </body>
    ee1f37
    </html>