[minwoo012]

....EDIT!

nvm.. i'll be back =)

No, I didn't mean the entire picture itself. I just meant Lee Junki. ^^; The effect on him only. It's like really dark and kinda grungy? It highlights his facial features but other stuff is really dark, like his hair.

mine isn't EXACTLY like it, but just fiddle around with some filters and opacity, and i'm sure you'll get the look you want =)
you can fiddle around more to get other effects =)

[Appolpai]

^ Oh, so the artist was just fiddling around with the contrast?

One question, though. Does it only work with black and white pictures? Cause I tried this on a colored anime picture, and it didn't come out the same.

Thank you so much for your help, though! ^^

This post has been edited by Appolpai: 23 February 2006 - 11:21 PM

[minwoo012]

^ Oh, so the artist was just fiddling around with the contrast?

One question, though. Does it only work with black and white pictures? Cause I tried this on a colored anime picture, and it didn't come out the same.

Thank you so much for your help, though! ^^

^ don't quote me on that>__<;;, they might not have JUST used contrast... but thats what i did..

you'd get different results if you used an anime picture of course! and your results would differ if you used a color picture as well =P
and you're welcome =))

[Muddie Murda]

Making Video GIFs
By: Muddie Murda
Please do not take out without permission or crediting.
First of all, before we begin, I do NOT cover any sort of how to make banners with brushes, effects, textures, blah blah.

I start right from cutting clips and end saving it as GIF banner.

**NOTE**
As much as I want to help you, in this tutorial, your GIF will most likely be above 40 KB (in which you can't use for a Soompi Banner or avatar [though I've seen some avatar that are way over 300KB])
This is basically giving you the basic skills to know how to do a GIF.
Once you get the idea of it, you can mess around and learn how to lower the size KB of it by lowering the frames, changing the colors to less, and resizing images.

##Scroll to the end for TROUBLESHOOTING


I tried to make this not so confusing and tried to cover every single step I took. There's so many steps that I might have forgotten one or two. Please ask if you are confused. You will now learn the secrets of Muddie's. Haha jk

Remember to save every few minutes or you will cry!!!!!!!!

You will need the following programs:
-Windows Movie Maker
-TMPGEnc - [Download Here]
-Adobe Photoshop
-Adobe Image Ready

1) Open Windows Movie Maker and Import your video. Make sure the "Create clips for video files" is unchecked.



2) Now Drag and drop clip into timeline.



If you can't seem to see the time line, click "Show Storyboard"



Here are some useful tools you'll be using.



3) Move your mouse to the beginning of the timeline on the left. A red arrow should appear. Click on that and then drag to the part of the clip you want to turn into GIF. Use "zoom in" if you need to. It's very helpful!



Do this for the end also. Move your mouse to the end of the timeline and then click and drag to the end of the clip you want. Use the "zoom in" if you need to.

NOTE: Do NOT make your clip more than 10 seconds. Or atleast, I don't recommend it. 1) The GIF will be huge. 2) Your computer will lag badly. Very Very badly. Just don't do it.

4) Now to save the file. Just follow the following:








If your video resolution is more than 320x240 (happens when you are cutting a HQ/HD AVI file), please shriek it to 320x240. You can do so by selecting the 2nd option. Go down KB sizes while looking at the "Display size" in the "setting details." Once it reaches 320x240, stop.



Done! Exit out Movie Maker. We are done with that!



5) Open up TMPGEnc. Browse for the video file you've just created in Movie Maker.



We will now convert to AVI.



Done! Exit out of TMPGEnc. We are done with that!

6) Now in Adobe Image Ready, open the AVI video file you've just converted.

A Box will appear, just do the following:



*If a box pops up and says "This will produce a large amount of data and will possibly take a long time..." DO NOT continue. You will surely kill your PC. Go back into Windows Movie Maker and cut again, making it shorter.

If this is all your want without doing any fancy stuff, you can skip all the way down to step 18

Here are some basic tools we'll be using.



7) OPTIONAL: Using the cropper, as shown above, crop the video to your liking. You don't have to crop, but if you want to. =p Your choice.

