Blame Manuals/en/Html/Repository/repository_35.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
-->
de1f5e
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>
63f275
<title>CentOS Artwork Repository: 3.32 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds</title>
4c79b5
63f275
<meta name="description" content="CentOS Artwork Repository: 3.32 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
63f275
<meta name="keywords" content="CentOS Artwork Repository: 3.32 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 ]
749e81
[ >> ]
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
[Top]
4c79b5
[Contents]
749e81
[Index]
4c79b5
[ ? ]
4c79b5
63f275
008ee0
63f275

3.32 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds

bc3531
bc3531
008ee0
6ba043

3.32.1 Goals

bc3531
63f275

This section exists to orgnize TreeFlower's backgrounds.

63f275

bc3531
008ee0
6ba043

3.32.2 Description

bc3531
bc3531
008ee0
63f275

3.32.2.1 Desktop background

6ba043
63f275

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

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

63f275

Open the png version with GIMP.

63f275

63f275

Save the png version as gimp's project inside

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

63f275

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

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

63f275
63f275
Layer 1: Background
63f275
63f275

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

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

63f275
63f275
Layer 2: Shadow#1
63f275
63f275

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

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

63f275
63f275
Layer 3: Shadow#2
63f275
63f275

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

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

63f275
63f275
Layer 4: Pattern (Paper)
63f275
63f275

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

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

63f275
63f275
Layer 5: Pattern (Stripes)
63f275
63f275

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

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

63f275
63f275
Layer 6: Shadow#3
63f275
63f275

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

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

63f275
63f275
Layer 7: Shadow#4
63f275
63f275

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

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

63f275
63f275
Layer 8: Color#1
63f275
63f275

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

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

63f275
63f275
Layer 9: Color#2
63f275
63f275

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

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

63f275
63f275
63f275
63f275
info

Note

There is no definite combination. To get the appropriate

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

63f275
63f275

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

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

63f275

You can repeat these steps to create images for other screen

63f275
resolutions.
6ba043

6ba043
008ee0
63f275

3.32.2.2 Anaconda Prompt (syslinux) background

63f275
63f275

When building syslinux backgrounds it is needed to take into account

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

63f275

Another point to consider is the forground and background definition

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

63f275

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

63f275
to top:
63f275

63f275
63f275
Layer 1: Background
63f275
63f275

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

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

63f275
63f275
Layer 2: Pattern (Paper)
63f275
63f275

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

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

63f275
63f275
Layer 3: Pattern (Stripes)
63f275
63f275

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

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

63f275
63f275
Layer 4: Shadow#1
63f275
63f275

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

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

63f275
63f275
Layer 5: Color#1
63f275
63f275

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

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

63f275
63f275
Layer 6: Color#2
63f275
63f275

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

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

63f275
63f275
Layer 7: Shadow#2
63f275
63f275

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

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

63f275
63f275
63f275
63f275

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

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

63f275

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

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

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

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

63f275
following command:
63f275

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

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

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

63f275

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

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

63f275
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
63f275
63f275

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

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

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

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

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

63f275

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

63f275

63f275
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
63f275
63f275

to

63f275

63f275
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.gpl
63f275
63f275

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

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

63f275
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.ppm
63f275
63f275

and replace its color information with that one in

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

63f275

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

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

63f275

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

63f275
the following file:
63f275

63f275
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.hex
63f275
63f275

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

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

63f275

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

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

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

3.32.2.3 Grub background

63f275
63f275
63f275
63f275

3.32.3 Usage

63f275
63f275
    63f275
  • ...
  • 63f275
    63f275
    63f275
    63f275
    bc3531

    3.32.4 See also

    4c79b5
    4c79b5
    4c79b5
    4c79b5
    63f275
    [ < ]
    63f275
    [ > ]
    4c79b5
       
    4c79b5
    [ << ]
    008ee0
    [ Up ]
    749e81
    [ >> ]
    4c79b5
    4c79b5

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

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