Quantcast

Jump to content

» «
Photo

[Tutorial] - by Michael.

80 replies to this topic
M|chael
  • M|chael

    still cooler than the other side of your pillow

  • Members
  • Joined: 18 Apr 2009

#1

Posted 11 August 2009 - 09:22 PM Edited by M|chael, 21 October 2010 - 05:02 PM.

P r o d u c i n g A n i m a t e d G I F A v a t a r s f r o m Y o u t u b e V i d e o s

Theres a LOT of these request topics floating around. Maybe this tutorial will lessen the traffic.

Required Programmes

VirtualDUB An open source video manipulator
An image manipulation programme caipable of editing animated GIFs

--------------------
user posted image


For this example I will be working with this video
Step NumberExplanationScreenshot
Step 1Copy Video URL (Add '&fmt=18' For HQ)Click
Step 2Paste URL Into Vixy
Step 3Select 'Save as AVI' and Download when convertedClick -> Click
Step 4Open VirtualDub and import AVI
Step 5CropClick
Step 6Select range and resize to 64x64Click -> Click
Step 7Export as GIF AnimationClick
Step 8Import into Image manipulation Software
Step 9Change Canvas to 60x60 and White. Save
Step 10Re-open, change canvas size to 62x62. Save
Step 11Re-open, change canvas to black & 64x64. Save
Step 12Upload to image host.Click
user posted image

Steps 9 through 11 were to achieve the effect of a dual coloured boarder for those confused

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


I can generally do these in about 2 - 3 minutes including processing time. It becomes easy after a few tries.
& Once again: Now, no more PM's! biggrin.gif

Narcis_speed6
  • Narcis_speed6

    The Saint

  • The Connection
  • Joined: 28 Feb 2008
  • None

#2

Posted 11 August 2009 - 09:26 PM

thanks allot Michael icon14.gif icon14.gif icon14.gif
i always wondered where can i get a clear tutorial, and here it is biggrin.gif

Chunk
  • Chunk

    Gangsta

  • $outh $ide Hoodz
  • Joined: 29 Oct 2008

#3

Posted 11 August 2009 - 10:08 PM

Another extremely helpful guide, Michael.

You really should get a commend or something for your help around the Requests section.

Narcis_speed6
  • Narcis_speed6

    The Saint

  • The Connection
  • Joined: 28 Feb 2008
  • None

#4

Posted 11 August 2009 - 10:38 PM

how can i cut the wanted parts from a video? confused.gif

M|chael
  • M|chael

    still cooler than the other side of your pillow

  • Members
  • Joined: 18 Apr 2009

#5

Posted 11 August 2009 - 10:49 PM

QUOTE (Narcis_speed6 @ Aug 11 2009, 22:38)
how can i cut the wanted parts from a video? confused.gif

Step 6 : Select Range
You change the offset from the start and finish.

Narcis_speed6
  • Narcis_speed6

    The Saint

  • The Connection
  • Joined: 28 Feb 2008
  • None

#6

Posted 11 August 2009 - 10:51 PM

QUOTE (M|chael @ Aug 11 2009, 22:49)
QUOTE (Narcis_speed6 @ Aug 11 2009, 22:38)
how can i cut the wanted parts from a video?  confused.gif

Step 6 : Select Range
You change the offset from the start and finish.

i knew i was doing it ok, but after exporting it the gif is not moving (maybe my pc problem confused.gif )

Benjimino234
  • Benjimino234

    ♤ ♡ ♢ ♧

  • Members
  • Joined: 03 Dec 2006

#7

Posted 11 August 2009 - 10:52 PM

This should be added in the archive. Good work.

gamesguru
  • gamesguru

    Gone Fishing

  • Angels of Death MC
  • Joined: 23 Apr 2008
  • England

#8

Posted 11 August 2009 - 10:55 PM

Thanks for this.
I only know methods via Flash and Photoshop.
Flash gives terrible quality, and Photoshop won't let me import videos saying I don't have Quicktime (which I do).

So this is much appreciated icon14.gif .

M|chael
  • M|chael

    still cooler than the other side of your pillow

  • Members
  • Joined: 18 Apr 2009

#9

Posted 11 August 2009 - 11:35 PM Edited by M|chael, 12 August 2009 - 12:23 PM.

QUOTE (Narcis_speed6 @ Aug 11 2009, 22:51)
QUOTE (M|chael @ Aug 11 2009, 22:49)
QUOTE (Narcis_speed6 @ Aug 11 2009, 22:38)
how can i cut the wanted parts from a video?  confused.gif

Step 6 : Select Range
You change the offset from the start and finish.

i knew i was doing it ok, but after exporting it the gif is not moving (maybe my pc problem confused.gif )

Nope I doubt it will be a PC problem. Are you sure your EXPORTING as an ANIMATED gif? and not just 'saving as gif' smile.gif
& Thanks for everyones feedback smile.gif its appriciated

Blizzard14
  • Blizzard14

    Get out of here STALKER!

  • Members
  • Joined: 14 Sep 2008

#10

Posted 12 August 2009 - 04:31 AM

