Welcome to Fiery Darts. We are striving to be your home for learning what you can about Adobe Photoshop by providing uniqe, timely and regular tutorials. Please take a moment to bookmark our site.


Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85

Warning: include(http://www.fierydarts.com/ads.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 85

Warning: include() [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

Filed under: Animation — Fiery Darts @ 4:17 pm

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.

WordPress database error: [Table './fierydar_fire/wp_comments' is marked as crashed and last (automatic?) repair failed]
SELECT * FROM wp_comments WHERE comment_post_ID = '74' AND comment_approved = '1' ORDER BY comment_date

« Music Site Navigation Header   Desktop Floral Wallpaper »

5 Comments »

No comments yet.

RSS feed for comments on this post. | TrackBack URI

Leave a comment

XHTML ( You can use these tags): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> .


Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112

Warning: include(http://www.fierydarts.com/ads.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/fierydar/domains/fierydarts.com/public_html/wp-content/themes/red-train/index.php on line 112

Warning: include() [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