+- Support Forums (https://www.supportforums.net)
+-- Forum: Categories (https://www.supportforums.net/forumdisplay.php?fid=87)
+--- Forum: Life Support (https://www.supportforums.net/forumdisplay.php?fid=12)
+---- Forum: Graphic Design and Tutorials (https://www.supportforums.net/forumdisplay.php?fid=23)
+---- Thread: Animated .GIF | Tutorial | Useful (/showthread.php?tid=21929)
Animated .GIF | Tutorial | Useful - alabama - 09-03-2011
Here's some examples of what we'll be making:
---
What you'll need:
Screen recording program
Photoshop
Spoiler (Click to View)
![[Image: 6f0Fh.gif]](http://i.imgur.com/6f0Fh.gif)
Spoiler (Click to View)
![[Image: WZSIA.gif]](http://i.imgur.com/WZSIA.gif)
---
What you'll need:
Screen recording program
Photoshop
Step 1. Record whatever you want.
Step 2. Open up photoshop. Click File> Import> Video Frames to Layers
Spoiler (Click to View)
![[Image: 9hMZy.png]](http://i.imgur.com/9hMZy.png)
Step 3. Choose your file. I'll be using giftut001.avi
Spoiler (Click to View)
![[Image: WoNGA.png]](http://i.imgur.com/WoNGA.png)
Step 4. Click Load and you should see this screen:
Spoiler (Click to View)
![[Image: Ldoga.png]](http://i.imgur.com/Ldoga.png)
Step 5. Photoshop should now look similar to this:
Spoiler (Click to View)
![[Image: VLxM4.png]](http://i.imgur.com/VLxM4.png)
Step 6. If it does look like the above, we're just about done. File> Save for Web and Devices
Spoiler (Click to View)
![[Image: Jwdwy.png]](http://i.imgur.com/Jwdwy.png)
Step 7. Make sure you select the preset "GIF" in the upper-right hand corner.
Spoiler (Click to View)
![[Image: aRxef.png]](http://i.imgur.com/aRxef.png)
Step 8. Upload the file to image hosting sites such as www.imgur.com, and www.min.us.
Contrary to popular belief, .gif's have a very small filesize. The one I used at the beginning of the thread was 208 kb
Questions? Post here and you will receive answers
Tutorial 100% by alabama.
RE: Animated .GIF | Tutorial | Useful - Mark Zuckerberg - 09-03-2011
Wow this is a very nice tutorial, I always wondered how people did this, I am very thankful!
I used to do it with an online method and the quality was absolutely horrible, I thought you had to pay to use a program xD
![[Image: Gu3Lc.gif]](http://i.imgur.com/Gu3Lc.gif)
RE: Animated .GIF | Tutorial | Useful - alabama - 09-03-2011
@Mark
Welcome
You're example looks great, good quality.
RE: Animated .GIF | Tutorial | Useful - Digital-Punk - 09-03-2011
Sweet man I have been wanting to know how to do this for awhile now Thanks! Will Camstudio work cause I tried this before and the video file was just huge and it hard to shrink the size of the file.
RE: Animated .GIF | Tutorial | Useful - alabama - 09-03-2011
(09-03-2011, 07:02 PM)algorithm Wrote: Sweet man I have been wanting to know how to do this for awhile now Thanks! Will Camstudio work cause I tried this before and the video file was just huge and it hard to shrink the size of the file.
Yes, any recording software will work.
RE: Animated .GIF | Tutorial | Useful - Mark Zuckerberg - 09-03-2011
(09-03-2011, 07:02 PM)algorithm Wrote: Sweet man I have been wanting to know how to do this for awhile now Thanks! Will Camstudio work cause I tried this before and the video file was just huge and it hard to shrink the size of the file.
You may need to render the video in camtasia before you put it in photoshop, I'm not positive though.
RE: Animated .GIF | Tutorial | Useful - Digital-Punk - 09-03-2011
(09-03-2011, 07:38 PM)Mark Zuckerberg Wrote: You may need to render the video in camtasia before you put it in photoshop, I'm not positive though.
Yeah when I put the vid's in photoshop the frames where like well over a 1000!
RE: Animated .GIF | Tutorial | Useful - Mark Zuckerberg - 09-03-2011
(09-03-2011, 07:52 PM)algorithm Wrote: Yeah when I put the vid's in photoshop the frames where like well over a 1000!I suggest using hypercam, camtasia records in a different format and it just takes longer.
If you use hypercam it saves in .avi, meaning it takes less than five seconds to make it animated
RE: Animated .GIF | Tutorial | Useful - alabama - 09-03-2011
(09-03-2011, 07:52 PM)algorithm Wrote: Yeah when I put the vid's in photoshop the frames where like well over a 1000!I think it has to be 500 or less frames or less I think. Are you saving it as .avi?
RE: Animated .GIF | Tutorial | Useful - Digital-Punk - 09-03-2011
(09-03-2011, 08:26 PM)alabama Wrote: I think it has to be 500 or less frames or less I think. Are you saving it as .avi?Yes I have been saving the video file as a avi.