Home Decor Site Animated Banner |
|
Start by creating a file of banner size. Fill with a solid color. Create a rectangle using rectangular shape tool. Place it at the bottom of banner. |
 |
| Create an ellipse using elliptical shape tool. Place it on the left of the banner. |
 |
| Double click the layer to open layer style window. Apply layer style with the settings shown. |
 |
 |
| Create a rounded rectangle using rounded rectangle shape tool. |
 |
| Double click the layer to open layer style window. Apply layer style with the settings shown. |
 |
 |
 |
| insert an image you want to place on the banner. Move the layer just above the rounded rectangle layer. Press Ctrl+Alt+G to create clipping mask. |
 |
| Duplicate the layer. Press Ctrl+T. Right click the layer and select flip horizontal. |
 |
| Create an arrow shape using custom shape tool. Fill it with white color. |
 |
| Duplicate the layer. Press Ctrl+T. Right click the layer and select flip horizontal. Fill it with black color. |
 |
| Similar create some more rounded rectangles with pictures. Also add arrows in both directions for all these images. |
 |
| Insert company name and other details over the ellipse layer. |
 |
| Open animation window. For the first frame hide all the images. Keep only first arrow visible. |
 |
| Duplicate frame. Unhide first image and second arrow. Hide the first arrow. |
 |
| Similarly keep duplicating frames and keep hiding/unhiding layers according to the images below. |
 |
 |
 |
 |
| For the seventh frame start making black arrow visible to create a backward motion. |
 |
 |
 |
 |
 |
 |
| Press Ctrl+Alt+Shift+S to save an optimized animated GIF. |
 |
Warning: main() [function.main]: php_network_getaddresses: getaddrinfo failed: hostname nor servname provided, or not known in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
Warning: main(http://www.fierydarts.com/ads.php) [function.main]: failed to open stream: Invalid argument in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
Warning: main() [function.main]: php_network_getaddresses: getaddrinfo failed: hostname nor servname provided, or not known in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
Warning: main(http://www.fierydarts.com/ads.php) [function.main]: failed to open stream: Invalid argument in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
Warning: main() [function.include]: Failed opening 'http://www.fierydarts.com/ads.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85
Home Decor Site Animated Banner
5 Comments »
RSS feed for comments on this post. | TrackBack URI
Leave a comment
Warning: main() [function.main]: php_network_getaddresses: getaddrinfo failed: hostname nor servname provided, or not known in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112
Warning: main(http://www.fierydarts.com/ads.php) [function.main]: failed to open stream: Invalid argument in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112
Warning: main() [function.main]: php_network_getaddresses: getaddrinfo failed: hostname nor servname provided, or not known in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112
Warning: main(http://www.fierydarts.com/ads.php) [function.main]: failed to open stream: Invalid argument in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112
Warning: main() [function.include]: Failed opening 'http://www.fierydarts.com/ads.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112
loved it. thanks for such nice tutorial.
Comment by kory — July 29, 2006 @ 7:34 am
Excellent
Comment by kiari — August 21, 2006 @ 7:17 am
Excellent
thank you !!
Comment by karim — September 1, 2006 @ 8:16 pm
i didnt get it……i cant find this——–>custom shape tool
Comment by john — September 29, 2006 @ 6:31 am
thanks great tutorial im going to make a sig with it when i get time
Comment by photoshop tutorials — October 26, 2006 @ 9:52 am