Blame Manual/repository-html/repository_40.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>
f66721
<title>CentOS Artwork Repository: 2.35 The trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds Directory</title>
ee1f37
f66721
<meta name="description" content="CentOS Artwork Repository: 2.35 The trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds Directory">
f66721
<meta name="keywords" content="CentOS Artwork Repository: 2.35 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
f66721
[ < ]
f66721
[ > ]
ee1f37
   
f66721
[ << ]
f66721
[ Up ]
f66721
[ >> ]
ee1f37
   
ee1f37
   
ee1f37
   
ee1f37
   
56a476
[Top]
56a476
[Contents]
f66721
[Index]
56a476
[ ? ]
ee1f37
f66721
063806
f66721

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

982d5c
b130a0
063806
f66721

2.35.1 Goals

b130a0
f66721

This section exists to orgnize backgrounds of TreeFlower

f66721
artistic motif.
f66721

b130a0
063806
f66721

2.35.2 Description

ee1f37
ee1f37
063806
f66721

2.35.2.1 Desktop background

f66721
f66721

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

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

f66721

Open the png version with GIMP.

f66721

f66721

Save the png version as a project of GIMP inside

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

f66721

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

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

f66721
f66721
Layer 1: Background
f66721
f66721

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

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

f66721
f66721
Layer 2: Shadow#1
f66721
f66721

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

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

f66721
f66721
Layer 3: Shadow#2
f66721
f66721

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

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

f66721
f66721
Layer 4: Pattern (Paper)
f66721
f66721

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

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

f66721
f66721
Layer 5: Pattern (Stripes)
f66721
f66721

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

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

f66721
f66721
Layer 6: Shadow#3
f66721
f66721

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

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

f66721
f66721
Layer 7: Shadow#4
f66721
f66721

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

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

f66721
f66721
Layer 8: Color#1
f66721
f66721

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

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

f66721
f66721
Layer 9: Color#2
f66721
f66721

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

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

f66721
f66721
f66721
f66721
info

Note

There is no definite combination. To get the appropriate

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

f66721
f66721

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

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

f66721

You can repeat these steps to create images for other screen

f66721
resolutions.
f66721

f66721
f66721
f66721

2.35.2.2 Anaconda Prompt (syslinux) background

f66721
f66721

When building syslinux backgrounds it is needed to take into account

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

f66721

Another point to consider is the forground and background definition

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

f66721

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

f66721
to top:
f66721

f66721
f66721
Layer 1: Background
f66721
f66721

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

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

f66721
f66721
Layer 2: Pattern (Paper)
f66721
f66721

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

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

f66721
f66721
Layer 3: Pattern (Stripes)
f66721
f66721

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

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

f66721
f66721
Layer 4: Shadow#1
f66721
f66721

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

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

f66721
f66721
Layer 5: Color#1
f66721
f66721

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

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

f66721
f66721
Layer 6: Color#2
f66721
f66721

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

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

f66721
f66721
Layer 7: Shadow#2
f66721
f66721

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

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

f66721
f66721
f66721
f66721

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

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

f66721

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

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

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

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

f66721
following command:
f66721

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

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

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

f66721

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

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

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

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

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

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

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

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

f66721

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

f66721

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

to

f66721

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

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

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

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

and replace its color information with that one in

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

f66721

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

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

f66721

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

f66721
the following file:
f66721

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

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

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

f66721

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

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

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

2.35.2.3 Grub background

f66721
f66721
f66721
f66721

2.35.3 Usage

f66721
f66721
    f66721
  • ...
  • f66721
    f66721
    f66721
    f66721
    f66721

    2.35.4 See also

    ee1f37
    ee1f37
    ee1f37
    ee1f37
    f66721
    [ < ]
    f66721
    [ > ]
    ee1f37
       
    f66721
    [ << ]
    f66721
    [ Up ]
    f66721
    [ >> ]
    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>