|
 |
728c6d |
|
|
|
728c6d |
<html>
|
|
|
728c6d |
|
|
|
728c6d |
organization, and administration of CentOS Artwork Repository.
|
|
|
728c6d |
|
|
|
728c6d |
Copyright C 2009-2011 Alain Reguera Delgado
|
|
|
728c6d |
|
|
|
728c6d |
Permission is granted to copy, distribute and/or modify this document
|
|
|
728c6d |
under the terms of the GNU Free Documentation License, Version 1.2 or
|
|
|
728c6d |
any later version published by the Free Software Foundation; with no
|
|
|
728c6d |
Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A
|
|
|
728c6d |
copy of the license is included in the section entitled GNU Free
|
|
|
728c6d |
Documentation License.
|
|
|
728c6d |
-->
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
Written by: Lionel Cons <Lionel.Cons@cern.ch> (original author)
|
|
|
728c6d |
Karl Berry <karl@freefriends.org>
|
|
|
728c6d |
Olaf Bachmann <obachman@mathematik.uni-kl.de>
|
|
|
728c6d |
and many others.
|
|
|
728c6d |
Maintained by: Many creative people <dev@texi2html.cvshome.org>
|
|
|
728c6d |
Send bugs and suggestions to <users@texi2html.cvshome.org>
|
|
|
728c6d |
|
|
|
728c6d |
-->
|
|
|
728c6d |
<head>
|
|
|
728c6d |
<title>CentOS Artwork Repository: 2.37 The trunk/Identity/Themes/Motifs/Flame Directory</title>
|
|
|
728c6d |
|
|
|
728c6d |
<meta name="description" content="CentOS Artwork Repository: 2.37 The trunk/Identity/Themes/Motifs/Flame Directory">
|
|
|
728c6d |
<meta name="keywords" content="CentOS Artwork Repository: 2.37 The trunk/Identity/Themes/Motifs/Flame Directory">
|
|
|
728c6d |
<meta name="resource-type" content="document">
|
|
|
728c6d |
<meta name="distribution" content="global">
|
|
|
728c6d |
<meta name="Generator" content="texi2html 1.76">
|
|
|
728c6d |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
728c6d |
<style type="text/css">
|
|
|
728c6d |
|
|
|
728c6d |
/* CSS
|
|
|
728c6d |
*
|
|
|
728c6d |
* repository.css -- This file provides visual style for repository
|
|
|
728c6d |
* documentation manual in HTML format, as output by Texi2html
|
|
|
728c6d |
* program.
|
|
|
728c6d |
*
|
|
|
728c6d |
* Copyright (C) 2009-2011 Alain Reguera Delgado
|
|
|
728c6d |
*
|
|
|
728c6d |
* This program is free software; you can redistribute it and/or
|
|
|
728c6d |
* modify it under the terms of the GNU General Public License as
|
|
|
728c6d |
* published by the Free Software Foundation; either version 2 of the
|
|
|
728c6d |
* License, or (at your option) any later version.
|
|
|
728c6d |
*
|
|
|
728c6d |
* This program is distributed in the hope that it will be useful, but
|
|
|
728c6d |
* WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
728c6d |
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
|
|
728c6d |
* General Public License for more details.
|
|
|
728c6d |
*
|
|
|
728c6d |
* You should have received a copy of the GNU General Public License
|
|
|
728c6d |
* along with this program; if not, write to the Free Software
|
|
|
728c6d |
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307
|
|
|
728c6d |
* USA.
|
|
|
728c6d |
* ----------------------------------------------------------------------
|
|
|
728c6d |
* $Id$
|
|
|
728c6d |
* ----------------------------------------------------------------------
|
|
|
728c6d |
*/
|
|
|
728c6d |
|
|
|
728c6d |
@import url("/home/centos/artwork/trunk/Identity/Webenv/Css/base.css");
|
|
|
728c6d |
@import url("/home/centos/artwork/trunk/Identity/Webenv/Css/base-app.css");
|
|
|
728c6d |
|
|
|
728c6d |
a.summary-letter {text-decoration: none}
|
|
|
728c6d |
pre.display {font-family: serif}
|
|
|
728c6d |
pre.format {font-family: serif}
|
|
|
728c6d |
pre.menu-comment {font-family: serif}
|
|
|
728c6d |
pre.menu-preformatted {font-family: serif}
|
|
|
728c6d |
pre.smalldisplay {font-family: serif; font-size: smaller}
|
|
|
728c6d |
pre.smallexample {font-size: smaller}
|
|
|
728c6d |
pre.smallformat {font-family: serif; font-size: smaller}
|
|
|
728c6d |
pre.smalllisp {font-size: smaller}
|
|
|
728c6d |
span.sansserif {font-family:sans-serif; font-weight:normal;}
|
|
|
728c6d |
ul.toc {list-style: none}
|
|
|
728c6d |
-->
|
|
|
728c6d |
</style>
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
</head>
|
|
|
728c6d |
|
|
|
728c6d |
<body lang="en" bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
[ < ]
|
|
|
728c6d |
[ > ]
|
|
|
728c6d |
|
|
|
728c6d |
[Contents]
|
|
|
728c6d |
[Index]
|
|
|
728c6d |
[ ? ]
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
2.37 The <tt>`trunk/Identity/Themes/Motifs/Flame'</tt> Directory
|
|
|
728c6d |
|
|
|
728c6d |
2.37.1 Goals
|
|
|
728c6d |
2.37.2 Description
|
|
|
728c6d |
2.37.3 Construction
|
|
|
728c6d |
|
|
|
728c6d |
2.37.3.1 Step 1: Set image size
|
|
|
728c6d |
2.37.3.2 Step 2: Add base color and pattern information
|
|
|
728c6d |
2.37.3.3 Step 3: Add flame motif
|
|
|
728c6d |
2.37.3.4 Step 4: Add foreground color
|
|
|
728c6d |
|
|
|
728c6d |
2.37.4 See also
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
2.37.1 Goals
|
|
|
728c6d |
|
|
|
728c6d |
This section describes the steps we followed to construct the
|
|
|
728c6d |
Flame artistic motif. This section may be useful for anyone
|
|
|
728c6d |
interested in reproducing the Flame artistic motif, or in
|
|
|
728c6d |
creating new artistic motifs for The CentOS Project corporate visual
|
|
|
728c6d |
identity (see section The <tt>`trunk/Identity'</tt> Directory).
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
2.37.2 Description
|
|
|
728c6d |
|
|
|
728c6d |
The Flame artistic motif was built using the flame filter of
|
|
|
728c6d |
Gimp 2.2 in CentOS 5.5.
|
|
|
728c6d |
|
|
|
728c6d |
The flame filter of Gimp can produce stunning, randomly generated
|
|
|
728c6d |
fractal patterns. The flame filter of Gimp gives us a great oportunity
|
|
|
728c6d |
to reduce the time used to produce new artistic motifs, because of its
|
|
|
728c6d |
"randomly generated" nature. Once the artistic motif be created, it
|
|
|
728c6d |
is propagated through all visual manifestations of CentOS Project
|
|
|
728c6d |
corporate visual identity using the <tt>`centos-art.sh'</tt> script
|
|
|
728c6d |
(see section The <tt>`trunk/Scripts'</tt> Directory) inside the CentOS Artwork
|
|
|
728c6d |
Repository.
|
|
|
728c6d |
|
|
|
728c6d |
To set the time intervals between each new visual style production, we
|
|
|
728c6d |
could reuse the CentOS distribution major release schema. I.e., we
|
|
|
728c6d |
could produce a new visual style, every two years, based on a new
|
|
|
728c6d |
"randomly generated" flame pattern, and publish the whole corporate
|
|
|
728c6d |
visual identity (i.e., distribution stuff, promotion stuff, websites
|
|
|
728c6d |
stuff, etc.) with the new major release of CentOS distribution all
|
|
|
728c6d |
together at once.
|
|
|
728c6d |
|
|
|
728c6d |
Producing a new visual style is not one day's task. Once we have
|
|
|
728c6d |
defined the artistic motif, we need to propagate it through all visual
|
|
|
728c6d |
manifestations of The CentOS Project corporate visual identity. When
|
|
|
728c6d |
we say that we could produce one new visual style every two years we
|
|
|
728c6d |
really mean: to work two years long in order to propagate a new visual
|
|
|
728c6d |
style to all visual manifestations of The CentOS Project corporate
|
|
|
728c6d |
visual identity.
|
|
|
728c6d |
|
|
|
728c6d |
Obviously, in order to propagate one visual style to all different
|
|
|
728c6d |
visual manifestations of The CentOS Project corporate visual identity,
|
|
|
728c6d |
we need first to know which the visual manifestations are. To define
|
|
|
728c6d |
which visual manifestations are inside The CentOS Project corporate
|
|
|
728c6d |
visual identity is one of the goals the CentOS Artwork Repository and
|
|
|
728c6d |
this documentation manual are both aimed to satisfy.
|
|
|
728c6d |
|
|
|
728c6d |
Once we define which the visual manifestation are, it is possible to
|
|
|
728c6d |
define how to produce them, and this way, organize the automation
|
|
|
728c6d |
process. Such automation process is one of the goals of
|
|
|
728c6d |
<tt>`centos-art.sh'</tt> script.
|
|
|
728c6d |
|
|
|
728c6d |
With the combination of both CentOS Artwork Repository and
|
|
|
728c6d |
<tt>`centos-art.sh'</tt> scripts we define work lines where translators,
|
|
|
728c6d |
programmers, and graphic designers work together to distribute and
|
|
|
728c6d |
reduce the amount of time employed to produce The CentOS Project
|
|
|
728c6d |
monolithic corporate identity.
|
|
|
728c6d |
|
|
|
728c6d |
From a monolithic corporate visual identity point of view, notice that
|
|
|
728c6d |
we are producing a new visual style for the same theme (i.e.,
|
|
|
728c6d |
Flame). It would be another flame design but still a flame
|
|
|
728c6d |
design. This idea is very important to be aware of, because we are
|
|
|
728c6d |
somehow "refreshing" the theme, not changing it at all.
|
|
|
728c6d |
|
|
|
728c6d |
This way, as we are "refreshing" the theme, we still keep oursleves
|
|
|
728c6d |
inside the monolithic conception we are trying to be attached to
|
|
|
728c6d |
(i.e., one unique name, and one unique visual style for all visual
|
|
|
728c6d |
manifestations).
|
|
|
728c6d |
|
|
|
728c6d |
Producing artistic motifs is a creative process that may consume long
|
|
|
728c6d |
time, specially for people without experienced knowledge on graphic
|
|
|
728c6d |
design land. Using "randomly generated" conception to produce
|
|
|
728c6d |
artistic motifs could be, practically, a way for anyone to follow in
|
|
|
728c6d |
order to produce maintainable artistic motifs in few steps.
|
|
|
728c6d |
|
|
|
728c6d |
Due to the "randomly generated" nature of Flame filter, we find that
|
|
|
728c6d |
Flame pattern is not always the same when we use Flame
|
|
|
728c6d |
filter interface.
|
|
|
728c6d |
|
|
|
728c6d |
Using the same pattern design for each visual manifestation is
|
|
|
728c6d |
essential in order to maintain the visual connection among all visual
|
|
|
728c6d |
manifestations inside the same theme. Occasionally, we may introduce
|
|
|
728c6d |
pattern variations in opacity, size, or even position but never change
|
|
|
728c6d |
the pattern design itself, nor the color information used by images
|
|
|
728c6d |
considered part of the same theme.
|
|
|
728c6d |
|
|
|
728c6d |
 Important