Great tutorial. Im adding this to my Tutorial Archive. Thanks again! icon14.gif

Wolf68k
  • Wolf68k

    always howling

  • Members
  • Joined: 12 Mar 2003
  • None

#11

Posted 12 August 2009 - 07:35 AM

I do a similar tutorial and it gets ignored. He does this one and gets a ton of replies.

Edmachine
  • Edmachine

  • Andolini Mafia Family
  • Joined: 14 May 2005
  • None

#12

Posted 12 August 2009 - 08:23 AM

This really is a great tutorial! Good job!

One thing: how do I reduce the file size of my .gif? Right now it is at 171kb. I tried looking in ImageReady for some settings, but nothing. I assume it's not possible in VirtualDub, because it didn't ask me for any quality settings.

M|chael
  • M|chael

    still cooler than the other side of your pillow

  • Members
  • Joined: 18 Apr 2009

#13

Posted 12 August 2009 - 12:20 PM

@ Ed: There are a number of ways. Firstly, you could try using the non HQ URL (if you added &fmt=18) at the start, secondly, you could try changing the range parametres so the loop is smaller. There is also the ablility to edit the frame rate in VirtualDub. Furthermore you could remove every other frame once your inside your image manipulation software. This will cut the size by half. Finally, you can try optimising from your image software. In photoshop, I believe its called 'save for web', and in fireworks theres the 'export wizard' which allows you to type in your desired filesize and it wil do its best to cram it down for you. There is many many more approaches to a smaller filesize too, its just a matter of finding them out colgate.gif

& @ Wolf : I didn't see that, but it looks like youve gone about it generally the same way. Youve taken the long route though. Remember, virtualdub can do pretty much all of the work apart from the boarder. Its just a case of exploiting it. Kudos for your tutorial though, If id have seen it I honestly might not have bothered. smile.gif

& @ Blizzard. Thanks for the additional feedback. I didnt know you had an archive though, did gta_talk hand over the keys?


The Guru
  • The Guru

    Ghetto Star

  • The Connection
  • Joined: 15 Jun 2009
  • None

#14

Posted 12 August 2009 - 12:30 PM

Very handy tutorial. You make everything so simple.

Edmachine
  • Edmachine

  • Andolini Mafia Family
  • Joined: 14 May 2005
  • None

#15

Posted 12 August 2009 - 12:37 PM

I discovered a way to cut file sizes up to 10x times or more! In ImageReady, in the Optimize window, where it says Preset, choose GIF 64. I don't know the difference between Dithered and No dither, but No dither looks fine.

Outcome:
user posted image
No border yet, though.

M|chael
  • M|chael

    still cooler than the other side of your pillow

  • Members
  • Joined: 18 Apr 2009

#16

Posted 12 August 2009 - 12:43 PM

QUOTE (Edmachine @ Aug 12 2009, 12:37)
I discovered a way to cut file sizes up to 10x times or more! In ImageReady, in the Optimize window, GIF 64. I don't know the difference between Dithered and No dither
No border yet, though.

Yeah its looking good, if a little patchy, but Its always a compromise when you have limits. GIF64 has less colours in its palette than normal.
Dithering means that photoshop will be making a new colour from overlaying 2 existing colours around eachother as dots, giving the effect of a new colour. It makes everything look smoother.

& Thanks Guru biggrin.gif

Blizzard14
  • Blizzard14

    Get out of here STALKER!

  • Members
  • Joined: 14 Sep 2008

#17

Posted 12 August 2009 - 05:03 PM

QUOTE (M|chael @ Aug 12 2009, 05:20)
& @ Blizzard. Thanks for the additional feedback. I didnt know you had an archive though, did gta_talk hand over the keys?

I dont know if you were being sarcastic or anything, but I just copy and paste the link onto a well organised Table in MS Mord Works! biggrin.gif

TheBoneCountyButcher
  • TheBoneCountyButcher

    Ain't That Some sh*t

  • Members
  • Joined: 17 Feb 2006
  • United-Kingdom

#18

Posted 12 August 2009 - 05:33 PM

I have added it to the the archive.

Very nice tutorial by the way.

M|chael
  • M|chael

    still cooler than the other side of your pillow

  • Members
  • Joined: 18 Apr 2009

#19

Posted 12 August 2009 - 07:05 PM

QUOTE (Blizzard14 @ Aug 12 2009, 17:03)
QUOTE (M|chael @ Aug 12 2009, 05:20)
& @ Blizzard. Thanks for the additional feedback. I didnt know you had an archive though, did gta_talk hand over the keys?

I dont know if you were being sarcastic or anything, but I just copy and paste the link onto a well organised Table in MS Mord Works! biggrin.gif

Oh, YOUR Archive, I thought you meant a GTAF Tutorial Topic archive or something smile.gif
& Thanks gta_talk, I tried to make it mimick the other one I made for Xara3d, since I was pretty happy with the layout of that.

TheBoneCountyButcher
  • TheBoneCountyButcher

    Ain't That Some sh*t

  • Members
  • Joined: 17 Feb 2006
  • United-Kingdom

#20

Posted 12 August 2009 - 07:15 PM

