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

4c79b5
4c79b5
<html>
4c79b5
4c79b5
can you do inside it.
4c79b5
4c79b5
Copyright C 2009, 2010 CentOS Artwork SIG. 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
-->
54264c
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>
6ba043
<title>CentOS Artwork Repository: 3.30 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds</title>
4c79b5
6ba043
<meta name="description" content="CentOS Artwork Repository: 3.30 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
6ba043
<meta name="keywords" content="CentOS Artwork Repository: 3.30 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
5fb024
[ < ]
5fb024
[ > ]
4c79b5
   
4c79b5
[ << ]
4c79b5
[ Up ]
6aec21
[ >> ]
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
[Top]
4c79b5
[Contents]
6aec21
[Index]
4c79b5
[ ? ]
4c79b5
6ba043
5fb024
6ba043

3.30 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds

bc3531
bc3531
5fb024
bc3531

3.30.1 Goals

bc3531
6ba043

This section exists to orgnize TreeFlower's backgrounds.

6ba043

bc3531
5fb024
d06c98

3.30.2 Description

d06c98
d06c98
d06c98
d06c98

3.30.2.1 Desktop background

4c79b5
6ba043

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

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

6ba043

Open the png version with GIMP.

6ba043

6ba043

Save the png version as gimp's project inside

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

6ba043

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

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

8d4371
8d4371
Layer 1: Background
8d4371
8d4371

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

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

8d4371
8d4371
Layer 2: Shadow#1
8d4371
8d4371

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

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

8d4371
8d4371
Layer 3: Shadow#2
8d4371
8d4371

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

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

8d4371
8d4371
Layer 4: Pattern (Paper)
8d4371
8d4371

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

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

8d4371
8d4371
Layer 5: Pattern (Stripes)
8d4371
8d4371

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

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

8d4371
8d4371
Layer 6: Shadow#3
8d4371
8d4371

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

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

8d4371
8d4371
Layer 7: Shadow#4
8d4371
8d4371

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

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

8d4371
8d4371
Layer 8: Color#1
8d4371
8d4371

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

8d4371
color over the whole image. This layer is set to 10% of opacity.
6ba043

8d4371
8d4371
Layer 9: Color#2
8d4371
8d4371

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

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

8d4371
8d4371
8d4371
6ba043
info

Note

There is no definite combination. To get the appropriate

8d4371
visual design is a matter of constant testing and personal taste.
6ba043

6ba043
8d4371

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

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

6ba043

You can repeat these steps to create images for other screen

6ba043
resolutions.
6ba043

4c79b5
d06c98
d06c98

3.30.2.2 Anaconda Prompt (syslinux) background

8d4371
8d4371

When building syslinux backgrounds it is needed to take into account

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

8d4371

Another point to consider is the forground and background definition

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

8d4371

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

8d4371
to top:
8d4371

8d4371
8d4371
Layer 1: Background
8d4371
8d4371

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

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

8d4371
8d4371
Layer 2: Pattern (Paper)
8d4371
8d4371

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

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

8d4371
8d4371
Layer 3: Pattern (Stripes)
8d4371
8d4371

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

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

8d4371
8d4371
Layer 4: Shadow#1
8d4371
8d4371

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

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

8d4371
8d4371
Layer 5: Color#1
8d4371
8d4371

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

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

8d4371
8d4371
Layer 6: Color#2
8d4371
8d4371

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

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

8d4371
8d4371
Layer 7: Shadow#2
8d4371
8d4371

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

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

8d4371
8d4371
8d4371
8d4371

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

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

8d4371

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

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

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

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

8d4371
following command:
8d4371

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

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

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

8d4371

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

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

8d4371
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
8d4371
8d4371

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

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

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

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

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

d06c98

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

d06c98

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

to

d06c98

d06c98
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.gpl
d06c98
8d4371

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

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

8d4371
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.ppm
8d4371
8d4371

and replace its color information with that one in

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

8d4371

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

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

8d4371

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

8d4371
the following file:
8d4371

8d4371
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.hex
8d4371
8d4371

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

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

8d4371

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

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

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

3.30.2.3 Grub background

8d4371
8d4371
d06c98
d06c98

3.30.3 Usage

6ba043
6ba043
    6ba043
  • ...
  • 6ba043
    6ba043
    6ba043
    d06c98
    d06c98

    3.30.4 See also

    4c79b5
    4c79b5
    4c79b5
    4c79b5
    d06c98
    [ < ]
    d06c98
    [ > ]
    4c79b5
       
    4c79b5
    [ << ]
    5fb024
    [ Up ]
    6aec21
    [ >> ]
    4c79b5
    4c79b5

    4c79b5
     <font size="-1">
    54264c
      This document was generated on October, 27 2010 using texi2html 1.76.
    4c79b5
     </font>
    4c79b5
     
    4c79b5
    4c79b5

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