Blame Manual/repository-html/repository_30.html

ee1f37
ee1f37
<html>
d1db00
d1db00
organization, and administration of CentOS Artwork Repository.
d1db00
d1db00
Copyright C 2009-2011 Alain Reguera Delgado
ee1f37
ee1f37
Permission is granted to copy, distribute and/or modify this document
ee1f37
under the terms of the GNU Free Documentation License, Version 1.2 or
ee1f37
any later version published by the Free Software Foundation; with no
ee1f37
Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A
ee1f37
copy of the license is included in the section entitled GNU Free
ee1f37
Documentation License.  
ee1f37
-->
406f69
ee1f37
ee1f37
Written by: Lionel Cons <Lionel.Cons@cern.ch> (original author)
ee1f37
            Karl Berry  <karl@freefriends.org>
ee1f37
            Olaf Bachmann <obachman@mathematik.uni-kl.de>
ee1f37
            and many others.
ee1f37
Maintained by: Many creative people <dev@texi2html.cvshome.org>
ee1f37
Send bugs and suggestions to <users@texi2html.cvshome.org>
ee1f37
ee1f37
-->
ee1f37
<head>
671838
<title>CentOS Artwork Repository: 2.26 The trunk/Identity/Themes/Motifs/Flame Directory</title>
ee1f37
671838
<meta name="description" content="CentOS Artwork Repository: 2.26 The trunk/Identity/Themes/Motifs/Flame Directory">
671838
<meta name="keywords" content="CentOS Artwork Repository: 2.26 The trunk/Identity/Themes/Motifs/Flame Directory">
ee1f37
<meta name="resource-type" content="document">
ee1f37
<meta name="distribution" content="global">
ee1f37
<meta name="Generator" content="texi2html 1.76">
ee1f37
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
ee1f37
<style type="text/css">
ee1f37
ee1f37
@import "/home/centos/artwork/trunk/Identity/Models/Css/Texi2html/common.css";
ee1f37
ee1f37
a.summary-letter {text-decoration: none}
ee1f37
pre.display {font-family: serif}
ee1f37
pre.format {font-family: serif}
ee1f37
pre.menu-comment {font-family: serif}
ee1f37
pre.menu-preformatted {font-family: serif}
ee1f37
pre.smalldisplay {font-family: serif; font-size: smaller}
ee1f37
pre.smallexample {font-size: smaller}
ee1f37
pre.smallformat {font-family: serif; font-size: smaller}
ee1f37
pre.smalllisp {font-size: smaller}
ee1f37
span.sansserif {font-family:sans-serif; font-weight:normal;}
ee1f37
ul.toc {list-style: none}
ee1f37
-->
ee1f37
</style>
ee1f37
ee1f37
ee1f37
</head>
ee1f37
ee1f37
<body lang="en" bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
ee1f37
ee1f37
671838
[ < ]
671838
[ > ]
ee1f37
   
671838
[ << ]
671838
[ Up ]
671838
[ >> ]
ee1f37
   
ee1f37
   
ee1f37
   
ee1f37
   
56a476
[Top]
56a476
[Contents]
671838
[Index]
56a476
[ ? ]
ee1f37
671838
671838
671838

2.26 The <tt>`trunk/Identity/Themes/Motifs/Flame'</tt> Directory

ee1f37
ee1f37
671838
671838

2.26.1 Goals

063806
671838

This section describes the steps we followed to construct the

671838
Flame artistic motif. This section may be useful for anyone
671838
interested in reproducing the Flame artistic motif, or in
671838
creating new artistic motifs for The CentOS Project corporate visual
671838
identity (see section The <tt>`trunk/Identity'</tt> Directory).
b9dbd3

f66721
671838
671838

2.26.2 Description

f66721
671838

The Flame artistic motif was built using the flame filter of

671838
Gimp 2.2 in CentOS 5.5.
b9dbd3

671838

The flame filter of Gimp can produce stunning, randomly generated

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

671838

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

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

671838

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

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

671838

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

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

671838

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

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

671838

With the combination of both CentOS Artwork Repository and

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

671838

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

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

671838

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

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

671838

Producing artistic motifs is a creative process that may consume long

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

671838

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

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

671838

Using the same pattern design for each visual manifestation is

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

671838
Important

Important

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

671838
671838

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

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

671838

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

671838

671838
trunk/Identity/Themes/Motifs/Flame/Backgrounds/Xcf/800x600.xcf-flame.def
671838
063806
671838
671838

2.26.3 Construction

063806
063806
671838
671838

2.26.3.1 Step 1: Set image size

063806
671838

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

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

ee1f37
671838
671838

2.26.3.2 Step 2: Add base color and pattern information

671838
671838

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

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

671838

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

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

671838

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

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

671838

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

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

063806
671838
671838

2.26.3.3 Step 3: Add flame motif

063806
671838

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

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

671838

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

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

671838

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

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

671838

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

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

f66721
671838
671838

2.26.3.4 Step 4: Add foreground color

063806
671838

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

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

671838

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

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

671838

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

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

671838

When you propagate your artistic motif visual style to different

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

ee1f37
063806
671838

2.26.4 See also

063806
b9dbd3
671838
2.25 The <tt>`trunk/Identity/Themes/Motifs'</tt> Directory  
671838
671838
2.17 The <tt>`trunk/Identity/Themes'</tt> Directory  
b9dbd3
671838
2.4 The <tt>`trunk/Identity'</tt> Directory  
b9dbd3
671838
2.3 The <tt>`trunk'</tt> Directory  
b9dbd3
b9dbd3
ee1f37
ee1f37
ee1f37
063806
[ < ]
063806
[ > ]
ee1f37
   
671838
[ << ]
671838
[ Up ]
671838
[ >> ]
ee1f37
ee1f37

ee1f37
 <font size="-1">
406f69
  This document was generated on March, 1 2011 using texi2html 1.76.
ee1f37
 </font>
ee1f37
 
ee1f37
ee1f37

ee1f37
</body>
ee1f37
</html>