QUOTE (M|chael @ Aug 12 2009, 20:05)
QUOTE (Blizzard14 @ Aug 12 2009, 17:03)
QUOTE (M|chael @ Aug 12 2009, 05:20)
& @ Blizzard. Thanks for the additional feedback. I didnt know you had an archive though, did gta_talk hand over the keys?

I dont know if you were being sarcastic or anything, but I just copy and paste the link onto a well organised Table in MS Mord Works! biggrin.gif

Oh, YOUR Archive, I thought you meant a GTAF Tutorial Topic archive or something smile.gif
& Thanks gta_talk, I tried to make it mimick the other one I made for Xara3d, since I was pretty happy with the layout of that.

Yes it is very nice layout. straight to the point step by step and not 20 paragraphs on how to do a simple task.

Tommy-Vercetti19
  • Tommy-Vercetti19

    Sure, Grand, No Probs

  • BUSTED!
  • Joined: 08 Dec 2007

#21

Posted 13 August 2009 - 02:37 PM

Brilliant Michael, Been wondering on how to do this for a days age now.

Thanks a bunch.

The layout is top notch. tounge.gif
Cookies all round. cookie.gif cookie.gif cookie.gif

TheBoneCountyButcher
  • TheBoneCountyButcher

    Ain't That Some sh*t

  • Members
  • Joined: 17 Feb 2006
  • United-Kingdom

#22

Posted 14 August 2009 - 01:03 PM

There is also an easier way to do this that doesn't involve using VirtualDub but you need PS, save it as a .MOV then import video to layers in PS, only works for .MOVs though.

Jur1zz
  • Jur1zz

    Playa

  • Members
  • Joined: 16 Jul 2009

#23

Posted 25 August 2009 - 02:11 PM

What's wrong
user posted image

M|chael
  • M|chael

    still cooler than the other side of your pillow

  • Members
  • Joined: 18 Apr 2009

#24

Posted 25 August 2009 - 02:56 PM

@ ^ : Try following this. Should fix the missing codec and allow you to follow the tutorial through and make Gifs using this method.
I seem to remember encountering a similar problem myself some time ago.

Jur1zz
  • Jur1zz

    Playa

  • Members
  • Joined: 16 Jul 2009

#25

Posted 25 August 2009 - 03:49 PM Edited by Jur1zz, 25 August 2009 - 06:35 PM.

user posted image

user posted image

M|chael
  • M|chael

    still cooler than the other side of your pillow

  • Members
  • Joined: 18 Apr 2009

#26

Posted 02 September 2009 - 12:59 AM

^^
Seems like you've pretty much got the hang of it
But, whoah , that second animation is huuuge!
It might help if you were to cut down the range on that video (The first clip of homer and the vaccum is easily enough) lol.gif
Furthermore, try going through the frames and deleting every other one (See below) . Then repeat that process a few times. (FW)

user posted image

It will make things run faster (at the risk of becoming choppy) and will also cut down filesize
Good Luck!

okei
  • okei

    Dressed to kill like I'm Gianni Versace

  • $outh $ide Hoodz
  • Joined: 04 Aug 2008

#27

Posted 11 September 2009 - 09:29 PM

Does anybody else get an error from Vixy.com saying
CODE
Error: URL resolve error. (YouTube.com is down??)


Is it a temporary thing?

Narcis_speed6
  • Narcis_speed6

    The Saint

  • The Connection
  • Joined: 28 Feb 2008
  • None

#28

Posted 11 September 2009 - 10:28 PM

happens to me too, i dont know what wrong confused.gif

Wolf68k
  • Wolf68k

    always howling

  • Members
  • Joined: 12 Mar 2003
  • None

#29

Posted 13 September 2009 - 09:20 PM Edited by Wolf68k, 13 September 2009 - 09:25 PM.

If I'm reading it right the steps about opening the GIF in an image editor and changing the canvas and what not is just to add the white border. There is another way and one you can add to VirtualDub to do it for you
Go here and download this add on Border Control http://www.geocities...s_uk/fnews.html get th one in green under VirtualDub.
Within the zip file is a file called BrdCntrl235.vdf copy that to the VirutalDub/plugins folder
Now under Filters you'll see Border Control

However using it isn't as simple as it should be sadly. Instead of being able to just simply type the numbers you want into the fields you have to to click on the up/down arrows (you can just click and hold on the arrows).
Going off the same tutorial example (different video) just add 1 for the top, bottom, left, and right "Black Region" then change Red, Green and Blue to 255 to get white (the default is 0 which gets you black)
user posted image

To get the same effect as what Michael has with a black (outside) and white (inside) border just use the folder twice.
First with the white border using let's say 2 all around. Then follow that with the black with 1 all around. If you do it the other way around the white will cover the black.

M|chael
  • M|chael

    still cooler than the other side of your pillow

  • Members
  • Joined: 18 Apr 2009

#30

Posted 13 September 2009 - 09:44 PM

Thanks for that Wolf, it cuts out the need for any image software altogether, meaning literally anyone can make these avatars now, as all the software needed is open source. Kudos for the find! cookie.gif




1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users