8) Now we will resize the GIF. Go to Image > Image Size. It's up to you on what size you'd want to make it. For Banners, I would recommend not more than 100 for the height. Your choice though.



9) OPTIONAL: If you have the time and patience and want to do this, do so. =D It sharpens the image after resizing and all. Starting from the bottom, click on a layer then go to Filter > Sharpen > Sharpen. Do this for EACH layer.



10) Click on the Marquee Tool and the go to Select > All. Then go to Edit > Copy Merged. Now Minimize Adobe Image Ready. We will leave here for a while.



11) Open up Photoshop and go to File > New. Pick a the size you want your banner to be. Mines will be 300x120. Select the option for "Transparent" background. Click Okay. You'd then go to Edit > Paste to paste in the image you copied from Image Ready.


*I made a black background fill. =D*

You will only use this image as a reference. You will not be editing this image at all. Don't bother, because it won't cross over to imageready. Make sure this image is the bottom layer at all times. It is very important or else all your hard work on designing will not be visible.

You are on your own for now. Design your banner the way you want. Make sure you do make space for the GIF image. After you are happy with your design of your banner, you may continue to step 12.




12) Your banner should have a main layer that is the background of your whole banner. You make have several layers for this depending on how you designed it. If you haven't done so, please merge these layers together. (If one of these layers overlaps the GIF image [such as a pattern, text, gradient, brush, etc.], do NOT merge this layer with the others.) Once you've merged the background of your banner, make sure it's selected, then hold down CRTL and click on the GIF image. This should put a marquee around the GIF image. Hit delete.



After you do this, click on the eye of the GIF image (the very bottom layer) to hide this layer.. Go to Layers > Merge Visible. Make the GIF image visible again and see if everything looks okay. If something is missing, you've probably merged it along with the background. Go back in your history and then do this over, making sure you don't merge that layer with the background. Follow through the steps again.




13) This step, we are doing for future reference.

Make the design layer invisible by clicking the eye. This should leave only the GIF image. Zoom in!!!! Click on the Rectangle Marquee tool, then starting from the bottom right of the GIF image, click and drag to the top left corner of the banner.

Then you'd go to Edit > Copy Merged. After that, go to File > New. Right there! The width & height. Write it down so you won't forget. Now!



14) We will now prepare to head back to Image Ready. In Photoshop, go to File > Edit in ImageReady.



This will bring the banner you just made into ImageReady. Minimize that, we'll get back to that in a bit.

15) We'll now focus on the GIF we left behind in ImageReady before getting into Photoshop. Using the width and height we recorded in step 13, go to Image > Canvas Size and put in those measurements. Then you see little squares at the bottom. Click on the bottom right square.



Go back to Image > Canvas Size and put in the measurement of your banner you started out with. If you forgot or if you don't know, bring up that banner you just transfered from Photoshop. Go to Image > Image Size and it'd give you the width and the height. Enter those measurements into the Canvas Size on the GIF.

Okay! Your GIF should now look something like this:



If not...uhh, you did some measurement wrong. Please go back to step 13 & 15 and check over.

If everything looks fine, please continue.

16) Make sure you are on frame 1 by clicking on it. Make sure you are on the very top layer by clicking on it. This layer should NOT be visible. Example:



Now we'll go back to that banner. Bring it up, then click on the Marquee Tool then go to Select > All. Please make sure you have the Marquee Tool Selected before you go to select all. It should be "All" and not "All Layers."



If you have that set, go to Edit > Copy.

17) Go back to your GIF and go to Edit > Paste.



So close! =D

18) Now, we must get the settings right so we can save it. On your GIF window, click on "Optimized". Then on your Optimize tab (if you don't see it, go to Windows > Optimize), click on all those arrows to drop down all the options. (Please scroll down for an screen cap if you are totally confused.)

This is the very tricky and very disappointing stage.

GIF can only hold 256 colors so if your banner and GIF is very colorful (like mines ) then your banner will come out looking a bit strange with colors.

Make sure the Format is in "GIF." The rest, you must play around with to get it right for you. Everyone has their own taste, so choose it to how you like it.

This was my setting for my GIF banner:



19) After pulling your hair out with step 18, we are ready to save!! Go to File > Save Optimize As, pick your location, name it, and save it.

