logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Creativity
Family Travel
Southwest USA
Irish Culture
Home Finance
Comedy Movies
Romance Novels


dailyclick
All times in EST

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

Make a 125 x 125 Animated Ad


Recently, I've become involved with a new marketplace site called ArtFire. Many of the new sellers on the site want to create their own 125 x 125 pixel square ads for their stores. In this tutorial, we will make a simple animated ad in the popular 125 x 125 pixel size. All we need for our animation is a background graphic. This could be a version of your store or personal avatar in the size we need. Another option is to crop your website header or some other graphic. We will be cropping the moon from my website header and working in AdobeR PhotoshopR Elements 7.

  1. Open Photoshop Elements and choose the Edit button on the Welcome screen to enter the Editor workspace.

  2. From the Menubar, click File, Open to open the graphic of your choice into the workspace.

  3. Click on the Crop tool and set the Width and Height to 125 pixels in the Options bar. Now, click and drag on the graphic to select the square section that you wish to use. In my case it was the moon. Click the Checkmark to accept the crop. The cropped area will automatically be resized to the settings that we put in the Options bar. From the Layers panel, rename the layer with the moon to "background".

    Our next step is to add a business name to the ad. We will put this on a second layer.

  4. Add a new layer to the Layers panel. Click on the Horizontal Type tool (looks like a T). Set the Font, Style, Size and Color for your text as you wish in the Options bar. As you can see I used Engravers MT, Size 18pt and 10% Gray (e6e6e6). You may wish to use a different font or color. Just use something that can be easily read over of the background image.

    Type your business name onto the new layer and click the Checkmark to set the text. You can use the Move tool to reposition your text as you like.

    Next, we will add a tagline. This can be any words that will reflect what you are selling. I decided to use the tagline "Web and Blog Design".

  5. Add a new layer to the Layers panel and type the tagline on this layer. You may wish to turn off the visibility of the business name layer in order to see better.

We are now ready to make some adjustments to these three layers that will become the frames for our animated square ad.

Next →

Join us in the Digital Art and Design forum.




Add Make+a+125+x+125+Animated+Ad to Twitter Add Make+a+125+x+125+Animated+Ad to Facebook Add Make+a+125+x+125+Animated+Ad to MySpace Add Make+a+125+x+125+Animated+Ad to Del.icio.us Digg Make+a+125+x+125+Animated+Ad Add Make+a+125+x+125+Animated+Ad to Yahoo My Web Add Make+a+125+x+125+Animated+Ad to Google Bookmarks Add Make+a+125+x+125+Animated+Ad to Stumbleupon Add Make+a+125+x+125+Animated+Ad to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Digital Art and Design Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.

g


g features
SVG Cut File Design of Top Hat

Offset Path in Illustrator

How to Sell Digital Products

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor