Blame Manuals/en/Html/Repository/repository_37.html

4c79b5
4c79b5
<html>
09d4f2
09d4f2
09d4f2
The CentOS Artwork Repository exists to organize and automate The
09d4f2
CentOS Project corporate visual identity (, to
09d4f2
start on).
4c79b5
6c4982
Copyright C 2009, 2010 Alain Reguera Delgado. All rights
4c79b5
reserved.
4c79b5
4c79b5
Permission is granted to copy, distribute and/or modify this document
4c79b5
under the terms of the GNU Free Documentation License, Version 1.2 or
4c79b5
any later version published by the Free Software Foundation; with no
4c79b5
Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A
4c79b5
copy of the license is included in the section entitled GNU Free
4c79b5
Documentation License.  
4c79b5
-->
008ee0
4c79b5
4c79b5
Written by: Lionel Cons <Lionel.Cons@cern.ch> (original author)
4c79b5
            Karl Berry  <karl@freefriends.org>
4c79b5
            Olaf Bachmann <obachman@mathematik.uni-kl.de>
4c79b5
            and many others.
4c79b5
Maintained by: Many creative people <dev@texi2html.cvshome.org>
4c79b5
Send bugs and suggestions to <users@texi2html.cvshome.org>
4c79b5
4c79b5
-->
4c79b5
<head>
54b5a5
<title>CentOS Artwork Repository: 3.34 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds</title>
4c79b5
54b5a5
<meta name="description" content="CentOS Artwork Repository: 3.34 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
54b5a5
<meta name="keywords" content="CentOS Artwork Repository: 3.34 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
4c79b5
<meta name="resource-type" content="document">
4c79b5
<meta name="distribution" content="global">
4c79b5
<meta name="Generator" content="texi2html 1.76">
4c79b5
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4c79b5
<style type="text/css">
4c79b5
1e9202
@import "/home/centos/artwork/trunk/Identity/Models/Css/Texi2html/common.css";
4c79b5
4c79b5
a.summary-letter {text-decoration: none}
4c79b5
pre.display {font-family: serif}
4c79b5
pre.format {font-family: serif}
4c79b5
pre.menu-comment {font-family: serif}
4c79b5
pre.menu-preformatted {font-family: serif}
4c79b5
pre.smalldisplay {font-family: serif; font-size: smaller}
4c79b5
pre.smallexample {font-size: smaller}
4c79b5
pre.smallformat {font-family: serif; font-size: smaller}
4c79b5
pre.smalllisp {font-size: smaller}
4c79b5
span.sansserif {font-family:sans-serif; font-weight:normal;}
4c79b5
ul.toc {list-style: none}
4c79b5
-->
4c79b5
</style>
4c79b5
4c79b5
4c79b5
</head>
4c79b5
4c79b5
<body lang="en" bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
4c79b5
4c79b5
008ee0
[ < ]
008ee0
[ > ]
4c79b5
   
4c79b5
[ << ]
4c79b5
[ Up ]
54b5a5
[ >> ]
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
[Top]
4c79b5
[Contents]
54b5a5
[Index]
4c79b5
[ ? ]
4c79b5
54b5a5
008ee0
54b5a5

3.34 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds

6ba043
6ba043
008ee0
6ba043

3.34.1 Goals

6ba043
54b5a5

This section exists to orgnize TreeFlower's backgrounds.

54b5a5

008ee0
008ee0
6ba043

3.34.2 Description

6ba043
6ba043
008ee0
54b5a5

3.34.2.1 Desktop background

6ba043
54b5a5

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

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

54b5a5

Open the png version with GIMP.

54b5a5

54b5a5

Save the png version as gimp's project inside

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

54b5a5

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

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

54b5a5
54b5a5
Layer 1: Background
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 2: Shadow#1
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 3: Shadow#2
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 4: Pattern (Paper)
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 5: Pattern (Stripes)
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 6: Shadow#3
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 7: Shadow#4
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 8: Color#1
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 9: Color#2
54b5a5
54b5a5

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

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

54b5a5
54b5a5
54b5a5
54b5a5
info

Note

There is no definite combination. To get the appropriate

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

54b5a5
54b5a5

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

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

54b5a5

You can repeat these steps to create images for other screen

54b5a5
resolutions.
54b5a5

6ba043
008ee0
54b5a5

3.34.2.2 Anaconda Prompt (syslinux) background

54b5a5
54b5a5

When building syslinux backgrounds it is needed to take into account

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

54b5a5

Another point to consider is the forground and background definition

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

54b5a5

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

54b5a5
to top:
54b5a5

54b5a5
54b5a5
Layer 1: Background
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 2: Pattern (Paper)
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 3: Pattern (Stripes)
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 4: Shadow#1
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 5: Color#1
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 6: Color#2
54b5a5
54b5a5

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

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

54b5a5
54b5a5
Layer 7: Shadow#2
54b5a5
54b5a5

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

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

54b5a5
54b5a5
54b5a5
54b5a5

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

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

54b5a5

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

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

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

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

54b5a5
following command:
54b5a5

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

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

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

54b5a5

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

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

54b5a5
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
54b5a5
54b5a5

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

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

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

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

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

54b5a5

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

54b5a5

54b5a5
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
54b5a5
54b5a5

to

54b5a5

54b5a5
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.gpl
54b5a5
54b5a5

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

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

54b5a5
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.ppm
54b5a5
54b5a5

and replace its color information with that one in

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

54b5a5

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

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

54b5a5

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

54b5a5
the following file:
54b5a5

54b5a5
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.hex
54b5a5
54b5a5

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

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

54b5a5

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

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

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

3.34.2.3 Grub background

54b5a5
54b5a5
54b5a5
54b5a5

3.34.3 Usage

54b5a5
54b5a5
    54b5a5
  • ...
  • 54b5a5
    54b5a5
    54b5a5
    54b5a5
    5fb024

    3.34.4 See also

    4c79b5
    4c79b5
    bc3531
    4c79b5
    54b5a5
    [ < ]
    54b5a5
    [ > ]
    4c79b5
       
    4c79b5
    [ << ]
    008ee0
    [ Up ]
    54b5a5
    [ >> ]
    4c79b5
    4c79b5

    4c79b5
     <font size="-1">
    008ee0
      This document was generated on December, 2 2010 using texi2html 1.76.
    4c79b5
     </font>
    4c79b5
     
    4c79b5
    4c79b5

    4c79b5
    </body>
    4c79b5
    </html>