No edit summary |
mNo edit summary |
||
(2 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
{{header|art}} | {{header|art}} | ||
== 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=== | |||
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]] | ||
{{ | {{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=== | |||
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 | Download: [[:Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_throbber_701061.svg | 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. | 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 | 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. | ||
# Download the following files | |||
#* [[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_InstallThrobber.sh]] | |||
#* [[:Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_throbber-anim.png]] | |||
#* [[Image:Artwork_ArtTeamProjects_Fedora7Remix_Rhgb_Throbber_UninstallThrobber.sh]] | |||
# Open a terminal session and login as root | |||
#* 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==== | |||
<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
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.
- Download the following files
- Open a terminal session and login as root
- ie. $ su <return>
- Navigate to the folder containing the above files
- ie. # cd myDownloads
- Execute InstallThrobber.sh script
- ie. # sh 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 ..."
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