|
|
4c79b5 |
The Backgrounds directory is probably the Themes' core compoent.
|
|
|
4c79b5 |
Inside Backgrounds/ directory you produce background images that are
|
|
|
4c79b5 |
reused by almost all theme's art works (e.g., Distribution, Websites,
|
|
|
4c79b5 |
Promotion, etc.).
|
|
|
4c79b5 |
|
|
|
4c79b5 |
The Backgrounds/ directory structure can contain directories to help
|
|
|
4c79b5 |
you organize the design process.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Img/: In this directory is where you store all background images
|
|
|
4c79b5 |
(e.g., .png, .jpg, .xpm, etc.). This directory is required
|
|
|
4c79b5 |
by rendering scripts.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Tpl/: In this directory is where you store all scalable vector
|
|
|
4c79b5 |
graphics (e.g., .svg) files. This directory is required by
|
|
|
4c79b5 |
rendering scripts.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Xcf/: In this directory is where you store all Gimp's project
|
|
|
4c79b5 |
files (e.g, .xcf). This directory is optional. If you can
|
|
|
4c79b5 |
create a beautiful background images using scalable vector
|
|
|
4c79b5 |
graphics only, then there is no need to use Gimp to produce
|
|
|
4c79b5 |
background images. Of course, you can merge Gimp's power
|
|
|
4c79b5 |
with Inkscape's power to produce images based on them. In
|
|
|
4c79b5 |
this last case you need this directory.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Inside Backgrounds/ you can create your vectorial designs using
|
|
|
4c79b5 |
Inkscape and your background images using Gimp. Later you can export
|
|
|
4c79b5 |
your background image as png and load it in your vectorial design
|
|
|
4c79b5 |
using Inkscape's import feautre. Note that you may need to repeat
|
|
|
4c79b5 |
this technic for different screen resoluions. In that case you need to
|
|
|
4c79b5 |
create one file for each screen resolution and do the appropriate
|
|
|
4c79b5 |
linking inside .svg to .png files. For example if you need to produce
|
|
|
4c79b5 |
background images in 800x600 you need to create the following file:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
xcf/800x600.xcf
|
|
|
4c79b5 |
|
|
|
4c79b5 |
to produce the background image:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
img/800x600-bg.png
|
|
|
4c79b5 |
|
|
|
4c79b5 |
which is loaded in:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
svg/800x600.svg
|
|
|
4c79b5 |
|
|
|
4c79b5 |
to produce the final background image:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
img/800x600.png
|
|
|
4c79b5 |
|
|
|
4c79b5 |
The img/800x600.png background image is produced automatically by
|
|
|
4c79b5 |
means of rendering scripts.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
In other cases, like Anaconda's, it is possible that you need to make
|
|
|
4c79b5 |
some variations to one background image that don't want to appear on
|
|
|
4c79b5 |
regular background images of the same resolution. In this case you
|
|
|
4c79b5 |
need to create a new and specific background image for that art
|
|
|
4c79b5 |
component. For example, if you need to produce the background image
|
|
|
4c79b5 |
used by Anconda (800x600) art works you create the file:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
xcf/800x600-anaconda.xcf
|
|
|
4c79b5 |
|
|
|
4c79b5 |
to produce the background image:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
img/800x600-anaconda-bg.png
|
|
|
4c79b5 |
|
|
|
4c79b5 |
which is loaded in:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
svg/800x600-anaconda.svg
|
|
|
4c79b5 |
|
|
|
4c79b5 |
to produce the file:
|
|
|
4c79b5 |
|
|
|
4c79b5 |
img/800x600-anaconda.png
|
|
|
4c79b5 |
|
|
|
4c79b5 |
The 800x600-anaconda.png file is used by all Anaconda art works
|
|
|
4c79b5 |
sharing a common 800x600 screen resolution (e.g., Header, Progress,
|
|
|
4c79b5 |
Splash, Firstboot, etc.). The Anaconda Prompt is indexed to 16 colors
|
|
|
4c79b5 |
and 640x480 pixels so you need to create a 640x480 background image
|
|
|
4c79b5 |
for it, and take the color limitation into account when designing it.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Background images without artistic motif are generally used as based
|
|
|
4c79b5 |
to build the Background images that do contain the theme's artistic
|
|
|
4c79b5 |
motif.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
Background images are linked (using Inkscape's \textit{import}
|
|
|
4c79b5 |
feature) inside almost all theme art works. This structure let you
|
|
|
4c79b5 |
make centralized changes on the visual identity and propagate them
|
|
|
4c79b5 |
quickly to other areas.
|
|
|
4c79b5 |
|
|
|
4c79b5 |
In this structure you design background images for different screen
|
|
|
4c79b5 |
resolutions based on theme's artistic motif.
|
|
|
4c79b5 |
|