Blame Manuals/Repository/repository-html/repository_26.html

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>
c12cdc
<title>CentOS Artwork Repository: 3.23 trunk/Identity/Themes/Motifs/Flame</title>
4c79b5
c12cdc
<meta name="description" content="CentOS Artwork Repository: 3.23 trunk/Identity/Themes/Motifs/Flame">
c12cdc
<meta name="keywords" content="CentOS Artwork Repository: 3.23 trunk/Identity/Themes/Motifs/Flame">
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
d11e55
[ < ]
d11e55
[ > ]
4c79b5
   
4c79b5
[ << ]
4c79b5
[ Up ]
c12cdc
[ >> ]
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
[Top]
4c79b5
[Contents]
c12cdc
[Index]
4c79b5
[ ? ]
4c79b5
c12cdc
d11e55
c12cdc

3.23 trunk/Identity/Themes/Motifs/Flame

4c79b5
4c79b5
d11e55
01b527

3.23.1 Goals

4c79b5
c12cdc

This section describes the steps we followed to construct the

c12cdc
Flame artistic motif. This section may be useful for anyone
c12cdc
interested in reproducing the Flame artistic motif, or in
c12cdc
creating new artistic motifs for The CentOS Project corporate visual
c12cdc
identity (see section trunk/Identity).
2c3589

2dc146
d11e55
01b527

3.23.2 Description

008ee0
c12cdc

The Flame artistic motif was built using the flame filter of

c12cdc
Gimp 2.2 in CentOS 5.5.
c12cdc

c12cdc

The flame filter of Gimp can produce stunning, randomly generated

c12cdc
fractal patterns. The flame filter of Gimp gives us a great oportunity
c12cdc
to reduce the time used to produce new artistic motifs, because of its
c12cdc
"randomly generated" nature. Once the artistic motif be created, it
c12cdc
is propagated through all visual manifestations of CentOS Project
c12cdc
corporate visual identity using the <tt>`centos-art.sh'</tt> script
c12cdc
(see section trunk/Scripts/Bash) inside the CentOS Artwork Repository.
c12cdc

c12cdc

To set the time intervals between each new visual style production, we

c12cdc
could reuse the CentOS distribution major release schema.  I.e., we
c12cdc
could produce a new visual style, every two years, based on a new
c12cdc
"randomly generated" flame pattern, and publish the whole corporate
c12cdc
visual identity (i.e., distribution stuff, promotion stuff, websites
c12cdc
stuff, etc.) with the new major release of CentOS distribution all
c12cdc
together at once.
c12cdc

c12cdc

Producing a new visual style is not one day's task. Once we have

c12cdc
defined the artistic motif, we need to propagate it through all visual
c12cdc
manifestations of The CentOS Project corporate visual identity. When
c12cdc
we say that we could produce one new visual style every two years we
c12cdc
really mean: to work two years long in order to propagate a new visual
c12cdc
style to all visual manifestations of The CentOS Project corporate
c12cdc
visual identity.
c12cdc

c12cdc

Obviously, in order to propagate one visual style to all different

c12cdc
visual manifestations of The CentOS Project corporate visual identity,
c12cdc
we need first to know which the visual manifestations are.  To define
c12cdc
which visual manifestations are inside The CentOS Project corporate
c12cdc
visual identity is one of the goals the CentOS Artwork Repository and
c12cdc
this documentation manual are both aimed to satisfy.
c12cdc

c12cdc

Once we define which the visual manifestation are, it is possible to

c12cdc
define how to produce them, and this way, organize the automation
c12cdc
process. Such automation process is one of the goals of
c12cdc
<tt>`centos-art.sh'</tt> script.
c12cdc

c12cdc

With the combination of both CentOS Artwork Repository and

