Editing animated GIF-images in Photoshop CS3Published: Friday, 19 October 2012 14:06 Written by Ogri Hits: 38174
Not being a designer, I nevertheless have been using Photoshop for simple operations with images. When it took to cut an animated GIF, I did not seek specialized software to edit animated graphics (such as the same Fireworks), but tried to find out whether it's possible to do it using itself Photoshop. It turned out - it is quite possible, though not obvious without proper instructions.
Photoshop CS3 provides creating of animated GIF file, but does not have an option to edit an existing one in a standard way without PSD source. If you try to open an animated image through File → Open... or by dragging it to the program's window, you get a message like: "This is an animated GIF. You can only see one frame. Saving a file will result in loss of information." Fortunately, there is less standard method, but it works very well.
What you need to have:
- Photoshop CS3.
- QuickTime installed. The method will not work without it.
- Head & hands. Nothing at all works without them.
1. Import an existing GIF-image
In the main menu, click File → Import → Video Frames To Layers... Dialog box Load pops up. There is a single type QuickTime Movie in the Files of Type list, including several video formats; GIF not as a class. Type "*.*" or even "*.gif" (without the quotes, of course) in File name input box and click Load button. Now GIF files appear in the list. Select the needed one and click Load again. In the Import Video To Layers dialog box make sure that the option From Beginning To End is selected, and the checkbox Make Frame Animation is checked.
Now open Animation and Layers windows through the Window item of the main menu, if they are not already open. If there are tabs others than Animation (Frames) in the Animation window - make sure you are on this tab. As you might guess, each frame in the animation window corresponds to a layer in the layers window. Clicking on a frame activates the corresponding layer.
2. Changing the animation speed
If you want to change the speed of the whole animation, click on the first frame in the animation window, press and hold Shift, and then click on the last frame to select the entire frame sequence. Click the "down arrow" icon on the bottom of each frame in the animation window and choose a speed. Keep in mind that the animation speed specified in Photoshop does not exactly correspond to the actual speed of the animation in your browser. Actual speed varies from browser to browser. For example, as noted by the people, animation in FireFox is faster than in IE.
3. Resizing and cropping
Everything is standard here. Open Image → Image Size... item of the main menu and edit the size as you do for regular static image. Crop animated picture through Image → Crop or by using Crop Tool in the toolbar. The changes apply to all frames in the animation, as they practically are the layers of your document.
4. Deleting frames
You can selectively remove frames to reduce the resulting file size and speed up animation loading. As usual, by pressing and holding Ctrl or Shift you can select a separate frames or their sequence in the animation window, and then drag to the bin at the bottom of this window. Do it carefully though not to break your cartoon. After removal of the frames you can also edit the animation speed.
5. Final optimization and saving
If you try to save the result in the File → Save menu, the result will be a regular static GIF. In order to keep the animation, use the menu File → Save for Web Devices... You can change the number of colors, and also edit different settings to optimize your animated picture, depending on the statement of the problem; for example, if there is a limit to the file size, you can adjust this value. If satisfied with things as they are after previous changes - select the option Original.
Click Save, give the file a name - we have the result. You can drag it to different browsers to test its behavior.
P. S. I did not test, but some assert that in CS4 it works the same way.
Latest News
-
Tuesday, 21 July 2020 03:18
Joomla 3: Redirect to same page after successful login -
Saturday, 30 December 2017 16:11
Joomla: how to add your own language constants or override existing ones -
Thursday, 30 November 2017 23:27
Joomla: Integrate reCAPTCHA v2 (NO CAPTCHA) into JComments -
Saturday, 25 June 2016 15:33
Unified filtering of mod_jcomments_latest module's output -
Thursday, 17 September 2015 16:23
Post an illustrated Joomla-site article on Facebook using OG-tags
Articles Most Read
-
138592
Migrating from Joomla 1.5 to Joomla 2.5. Part 2-1. Transferring jDownloads and jComments -
69139
Joomla: Integrate reCAPTCHA v2 (NO CAPTCHA) into JComments -
40330
Migrating from Joomla 1.5 to Joomla 2.5. Part 2-2. Template, editor, and other extensions -
38174
Editing animated GIF-images in Photoshop CS3 -
34835
Migrating from Joomla 1.5 to Joomla 2.5. Part 1. Transferring content
Login
Guest Column
Recent comments
-
Joomla: Integrate reCAPTCHA v2 (NO CAPTCHA) into JComments
-
sarang777 26.01.2023 21:10
-
Buy press releases 26.01.2023 20:29
Yesterday, while I was at work, my sister stole my apple ipad and tested to see if it can survive ...
-
-
Joomla: Merge two sites into one using component J2XML
-
mmorpg 26.01.2023 14:52
Ꮋello! I'm at work surfing around youг bⅼog from my new іⲣhone! Just wanted to say Ι loᴠe reading ...
-
-
Joomla: how to add your own language constants or override existing ones
-
친구랑마사지 26.01.2023 17:55
After I initially commented I appear to have clicked the -Notify me when new comments are added ...
-
-
Migrating from Joomla 1.5 to Joomla 2.5. Introduction
-
로미로미 26.01.2023 20:11
This is a really good tip especially to those new to the blogosphere. Brief but very accurate info… Many ...
-
-
Migrating from Joomla 1.5 to Joomla 2.5. Part 2-1. Transferring jDownloads and jComments
-
서울출장마사지 26.01.2023 17:10
Nice blog here! Also your web site loads up fast! What web host are you using? Can I get your affiliate ...
-
Buy press releases 26.01.2023 16:09
Good day! Would you mind if I share your blog with my zynga group? There's a lot of folks that I think ...
-
-
Migrating from Joomla 1.5 to Joomla 2.5. Part 2-2. Template, editor, and other extensions
-
ฝาก 1 รับ 50 26.01.2023 16:04
Poost writing is alsao a fun, if you be familiar with afterward you can write if nnot itt is complicated ...
-
-
Unified filtering of mod_jcomments_latest module's output
-
bankomat ru 26.01.2023 19:25
I'm impressed, I must say. Seldom do I encounter a blog that's equally educative annd engaging, and let ...
-
Sparkling Books 26.01.2023 19:02
Realⅼy gooɗ books from a British publisher, ԝith discounts Check oսt my webpage ... Sparkling Books ...
-
Read more...