Shannon ([info]sawyer) wrote,
@ 2006-05-26 17:52:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Entry tags:tutorial

MINI-MOVIE ICON TUTORIAL UPON REQUEST

Photobucket - Video and Image Hosting
Watch and learn the step by step process I used to make this icon!



Okay, for this tutorial to work for you, you're going to need Animation Shop 3, Corel PaintShop Pro X and InterVideo WinDVD Player.

You can download InterVideo WinDVD player here, but many computers come with it pre-downloaded.

You can download Animation Shop 3 here. (It's the basic download one!)

You can download PaintShop Pro X here.

Now on with the tutorial.

01. Put in the DVD you want to be making a mini-movie of in the computer.

02. Open both applications

03. Photobucket - Video and Image Hosting
Click the circled arrow three times, then click P on your keyboard: this will take a screen capture. Do the process of 3 clicks then screen capture 12 times. You should have about twelve frames, maybe less, maybe more. If you have more or less, don't freak out. You can decide which frames to use later.

04. Photobucket - Video and Image Hosting
Once you have the necessary pictures, click the Save All button, indicated by the red circle.

05. Photobucket - Video and Image Hosting
Now go to Jasc Animation Shop 3. Click File -- New. Have the new image be 400 x 300, and Transparent.

06. Photobucket - Video and Image Hosting
Once you've got that all set, click Animation -- Insert Frames -- From File. A box will pop up. Select Add File.

07. Photobucket - Video and Image Hosting
Select all the ones that you want to be in the icon, holding down the shift key to select more than one.

08. Photobucket - Video and Image Hosting
It'll look like this.

09. Photobucket - Video and Image Hosting
Now select the CROP tool.

10. Photobucket - Video and Image Hosting
Now using the crop tool, make a perfect square. You can look at the bottom left corner for the pixel size.

11. Photobucket - Video and Image Hosting
Now click "SHIFT + S". For it to fit the base I've provided, it'll have to be 55 x 55. But, if you're making your own, then make the pixel size to fit the frame you want it to.

12. Photobucket - Video and Image Hosting
It should look like this afterwards.

13. Photobucket - Video and Image Hosting
Now, in COREL PAINTSHOP PRO X, paste or open the base you're going to use. I used this one.

14. Photobucket - Video and Image Hosting
Zoom in as much as you need to be sure the you fit the picture in exactly. I zoom in over 300%. The more you zoom in, the better chance you'll have of being accurate.

15. Now, write in it whatever you want. I chose Hide & Seek for mine. Once you have that, click CTRL + A, then CTRL + SHIFT + C to copy merged. Then paste it in ANIMATION SHOP 3 using CTRL + V.

16. Now, reopen or repaste your base in PaintShop.

16b.Go to Animation Shop and copy the first frame of your animation. Paste it on your base in PaintShop.

17. Photobucket - Video and Image Hosting
Now, for coloring, I simply Overlay using a paintbrush with either the lightest gray or white until the color is satisfying.

18. Photobucket - Video and Image Hosting
Like this. Now after this, select all, copy and go to Animation Shop.

19. Photobucket - Video and Image Hosting
Paste your new frame in the new icon you started. A shortcut that makes the process faster is CTRL + SHIFT + L. REPEAT STEPS 16b - 19 UNTIL ALL OF YOUR ORIGINAL ANIMATION FRAMES ARE IN THE 100x100 ICON.

20. Photobucket - Video and Image Hosting
Copy your first frame.

21. Photobucket - Video and Image Hosting
Keep your first frame selected, and select Effects -- Insert Image Transition.... A box will pop up. Under Start with, select Animation Frame. End with will also be Animation Frame.

Under Define Transition, there are several things to pay attention to.

Transition Length: .5 secs
Frames per second: 6 fps
Effect: Fade

Click OK.

22. Paste the first frame at the end of the animation. Now, select the second to last frame and do exactly what you did in Step 21.

23. Photobucket - Video and Image Hosting
Delete the lasts just taking up space.

24. Photobucket - Video and Image Hosting
Select the three transition frame at the beginning (Holding down control or shift will allow you to select more than one at once). Click Alt + Enter to open up the Frame properties. Put the number 5 into the box.

25. Photobucket - Video and Image Hosting
Time to save!!
Scroll the bar down one so it has 127 colors. Then click Customize.

26. Photobucket - Video and Image Hosting
Now, under Colors, there are two things to pay mind to.
Create palette by: Optimized Median Cut
Reduce colors by: Nearest Color

27. Photobucket - Video and Image Hosting
Under Optimizations, select the second and third check boxes.

28. Keep clicking Next, until you get to the one where it says FINISH. Make sure that, for LJ, the icon should be 40 bytes or less. For GJ 63 or less.

And that's it! Be patient, it does take a lot of time. But the outcome is so worth it!!

And here's the finished product!
Photobucket - Video and Image Hosting

If using the base I made, please credit [info]sawyer.



Page 1 of 2
<<[1] [2] >>

(66 comments) - (Post a new comment)


[info]backstgartist
2006-05-27 03:52 am UTC (link)
Thanks so much! I don't have a couple of the programs you've mentioned but I might be able to figure it out on my own with some stuff I do have! :) You're awesome