c12cdc
<tt>`centos-art.sh'</tt> scripts we define work lines where translators,
c12cdc
programmers, and graphic designers work together to distribute and
c12cdc
reduce the amount of time employed to produce The CentOS Project
c12cdc
monolithic corporate identity.
c12cdc

c12cdc

From a monolithic corporate visual identity point of view, notice that

c12cdc
we are producing a new visual style for the same theme (i.e.,
c12cdc
Flame). It would be another flame design but still a flame
c12cdc
design. This idea is very important to be aware of, because we are
c12cdc
somehow "refreshing" the theme, not changing it at all. 
c12cdc

c12cdc

This way, as we are "refreshing" the theme, we still keep oursleves

c12cdc
inside the monolithic conception we are trying to be attached to
c12cdc
(i.e., one unique name, and one unique visual style for all visual
c12cdc
manifestations).
c12cdc

c12cdc

Producing artistic motifs is a creative process that may consume long

c12cdc
time, specially for people without experienced knowledge on graphic
c12cdc
design land. Using "randomly generated" conception to produce
c12cdc
artistic motifs could be, practically, a way for anyone to follow in
c12cdc
order to produce maintainable artistic motifs in few steps. 
c12cdc

c12cdc

Due to the "randomly generated" nature of Flame filter, we find that

c12cdc
Flame pattern is not always the same when we use Flame
c12cdc
filter interface.
c12cdc

c12cdc

Using the same pattern design for each visual manifestation is

c12cdc
essential in order to maintain the visual connection among all visual
c12cdc
manifestations inside the same theme.  Occasionally, we may introduce
c12cdc
pattern variations in opacity, size, or even position but never change
c12cdc
the pattern design itself, nor the color information used by images
c12cdc
considered part of the same theme.
c12cdc

c12cdc
Important

Important

c12cdc
When we design background images, which are considered part of the
c12cdc
same theme, it is essential to use the same design pattern always.
c12cdc
This is what makes theme images to be visually connected among
c12cdc
themeselves, and so, the reason we use to define the word "theme"
c12cdc
as: a set of images visually connected among themeselves.
c12cdc

c12cdc
c12cdc

In order for us to reproduce the same flame pattern always,

c12cdc
Flame filter interface provides the <samp>`Save'</samp> and <samp>`Open'</samp>
c12cdc
options. The <samp>`Save'</samp> option brings up a file save dialog that
c12cdc
allows you to save the current Flame settings for the plug-in, so that
c12cdc
you can recreate them later.  The <samp>`Open'</samp> option brings up a file
c12cdc
selector that allows you to open a previously saved Flame settings
c12cdc
file.
c12cdc

c12cdc

The Flame settings we used in our example are saved in the file:

6a8116

c12cdc
trunk/Identity/Themes/Motifs/Flame/Backgrounds/Xcf/800x600.xcf-flame.def
c12cdc
2dc146
c12cdc
c12cdc

3.23.3 Construction

2c3589
2c3589
c12cdc
c12cdc

3.23.3.1 Step 1: Set image size

2c3589
c12cdc

Create an empty image and fill the <samp>`Background'</samp> layer with black

c12cdc
(000000) color. Image dimensions depend on the final
c12cdc
destination you plan to use the image for. For the sake of our
c12cdc
construction example we used an image of 640x480 pixels and 300 pixels
c12cdc
per inch (ppi).
c12cdc

2c3589
c12cdc
c12cdc

3.23.3.2 Step 2: Add base color and pattern information

2c3589
c12cdc

Create a new layer named <samp>`Base'</samp>, place it over <samp>`Background'</samp>

c12cdc
layer and fill it with the base color (7800ff) you want to have
c12cdc
your background image set in.  Add a mask to <samp>`Base'</samp> layer using
c12cdc
radial gradient and blur it.  You may need to repeat this step more
c12cdc
than once in order to achieve a confortable black radial degradation
c12cdc
on the right side of your design.
c12cdc

c12cdc

Duplicate <samp>`Base'</samp> layer and name it <samp>`Paper'</samp>. Place

c12cdc
<samp>`Paper'</samp> layer over <samp>`Base'</samp> layer. Remove content of
c12cdc
<samp>`Paper'</samp> layer and fill it with <samp>`Paper (100x100)'</samp> pattern.
c12cdc
Once you've done with black radial degradation, reduce the
c12cdc
<samp>`Paper'</samp> layer opacity to 20%. 
c12cdc

c12cdc

Notice that when we duplicate one layer, the mask information related

c12cdc
to layer is preserved from previous to next layer. This saves us some
c12cdc
of the time required to produce different layers with the same mask
c12cdc
information on them.
c12cdc

c12cdc

Duplicate <samp>`Paper'</samp> layer and rename it <samp>`Stripes'</samp>. Remove

c12cdc
paper pattern from <samp>`Stripes'</samp> layer. Fill <samp>`Stripes'</samp> layer
c12cdc
with <samp>`Stripes (48x48)'</samp> pattern and reduce the <samp>`Stripes'</samp>
c12cdc
layer opacity to 15%.
c12cdc

