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

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

aaf678
b130a0
b9dbd3
b9dbd3

2.35.1 Goals

b130a0
b9dbd3

This section exists to orgnize backgrounds of TreeFlower

b9dbd3
artistic motif.
b9dbd3

b9dbd3
b9dbd3
b9dbd3

2.35.2 Description

b9dbd3
b9dbd3
b9dbd3
b9dbd3

2.35.2.1 Desktop background

b9dbd3
b9dbd3

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

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

b9dbd3

Open the png version with GIMP.

b9dbd3

b9dbd3

Save the png version as a project of GIMP inside

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

b9dbd3

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

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

b9dbd3
b9dbd3
Layer 1: Background
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 2: Shadow#1
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 3: Shadow#2
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 4: Pattern (Paper)
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 5: Pattern (Stripes)
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 6: Shadow#3
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 7: Shadow#4
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 8: Color#1
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 9: Color#2
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
b9dbd3
b9dbd3
info

Note

There is no definite combination. To get the appropriate

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

b9dbd3
b9dbd3

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

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

b9dbd3

You can repeat these steps to create images for other screen

b9dbd3
resolutions.
b9dbd3

b9dbd3
b9dbd3
b9dbd3

2.35.2.2 Anaconda Prompt (syslinux) background

b9dbd3
b9dbd3

When building syslinux backgrounds it is needed to take into account

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

b9dbd3

Another point to consider is the forground and background definition

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

b9dbd3

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

b9dbd3
to top:
b9dbd3

b9dbd3
b9dbd3
Layer 1: Background
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 2: Pattern (Paper)
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 3: Pattern (Stripes)
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 4: Shadow#1
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 5: Color#1
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 6: Color#2
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
Layer 7: Shadow#2
b9dbd3
b9dbd3

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

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

b9dbd3
b9dbd3
b130a0
b9dbd3

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

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

b9dbd3

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

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

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

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

b9dbd3
following command:
b9dbd3

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

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

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

b9dbd3

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

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

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

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

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

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

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

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

b9dbd3

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

b9dbd3

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

to

b9dbd3

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

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

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

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

and replace its color information with that one in

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

b9dbd3

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

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

b9dbd3

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

b9dbd3
the following file:
b9dbd3

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

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

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

b9dbd3

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

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

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

2.35.2.3 Grub background

b130a0
b130a0
b9dbd3
b9dbd3

2.35.3 Usage

b9dbd3
b9dbd3
    b9dbd3
  • ...
  • b9dbd3
    b130a0
    b130a0
    b9dbd3
    b9dbd3

    2.35.4 See also

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