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

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

06d106
06d106
06d106
06d106

2.46.1 Goals

06d106
06d106

This section exists to orgnize backgrounds of TreeFlower

06d106
artistic motif.
06d106

06d106
06d106
06d106

2.46.2 Description

06d106
06d106
995423
06d106

2.46.2.1 Desktop background

06d106
06d106

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

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

06d106

Open the png version with GIMP.

06d106

06d106

Save the png version as a project of GIMP inside

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

06d106

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

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

06d106
06d106
Layer 1: Background
06d106
06d106

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

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

06d106
06d106
Layer 2: Shadow#1
06d106
06d106

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

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

06d106
06d106
Layer 3: Shadow#2
06d106
06d106

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

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

06d106
06d106
Layer 4: Pattern (Paper)
06d106
06d106

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

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

06d106
06d106
Layer 5: Pattern (Stripes)
06d106
06d106

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

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

06d106
06d106
Layer 6: Shadow#3
06d106
06d106

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

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

06d106
06d106
Layer 7: Shadow#4
06d106
06d106

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

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

06d106
06d106
Layer 8: Color#1
06d106
06d106

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

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

06d106
06d106
Layer 9: Color#2
06d106
06d106

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

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

06d106
06d106
ee1f37
06d106
info

Note

There is no definite combination. To get the appropriate

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

06d106
06d106

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

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

06d106

You can repeat these steps to create images for other screen

06d106
resolutions.
06d106

ee1f37
995423
06d106

2.46.2.2 Anaconda Prompt (syslinux) background

ee1f37
06d106

When building syslinux backgrounds it is needed to take into account

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

06d106

Another point to consider is the forground and background definition

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

06d106

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

06d106
to top:
06d106

06d106
06d106
Layer 1: Background
06d106
06d106

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

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

06d106
06d106
Layer 2: Pattern (Paper)
06d106
06d106

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

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

06d106
06d106
Layer 3: Pattern (Stripes)
06d106
06d106

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

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

06d106
06d106
Layer 4: Shadow#1
06d106
06d106

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

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

06d106
06d106
Layer 5: Color#1
06d106
06d106

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

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

06d106
06d106
Layer 6: Color#2
06d106
06d106

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

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

06d106
06d106
Layer 7: Shadow#2
06d106
06d106

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

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

06d106
06d106
b130a0
06d106

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

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

06d106

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

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

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

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

06d106
following command:
06d106

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

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

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

06d106

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

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

06d106
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
06d106
06d106

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

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

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

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

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

06d106

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

06d106

06d106
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
06d106
06d106

to

06d106

06d106
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.gpl
06d106
06d106

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

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

06d106
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.ppm
06d106
06d106

and replace its color information with that one in

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

06d106

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

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

06d106

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

06d106
the following file:
06d106

06d106
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.hex
06d106
06d106

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

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

06d106

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

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

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

2.46.2.3 Grub background

ee1f37
ee1f37
995423
671838

2.46.3 Usage

ee1f37
06d106
    06d106
  • ...
  • 06d106
    06d106
    ee1f37
    995423
    671838

    2.46.4 See also

    ee1f37
    ee1f37
    632e8b
    ee1f37
    995423
    [ < ]
    995423
    [ > ]
    ee1f37
       
    671838
    [ << ]
    06d106
    [ Up ]
    06d106
    [ >> ]
    ee1f37
    ee1f37

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

    ee1f37
    </body>
    ee1f37
    </html>