2c3589
c12cdc
c12cdc

3.23.3.3 Step 3: Add flame motif

2c3589
c12cdc

Create a new layer named <samp>`Flame'</samp>. Set the foreground

c12cdc
(003cff) and background (0084ff) colors to the gradient
c12cdc
you want to build the flame motif. 
c12cdc

c12cdc

To build flame motif, use the flame filter (<samp>`Filters > Render >

c12cdc
Nature > Flame...'</samp>) on <samp>`Flame'</samp> layer. We used a layer mask, with
c12cdc
a radial gradient on it to control the boundaries of flame motif on
c12cdc
<samp>`Flame'</samp> layer.
c12cdc

c12cdc

Duplicate <samp>`Flame'</samp> layer and rename it `Flame Blur'. Place `Flame

c12cdc
Blur' below <samp>`Flame'</samp> layer. Apply Gussian blur filter
c12cdc
(<samp>`Filters > Blur > Gussian Blur...'</samp>) until reaching the desiered
c12cdc
effect.
c12cdc

c12cdc

The opacity value, in <samp>`Flame'</samp> layers, may vary from one image to

c12cdc
another based on the place the image will be finally placed on.  For
c12cdc
example, images used as desktop background have the <samp>`Flame'</samp> layer
c12cdc
opacity set at 100% but <samp>`Flame Blur'</samp> is set to 70%.  However, you
c12cdc
may find that background images used in anaconda progress slides have
c12cdc
opacity reduced differently, in order to reduce brightness in a way
c12cdc
that texts could look clean and readable over it.
c12cdc

2c3589
c12cdc
c12cdc

3.23.3.4 Step 4: Add foreground color

6a8116
c12cdc

Create a new layer named <samp>`Color'</samp>, place it on top of all visible

c12cdc
layers and fill it with plain color (4c005a). Reduce
c12cdc
<samp>`Color'</samp> layer opacity to 20%. You can use the <samp>`Color'</samp> layer
c12cdc
to control the right side color information you want to produce the
c12cdc
image for.
c12cdc

c12cdc

Duplicate <samp>`Flame'</samp> layer and create a new layer named

c12cdc
<samp>`Color#1'</samp>. Place <samp>`Color#1'</samp> layer on top of layer named
c12cdc
<samp>`Color'</samp>. Remove the mask information from <samp>`Color#1'</samp> layer
c12cdc
and recreate a new one using an inverted alpha channel as reference.
c12cdc
Remove <samp>`Color#1'</samp> layer content and fill it back with plain black
c12cdc
(000000) color. Reduce <samp>`Color#1'</samp> opacity to 20%.  In this
c12cdc
step we created a mask to protect the flame artistic motif from black
c12cdc
color, so when we decrement or increment the opacity of layer, the
c12cdc
flame artistic motif wouldn't be affected, just the environment
c12cdc
suround it.
c12cdc

c12cdc

When you set color information, remember that the same artistic motif

c12cdc
needs to be indexed to 14 and 16 colors, in order to produce Grub and
c12cdc
Syslinux visual manifestations respectively. Using many different
c12cdc
colors in the artistic motif may reduce the possibility of your design
c12cdc
to fix all different situations in.  Likewise, using more colors in
c12cdc
one design, and less colors in another design will reduce the
c12cdc
connectivity among your designs, since color information is relevant
c12cdc
to visual identity. 
c12cdc

c12cdc

When you propagate your artistic motif visual style to different

c12cdc
visual manifestations of CentOS Project corporate visual identity, it
c12cdc
is up to you to find out justice and compromise among all possible
c12cdc
variables you may face.
c12cdc

6a8116
c12cdc
01b527

3.23.4 See also

4c79b5
2c3589
c12cdc
3.22 trunk/Identity/Themes/Motifs  
c12cdc
c12cdc
3.14 trunk/Identity/Themes  
2c3589
2c3589
3.1 trunk/Identity  
2c3589
2c3589
3. trunk  
2c3589
2c3589
4c79b5
bc3531
4c79b5
c12cdc
[ < ]
c12cdc
[ > ]
4c79b5
   
4c79b5
[ << ]
d11e55
[ Up ]
c12cdc
[ >> ]
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>