From Fedora Project Wiki
No edit summary
mNo edit summary
 
(2 intermediate revisions by one other user not shown)
Line 1: Line 1:
{{header|art}}
{{header|art}}


<pre>
 
Under construction
</pre>


== General ==
== General ==
Line 9: Line 7:
The throbber artwork is an animated icon which provides visual feedback of activity. To create the effect each frame of the strip is played left to right in a continuous manner.
The throbber artwork is an animated icon which provides visual feedback of activity. To create the effect each frame of the strip is played left to right in a continuous manner.


~+'''Specifications'''+~
===Specifications===


The dimension of the image strip is 288 x 24 pixels consisting of twelve individual 24 x 24 frames. The word "''frame''" in this document simply refers to an area on the drawing surface. If the desire is to create a '''spinning''' illusion with the image completing one revolution (360 degrees) in the space allowed, each frame must be rotated 30 degrees clockwise from the previous frame.
The dimension of the image strip is 288 x 24 pixels consisting of twelve individual 24 x 24 frames. The word "''frame''" in this document simply refers to an area on the drawing surface. If the desire is to create a '''spinning''' illusion with the image completing one revolution (360 degrees) in the space allowed, each frame must be rotated 30 degrees clockwise from the previous frame.
Line 15: Line 13:
[[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_PageTip.png]]
[[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_PageTip.png]]


{{Template:Tip}} ''It is important to note this is not the only illusion that can be created. Images modeled on audio db meters or morphing colors are also appropriate.''
{{Admon/tip | It is important to note this is not the only illusion that can be created. Images modeled on audio db meters or morphing colors are also appropriate.}}


~+'''Current Design'''+~
===Current Design===


Taking a look at the current design each frame is filled with an image drawn with a series of circles to form the illusion of movement. A variant of this design is also used by the cursor.
Taking a look at the current design each frame is filled with an image drawn with a series of circles to form the illusion of movement. A variant of this design is also used by the cursor.
Line 23: Line 21:
[[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_CurrentThrobber.png]]
[[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_CurrentThrobber.png]]


Download: [[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_throbber_701061.svg]] SVG File]  
Download: [[:Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_throbber_701061.svg | SVG File]]


~+'''Designing a Replacement'''+~
===Designing a Replacement===


