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