|
|
|
728c6d |
When we design background images, which are considered part of the
|
|
|
728c6d |
same theme, it is essential to use the same design pattern always.
|
|
|
728c6d |
This is what makes theme images to be visually connected among
|
|
|
728c6d |
themeselves, and so, the reason we use to define the word "theme"
|
|
|
728c6d |
as: a set of images visually connected among themeselves.
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
In order for us to reproduce the same flame pattern always,
|
|
|
728c6d |
Flame filter interface provides the <samp>`Save'</samp> and <samp>`Open'</samp>
|
|
|
728c6d |
options. The <samp>`Save'</samp> option brings up a file save dialog that
|
|
|
728c6d |
allows you to save the current Flame settings for the plug-in, so that
|
|
|
728c6d |
you can recreate them later. The <samp>`Open'</samp> option brings up a file
|
|
|
728c6d |
selector that allows you to open a previously saved Flame settings
|
|
|
728c6d |
file.
|
|
|
728c6d |
|
|
|
728c6d |
The Flame settings we used in our example are saved in the file:
|
|
|
728c6d |
|
|
|
728c6d |
trunk/Identity/Themes/Motifs/Flame/Backgrounds/Xcf/800x600.xcf-flame.def
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
2.37.3 Construction
|
|
|
728c6d |
|
|
|
728c6d |
2.37.3.1 Step 1: Set image size
|
|
|
728c6d |
2.37.3.2 Step 2: Add base color and pattern information
|
|
|
728c6d |
2.37.3.3 Step 3: Add flame motif
|
|
|
728c6d |
2.37.3.4 Step 4: Add foreground color
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
2.37.3.1 Step 1: Set image size
|
|
|
728c6d |
|
|
|
728c6d |
Create an empty image and fill the <samp>`Background'</samp> layer with black
|
|
|
728c6d |
(000000) color. Image dimensions depend on the final
|
|
|
728c6d |
destination you plan to use the image for. For the sake of our
|
|
|
728c6d |
construction example we used an image of 640x480 pixels and 300 pixels
|
|
|
728c6d |
per inch (ppi).
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
2.37.3.2 Step 2: Add base color and pattern information
|
|
|
728c6d |
|
|
|
728c6d |
Create a new layer named <samp>`Base'</samp>, place it over <samp>`Background'</samp>
|
|
|
728c6d |
layer and fill it with the base color (7800ff) you want to have
|
|
|
728c6d |
your background image set in. Add a mask to <samp>`Base'</samp> layer using
|
|
|
728c6d |
radial gradient and blur it. You may need to repeat this step more
|
|
|
728c6d |
than once in order to achieve a confortable black radial degradation
|
|
|
728c6d |
on the right side of your design.
|
|
|
728c6d |
|
|
|
728c6d |
Duplicate <samp>`Base'</samp> layer and name it <samp>`Paper'</samp>. Place
|
|
|
728c6d |
<samp>`Paper'</samp> layer over <samp>`Base'</samp> layer. Remove content of
|
|
|
728c6d |
<samp>`Paper'</samp> layer and fill it with <samp>`Paper (100x100)'</samp> pattern.
|
|
|
728c6d |
Once you've done with black radial degradation, reduce the
|
|
|
728c6d |
<samp>`Paper'</samp> layer opacity to 20%.
|
|
|
728c6d |
|
|
|
728c6d |
Notice that when we duplicate one layer, the mask information related
|
|
|
728c6d |
to layer is preserved from previous to next layer. This saves us some
|
|
|
728c6d |
of the time required to produce different layers with the same mask
|
|
|
728c6d |
information on them.
|
|
|
728c6d |
|
|
|
728c6d |
Duplicate <samp>`Paper'</samp> layer and rename it <samp>`Stripes'</samp>. Remove
|
|
|
728c6d |
paper pattern from <samp>`Stripes'</samp> layer. Fill <samp>`Stripes'</samp> layer
|
|
|
728c6d |
with <samp>`Stripes (48x48)'</samp> pattern and reduce the <samp>`Stripes'</samp>
|
|
|
728c6d |
layer opacity to 15%.
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
2.37.3.3 Step 3: Add flame motif
|
|
|
728c6d |
|
|
|
728c6d |
Create a new layer named <samp>`Flame'</samp>. Set the foreground
|
|
|
728c6d |
(003cff) and background (0084ff) colors to the gradient
|
|
|
728c6d |
you want to build the flame motif.
|
|
|
728c6d |
|
|
|
728c6d |
To build flame motif, use the flame filter (<samp>`Filters > Render >
|
|
|
728c6d |
Nature > Flame...'</samp>) on <samp>`Flame'</samp> layer. We used a layer mask, with
|
|
|
728c6d |
a radial gradient on it to control the boundaries of flame motif on
|
|
|
728c6d |
<samp>`Flame'</samp> layer.
|
|
|
728c6d |
|
|
|
728c6d |
Duplicate <samp>`Flame'</samp> layer and rename it `Flame Blur'. Place `Flame
|
|
|
728c6d |
Blur' below <samp>`Flame'</samp> layer. Apply Gussian blur filter
|
|
|
728c6d |
(<samp>`Filters > Blur > Gussian Blur...'</samp>) until reaching the desiered
|
|
|
728c6d |
effect.
|
|
|
728c6d |
|
|
|
728c6d |
The opacity value, in <samp>`Flame'</samp> layers, may vary from one image to
|
|
|
728c6d |
another based on the place the image will be finally placed on. For
|
|
|
728c6d |
example, images used as desktop background have the <samp>`Flame'</samp> layer
|
|
|
728c6d |
opacity set at 100% but <samp>`Flame Blur'</samp> is set to 70%. However, you
|
|
|
728c6d |
may find that background images used in anaconda progress slides have
|
|
|
728c6d |
opacity reduced differently, in order to reduce brightness in a way
|
|
|
728c6d |
that texts could look clean and readable over it.
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
2.37.3.4 Step 4: Add foreground color
|
|
|
728c6d |
|
|
|
728c6d |
Create a new layer named <samp>`Color'</samp>, place it on top of all visible
|
|
|
728c6d |
layers and fill it with plain color (4c005a). Reduce
|
|
|
728c6d |
<samp>`Color'</samp> layer opacity to 20%. You can use the <samp>`Color'</samp> layer
|
|
|
728c6d |
to control the right side color information you want to produce the
|
|
|
728c6d |
image for.
|
|
|
728c6d |
|
|
|
728c6d |
Duplicate <samp>`Flame'</samp> layer and create a new layer named
|
|
|
728c6d |
<samp>`Color#1'</samp>. Place <samp>`Color#1'</samp> layer on top of layer named
|
|
|
728c6d |
<samp>`Color'</samp>. Remove the mask information from <samp>`Color#1'</samp> layer
|
|
|
728c6d |
and recreate a new one using an inverted alpha channel as reference.
|
|
|
728c6d |
Remove <samp>`Color#1'</samp> layer content and fill it back with plain black
|
|
|
728c6d |
(000000) color. Reduce <samp>`Color#1'</samp> opacity to 20%. In this
|
|
|
728c6d |
step we created a mask to protect the flame artistic motif from black
|
|
|
728c6d |
color, so when we decrement or increment the opacity of layer, the
|
|
|
728c6d |
flame artistic motif wouldn't be affected, just the environment
|
|
|
728c6d |
suround it.
|
|
|
728c6d |
|
|
|
728c6d |
When you set color information, remember that the same artistic motif
|
|
|
728c6d |
needs to be indexed to 14 and 16 colors, in order to produce Grub and
|
|
|
728c6d |
Syslinux visual manifestations respectively. Using many different
|
|
|
728c6d |
colors in the artistic motif may reduce the possibility of your design
|
|
|
728c6d |
to fix all different situations in. Likewise, using more colors in
|
|
|
728c6d |
one design, and less colors in another design will reduce the
|
|
|
728c6d |
connectivity among your designs, since color information is relevant
|
|
|
728c6d |
to visual identity.
|
|
|
728c6d |
|
|
|
728c6d |
When you propagate your artistic motif visual style to different
|
|
|
728c6d |
visual manifestations of CentOS Project corporate visual identity, it
|
|
|
728c6d |
is up to you to find out justice and compromise among all possible
|
|
|
728c6d |
variables you may face.
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
2.37.4 See also
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
[Contents]
|
|
|
728c6d |
[Index]
|
|
|
728c6d |
[ ? ]
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
<font size="-1">
|
|
|
728c6d |
This document was generated on March, 30 2011 using texi2html 1.76.
|
|
|
728c6d |
</font>
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
|
|
|
728c6d |
</body>
|
|
|
728c6d |
</html>
|