(Reply to this) (Thread)


[info]sawyer
2006-05-27 10:45 am UTC (link)
Glad I could help!!

(Reply to this) (Parent)


[info]uhh24
2006-05-27 07:26 pm UTC (link)
what kind of font did u use in that?

(Reply to this) (Thread)


[info]sawyer
2006-05-27 09:42 pm UTC (link)
Bradley.

(Reply to this) (Parent)


[info]novalee17
2006-05-29 03:46 pm UTC (link)
thank you so much! i added this to my memories and i'm going to try it later. :)

(Reply to this) (Thread)


[info]sawyer
2006-05-29 05:21 pm UTC (link)
=]

(Reply to this) (Parent)


[info]sweet_nonsense
2006-06-01 08:19 pm UTC (link)
Definately adding this to my memories! Thanks for posting! :DD

(Reply to this) (Thread)


[info]sawyer
2006-06-04 08:06 pm UTC (link)
'Twas my pleasure!

(Reply to this) (Parent)


[info]leona_dracontis
2006-06-04 05:13 pm UTC (link)
OMG Thank you so much for making this wonderful tutorial!! You explained everything so simple and easy, it wasn't a big deal for me to make animated icons. Oh here is what i made with your brilliant tutorial:

Image Hosted by ImageShack.us

(Reply to this) (Thread)


[info]sawyer
2006-06-04 08:06 pm UTC (link)
I was actually so proud it worked that I literally beamed!!

(Reply to this) (Parent)


[info]netty2412
2006-06-04 06:49 pm UTC (link)
thanks for this tutorial, it's great and very easy to understand!

(Reply to this) (Thread)


[info]sawyer
2006-06-04 08:07 pm UTC (link)
You're quite welcome!

(Reply to this) (Parent)


[info]veron26
2006-06-10 08:59 pm UTC (link)
thanks for the tutorial, i did my own thing, but this helped me tremendously.

*see icon*

i did and am very happy with it.

(Reply to this) (Thread)


[info]sawyer
2006-06-12 07:09 am UTC (link)
Ooh, very nice!!!

(Reply to this) (Parent)


[info]alisavalley
2006-06-14 07:22 am UTC (link)
hey! this is an awesome tutorial!! i wanted to try it myself, and look what i got! (see icon) i'm very excited about this! thank you.

(Reply to this) (Thread)


[info]sawyer
2006-06-14 07:20 pm UTC (link)
I'm so glad it worked!

(Reply to this) (Parent)


[info]xsail_oceans
2006-06-30 12:48 am UTC (link)
I luv this tut! It worked! I'm so haapy thank you!
I got this



it looks better though here


(Reply to this) (Thread)


[info]sawyer
2006-06-30 01:27 am UTC (link)
Very nice job!!

(Reply to this) (Parent)


[info]pryzrak
2006-07-04 06:05 am UTC (link)
Thanks so much!!!

(Reply to this) (Thread)


[info]sawyer
2006-07-04 06:42 am UTC (link)
You're welcome! Glad I could help. ^_^

(Reply to this) (Parent)


[info]angel_1stdegree
2006-07-10 06:47 pm UTC (link)
This is what I got. I want to know how to make it clear, becuase it looks kind of gritty. I followed all the steps. Acept I already had my caps. And didn't use a frame. Is there a way in general to get rid of the gritty?

Photobucket - Video and Image Hosting

(Reply to this) (Thread)


[info]queenofnarnia
2006-07-11 11:08 pm UTC (link)
It doesn't look gritty to me, but you can try making it 255 colors and see if it fits.

Actually, I think it came out quite nice!

(Reply to this) (Parent)(Thread)

(no subject) - [info]angel_1stdegree, 2006-07-11 11:15 pm UTC

[info]la_fairie
2006-07-27 10:26 am UTC (link)
will try :)

(Reply to this) (Thread)


[info]sawyer
2006-08-05 05:03 am UTC (link)
=]

(Reply to this) (Parent)(Thread)

(no subject) - [info]ms_rainey, 2006-12-05 07:42 pm UTC
(no subject) - [info]queenofnarnia, 2006-12-05 09:28 pm UTC

[info]undrwrldangel24
2006-08-01 12:16 am UTC (link)
I got your comment.Sorry I didn't comment sooner :) This is one of the best tutorials I've found on making animated icons :) You saw some of the examples in my journal and they turned out great.Thanks again for the great tutorial.

(Reply to this) (Thread)


[info]sawyer
2006-08-05 05:03 am UTC (link)
Thanks!!

I'm always glad when it works. I spent a lot of time making this tutorial and for it to not work would just suckkkkk.

(Reply to this) (Parent)


[info]maskedsolider
2006-08-05 01:55 am UTC (link)
Wow dearie, I have been wondering how you have made these since forever and I can't believe I just found this. Totally meming.

(Reply to this) (Thread)


