2003-12-03, 08:05 | Link #42 |
meu meu meu
Join Date: Jun 2003
Age: 38
|
Thanks Uzumaki626!
Your tutorial is awesome. I used it to make my new avatar, but I couldn't figure out how to make a border... Your tutorial says "3) Go to Image ---> Stroke" I looked in Image but I couldn't find that option... Nevermind. I guess it was under "Edit" I probably have a different version or something. Thanks again XD |
2003-12-03, 16:17 | Link #43 |
-=GIF Sennin=-
|
Your welcome .... hmmm ill check up on that stroke thing when i get home, could be my mistake cuz I wrote most of the tutorial out of my head but anyways ill double check on that when i go home and change it if its correct, thanks for pointing that out .... Anyways, enjoy!
|
2003-12-06, 14:46 | Link #44 | |
It's bacon!
Join Date: Nov 2003
Location: Up and to the Left
Age: 44
|
Animated GIF Avatar Guide (BSPlayer / GIMP for Windows)
1. Programs Required and Settings ●BSPlayer 0.86 Build 500 or similar (To capture images from fansubs. Not as accurate as VirtualDub, but it will / should capture frames under real time for those using only ffdshow.) Create a new folder to a subdirectory. Within BSPlayer Preferences, under General tab, configure [Directory for captured images] to the new folder that you have just created. Under Key definitions & WinLIRC tab, assign [Capture frame - original image size] to an known key. The default key should be "p". ●GIMP for Windows (To convert the BSPlayer captured frames to a animated GIF format.) Install GTK+ for Windows, The Gimp for Windows, and then LZW libraries for The Gimp. Quote:
2. (My) Animated GIF Rules Animated or also known as motion avatars, will of course require more than one frame / image. For an animated GIF sequence, each frame must have alike dimensions. (Example: If working on an 100x100 pixel sized animated avatar, all frames / images must be 100x100 pixels each.) It is likely that images captured from fansubs will be larger than 100x100 pixels, for 100x100 max pixels will be used in this guide. Thus images greater than 100x100 pixels must be reduced in size to no greater than 100x100 pixels. (For avatar use here, it seems that the avatar size can be no greater than 100x100 pixels max and that the file size must be no greater than 51.2KB.) 3. BSPlayer Frame/s Capture As this is done in real time, the idea is to seek to just before the desired frame/s, press and hold the capture frame key ("p" default) until the desired frame/s passes. Each frame is then captured as a JPG image. And those image/s are sent to the directory that was chosen within the player preferences. 4. Working Under GIMP for Windows Part 1 The first task is to do our image editing at this point. Here, you can crop (Make notes on Notepad.exe on pixel crop numbers!), add text & colors to the image, resize the image to 100x100 pixels max, etc. while it is still in JPG format. Then the image needs to be indexed: On the image, right-click, Image / Mode / Indexed... We'll use Generate Optimal Platelet @ 256 color with Normal Dithering, no dithering of transparency. Once that is done, save the image as a GIF: On the image, right-click, File / Save As. Change .jpg in the line below to .gif (type it) then select OK. Another window will pop-up, select OK. Repeat step 4 for every frame / image that you want to use. 5. Determine First Frame Use image program of choice to view all of your edited, desired images to determine what will make a good first frame. As some web browsers and programs choose to not allow GIF motion, they usually only render the first frame of the animated GIF sequence. Get the idea? 6. Working Under GIMP for Windows Part 2 A) Close all images that may be running in GIMP to avoid errors. Open GIMP's layer tool: Main GIMP window / File / Dialogs / Layers, Channels & Paths... Then open what is to be your first frame in the GIMP program. Keep this first frame open for the rest of this process. B) In the Layer window, create a new layer by selecting the New Layer icon (Bottom left icon). The new layer options window will pop-up,.. use layer fill type: transparent, then select OK. Open what is to be your second frame in the GIMP program. Copy the entire second frame: Right click on image / Edit / Copy. Then paste to your first frame/image: Right click on image / Edit / Paste. On the Layers window, anchor the layer: Icon looks like an ship anchor, located near bottom right. Close second image opened so that you can free up some computer memory and to avoid confusion. Repeat part B for every other frame you want to add. C) Set individual frame delays: In the layers window, you'll see something like: New Layer 4 New Layer 3 New Layer 2 New Layer Background Double left click on Background layer. The Rename Window will then pop-up. Rename it to Background (200ms) Every layer can be renamed to include the (###ms) which will mark individual frame delays. It will look something like this: New Layer 4 New Layer 3 (80ms) New Layer 2 (1000ms) New Layer Background (200ms) For the layers seen above that have no (ms), they will be configured to the master frame delay time as described in the next part. D) Once that is done, save the image we started as your first frame which has now become many images: On the image, right-click, File / Save As. Change file name to something new (xxxx.gif) then select OK. The Export Window will pop-up,.. select Save as Animation then select Export. Another window will pop-up, add comment if desired, then set master frame delay as desired, I don't Care, select OK. Repeat part D if you don't get the master delay timing correct. Repeat part C to tweak the individual frame delays if needed. 7. The Final Step Upload image somewhere for use online. - Green² |
|
2003-12-08, 00:46 | Link #45 |
Queen of the Gum-Gums
Join Date: Dec 2003
Age: 47
|
This is an awesome thread! I had no idea I could make animated gifs this way... I was doing it the hard way by layering each frame on top of the old ones ... whew.
Here are the first two I have done: (they are simple, but I am starting small) |
2003-12-08, 01:07 | Link #46 |
Oscar winning black actor
Join Date: Nov 2003
|
This happens a lot to me in imageready and im not sure how to stop it.
Sometimes when i make a change to a frame, it applies the changes to all other frames. This usally happens when i changed the first frame, and sometimes other frames too. How do i turn off this function/option? |
2003-12-08, 14:50 | Link #48 | |
It's bacon!
Join Date: Nov 2003
Location: Up and to the Left
Age: 44
|
Quote:
Thus, I feel that all image editing should be done before layering them. If I need to see the images in motion while editing, I would use a image viewing program that supports a slideshow. Irfanview is good at doing this. |
|
2003-12-08, 14:57 | Link #49 |
-=GIF Sennin=-
|
Thanks for the guide Green² !!! I really appreciate it
And p3psi changing something on the first layer of your animation affects all other frames in the animation. No other frame has the same effect, only the first. A workaround is moving the first frame over as the second frame, doing your changes, and then moving that frame back to its origional spot as the first frame. Just think of it as swapping. -------------------- A bonus for this first frame affect is that if you add text to your animation, you can just move that text in the first frame and the text is moved on all the other frames as well, its sometimes easier than selecting all the frames and then moving the text. There are other uses i cant think of off the top of my head also. But Hope that helps... |
2003-12-11, 21:37 | Link #52 |
Dyaus Pitar
Join Date: Nov 2003
Location: Toronto_Ontario
|
Damn it, I'm having a hard time doing borders! I don't know why but everytime I try to modify all frames to have the same border only one gets modified, which is the last frame of any of the animations. Then when I try a modification frame by frame, it still only does the modification to that last frame. I don't know what the heck is working wrong, me or imageready?! I really need some help as this is stressing me, it's as if the program is fighting me.
|
2003-12-11, 23:16 | Link #53 | |
-=GIF Sennin=-
|
Quote:
|
|
Tags |
animated gifs, graphics |
|
|