We are done!!



I wish it came out smooth, but I had too many colors.

Here's the JPG.



------

TROUBLESHOOTING & TIPS

ImageReady won't open the AVI File! Help!

• Most of the time, it's because you need to Download QuickTime. Atleast that's what I think it's the cause and had fixed many of the problems others had opening up an AVI file in ImageReady. So please install quicktime in order to open up your AVI file.
  If you already have quicktime, but the file won't open still. It might be corrupted? :\

What I usually do: Animation Shop > Image Ready. I usually open up the GIF in Animation shop to fix the timing. Sometimes ImageReady just ticks me off...or...all the time. While previewing an animation in Image Ready, it's slower, but if previewing the animation in Animation Shop, the speed is just right.

------




I hope you all got that. Many people asked for a tutorial of this and...this was as best as I could come up with. It took the whole day and night. I was waiting for a friend so I decided to finish this while waiting for him. (WHERE IS HE? THAT *#@*&!! jk )

Questions? Confused? Comments? Concerns? Bashing? Showing of Stupidity? It's all welcomed!

Thanks for reading!!!!!!!!!!!!

Good luck!!!

[alicee]

^ Yayyyyy. Tutorial<3 Thanks foo.


BTW... look at all that TAKE o________________o.......

[andrewujin]

hey, need help. regarding the scanlines thing, you mean pencil as in pen or pencil as in pencil?
?, ... i can't "save" it as a pattern, is there anywhere we can download those patterns like we download fonts?

pls mail me: andrewujin@gmail.com

[insideMYheart]

hey, need help. regarding the scanlines thing, you mean pencil as in pen or pencil as in pencil?
?, ... i can't "save" it as a pattern, is there anywhere we can download those patterns like we download fonts?

pls mail me: andrewujin@gmail.com

It's the pencil tool you want to use. To save it as a pattern, go to Edit > Define Pattern.

[baosizzle]

~THANKS Muddie Murda FOR THE AWESOME TUTORIAL!!

But...like the newbie I am...I have a question about it. Okay...when you drag the video clip into the timeline...and you cut to the beginning portion of the clip you want in the gif...how do you trim it again for the ending....because when I do it...the beginning part disappears and it starts off on where I wanted it to end. HELP PLEASE?!?!

-----------------



^ Okay..that's where I want my gif to start from...



^ But then...I do the same thing...with the dragging of the red arrow and all...and it trims out the first half! Like in the picture...the ending is now where it begins!

I'm a newbie at this...and I really appreciate all of your help!! THANKS A BUNCH!!

[dendrobium.]

Appolpai you can do like minwoo012 said...or

duplicate that layer - desaturate - set blending option to softlight/overlay/screen (depend on what you want..) - sharpen (not too much, I used sharpen edge..work best for me..)

try with colored pics or black&white pics....the result is good anyway..

[bohemianheart.]

hm..does anyone know how to make picture gifs?

like this one:


from : Inconnu siggy

[Appolpai]

Appolpai you can do like minwoo012 said...or

duplicate that layer - desaturate - set blending option to softlight/overlay/screen (depend on what you want..) - sharpen (not too much, I used sharpen edge..work best for me..)

try with colored pics or black&white pics....the result is good anyway..

Oh, okies!

Thanks for your help! I'll try that.

[Muddie Murda]

~THANKS Muddie Murda FOR THE AWESOME TUTORIAL!!

But...like the newbie I am...I have a question about it. Okay...when you drag the video clip into the timeline...and you cut to the beginning portion of the clip you want in the gif...how do you trim it again for the ending....because when I do it...the beginning part disappears and it starts off on where I wanted it to end. HELP PLEASE?!?!

-----------------

http://img523.imageshack.us/my.php?image=begincap4jq.png][img]http://img523.images...incap4jq.th.png

^ Okay..that's where I want my gif to start from...

http://img63.imageshack.us/my.php?image=endcap6mq.png][img]http://img63.imagesh...ndcap6mq.th.png
^ But then...I do the same thing...with the dragging of the red arrow and all...and it trims out the first half! Like in the picture...the ending is now where it begins!

I'm a newbie at this...and I really appreciate all of your help!! THANKS A BUNCH!!

Hmm I have an idea of what you did wrong, but I'm not positive. Here's another SC of cutting.


From start to where you want your cutted clip to begin.


From very end to where you want your cutted clip to stop.

I hope that's a bit more clear. if not, just ask again.

hm..does anyone know how to make picture gifs?

like this one:
http://saturn.walagata.com/w/jiiwoo/trailer_AMBE.gif
from : Inconnu siggy

Hmmm what program do you have? Image Ready? Animationshop? Or something else?

[bohemianheart.]

^
hm..i only have photoshop at the moment. T_T

[kiki]

Muddie.. gah I hate you.. you should've posted that tutorial YEARS earlier..
ahhahah.. you know how I made my Gifs?

I capped every single movement.. I knew that was time consuming, but that's the only way I knew how to do it.

gah.. I HATE YOU! SHOULD'VE POSTED IT SOONER.

ahahh.. Just kidding.. thanks for posting it..
(talks to self) OOOOOooooOOooOoo.. now that I know how to not consume my time on the capping, I can take a few more requests.. MUAHHAHA...


Thanks for posting Muddie.. you rock.

[tiffbiffx3]

omg!!...thanks soo much Muddie for the great tutorial!!...i need to try it sometime

[theLOSER]

muddie murda - thank you so much!
but sometimes some of the video's dont work.
is there anyway to make them work?!

[tiffbiffx3]

Muddie on the GIF tutorial...i dont get step 5...can u help me?...like when u do file>output>AVI file...and then i dont get how u convert to AVI

[Muddie Murda]

^
hm..i only have photoshop at the moment. T_T

Photoshop should come with Image Ready. But just to make sure, you can go to Start > All Programs and it should be listed. If not, open up Photoshop and go to File > Edit in Image Ready. Image Ready should open if you have it.

Muddie.. gah I hate you.. you should've posted that tutorial YEARS earlier..
ahhahah.. you know how I made my Gifs?

I capped every single movement.. I knew that was time consuming, but that's the only way I knew how to do it.

gah.. I HATE YOU! SHOULD'VE POSTED IT SOONER.

ahahh.. Just kidding.. thanks for posting it..
(talks to self) OOOOOooooOOooOoo.. now that I know how to not consume my time on the capping, I can take a few more requests.. MUAHHAHA...
Thanks for posting Muddie.. you rock.

I figured many were doing that. But Screen Capping is good too, esp for soompi, if you're doing avas or banner sigs since the file size is limited. But my way is good for making GIFs of your fav scenes and such to share w/ other obsessed fans of the movie/kdrama. Thanks! I hope to see more of your awesome work!

muddie murda - thank you so much!
but sometimes some of the video's dont work.
is there anyway to make them work?!

Sometimes Windows Movie Maker won't import a movie if its not indexed or if it's corrupted a bit at the end of the file. You can use TMPEGnc to see if you can convert the video. You can convert to WMV or AVi with TMPEGnc, whichever you prefer. After you convert, try to import the video back into movie maker. If it doesn't work, get back to me and I'll figure another way for you.

Muddie on the GIF tutorial...i dont get step 5...can u help me?...like when u do file>output>AVI file...and then i dont get how u convert to AVI

Error! caps got confused. I fixed it though. Sorry! Please look back and refresh/reload. Thanks for pointing that out.

[baosizzle]

THANKS MUDDIE MURDA!! YOU'RE THE BOMB!!

Hehe...yeah...I thought that you had to do it from the beginning again...I didn't know you go all the way to the end and pull it to the spot you want it! *slaps self in the head*! Hehe! Thanks though!! Wow...I'm so excited...I can make gifs now!! Whoot Whoot! All thanks to Muddie!!

[Muddie Murda]

Glad you like it! Remember to post your great work in the art section to share w/ us!!!