Photoshop 101 - Photoshop Tutorials, Blogs, Online Store and More. - http://www.photoshop101.com
Realtor's Banner
http://www.photoshop101.com/articles/47/1/Realtors-Banner/Page1.html
Sam Lee

The traveller who wants to see the world.

 
By Sam Lee
Published on April 18, 2008
 
Create an animated advertising banner for realtors.

Start by creating a file of banner size - just make sure you know the general size of banners. Create a rectangle using rectangular shape tool.



Create a rectangle using rectangular shape tool. Press Ctrl+T. Right click the layer and select perspective. Adjust nodes to get the shape as shown.



Create another rectangle using rectangular shape tool. Fill it with lighter color.



Create another rectangle inside both the rectangles. Fill it with a darker color.



Create some lines using line shape tool.



Create a rectangle using rectangular shape tool. Press Ctrl+Alt+G to create a clipping mask.



Change the layer mode to soft light.





Similarly create another rectangle and place on the other side.



Insert text details in separate layers.







Insert company logo and place it as shown.



Insert a relevant image.



Double click the layer to open layer style window. Apply layer style with the settings shown.





Open animation window. For the first frame unhide all the detail layers.



Duplicate frame. Move the rectangles inside the dark rectangle. Move to swap each others place.



Click tween button from animation window. Apply settings as shown.





Select 4th and 6th frame and unhide one of the text layer.



Duplicate the last frame. Hide the rectangle layers. Unhide the text layer.



Repeat the above mentioned step for the other text layers.



Press Ctrl+Alt+Shift+S to save an optimized animated GIF.