|
|
9c6e0d |
@subsection Goals
|
|
|
9c6e0d |
|
|
|
9c6e0d |
@itemize
|
|
|
9c6e0d |
@item Organize background images for Modern theme.
|
|
|
9c6e0d |
@end itemize
|
|
|
9c6e0d |
|
|
|
9c6e0d |
@subsection Description
|
|
|
9c6e0d |
|
|
|
9c6e0d |
Inside @file{Motifs} directory, the @file{Backgrounds/} directory is
|
|
|
9c6e0d |
used to create vectorial designs using Inkscape and background images
|
|
|
9c6e0d |
using Gimp. Later, you can export background images as @file{.png} and
|
|
|
9c6e0d |
load them in your vectorial design project using the import feautre of
|
|
|
9c6e0d |
Inkscape.
|
|
|
9c6e0d |
|
|
|
9c6e0d |
You may need to repeat this technic for different screen resoluions.
|
|
|
9c6e0d |
In that case you need to create one file for each screen resolution
|
|
|
9c6e0d |
and do the appropriate linking inside .svg to .png files. For example
|
|
|
9c6e0d |
if you need to produce background images in 800x600 you need to create
|
|
|
9c6e0d |
the following file:
|
|
|
9c6e0d |
|
|
|
9c6e0d |
@example
|
|
|
9c6e0d |
xcf/800x600.xcf
|
|
|
9c6e0d |
@end example
|
|
|
9c6e0d |
|
|
|
9c6e0d |
to produce the background image:
|
|
|
9c6e0d |
|
|
|
9c6e0d |
@example
|
|
|
9c6e0d |
img/800x600-bg.png
|
|
|
9c6e0d |
@end example
|
|
|
9c6e0d |
|
|
|
9c6e0d |
which is loaded in:
|
|
|
9c6e0d |
|
|
|
9c6e0d |
@example
|
|
|
9c6e0d |
svg/800x600.svg
|
|
|
9c6e0d |
@end example
|
|
|
9c6e0d |
|
|
|
9c6e0d |
to produce the final background image:
|
|
|
9c6e0d |
|
|
|
9c6e0d |
@example
|
|
|
9c6e0d |
img/800x600.png
|
|
|
9c6e0d |
@end example
|
|
|
9c6e0d |
|
|
|
9c6e0d |
The @file{img/800x600.png} background image is produced automatically
|
|
|
9c6e0d |
by means of rendering scripts.
|
|
|
9c6e0d |
|
|
|
9c6e0d |
In other cases (e.g. Anaconda), it is possible that you need to make
|
|
|
9c6e0d |
some variations to one background image that don't want to appear on
|
|
|
9c6e0d |
regular background images of the same resolution. In this case you
|
|
|
9c6e0d |
need to create a new and specific background image for that art
|
|
|
9c6e0d |
component. For example, if you need to produce the background image
|
|
|
9c6e0d |
used by Anconda (800x600) art works you create the file:
|
|
|
9c6e0d |
|
|
|
9c6e0d |
@example
|
|
|
9c6e0d |
xcf/800x600-anaconda.xcf
|
|
|
9c6e0d |
@end example
|
|
|
9c6e0d |
|
|
|
9c6e0d |
to produce the background image:
|
|
|
9c6e0d |
|
|
|
9c6e0d |
@example
|
|
|
9c6e0d |
img/800x600-anaconda-bg.png
|
|
|
9c6e0d |
@end example
|
|
|
9c6e0d |
|
|
|
9c6e0d |
which is loaded in:
|
|
|
9c6e0d |
|
|
|
9c6e0d |
@example
|
|
|
9c6e0d |
svg/800x600-anaconda.svg
|
|
|
9c6e0d |
@end example
|
|
|
9c6e0d |
|
|
|
9c6e0d |
to produce the file:
|
|
|
9c6e0d |
|
|
|
9c6e0d |
@example
|
|
|
9c6e0d |
img/800x600-anaconda.png
|
|
|
9c6e0d |
@end example
|
|
|
9c6e0d |
|
|
|
9c6e0d |
The 800x600-anaconda.png file is used by all Anaconda art works
|
|
|
9c6e0d |
sharing a common 800x600 screen resolution (e.g., Header, Progress,
|
|
|
9c6e0d |
Splash, Firstboot, etc.). The Anaconda Prompt is indexed to 16 colors
|
|
|
9c6e0d |
and 640x480 pixels so you need to create a 640x480 background image
|
|
|
9c6e0d |
for it, and take the color limitation into account when designing it.
|
|
|
9c6e0d |
|
|
|
9c6e0d |
Background images without artistic motif are generally used as based
|
|
|
9c6e0d |
to build the Background images that do contain the theme artistic
|
|
|
9c6e0d |
motif.
|
|
|
9c6e0d |
|
|
|
9c6e0d |
Background images are linked (using the @b{import} feature of
|
|
|
9c6e0d |
Inkscape) inside almost all theme art works. This structure let you
|
|
|
9c6e0d |
make centralized changes on the visual identity and propagate them
|
|
|
9c6e0d |
quickly to other areas.
|
|
|
9c6e0d |
|
|
|
9c6e0d |
In this structure you design background images for different screen
|
|
|
9c6e0d |
resolutions based on the theme artistic motif.
|
|
|
9c6e0d |
|
|
|
9c6e0d |
You may create different artistic motifs propositions based
|
|
|
9c6e0d |
on the same conceptual idea. The conceptual idea is what defines a
|
|
|
9c6e0d |
theme. Artistic motifs are interpretations of that idea.
|
|
|
9c6e0d |
|
|
|
9c6e0d |
Inside this directory artistic motifs are organized by name (e.g.,
|
|
|
9c6e0d |
TreeFlower, Modern, etc.).
|
|
|
9c6e0d |
|
|
|
9c6e0d |
Each artistic motif directory represents just one unique artistic
|
|
|
9c6e0d |
motif.
|
|
|
9c6e0d |
|
|
|
9c6e0d |
The artistic motif is graphic design used as common pattern to connect
|
|
|
9c6e0d |
all visual manifestations inside one unique theme. The artistic motif
|
|
|
9c6e0d |
is based on a conceptual idea. Artistic motifs provide visual style
|
|
|
9c6e0d |
to themes.
|
|
|
9c6e0d |
|
|
|
9c6e0d |
Designing artistic motifs is for anyone interested in creating
|
|
|
9c6e0d |
beautiful themes for CentOS. When building a theme for CentOS, the
|
|
|
9c6e0d |
first design you need to define is the artistic motif.
|
|
|
9c6e0d |
|
|
|
9c6e0d |
|
|
|
9c6e0d |
Inside CentOS Artwork Repository, theme visual styles (Motifs) and
|
|
|
9c6e0d |
theme visual structures (Models) are two different working lines.
|
|
|
9c6e0d |
When you design an artistic motif for CentOS you concentrate on its
|
|
|
9c6e0d |
visual style, and eventualy, use the @command{centos-art} command line
|
|
|
9c6e0d |
interface to render the visual style, you are currently producing,
|
|
|
9c6e0d |
against an already-made theme model in order to produce the final
|
|
|
9c6e0d |
result. Final images are stored under @file{Motifs/} directory using
|
|
|
9c6e0d |
the model name, and the model directory structure as reference.
|
|
|
9c6e0d |
|
|
|
9c6e0d |
The artistic motif base structure is used by @command{centos-art} to
|
|
|
9c6e0d |
produce images automatically. This section describes each directory of
|
|
|
9c6e0d |
CentOS artistic motif base structure.
|
|
|
9c6e0d |
|
|
|
9c6e0d |
@subsection Usage
|
|
|
9c6e0d |
|
|
|
9c6e0d |
The @file{Backgrounds/} directory is probably the core component,
|
|
|
9c6e0d |
inside @file{Motifs/} directory structure. Inside @file{Backgrounds/}
|
|
|
9c6e0d |
directory you produce background images used by almost all theme
|
|
|
9c6e0d |
models (e.g., Distribution, Websites, Promotion, etc.). The
|
|
|
9c6e0d |
@file{Backgrounds/} directory can contain subdirectories to help you
|
|
|
9c6e0d |
organize the design process.
|
|
|
9c6e0d |
|
|
|
9c6e0d |
@subsection See also
|
|
|
9c6e0d |
|
|
|
9c6e0d |
@menu
|
|
|
7c36fe |
* Filesystem trunk Identity Themes Motifs Modern Backgrounds Img::
|
|
|
7c36fe |
* Filesystem trunk Identity Themes Motifs Modern Backgrounds Tpl::
|
|
|
7c36fe |
* Filesystem trunk Identity Themes Motifs Modern Backgrounds Xcf::
|
|
|
7c36fe |
@comment --- Removed(* Filesystem trunk Translations Identity Themes Backgrounds::) ---
|
|
|
9c6e0d |
@end menu
|
|
|
9c6e0d |
|