Making simple animated blinkies in Photoshop CS 5.5 is really fun.
The main thing to remember is create everything you want to “blink” on a separate layer. For this lesson at Hummie’s World, I decided to animate my website header.
I began by opening a new blank Photoshop file – making mine 610 x 99 pixels, 72 dpi (to create the large blinkie at the top).
Opened my .psd file blog header from a few months ago. Resized the layers to 610 x 99 pixels (72 dpi was already the resolution). Merged some of my design elements with the text (example: glossy “P” with “ixel” so they would be one layer to flash together as one unit). Was careful to preserve my original .psd header file in it’s original condition.
Brought over the merged design layers to my new blank file in this order:
Beige textured paper background
“Pixel” (copied that layer) -
“Design” (copied that layer)
“Resource” (copied that layer)
“Resources for Digital Scrapbooking and More”. (Copied that layer)
(Duplicating each of the layers would make the words “flash” individually and stand out more when animated).
Then select the amount of time for each layer “frame”. To keep things simple, I used .5 seconds for each frame.
Don’t forget to to select “forever” from the drop down box to keep the blinkie going continually. (The default is to play it through one time.)
Try playing through the animation a few times to see if you like what you’ve got so far. If you do save it as a .gif.
File > Save for Web and Devices > gif format
Post on your website or make a smaller version to use on forums that allow animated blinkies.
This was a super fun lesson at Hummie’s World!
Enjoy making your own animated blinkies and I’d love to hear your comments.
You might also enjoy: