|
 |
4c79b5 |
|
|
|
4c79b5 |
<html>
|
|
|
ccb7a3 |
|
|
|
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 |
-->
|
|
|
bf28e1 |
|
|
|
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>
|
|
|
42563b |
<title>CentOS Artwork Repository: 3.33 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds</title>
|
|
|
4c79b5 |
|
|
|
42563b |
<meta name="description" content="CentOS Artwork Repository: 3.33 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
|
|
|
42563b |
<meta name="keywords" content="CentOS Artwork Repository: 3.33 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 |
|
|
|
42563b |
[ < ]
|
|
|
42563b |
[ > ]
|
|
|
4c79b5 |
|
|
|
4c79b5 |
[ << ]
|
|
|
4c79b5 |
[ Up ]
|
|
|
42563b |
[ >> ]
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
[Top]
|
|
|
4c79b5 |
[Contents]
|
|
|
42563b |
[Index]
|
|
|
4c79b5 |
[ ? ]
|
|
|
4c79b5 |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
3.33 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
3.33.1 Goals
|
|
|
42563b |
|
|
|
42563b |
This section exists to orgnize backgrounds of TreeFlower
|
|
|
42563b |
artistic motif.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
3.33.2 Description
|
|
|
42563b |
|
|
|
42563b |
|
|
|
2c3589 |
|
|
|
42563b |
3.33.2.1 Desktop background
|
|
|
42563b |
|
|
|
42563b |
Once you have defined the vectorial artistic motif design, use the
|
|
|
42563b |
centos-art.sh script (as described in usage section below)
|
|
|
42563b |
to produce the png version of it. With the png version of your
|
|
|
42563b |
vectorial design do the following:
|
|
|
42563b |
|
|
|
42563b |
Open the png version with GIMP.
|
|
|
42563b |
|
|
|
42563b |
Save the png version as a project of GIMP inside
|
|
|
42563b |
<tt>`trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds/Xcf'</tt>
|
|
|
42563b |
directory, using the same name of your vectorial design but with the
|
|
|
42563b |
<samp>`.xcf'</samp> extension.
|
|
|
42563b |
|
|
|
42563b |
Now use GIMP to improve your design. Here you may add one layer for
|
|
|
42563b |
pattern, another for colors, and so on until you find yourself
|
|
|
42563b |
confortable with your artwork. For example, the following layer
|
|
|
42563b |
distribution (from bottom to top) was used to build revision 285 of
|
|
|
42563b |
file <tt>`1360x768.xcf'</tt> using TreeFlower artistic motif at
|
|
|
42563b |
revision 241.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 1: Background
|
|
|
42563b |
|
|
|
42563b |
The first thing we did with GIMP was to create a layer named
|
|
|
42563b |
<samp>`Background'</samp> to store the artistic motif (File > Open as layer).
|
|
|
42563b |
This layer is the lowest layer in the image. Later, we started to
|
|
|
42563b |
create layers one upon another to change the artistic motif visual
|
|
|
42563b |
style.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 2: Shadow#1
|
|
|
42563b |
|
|
|
42563b |
This layer is above <samp>`Background'</samp> and contains a linear gradient
|
|
|
42563b |
from left (000000) to right (transparent) covering the whole image.
|
|
|
42563b |
This layer masks the artistic motif to avoid the effect of linear
|
|
|
42563b |
gradient. This layer is 100% of opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 3: Shadow#2
|
|
|
42563b |
|
|
|
42563b |
This layer is above <samp>`Shadow#1'</samp> and contains a linear gradient
|
|
|
42563b |
from left (000000) to right (transparent) covering just the 70% of the
|
|
|
42563b |
whole image aproximatly. This layer doesn't mask the artistic motif
|
|
|
42563b |
which make the left part of it fall into the dark of linear gradient.
|
|
|
42563b |
This layer is 100% of opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 4: Pattern (Paper)
|
|
|
42563b |
|
|
|
42563b |
This layer is above <samp>`Shadow#2'</samp> an contains the paper pattern
|
|
|
42563b |
shipped with GIMP 2.2. This layer doesn't mask the artistic motif so
|
|
|
42563b |
the pattern is applied over the whole image. This layer is set to 15%
|
|
|
42563b |
of opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 5: Pattern (Stripes)
|
|
|
42563b |
|
|
|
42563b |
This layer is above <samp>`Pattern (Paper)'</samp> and contains the stripes
|
|
|
42563b |
used over the artistic motif. This layer do masks the artistic motif
|
|
|
42563b |
so the stripes are only applied to it. This layer is set to 10% of
|
|
|
42563b |
opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 6: Shadow#3
|
|
|
42563b |
|
|
|
42563b |
This layer is above <samp>`Pattern (Stripes)'</samp> and contains a linear
|
|
|
42563b |
gradient from right (6600ff) to left (transparent). This layer masks
|
|
|
42563b |
the artistic motif so the linear gradient doesn't affect it. This
|
|
|
42563b |
layer is set to 15% of opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 7: Shadow#4
|
|
|
42563b |
|
|
|
42563b |
This layer is above <samp>`Shadow#3'</samp> and contains a
|
|
|
42563b |
linear gradient from left (000000) to right (transparent). This layer
|
|
|
42563b |
do masks the artistic motif so the linear gradient doesn't affect it.
|
|
|
42563b |
This layer is set to 10% of opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 8: Color#1
|
|
|
42563b |
|
|
|
42563b |
This layer is above <samp>`Shadow#4'</samp> and is filled with orange (ffae00)
|
|
|
42563b |
color over the whole image. This layer is set to 10% of opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 9: Color#2
|
|
|
42563b |
|
|
|
42563b |
This layer is above <samp>`Color#1'</samp> and is filled with
|
|
|
42563b |
blue (010a88) color over the whole image. This layer is set to 10% of
|
|
|
42563b |
opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
7e35dc |
|
|
|
42563b |
 Note There is no definite combination. To get the appropriate
