Tag Archives: animated gif create

Create an animated GIF image for your website using GIMP

Here is  the Video – 
Create an animated GIF image for your website using GIMP
as seen at Youtube – http://bit.ly/CreateGIFimage

For your  Free Social Media Traffic tips & strategies Guide –
Use this clickable link – http://www.imsocialmediatraffic.com

Backlink Beast - Best SEO Software 
See these Real user results & what this Software has done for their sites …
* Traffic more than tripled
* Went from #89 all the way to inside the Top 10 in just 2 weeks
* Increased rankings from the 2nd page to the Top 5 of Google in just 2 weeks !
* Google Rankings went from #54 all the way to the # 3 spot !
* Wow ! After ranking practically nowhere … Now Ranking # 3
You can do the same –  have a look at what is possible for you – it’s impressive  ….
                       Backlink Beast – Best SEO Software

Here is the text which goes with the Video –
Create an animated GIF image for your website using GIMP
Some tips and tricks to creating GIF images using the a freely distributed piece of software called GIMP like a free version of Photoshop.  GIMP: http://www.gimp.org/
This will help you review how to add frames, cropping frames including adding an alpha channel, using GIF grayscale or indexed color, and how to save your GIF including animation, frame timing, and size considerations. The optimize tools are under Filters – Animation – Optimize. Use Optimize (Difference) at the end and save an additional version as you cannot really edit.
Video demonstrated & narrated by James Sasek
18 Steps from WikiHow …
Animated .gif images can be found all over the Internet. Used in buttons, links, icons, backgrounds, dividers, and banner ads, these eye-catching images can be anything from an excellent tool for personal expression to a downright nuisance. In this wikiHow article, we’ll step through some basics to building your own animated .gif images from scratch using GIMP.
1 Run GIMP, and create a new image using File->New
A : The size you select depends largely on your purpose. Banner advertisements are generally between 60 and 120 pixels tall and 400 to 800 pixels wide. Different website software and banner exchange systems will list their own requirements. For buttons, the height is generally not more than 40 pixels, and the width is usually less than 300 pixels. Separators, accents, widgets, doodads, and thingamabobs that you want to build have no restriction except the question of how much drive space and bandwidth do you want to use up?
B : we will select 200 pixels for width and 20 for height, then click OK. GIMP will give you a nice white little rectangle.
2 : Make sure the toolbox is visible and the Layers tool is available. Each Layer we create will be a ‘frame’ in the animation.
3 : Use the bucket tool to fill the background layer with black.
4 : Use Filters->Render->Pattern->Grid, unlock the Horizontal and Vertical values by clicking on the little chain symbol between them, and enter 3 for Horizontal width, 4 for Vertical width, 0 for Intersection, 22 for Horizontal Spacing, 18 for Vertical Spacing, 2 for Intersection Spacing, 1 for Horizontal Offset, 0 for Vertical Offset, and 6 for Intersection Offset. Select a dark red color for the Horizontal and Vertical grid lines, then click OK
5 : Using the Layers tool, Right click on the Background layer and select Duplicate Layer. Now right click the layer named ‘Background copy’ and select Layer Properties to rename it to something simple like ‘Frame 1’
6 : Use the same method to duplicate the frame 16 times for a total of 16 frames plus the Background frame.
7 : This is a good point to Save the work up to now. Some animations lend themselves to several variations, and saving a framework will save a ton of time making those variations. Use GIMP’s internal .xcf format for this base file, such as “LightBarBase.xcf”.
8 : “Unshow” all of the frames by clicking the Eye icon next to them.
9 : Select Frame 1, Show Frame 1, and fill the leftmost grid box with a bright red.
10 : UnShow Frame 1, Show Frame 2, Select Frame 2 and fill the next grid box over with the same color.
11 : Continue through all of the Frames, ‘bouncing’ back toward the left when you reach the rightmost grid box
12 : Save this as a backup in case you want to make small changes. “LightBarSave.xcf”
13 : Delete the “Background” layer. Doing this last allows you to replace mistakes and extend the animation if you choose to by duplicating the background, but at the end it usually isn’t needed for the animation.
14 : Select File->Save As, name the file “LightBar.gif”, and click Save. GIMP will ask if you want to Merge Visible Layers or Save as Animation. Select “Save as Animation” and click “Export”.
15 : The next window offers a place to save a .gif comment within the file, and the standard delay between frames. Higher number equals slower animation.
16 : Finally, click Save. Your new animated .gif has been created!
Tips :  * Remember that .gif images only have 256 colors available, and “transparent” is one of them, so you can’t do TOO much shading or your shading will disappear in the final export.
* Adding ‘lingering’ dimmer light behind the bright light makes this image a bit nicer.
* Combining the animation and transparency capabilities of the .gif format can make for some very nice effects.
* Something cute or funny is often more effective than large rude blinking blocks at getting a message across in a favorable way.
For your Free Social Media Traffic tips and strategies visit
my website …   http://www.imsocialmediatraffic.com
Click here for Social Media Traffic tips, strategies & a Free Guide
For free Social Media Traffic ebook
THE NAUTICAL ORIGINS of Some Common Expressions …
By and Large – Currently means in all cases or in any case. From the nautical: by meaning into the wind and large meaning with the wind: as in, “By and Large the ship handled very well.”