eHow launches Android app: Get the best of eHow on the go.

How to Make a Website Wave Animation

Video Preview
From Quick Guide: Using Images on Websites

Summary: It is easy to make simple animations for your website using image editing programs. In this article we will use GIMP as an example. GIMP is an open source program similar to Photoshop, but unlike Photoshop it is free to all users. Many other image editing programs like Photoshop offer wave animation algorithms. In GIMP, the image is saved as a GIF animation file. Other programs offer different file formats in addition to GIF animations. Follow the example and be creative. Design a website logo using this method or other small animations for your website. Remember, as with all special effects do not overuse it and experiment with many images to create something unusual for your website.

Views:
4,099
Presenter
By Richard Burke
eHow Presenter

Richard has been involved in the graphic communications industry for over 30 years. He is an award winning Photographer who has worked in nuclear power plants, in steel mills, on...read more

Difficulty: Easy
Instructions
  1. Step 1
    Open the Image
    Open the Image

    Open your image in GIMP. You can really use any image. In this case we will use a picture of a birthday cake to make an abstract animation. You can use a logo or any image of a person or object. Broad landscapes are good for creating abstract art, but generally become too muddled.

  2. Step 2
    Waves Control Panel
    Waves Control Panel

    From the FILTERS menu, select ANIMATION and WAVES to open the control panel. The FRAMES option determines how many frames will be in the animation. The larger the number, the longer the animation will run. When you render the animation you can select a LOOP option which will cause the animation to play in a loop repeating itself. The AMPLITUDE is the height of the wave. The larger the number, the larger the distance between waves. The WAVELENGTH determines the length of the wave. Experiment with these settings and study the impact on your animation. Once you are finished, click OK.

  3. Step 3
    Save Image
    Save Image

    You can play your animation inside GIMP by reselecting the animation button and selecting PLAY ANIMATION. This will open a separate window with the animation. When you are satisfied, save your image to open up the GIMP save panel. Give your animation a name and select GIF from the expanded file menu. When you are done click SAVE.

  4. Step 4
    Export Image
    Export Image

    Saving will open the EXPORT window. Select SAVE AS ANIMATION and then click export. Your image will be saved as a GIF animation to your selected directory.

Comments  

Flag This Comment

on 6/17/2008 I found this information to be very rewarding. Giving away these types of gifts RB must be really paying off! Cool addition with the graphic animation with ad thing going on. Nice. Very nice

Limowreck said

Flag This Comment

on 6/9/2008 It's no wonder you are an expert. Fantastic article. Again, 5 stars.

Post a Comment

Post a Comment

eHow Article: How to Make a Website Wave Animation

Related Ads

  • Have you done this? Click here to let us know.
Internet
Virginia DeBolt,

Meet Virginia DeBolt eHow's Internet Expert.

Get Free Internet Newsletters

Copyright © 1999-2009 eHow, Inc. Use of this web site constitutes acceptance of the eHow Terms of Use and Privacy Policy.   en-US Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License.

Demand Media
eHow_eHow Technology and Electronics