Blame Manual/Filesystem/trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds.texi

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