For purposes of illustration I created an image in Inkscape (''Gimp would also work'') adhering to the specification of twelve 24 x 24 frames. In the first frame I drew a circle with a light blue gradient (#00bbff) border and a transparent center.
For purposes of illustration I created an image in Inkscape (''Gimp would also work'') adhering to the specification of twelve 24 x 24 frames. In the first frame I drew a circle with a light blue gradient (#00bbff) border and a transparent center.
Line 37: Line 35:
[[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_NewThrobber.png]]
[[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_NewThrobber.png]]


Download: [[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_throbber-anim_706111.svg]] SVG File]  
Download: [[:Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_throbber-anim_706111.svg| SVG File]]


=== Installation ===
=== Installation ===
Line 43: Line 41:
The completed image should be named ''''throbber-anim.png'''' and must reside in the ''''/usr/share/rhgb/'''' folder.
The completed image should be named ''''throbber-anim.png'''' and must reside in the ''''/usr/share/rhgb/'''' folder.


1. Download the following files <BR>&nbsp;&nbsp;&#9656;&nbsp;&nbsp;[[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_InstallThrobber.sh]] <BR>&nbsp;&nbsp;&#9656;&nbsp;&nbsp;[[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_throbber-anim.png]] throbber-anim.png]  <BR>&nbsp;&nbsp;&#9656;&nbsp;&nbsp;[[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_UninstallThrobber.sh]]
# Download the following files
2. Open a terminal session and login as root <BR>&nbsp;&nbsp;&#9656;&nbsp;&nbsp;ie. $ '''su''' <return>
#* [[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_InstallThrobber.sh]]
3. Navigate to the folder containing the above files <BR>&nbsp;&nbsp;&#9656;&nbsp;&nbsp;ie. # '''cd myDownloads'''
#* [[:Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_throbber-anim.png]]
4. Execute [[InstallScript|  InstallThrobber]] .sh script <BR>&nbsp;&nbsp;&#9656;&nbsp;&nbsp;ie. # '''sh [[InstallScript|  InstallThrobber]] .sh''' <return>
#* [[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_UninstallThrobber.sh]]
6. Respond <y> when asked "Proceed y/N?" <BR>&nbsp;&nbsp;&#9656;&nbsp;&nbsp;ie. Proceed y/N? '''y''' <return>
# Open a terminal session and login as root
7. Close terminal window when script is done <BR>&nbsp;&nbsp;&#9656;&nbsp;&nbsp;ie. "All done ..."
#* ie. $ '''su''' <return>
# Navigate to the folder containing the above files
#* ie. # '''cd myDownloads'''
# Execute [[#InstallScript|  InstallThrobber]].sh script
#* ie. # '''sh [[#InstallScript|  InstallThrobber]].sh''' <return>
# Respond <y> when asked "Proceed y/N?"
#* ie. Proceed y/N? '''y''' <return>
# Close terminal window when script is done
#* ie. "All done ..."


{{Anchor|InstallScript}}
{{Anchor|InstallScript}}
~+'''Installation Script'''+~
====Installation Script====


<pre>
<pre>
Line 115: Line 121:


</pre>
</pre>
----


[[Category:Artwork]]
[[Category:Artwork]]

Latest revision as of 12:28, 17 October 2008


General

The throbber artwork is an animated icon which provides visual feedback of activity. To create the effect each frame of the strip is played left to right in a continuous manner.

Specifications

The dimension of the image strip is 288 x 24 pixels consisting of twelve individual 24 x 24 frames. The word "frame" in this document simply refers to an area on the drawing surface. If the desire is to create a spinning illusion with the image completing one revolution (360 degrees) in the space allowed, each frame must be rotated 30 degrees clockwise from the previous frame.

File:Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber PageTip.png

It is important to note this is not the only illusion that can be created. Images modeled on audio db meters or morphing colors are also appropriate.

Current Design

Taking a look at the current design each frame is filled with an image drawn with a series of circles to form the illusion of movement. A variant of this design is also used by the cursor.

File:Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber CurrentThrobber.png

Download: SVG File

Designing a Replacement

For purposes of illustration I created an image in Inkscape (Gimp would also work) adhering to the specification of twelve 24 x 24 frames. In the first frame I drew a circle with a light blue gradient (#00bbff) border and a transparent center.

File:Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber BuildThrobber.png

Copying the image of frame one to the center of frame two I rotated it 30 degrees in a clockwise manner. Copying the image of frame two to the center of frame three I rotated it 30 degrees in a clockwise direction for a total of 60 degrees from the first. Continuing this process I created ten additional frames for a total of twelve.

The result of this effort looks like the following.

File:Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber NewThrobber.png

Download: SVG File

Installation

The completed image should be named 'throbber-anim.png' and must reside in the '/usr/share/rhgb/' folder.

  1. Download the following files
  2. Open a terminal session and login as root
    • ie. $ su <return>
  3. Navigate to the folder containing the above files
    • ie. # cd myDownloads
  4. Execute InstallThrobber.sh script
  5. Respond <y> when asked "Proceed y/N?"
    • ie. Proceed y/N? y <return>
  6. Close terminal window when script is done
    • ie. "All done ..."

Installation Script


#!/bin/bash
#
#
#
clear
echo
echo "      #####                     ##"
echo "     ###                        ##"
echo "     ###                        ##"
echo "   ########   ######     ###### ##     #######    ### ###   #######"
echo "     ###    ###    ###  ###    ###   ###    ###   ####    ###     ###"
echo "     ###    ##########  ###     ##   ###     ###  ###     ###     ###"
echo "     ###    ###         ###    ###   ###    ###   ###     ###     ###"
echo "     ###     ########    ###### ##    ########    ###       ###### ##"
echo
echo "                        RHGB Throbber Installation"
echo
echo
echo

if [ "$UID" -ne "0" ] 
then
echo
echo "Sorry, this script must be run as root (su)."
echo
exit 1
fi

echo -n "Proceed y/N? "
read ans

case $ans in
"y" | "Y" )
;;
* )
echo
echo "Thank you :)"
echo
exit;;
esac

#
#
if [ ! -r "/usr/share/rhgb/throbber-anim.png.sav" ] 
then
echo
echo "Copying current image to (throbber-anim.png.sav) ..."
cp /usr/share/rhgb/throbber-anim.png /usr/share/rhgb/throbber-anim.png.sav
fi

#
#
cp throbber-anim.png /usr/share/rhgb/throbber-anim.png
chmod 755 /usr/share/rhgb/throbber-anim.png

echo
echo "Done ..."
echo