dorkileilafan (dorkileilafan) wrote in icon_tutorial,
dorkileilafan
dorkileilafan
icon_tutorial

  • Mood:
  • Music:

Gifs

make this .. aka a gif icon

 </a></b></a>dorkileilafan & soy at http://s4.invisionfree.com/illustrious






Tutorial

PLEASE DO NOT REDISTRIBUTE THIS ANYWHERE WITHOUT MY PERMISSION.
i worked too darn hard on this, to have random people take this.

haha the simplest way to make gifs, no need for any extra programs or whatnot.

first off you need three basics things, Photoshop & Imageready (so anything below CS3, should work), and a Video/video site.

sites like veoh and youtube make life so much easier ( you don't have to stress on finding the right video or worry about wasting major memory space)



step one. make sure you have the clip you want

for this experience, im going to use a hyun bin clip, of course.

user posted image

im going from 1:55 - 1:58

step two.
play, and pause, quickly. and on your keyboard click on the print screen button and then hit crtl + c for copy

and then in ps open a new doc and hit ctrl + v in it

you should get something like this :

user posted image

step three.
continue to play and pause, until you finish the whole time sequence,
DON'T continue to open a new doc each time, just keep continue ctrl + v -ing to the step 2 doc

i ended up with 13 layers

user posted image

step four.
take the crop tool

user posted image

and crop the video box only.

user posted image

you should get something like this, with all 13 layers in it.

user posted image

step.five
now hit ctrl+ alt + i

and change the width/height to something suitable, i chose 100 for the width.

user posted image

step six.
now go to file>> new>> and open a new 100 px by 100 px canvas

and go back to the previous canvas and hold down the shift button and click on the first layer and then the last layer

user posted image

drag all the layers to the new 100 by 100 canvas

user posted image

(dont you just love the crop tool ?)

step se7en.
after you start making it pretty and what not.

heres something you can do to reduce the layer size

go to

>> layer >>> flatten image
then i select the the video box area and right click and inverse selection (make sure you get everything ouside the video box) that i made & ctrl + c and then go
atl+crtl+z until i get back to my original layer

user posted image

and then ctrl+p and delete all the decoration layers

user posted image

so instead of like 20 something layers, you end up with the magic 15

after that, you click on

user posted image

to transfer it to image ready

step eight.

make sure you have the animation and optimize tools up, to do so go to windows -- and go to animation.

user posted image

step nine.

hide all the video layers but the first one (basically get rid of all the eyeballs for the video layers, but the first one)

user posted image

step ten.

then in the animation box, alternate between the duplicate frame button
and making visible each of the invisible layers.

user posted image

step eleven.


adjust the time for the layers by holding on the sec button, and change the time you want, usually .1-.2 seconds works, and having the last frame at like 1 sec is really good.

user posted image

then go down to file -- save optimized as .. and save

and the final result after adding some final touches :

user posted image

if its still too big, cause you want to follow the soompi regulations, use the optimize tool and lower the color number, until you get the right size

user posted image

if you have any questions leave a message here

Tags: animation: animated gifs, animation: file size optimisation, animation: mini movies, animation: miscellaneous, animation: screen capture, program: imageready, program: photoshop, tutorial: animation
Subscribe

  • Tableau Online Training Demo Video - IgmGuru

    IgmGuru's Salesforce Administrator and App Builder Certification Training course is designed according to the Salesforce Administrator & App…

  • Icon Coloring

    Does anyone know how to achieve this coloring? Photos are by Jessie Willner, this coloring is all over her Instagram.…

  • animated icons

    Hello, I was wondering if anyone could guide me into doing icons similar to these? Sorry, I do not know the name of the maker(s) or I'd add…

  • Post a new comment

    Error

    Comments allowed for members only

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 12 comments

  • Tableau Online Training Demo Video - IgmGuru

    IgmGuru's Salesforce Administrator and App Builder Certification Training course is designed according to the Salesforce Administrator & App…

  • Icon Coloring

    Does anyone know how to achieve this coloring? Photos are by Jessie Willner, this coloring is all over her Instagram.…

  • animated icons

    Hello, I was wondering if anyone could guide me into doing icons similar to these? Sorry, I do not know the name of the maker(s) or I'd add…