Artwork/ArtTeamProjects/Fedora7Remix/Rhgb/Throbber

From FedoraProject

Jump to: navigation, search
Artwork ArtTeamProjects WikiDesign ArtTeamN1.png



Contents

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.

Artwork ArtTeamProjects Fedora7Remix Rhgb Throbber PageTip.png

Idea.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.

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.

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.

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