TGOOK PH
Log in

I forgot my password

Tango
Who is online?
In total there is 1 user online :: 0 Registered, 0 Hidden and 1 Guest

None

Most users ever online was 48 on Thu Dec 12, 2013 2:41 pm

iTsukiko's Personalized GIF Making using Photoshop Tutorial

View previous topic View next topic Go down

iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by iTsukiko on Tue Dec 31, 2013 3:42 pm

Hi minna,


if you`re interested in GIF making, why not? xD

THINGS YOU WILL NEED:



  • Downloaded Episodes/Clips
    - Must be .mp4
  • Video Converters ( i use Freemake Video Converter )
    - to convert .mkvs and also crop the specific clips/scenes you want
    - the shorter the clip, the faster it can be loaded (since i use photoshop, and crappy rig, there's a limit that i can edit in my PS)
  • Photoshop or other GIF makers/softwares
    - so far i`ve already used 3 programs to make GIFs, the main one is Photoshop (i`m using CS6), you can also use After Effects if its longer, and there's also this program that i forgot that can be used for LOOOOOONG gifs (i forgot the name XD) ,, i think the largest i made is 20mb lol
    - note: the larger the video the longer it will load


before we start, make sure you're video that you`re going to use is prepared and already in .mp4 .. if not, do it Very Happy.. for this tutorial i`ll use Aoki Hagane ep 8 meat fight Takao vs Hyuuga Very Happy.. btw i recommend to downscale its resolution as you convert it, i use 444x248 for my GIFs so it will load fast and its not that small, or you can use its original size then downscale it after editing Smile

1.) ok so let's start, we will use Motion mode in photoshop to be able to use it for GIF making (once again i use CS6), it is below the minimize, maximize, close buttons

btw " right click > open image in new tab " the pictures to see them in full size
Spoiler:

and it looks like this, well for me it is like this because i find it more comfortable xD
Spoiler:

2.) ok so let's insert the mp4 into photoshop, go to file > import > video frames to layers

Spoiler:

3.) open the video then this window will appear

Spoiler:

you can learn the settings by yourself just leave the "Make Frame Animation" box checked, the "Limit to Every" will remove the frames every < number of frames you entered > .. its useful, i`ll explain it later Very Happy

Spoiler:


4.) so in my settings, you can see that the i can see all the layers very well at my left side, and the frames below,, what we`re going to do here is to "delete duplicate frames" and adjust the frame rate,,

deleting duplicate frames will reduce the size of the GIF and adjusting the frame rate will make 1 frame act like 2 or 3...
duplicated frames is like .. 2 identical frames will appear for 1 second, but deleting and adjusting those frames will make it 1 frame for 1 second, hence saving space Smile

Spoiler:

you can browse through the frames by clicking them, and below them you can see their frame rate/speed..

5.) now we`ll clean the frames and adjust the frame rate ..... just delete duplicate frames, there's a delete button there, ,, to adjust frame rate click the arrow beside the number (0.04) ..
and this is what happened

Spoiler:

~ ~ ~

some videos have duplicate frames every 2 frame, or sometimes every 3 frames.. the "Limit to Every" will automatically delete those duplicate frames "IF AND ONLY IF" you are sure that the part you want to GIF-ied consist of duplicate every 2/3 frames

in my pic you can also see that i changed the frame rate to 0.08 from 0.04 ... this will make 1 frame act like 2 frames with 0.04,,
easy math ... (0.08)x(1) = (0.04)x(2) Smile,, also you can erase the layer of the frames that you don't use anymore

~ ~ ~

6.) to save your gif.. press CTRL + ALT + SHIFT + S or File > Save for Web ... but save it first before doing that xD ,, sometimes large gif makes your PS crash while loading Save for Web .. and its death when you didn't saved your PSD first lol

I use this setting, feel free to experiment yours Smile
Spoiler:

and violah, its like this Smile


~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

WHY photoshop?

- you can edit the frames like how you do it in photoshop
for example from this

to this


- you can also make an GIF from the scratch, like this loading gif i made Smile
Spoiler:

this GIF took me 4 hours and 50 frames LOL
btw this GIF is one time loop only, you can change the looping option, there is infinite loop, specific number of loops, or 1 loop only Smile

here's more example of GIFs using photoshop that i made Smile
My MAL(click me) profile, *open the first spoiler*
and also this this

you may want to visit my GIF collection on my Siggy Very Happy

btw, you can use imgur or minus for image hosting



Last edited by iTsukiko on Tue Dec 31, 2013 3:52 pm; edited 4 times in total
avatar
iTsukiko
TGOOK Novice
TGOOK Novice

Posts : 256
Join date : 2013-12-31
Age : 21
Location : over there

http://myanimelist.net/profile/iTsukiko

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by Shiro on Tue Dec 31, 2013 3:43 pm

Thanks for the tutorial!
Keep it up!
+1 rep for ya~



===================Siggy===================









avatar
Shiro
Forum Admin (Utage)
Forum Admin (Utage)

Posts : 1988
Join date : 2013-12-17
Age : 24
Location : The Unseen Horizon!

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by iTsukiko on Tue Dec 31, 2013 5:13 pm

sana may GIF section, hahahaha

avatar
iTsukiko
TGOOK Novice
TGOOK Novice

Posts : 256
Join date : 2013-12-31
Age : 21
Location : over there