|
|
|
42563b |
visual design is a matter of constant testing and personal taste.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Finally, use <samp>`Save as copy ...'</samp> option to export the final
|
|
|
42563b |
design. To export the final design use the same name of your vectorial
|
|
|
42563b |
design plus <samp>`-final.png'</samp> extension.
|
|
|
42563b |
|
|
|
42563b |
You can repeat these steps to create images for other screen
|
|
|
42563b |
resolutions.
|
|
|
42563b |
|
|
|
7e35dc |
|
|
|
2c3589 |
|
|
|
42563b |
3.33.2.2 Anaconda Prompt (syslinux) background
|
|
|
7e35dc |
|
|
|
42563b |
When building syslinux backgrounds it is needed to take into account
|
|
|
42563b |
that the final image is reduced to 16 colors. In desktop background
|
|
|
42563b |
there is no color limitation but syslinux does have. The goal of this
|
|
|
42563b |
section is achieving a final syslinux background as close as possible
|
|
|
42563b |
to desktop backgrounds using 16 colors only.
|
|
|
42563b |
|
|
|
42563b |
Another point to consider is the forground and background definition
|
|
|
42563b |
used by syslinux. The syslinux documentation says that the color set
|
|
|
42563b |
in position 0 is the background and color set in position 7 is the
|
|
|
42563b |
forground. The final palette of color used by our background will
|
|
|
42563b |
match that specification. For great contrast we'll use black as
|
|
|
42563b |
background and white as forground. At this poing we have black
|
|
|
42563b |
(000000) and white (ffffff) colors in our syslinux palette, which left
|
|
|
42563b |
us with 14 colors to play with.
|
|
|
42563b |
|
|
|
42563b |
Let's begin with <tt>`Xcf/640x300.xcf'</tt> layer distribution from bottom
|
|
|
42563b |
to top:
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 1: Background
|
|
|
42563b |
|
|
|
42563b |
This layer is the lowest layer in the image composition and contains
|
|
|
42563b |
the artistic motif image rendered for the same resolution (i.e.,
|
|
|
42563b |
<tt>`Img/Png/640x300.png'</tt>). This layer is set to 100% of opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 2: Pattern (Paper)
|
|
|
42563b |
|
|
|
42563b |
This layer is placed above <samp>`Background'</samp> layer and contains the
|
|
|
42563b |
paper pattern shipped with GIMP 2.2. This layer doesn't mask the
|
|
|
42563b |
artistic motif. This layer is set to 30% of opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 3: Pattern (Stripes)
|
|
|
42563b |
|
|
|
42563b |
This layer is placed above <samp>`Pattern (Paper)'</samp> layer and contains
|
|
|
42563b |
the stripes pattern shipped with GIMP 2.2. This layer does mask the
|
|
|
42563b |
artistic motif in order to apply the stripes over it only. The
|
|
|
42563b |
background is not affected by the stripes pattern just the artistic
|
|
|
42563b |
motif. This layer is set to 20% of opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 4: Shadow#1
|
|
|
42563b |
|
|
|
42563b |
This layer is placed above <samp>`Pattern (Stripes)'</samp> layer and fills
|
|
|
42563b |
the entire layer area with violet (6600ff) color. This layer do mask
|
|
|
42563b |
the artistic motif in order to applied the violet color to the
|
|
|
42563b |
background area outside the artistic motif only. This layer is set to
|
|
|
42563b |
15% of opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 5: Color#1
|
|
|
42563b |
|
|
|
42563b |
This layer is above <samp>`Shadow#1'</samp> and is filled with orange (ffae00)
|
|
|
42563b |
color to cover the whole image. This layer is set to 10% of opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 6: Color#2
|
|
|
42563b |
|
|
|
42563b |
This layer is above <samp>`Color#1'</samp> and is filled with blue (010a88)
|
|
|
42563b |
color to cover the whole image. This layer is set to 10% of opacity.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
Layer 7: Shadow#2
|
|
|
42563b |
|
|
|
42563b |
This layer is above <samp>`Color#1'</samp> and contains a linear gradient from
|
|
|
42563b |
left (000000) to right (transparent) covering 70% of the image
|
|
|
42563b |
approximately.
|
|
|
42563b |
|
|
|
42563b |
|
|
|
42563b |
|
|
|
7e35dc |
|
|
|
42563b |
At this point we have the composition and should look like the desktop
|
|
|
42563b |
backgrounds. Compared with desktop backgrounds there are some
|
|
|
42563b |
differences in opacity. This is because in our testings the final
|
|
|
42563b |
color information found with this composition produces an acceptable
|
|
|
42563b |
16 color image. Of course this is something we haven't seen yet.
|
|
|
42563b |
|
|
|
42563b |
To define the color information of our current coposition, save the
|
|
|
42563b |
syslinux background composition we've done using <samp>`File > Save as
|
|
|
42563b |
Copy ...'</samp> option in the following location:
|
|
|
42563b |
|
|
|
42563b |
trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds/Img/Png/640x300-final.png
|
|
|
42563b |
|
|
|
42563b |
Now, create the final png version of syslinux backgrounds using the
|
|
|
42563b |
following command:
|
|
|
42563b |
|
|
|
42563b |
centos-art render --entry=trunk/Identity/Themes/Motifs/TreeFlower/Distro/Anaconda/Prompt
|
|
|
42563b |
|
|
|
42563b |
This command will create syslinux-splash final images for all major
|
|
|
42563b |
releases of CentOS distribution the repository has been configured to.
|
|
|
42563b |
The important files here are <tt>`syslinux-splash.png'</tt>, other
|
|
|
42563b |
files may contain the wrong information because we haven't defined yet
|
|
|
42563b |
the correct color information to use.
|
|
|
42563b |
|
|
|
42563b |
Open one <tt>`syslinux-splash.png'</tt> file with GIMP and use the
|
|
|
42563b |
<samp>`Image > Mode > Indexed'</samp> to reduce image colors up to 16 colors,
|
|
|
42563b |
using the <samp>`Generate optimum palette'</samp> feature of GIMP. If the
|
|
|
42563b |
image looks aceptable after reducing colors, use the <samp>`Palettes'</samp>
|
|
|
42563b |
menu (Ctrl+P) of GIMP to import a new palette from file and name it
|
|
|
42563b |
<samp>`CentOS-TreeFlower-Syslinux'</samp>. Once you've saved the palette, the
|
|
|
42563b |
color information is stored at:
|
|
|
42563b |
|
|
|
42563b |
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
|
|
|
42563b |
|
|
|
42563b |
You need to edit <tt>`CentOS-TreeFlower-Syslinux.gpl'</tt> file in order
|
|
|
42563b |
to set the appropriate order of colors. Remember black (000000) in
|
|
|
42563b |
position 0, and white (ffffff) in position 7. Other positions are
|
|
|
42563b |
irrelevant. When editing this file you may find that color reduction
|
|
|
42563b |
did not set black and white colors to their respective values exactly.
|
|
|
42563b |
Change that manually. For example, consider the following palette:
|
|
|
42563b |
|
|
|
42563b |
GIMP Palette
|
|
|
42563b |
Name: CentOS-TreeFlower-Syslinux
|
|
|
42563b |
Columns: 16
|
|
|
42563b |
#
|
|
|
42563b |
0 0 0 Background (black)
|
|
|
42563b |
23 20 35 Untitled
|
|
|
42563b |
34 25 48 Untitled
|
|
|
42563b |
37 35 60 Untitled
|
|
|
42563b |
47 36 68 Untitled
|
|
|
42563b |
37 54 86 Untitled
|
|
|
42563b |
60 48 90 Untitled
|
|
|
42563b |
255 255 255 Foreground (white)
|
|
|
42563b |
66 54 99 Untitled
|
|
|
42563b |
74 61 98 Untitled
|
|
|
42563b |
49 78 126 Untitled
|
|
|
42563b |
43 87 151 Untitled
|
|
|
42563b |
92 89 95 Untitled
|
|
|
42563b |
54 104 183 Untitled
|
|
|
42563b |
158 153 156 Untitled
|
|
|
42563b |
201 196 195 Untitled
|
|
|
42563b |
|
|
|
42563b |
Update the <samp>`Palettes'</samp> menu to get the new color positions from
|
|
|
42563b |
the file you just edited and open the palette with double click.
|
|
|
42563b |
|
|
|
42563b |
Update the <tt>`syslinux.gpl'</tt> file copying the following file:
|
|
|
42563b |
|
|
|
42563b |
~/.gimp-2.2/palettes/CentOS-TreeFlower-Syslinux.gpl
|
|
|
42563b |
|
|
|
42563b |
to
|
|
|
42563b |
|
|
|
42563b |
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.gpl
|
|
|
42563b |
|
|
|
42563b |
With the <samp>`CentOS-TreeFlower-Syslinux'</samp> palette opened in the
|
|
|
42563b |
<samp>`Palette Editor'</samp>, open (Ctrl+O) the following file:
|
|
|
42563b |
|
|
|
42563b |
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.ppm
|
|
|
42563b |
|
|
|
42563b |
and replace its color information with that one in
|
|
|
42563b |
<samp>`CentOS-TreeFlower-Syslinux'</samp> palette. When you are replacing
|
|
|
42563b |
color information inside <tt>`syslilnux.ppm'</tt>, remember to keep the
|
|
|
42563b |
order of colors just as they are in the
|
|
|
42563b |
<samp>`CentOS-TreeFlower-Palette'</samp> palette.
|
|
|
42563b |
|
|
|
42563b |
The <tt>`syslinux.ppm'</tt> file is 16 pixels width and 1 pixel height, so
|
|
|
42563b |
you probably need to zoom it a bit to set the color information in
|
|
|
42563b |
their place when using the pen tool with the brush <samp>`Circle (01)
|
|
|
42563b |
(1 x 1)'</samp>.
|
|
|
42563b |
|
|
|
42563b |
Once you've updated the <samp>`syslinux.ppm'</samp> file, it is time to update
|
|
|
42563b |
the following file:
|
|
|
42563b |
|
|
|
42563b |
trunk/Identity/Themes/Motifs/TreeFlower/Colors/syslinux.hex
|
|
|
42563b |
|
|
|
42563b |
The <tt>`syslinux.hex'</tt> file contains the color information in
|
|
|
42563b |
hexadecimal notation. The color information in hexadecimal notation
|
|
|
42563b |
is required by ppmtolss16 command. The ppmtolss16
|
|
|
42563b |
command produces the final LSS16 image format that is used by syslinux
|
|
|
42563b |
program inside CentOS distribution.
|
|
|
42563b |
|
|
|
42563b |
The color information inside <tt>`syslinux.hex'</tt> must match the one in
|
|
|
42563b |
<tt>`syslinux.ppm'</tt> and <tt>`syslinux.gpl'</tt>. For example, based on
|
|
|
42563b |
<tt>`CentOS-TreeFlower-Syslinux'</tt> palette of colors above, consider
|
|
|
42563b |
the following <tt>`syslinux.hex'</tt> file:
|
|
|
42563b |
|
|
|
42563b |
#000000=0
|
|
|
42563b |
#171423=1
|
|
|
42563b |
#221930=2
|
|
|
42563b |
#25233c=3
|
|
|
42563b |
#2f2444=4
|
|
|
42563b |
#253656=5
|
|
|
42563b |
#3c305a=6
|
|
|
42563b |
#ffffff=7
|
|
|
42563b |
#423663=8
|
|
|
42563b |
#4a3d62=9
|
|
|
42563b |
#314e7e=10
|
|
|
42563b |
#2b5797=11
|
|
|
42563b |
#5c595f=12
|
|
|
42563b |
#3668b7=13
|
|
|
42563b |
#9e999c=14
|
|
|
42563b |
#c9c4c3=15
|
|
|
42563b |
|
|
|
7e35dc |
|
|
|
2c3589 |
|
|
|
42563b |
3.33.2.3 Grub background
|
|
|
d11e55 |
|
|
|
d11e55 |
|
|
|
2c3589 |
|
|
|
d11e55 |
3.33.3 Usage
|
|
|
d11e55 |
|
|
|
42563b |
|
|
|
42563b |
...
|
|
|
42563b |
|
|
|
42563b |
|
|
|
d11e55 |
|
|
|
2c3589 |
|
|
|
bc3531 |
3.33.4 See also
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
2c3589 |
[ < ]
|
|
|
2c3589 |
[ > ]
|
|
|
4c79b5 |
|
|
|
4c79b5 |
[ << ]
|
|
|
42563b |
[ Up ]
|
|
|
42563b |
[ >> ]
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
<font size="-1">
|
|
|
bf28e1 |
This document was generated on February, 27 2011 using texi2html 1.76.
|
|
|
4c79b5 |
</font>
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
|
|
|
4c79b5 |
</body>
|
|
|
4c79b5 |
</html>
|