Blame Manual/repository-html/repository_36.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>
5cb5a7
<title>CentOS Artwork Repository: 2.34 Filesystem/trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds</title>
ee1f37
5cb5a7
<meta name="description" content="CentOS Artwork Repository: 2.34 Filesystem/trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
5cb5a7
<meta name="keywords" content="CentOS Artwork Repository: 2.34 Filesystem/trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
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
982d5c
[ < ]
982d5c
[ > ]
ee1f37
   
982d5c
[ << ]
982d5c
[ Up ]
5cb5a7
[ >> ]
ee1f37
   
ee1f37
   
ee1f37
   
ee1f37
   
56a476
[Top]
56a476
[Contents]
5cb5a7
[Index]
56a476
[ ? ]
ee1f37
982d5c
982d5c
5cb5a7

2.34 Filesystem/trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds

982d5c
982d5c
982d5c
982d5c

2.34.1 Goals

982d5c
982d5c

This section exists to orgnize backgrounds of TreeFlower

982d5c
artistic motif.
982d5c

982d5c
982d5c
982d5c

2.34.2 Description

982d5c
982d5c
ee1f37
982d5c

2.34.2.1 Desktop background

982d5c
982d5c

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

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

982d5c

Open the png version with GIMP.

982d5c

982d5c

Save the png version as a project of GIMP inside

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

982d5c

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

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

982d5c
982d5c
Layer 1: Background
982d5c
982d5c

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

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

982d5c
982d5c
Layer 2: Shadow#1
982d5c
982d5c

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

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

982d5c
982d5c
Layer 3: Shadow#2
982d5c
982d5c

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

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

982d5c
982d5c
Layer 4: Pattern (Paper)
982d5c
982d5c

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

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

982d5c
982d5c
Layer 5: Pattern (Stripes)
982d5c
982d5c

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

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

982d5c
982d5c
Layer 6: Shadow#3
982d5c
982d5c

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

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

982d5c
982d5c
Layer 7: Shadow#4
982d5c
982d5c

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

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

982d5c
982d5c
Layer 8: Color#1
982d5c
982d5c

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

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

982d5c
982d5c
Layer 9: Color#2
982d5c
982d5c

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

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

982d5c
982d5c
ee1f37
982d5c
info

Note

There is no definite combination. To get the appropriate

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

982d5c
982d5c

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

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

982d5c

You can repeat these steps to create images for other screen

982d5c
resolutions.
982d5c

ee1f37
ee1f37
982d5c

2.34.2.2 Anaconda Prompt (syslinux) background

ee1f37
982d5c

When building syslinux backgrounds it is needed to take into account

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

982d5c

Another point to consider is the forground and background definition

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

982d5c

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

982d5c
to top:
982d5c

982d5c
982d5c
Layer 1: Background
982d5c
982d5c

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

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

982d5c
982d5c
Layer 2: Pattern (Paper)
982d5c
982d5c

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

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

982d5c
982d5c
Layer 3: Pattern (Stripes)
982d5c
982d5c

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

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

982d5c
982d5c
Layer 4: Shadow#1
982d5c
982d5c

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

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

982d5c
982d5c
Layer 5: Color#1
982d5c
982d5c

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

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

982d5c
982d5c
Layer 6: Color#2
982d5c
982d5c

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

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

982d5c
982d5c
Layer 7: Shadow#2
982d5c
982d5c

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

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

982d5c
982d5c
ee1f37
982d5c

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

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

982d5c

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

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

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

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

982d5c
following command:
982d5c

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

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

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

982d5c

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

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

982d5c
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
982d5c
982d5c

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

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

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

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

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

982d5c

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

982d5c

982d5c
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
982d5c
982d5c

to

982d5c

982d5c
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.gpl
982d5c
982d5c

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

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

982d5c
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.ppm
982d5c
982d5c

and replace its color information with that one in

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

982d5c

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

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

982d5c

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

982d5c
the following file:
982d5c

982d5c
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.hex
982d5c
982d5c

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

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

982d5c

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

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

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

2.34.2.3 Grub background

ee1f37
ee1f37
ee1f37
982d5c

2.34.3 Usage

982d5c
982d5c
    982d5c
  • ...
  • 982d5c
    ee1f37
    ee1f37
    ee1f37
    982d5c

    2.34.4 See also

    ee1f37
    ee1f37
    ee1f37
    ee1f37
    ee1f37
    [ < ]
    56a476
    [ > ]
    ee1f37
       
    982d5c
    [ << ]
    982d5c
    [ Up ]
    5cb5a7
    [ >> ]
    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>