http://myanimelist.net/profile/iTsukiko

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by Kuroha on Tue Dec 31, 2013 5:44 pm

Nice Tutorial!
Sa Digital arts nalang po
Ala ako power dito sa tutorials kaya di ko malilipat xD







avatar
Kuroha
Admin
Admin

Posts : 845
Join date : 2013-12-23

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by Kanda_sorata on Wed Jan 01, 2014 8:17 am

Sugoii

Kanda_sorata
TGOOK Novice
TGOOK Novice

Posts : 447
Join date : 2013-12-23
Age : 18
Location : Sakurasou

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by Guardian on Wed Jan 01, 2014 8:35 am

nice guide subukan ko gumawa




avatar
Guardian
Admin
Admin

Posts : 922
Join date : 2013-12-18
Location : Anime World

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by Kuroha on Wed Jan 01, 2014 9:00 am

Ako rin para naman may gif signatures din ako xD







avatar
Kuroha
Admin
Admin

Posts : 845
Join date : 2013-12-23

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by Kanda_sorata on Wed Jan 01, 2014 9:16 am

marami akung natututunan sa forum nato hahahah!

Kanda_sorata
TGOOK Novice
TGOOK Novice

Posts : 447
Join date : 2013-12-23
Age : 18
Location : Sakurasou

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by Guardian on Wed Jan 01, 2014 9:24 am

ang hirap haha




avatar
Guardian
Admin
Admin

Posts : 922
Join date : 2013-12-18
Location : Anime World

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by Kuroha on Wed Jan 01, 2014 9:34 am

Onga mukhang mahirap pero basahin ko talaga xD







avatar
Kuroha
Admin
Admin

Posts : 845
Join date : 2013-12-23

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by iTsukiko on Wed Jan 01, 2014 10:34 am

go guys hahaha,, feel free to ask questions Smile

tiwala lang <3 hahaha
avatar
iTsukiko
TGOOK Novice
TGOOK Novice

Posts : 256
Join date : 2013-12-31
Age : 21
Location : over there

http://myanimelist.net/profile/iTsukiko

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by DWazah on Wed Jan 01, 2014 10:45 am

+rep
avatar
DWazah
TGOOK Novice
TGOOK Novice

Posts : 432
Join date : 2013-12-20
Age : 97
Location : Cool place in hell

https://www.facebook.com/awesome.IDonuts

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by 4Orange on Fri Jan 03, 2014 5:18 pm

Nice, muntik ko ng magawa ulitin ko ulit...
avatar
4Orange
TGOOK Newbie
TGOOK Newbie

Posts : 32
Join date : 2014-01-02
Age : 20
Location : Bathroom

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by Guardian on Fri Jan 03, 2014 6:12 pm

since its a helpful and comprehensive guide


le me lick it with my sticky tongue




avatar
Guardian
Admin
Admin

Posts : 922
Join date : 2013-12-18
Location : Anime World

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by Kouchirou on Sat Jan 04, 2014 9:19 pm

sobra sobra ung pic sa spoiler...
btw nc tutorial
avatar
Kouchirou
TGOOK New Forum Member
TGOOK New Forum Member

Posts : 17
Join date : 2013-12-19
Age : 18
Location : Cavite

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by iTsukiko on Sat Jan 04, 2014 9:27 pm

Kouchirou wrote:sobra sobra ung pic sa spoiler...
btw nc tutorial

desktop size eh Smile .. tsaka pde naman iopen sa new tab pra makta pic eh haha
avatar
iTsukiko
TGOOK Novice
TGOOK Novice

Posts : 256
Join date : 2013-12-31
Age : 21
Location : over there

http://myanimelist.net/profile/iTsukiko

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by RazerKnight17 on Wed May 07, 2014 7:14 am

Wow, Thanks!
Kanina signature ngayon .gif naman Very Happy
Useful tong forum now to yay

Good Luck sa mga gumagawa pa xD
avatar
RazerKnight17
TGOOK Novice
TGOOK Novice

Posts : 262
Join date : 2014-05-06
Age : 18
Location : Anime World

http://www.razerzone.com

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by RazerKnight17 on Wed May 07, 2014 7:21 am

Di po ba to pwede sa Photoshop CS5? ._.
avatar
RazerKnight17
TGOOK Novice
TGOOK Novice

Posts : 262
Join date : 2014-05-06
Age : 18
Location : Anime World

http://www.razerzone.com

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by KoujoAkatsukii on Thu May 08, 2014 6:41 am

may required bang size ang pag gawa ng GIF para hindi magbagal ang pag galaw ng pic??











avatar
KoujoAkatsukii
Nitro
Nitro

Posts : 232
Join date : 2014-02-01
Age : 22
Location : Demon District, Itogami City

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by AoiKurokawa on Thu May 29, 2014 6:11 pm

Depende naman ata siguro
avatar
AoiKurokawa
TGOOK Forum Demi-God
TGOOK Forum Demi-God

Posts : 664
Join date : 2013-12-18
Location : Somewhere in the Philippines

http://thegoldenfriendship-aoiedogawa.tumblr.com/

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by ired21 on Tue Aug 05, 2014 7:50 am

thanks po may na tutunan ako hehehe
avatar
ired21
TGOOK Newbie
TGOOK Newbie

Posts : 53
Join date : 2014-06-14
Age : 17
Location : anime world

Back to top Go down

Re: iTsukiko's Personalized GIF Making using Photoshop Tutorial

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum