Slick Animation for Everyone

Slick Animation for Everyone.

You want your website to grab attention. To be flashy. To move. Getting people to notice your webpages is the first step toward success on the ’Net. With cool animated images built in Animation Studio, you can have custom images that tell your story—in motion. Just load up your frames, fine-tune the speed, and put ’em on the web. Now your page is truly moving.

Make Your Pictures Live

Brand new: Living Pictures.

Make still images come to life by selectively animating portions of a photo. All you need is a stable video and some creativity!

A wizard walks you through all the steps so you can create jaw-dropping animations fast. Adjust brightness and colors, crop the video, and use frame tools to make flawless loops.

Living Pictures make your site more interesting and keep visitors coming back. These unique unreal photos are so fun that people are likely to share your website with everyone they know.

Adjust Timing for All Frames at Once

Add your images.

Animations are built from a series of similar images called frames that give the illusion of movement when shown back-to-back. In two quick movements, you can add your frames and apply properties to all at once. Set the delay between each frame, configure image transparency, and more. Import JPG, PNG, GIF, TIFF, BMP, and even our own WIF files.

Creating your frames is amazingly simple when you use Web Image Studio. By working with vectors (and our library of more than 1500 sweet vector graphics), you’ll have the ingredients for a sweet animation in minutes.

Edit Bitmaps Right Inside the App

Draw and edit frames.

For last-minute touch-ups, original artworks, and everything in-between, use the image editor. A range of drawing tools gives you the power to draw, erase, fill, and more—right on the frames that make up your animation.

Add layers to give you more room to experiment. Want to include fancy curving text? Simply swap out a color? Draw a smily face? Perfect your frames right there in the image editor without having to take it to another program.

Preview Your Animation

Preview the action.

Play your animation at any moment in the Preview pane. It’s a live version of what will be on the Internet, and it gives you the chance to see your animation in action without having to take it to the web.

Wait, you want to see it in a real browser? Just click the Preview toolbar button. Your actual animation plays inside Internet Explorer, right on your own computer. Previewing lets you see what can be improved before you go through the trouble of adding the animation to your webpage.

Make Color Changes to Images

Adjust Colors.

Many of the effects you need to make new frames are possible with a powerful color tool. Swap or enhance colors, increase or decrease brightness, sharpen the image, all with sliders that make it an easy task.

Want your animation to blink between blue and orange? Add the same frame twice and select the second one. Now move the Hue slider until the second frame has the color you’re looking for. Now you’re officially an animator.

Convert Videos to Animated GIFs

Convert AVI to GIF.

You can take your favorite video clips and turn them into fun, looping GIFs. Use the built-in wizard to clip, crop, and convert in just a few steps, then put them on your website or share them with friends. You can convert both AVI and WMV to GIF.

It works the other way, too! You can export any animation project as a video. Just create your animation and choose to export as AVI or WMV. Now you can put your animation on video-sharing sites or embed them in your own site with Web Video Player.

Create PNG Slide Shows

High-quality slide shows.

Create animations using PNGs instead of GIF files for a slide show with maximum quality. Just import your images and preview, then grab the code and you’re good to go. The result is an animation with unprecedented detail.

You can see one of these slide shows in action at the top of our Web Form Builder page. Use them like we do to show lots of information fast, or to simply share photos. There’s a million uses for these high-quality animations.

Here’s how we made our frames using Web Image Studio

Select elements. Working with WIF vector files means that everything is up for grabs. Just click the component you want to work with. We need a third arc, so we’ll copy an existing one.

Make adjustments. You can change an element’s shape, color, location, and more. For our animation, we just need to duplicate the selected element and enlarge it.

Save the new image. Now that we have a frame with 3 arcs, we can save it as a new animation frame. We made 6 frames with various numbers of visible arcs.

Add everything to your animation. WIF files can be added to animation projects, so you don’t need to export as PNG or JPG. Just select your saved frames and load ’em in.