Help - Search - Members - Calendar
Full Version: [Photoshop CS2] Tutorials/PSDs by Soy
AsianFanatics Forum > Creative Corner > Creative Boutique > Tutorials
Soy
PLEASE DO NOT REDISTRIBUTE THIS ANYWHERE WITHOUT MY PERMISSION.
i worked too darn hard on this, to have random people take this.

soy - http://s4.invisionfree.com/illustrious

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)



Tips :
- If you're going to make it for soompi, reduce your layers to like 15-17 for best results.

step one. make sure you have the clip you want

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



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 :



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



step four.
take the crop tool



and crop the video box only.



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



step.five
now hit ctrl+ alt + i

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



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



drag all the layers to the new 100 by 100 canvas



(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



and then ctrl+p and delete all the decoration layers



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

after that, you click on



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.



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)



step ten.

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



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.



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

and the final result after adding some final touches :



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



if you have any questions leave a message here

http://s4.invisionfree.com/illustrious

Yuura
OMG!! Soy has an account here?
I can never do a gif T^T
It's too confusing for me ><
I'm still learning how to make a blinkie dry.gif
Soy
gah why are people so surprised haha af was like my second home wayyy back, i just lost interest.

here are my colorings psd, you can only get the links to download them at illustrious :


Icon Coloring PSD #1 by soy

examples made using this psd




instructions : crop your image and have it as the base layer and duplicate it and set it screen while adjusting the opacity, also you can play around with the selective coloring in this psd for to liking.

number of layers : 7

Icon Coloring PSD #2 by soy

how to get these
crop your image and have it as a base, duplicate it set the duplicate layer to screen and reduce the opacity.




number of layers : 4


Icon Coloring PSD #3 by soy

how to get these
crop your image and have it as a base, duplicate it set the duplicate layer to screen and reduce the opacity.



number of layers : 3

Icon Coloring PSD #4 by soy

how to get these
crop your image and have it as a base, duplicate it set the duplicate layer to screen and reduce the opacity.



number of layers : alot (haha i dont remember atm)

Icon Coloring PSD #5 by soy

how to get these
crop your image and have it as a base, duplicate it set the duplicate layer to screen and reduce the opacity. (best if for the second layer if the image is too light play with the contrast and brightness option for it)



number of layers : 3

http://z4.invisionfree.com/illustrious/ind...=0#entry6377711
colorful_world
Hi whistle.gif
Dropping by to show my results. I`ll try to post it at IF forum too (:
Gosh, this took me almost half an hour, probably more.
But it most likely took you even longer to make this tutorial, so thank you!
First .gif icon:

innocent.gif
miasaurus.


Thanks for the tut chi Soy smile.gif My outcome. Aish nothing near nice but at least it came out roflol.gif
Oh and I have a question. What kind/ or where do you get brushes that can be used in Image Ready? unsure.gif Cause none of my brushes would load =.=
shippou8765
Thanks for the awesome tutorial! This one was pretty easy to follow ^^ First time making one:


and... I love yours colorful_world! biggrin.gif <3
Soy
QUOTE (Run.Away-LOVE @ Oct 8 2007 7 32 PM) *
http://i107.photobucket.com/albums/m287/xLUVY_MiMix/YT3.gif

Thanks for the tut chi Soy smile.gif My outcome. Aish nothing near nice but at least it came out roflol.gif
Oh and I have a question. What kind/ or where do you get brushes that can be used in Image Ready? unsure.gif Cause none of my brushes would load =.=


to be honest i do all my brushing on regular ps, and then go to imageready
starfish808
thanks so much for the tutorial!
snowwie`♥
hi (:
i know you, but you dont know me i think :X
(even think i have you on msn @.@")
anyways O_O; thanks for the awesome tutorial. i think i wlil try it out sometime.
XD when i get back to photoshop and i've figured out how to do this :]

thanks again <33
Soy
soy's gif base pack



Whats in the zip ? Six images and Six psds of gif bases, that you can use while making gifs.

download : http://www.mediafire.com/?5orhj2yknyi

credit if used, soy @ illustrious or dorkileilafan @ livejournal
udolits
thanks you never thought you can do it in veoh....really amazing tut....thanks
moonkie92
can teach how 2 insert the frames???
Little Mushroom
hi soy^_^!!
an awesome tutorial! but i have a problem.....><
i don't know why but if i transfer to image ready i get this....=S

could you please help me?

/// edit
lol somehow it worked biggrin.gif
meoinkie2
thank you very much!! hir's my work, still a beginner..hehe..
Nana-chun
hey soy, im still unable to understand and do step 2.
is it because im using a laptop and it wouldn't work??
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.