[info]sawyer
2006-08-05 05:03 am UTC (link)
^_^ Glad I could help!

(Reply to this) (Parent)


[info]spikeslustylove
2006-08-08 12:17 am UTC (link)
I'm trying this out, but the WinDVD is not installing onto my computer. Is there something else I could use?

(Reply to this) (Thread)


[info]spikeslustylove
2006-08-08 12:20 am UTC (link)
...Nevermind, lol. It's working for me.

(Reply to this) (Parent)


[info]mermaid_pearls
2006-08-27 06:40 am UTC (link)
My computer is too stupid to play dvd's is it possiblt to do it without putting in the dvd?

(Reply to this) (Thread)


[info]queenofnarnia
2006-08-27 11:26 pm UTC (link)
Not if you want the clip off of a DVD =\

You can use this method with quicktime videos though, only clicking the Print Screen button and then pasting them and cropping them. But that would require a new tutorial, I think. It's simple to figure out if you know you're way around Animation Shop 3.

(Reply to this) (Parent)(Thread)

(no subject) - [info]mermaid_pearls, 2006-08-28 12:54 am UTC
(no subject) - [info]queenofnarnia, 2006-08-28 03:52 am UTC
(no subject) - [info]mermaid_pearls, 2006-08-28 04:45 am UTC
(no subject) - [info]sawyer, 2006-08-28 05:20 am UTC
(no subject) - [info]mermaid_pearls, 2006-08-29 04:06 am UTC
(no subject) - [info]sawyer, 2006-08-30 03:45 am UTC
(no subject) - [info]mermaid_pearls, 2006-08-30 04:12 am UTC

[info]mermaid_pearls
2006-09-14 08:34 pm UTC (link)
How do I get that tool bar like the first image to show up on WinDVD?

(Reply to this) (Thread)


[info]queenofnarnia
2006-09-15 12:19 am UTC (link)
It does when you click "P" for a screen cap

(Reply to this) (Parent)


[info]erikssiren
2006-12-02 07:21 pm UTC (link)
I have been looking all over for a tutorial like this! I am so excited to try it out! Thanks!

(Reply to this) (Thread)


[info]queenofnarnia
2006-12-05 09:27 pm UTC (link)
Glad I could help :)

(Reply to this) (Parent)


[info]organic_roots
2006-12-07 11:51 pm UTC (link)
when i click the "p" and it didnt get hte toolbar come up like your screencap???? i have windvd 5

(Reply to this) (Thread)


[info]sawyer
2006-12-08 03:15 am UTC (link)
I don't know how that one works, but on mine there is also a little camera icon on the DVD toolbar, and if you click that you should be able to take caps.

(Reply to this) (Parent)


[info]siri_in_da_hood
2007-01-20 11:32 pm UTC (link)
It's a pain in the arse to get mine under 40bytess.
Gheesh. haha.
But you're very right; the result is worth the time. =]

Lovely tutorial.

(Reply to this)


[info]rubytears
2007-01-30 06:43 am UTC (link)

I use Adobe Photoshop. Do you think it will still work for me? I don't think I have enough free space to download PSP.

(Reply to this) (Thread)


[info]sawyer
2007-01-30 06:42 pm UTC (link)
I'm not familiar with Photoshop, but yes, I think this tutorial is fairly translatable.

(Reply to this) (Parent)(Thread)

(no subject) - [info]rubytears, 2007-01-31 10:38 pm UTC

[info]rubytears
2007-02-02 10:07 am UTC (link)

Me again :p
So here's what I came out with. I just can't get it small enough for Livejournal :(


(Reply to this)


[info]thenarnianqueen
2007-04-10 11:33 am UTC (link)
WinDvd doesn't work for me. Have you got any other reccommendations? It keeps coming up with an error for me. x x x

(Reply to this) (Thread)


[info]sawyer
2007-04-10 06:47 pm UTC (link)
I don't :\

(Reply to this) (Parent)


[info]thenarnianqueen
2007-05-01 08:33 pm UTC (link)
Hey, again. Um, any idea how to fade with Imageready?! Thanks xxxxxxxx <3

(Reply to this) (Thread)


[info]sawyer
2007-05-03 01:22 am UTC (link)
Nooooo idea :\

(Reply to this) (Parent)


[info]overglow
2007-05-15 03:04 am UTC (link)
Wow, this seems like it will be pretty easy! I'm downloading the WinDvd, but it is taking FOREVER.

I'll come back when I get a result, lol.

(Reply to this) (Thread)


[info]justdontdeceive
2007-05-15 05:09 am UTC (link)
While I wait on the program to download, I present you with the icon I am using right now! lol, before this tutorial, I couldn't even make that. This helped me a lot, even without using it as a mini movie.

(This is [info]overglow btw.)

(Reply to this) (Parent)(Thread)

(no subject) - [info]justdontdeceive, 2007-05-15 05:47 am UTC
(no subject) - [info]sawyer, 2007-05-15 07:40 pm UTC

(66 comments) - (Post a new comment)

Page 1 of 2
<<[1] [2] >>

Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…