Blame Manuals/en/Html/Repository/repository_33.html

4c79b5
4c79b5
<html>
4c79b5
4c79b5
can you do inside it.
4c79b5
4c79b5
Copyright C 2009, 2010 CentOS Artwork SIG. All rights
4c79b5
reserved.
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
-->
6ba043
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>
6ba043
<title>CentOS Artwork Repository: 3.30 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds</title>
4c79b5
6ba043
<meta name="description" content="CentOS Artwork Repository: 3.30 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
6ba043
<meta name="keywords" content="CentOS Artwork Repository: 3.30 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds">
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
5fb024
[ < ]
5fb024
[ > ]
4c79b5
   
4c79b5
[ << ]
4c79b5
[ Up ]
6ba043
[ >> ]
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
   
4c79b5
[Top]
4c79b5
[Contents]
6ba043
[Index]
4c79b5
[ ? ]
4c79b5
6ba043
5fb024
6ba043

3.30 trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds

bc3531
bc3531
5fb024
bc3531

3.30.1 Goals

bc3531
6ba043

This section exists to orgnize TreeFlower's backgrounds.

6ba043

bc3531
5fb024
5fb024

3.30.2 Description

4c79b5
4c79b5
5fb024
6ba043

3.30.2.1 How to create backgrounds

4c79b5
6ba043

Once you have defined the vectorial artistic motif design, use the

6ba043
centos-art.sh script (as described in usage section below)
6ba043
to produce the png version of it. With the png version of your
6ba043
vectorial design do the following:
6ba043

6ba043

Open the png version with GIMP.

6ba043

6ba043

Save the png version as gimp's project inside

6ba043
<tt>`trunk/Identity/Themes/Motifs/TreeFlower/Backgrounds/Xcf'</tt>
6ba043
directory, using the same name of your vectorial design but with the
6ba043
<samp>`.xcf'</samp> extension.  
6ba043

6ba043

Now use GIMP to improve your design. Here you may add one layer for

6ba043
pattern, another for colors, and so on until you find yourself
6ba043
confortable with your artwork. For example, in the revision 241 of
6ba043
TreeFlower's backgrounds we use four layers, from bottom to top:
6ba043

6ba043

Background: This is the lowest layer in the image. This layer

6ba043
contains the png version of our TreeFlower's artistic motif.
6ba043

6ba043

Pattern: Above background layer we have pattern. This layer

6ba043
contains a stripes (48x48) pattern and opacity is reduced to 10%.
6ba043

6ba043

Color#1: Above pattern layer we have one color layer. This

6ba043
layer gives an orange (ffae00) touch to our design to some how kill
6ba043
the artistic motif intensive white color. The opacity of this layer is
6ba043
reduced to 15%.
6ba043

6ba043

Color#2: Above color#1 layer we have another color layer.

6ba043
This layer gives a blue (0066ff) touch to our design to find between
6ba043
the orange, blue, white tones a passive tone color for the background.
6ba043
The opacity of this layer is reduced to 10%.
6ba043

6ba043
info

Note

There is no definite combination. To get the appropriate

6ba043
visual design is a matter of constant testing.
6ba043

6ba043
6ba043

Finally, use the GIMP's <samp>`Save as copy ...'</samp> option to export

6ba043
the final design. To export the final design use the same name of your
6ba043
vectorial design plus <samp>`-final-1.png'</samp> extension. The numer 1 in
6ba043
the example represents the release of your final image. For example,
6ba043
if your vectorial file is <samp>`800x600.svg'</samp>, the first release of
6ba043
your final image does look like <samp>`800x600-final-1.png'</samp>, if a
6ba043
second release is available then it would be
6ba043
<samp>`800x600-final-2.png'</samp>, and so on for other releases. This is
6ba043
useful to track old work while new design improvements are made. 
6ba043

6ba043

You can repeat these steps to create images for other screen

6ba043
resolutions.
6ba043

4c79b5
5fb024
6ba043

3.30.3 Usage

6ba043
6ba043
    6ba043
  • ...
  • 6ba043
    6ba043
    6ba043
    6ba043
    4c79b5

    3.30.4 See also

    4c79b5
    4c79b5
    4c79b5
    4c79b5
    6ba043
    [ < ]
    6ba043
    [ > ]
    4c79b5
       
    4c79b5
    [ << ]
    5fb024
    [ Up ]
    6ba043
    [ >> ]
    4c79b5
    4c79b5

    4c79b5
     <font size="-1">
    6ba043
      This document was generated on October, 15 2010 using texi2html 1.76.
    4c79b5
     </font>
    4c79b5
     
    4c79b5
    4c79b5

    4c79b5
    </body>
    4c79b5
    </html>