Blame Manual/repository-html/repository_39.html

ee1f37
ee1f37
<html>
d1db00
d1db00
organization, and administration of CentOS Artwork Repository.
d1db00
d1db00
Copyright C 2009-2011 Alain Reguera Delgado
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>
671838
<title>CentOS Artwork Repository: 2.35 The trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds Directory</title>
ee1f37
671838
<meta name="description" content="CentOS Artwork Repository: 2.35 The trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds Directory">
671838
<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
671838
[ < ]
671838
[ > ]
ee1f37
   
671838
[ << ]
671838
[ Up ]
671838
[ >> ]
ee1f37
   
ee1f37
   
ee1f37
   
ee1f37
   
56a476
[Top]
56a476
[Contents]
671838
[Index]
56a476
[ ? ]
ee1f37
671838
671838
671838

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

671838
671838
671838
671838

2.35.1 Goals

671838
671838

This section exists to orgnize backgrounds of TreeFlower

671838
artistic motif.
671838

671838
671838
671838

2.35.2 Description

671838
671838
671838
671838

2.35.2.1 Desktop background

671838
671838

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

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

671838

Open the png version with GIMP.

671838

671838

Save the png version as a project of GIMP inside

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

671838

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

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

671838
671838
Layer 1: Background
671838
671838

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

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

671838
671838
Layer 2: Shadow#1
671838
671838

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

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

671838
671838
Layer 3: Shadow#2
671838
671838

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

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

671838
671838
Layer 4: Pattern (Paper)
671838
671838

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

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

671838
671838
Layer 5: Pattern (Stripes)
671838
671838

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

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

671838
671838
Layer 6: Shadow#3
671838
671838

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

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

671838
671838
Layer 7: Shadow#4
671838
671838

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

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

671838
671838
Layer 8: Color#1
671838
671838

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

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

671838
671838
Layer 9: Color#2
671838
671838

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

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

671838
671838
671838
671838
info

Note

There is no definite combination. To get the appropriate

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

671838
671838

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

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

671838

You can repeat these steps to create images for other screen

671838
resolutions.
671838

671838
063806
671838

2.35.2.2 Anaconda Prompt (syslinux) background

671838
671838

When building syslinux backgrounds it is needed to take into account

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

671838

Another point to consider is the forground and background definition

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

671838

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

671838
to top:
671838

671838
671838
Layer 1: Background
671838
671838

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

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

671838
671838
Layer 2: Pattern (Paper)
671838
671838

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

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

671838
671838
Layer 3: Pattern (Stripes)
671838
671838

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

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

671838
671838
Layer 4: Shadow#1
671838
671838

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

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

671838
671838
Layer 5: Color#1
671838
671838

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

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

671838
671838
Layer 6: Color#2
671838
671838

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

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

671838
671838
Layer 7: Shadow#2
671838
671838

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

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

671838
671838
063806
671838

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

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

671838

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

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

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

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

671838
following command:
671838

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

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

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

671838

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

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

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

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

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

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

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

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

671838

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

671838

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

to

671838

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

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

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

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

and replace its color information with that one in

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

671838

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

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

671838

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

671838
the following file:
671838

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

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

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

671838

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

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

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

2.35.2.3 Grub background

671838
671838
671838
671838

2.35.3 Usage

063806
063806
    063806
  • ...
  • 063806
    063806
    063806
    063806
    671838

    2.35.4 See also

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