Let's make GIF IMAGES!

Hey! It been a while since my last photoshop tutorial, but now it's back!! I've been seeing a lot of people trying to do my tutorials and they beautifully done it :')
This time i'm going to show u how to make......
GIF IMAGES



STEP 1
        To make GIF images, u will need Photoscape and Adobe Photoshop application. U can easily download it for free from the internet. 


















 STEP 2
        Now, open ur Adobe Photoshop application. Then open up a new white layer


 STEP 3
 Use the “ Horizontal Type Tool” ( or by typing “T”) to write down your text



 STEP 4
 Remember the “Pictured text” tutorial I made? Do the following instructions here to transform ur black colored text into a pictured text. The result will be like this :



 STEP 5
Now, u have to make 2 more pictured texts with the same motive. Instead of re-doing the pictured text tutorial, u can just duplicate the layer. Here’s how it works.  Bring ur mouse to the top part of the layer, then click on ur right mouse, then click “Duplicate”.



STEP 6
Now u have a copy of ur previous layer




STEP 7 
 Use the “Move Tool” (or by typing “V”) then click and drag ur pictured text on the duplicated layer and bring it to the first layer. Repeat it 2 times and It will look like this:




STEP 8


 U see that u’ll be having 3 pictured texts in 1 layer



STEP 9
Now use the “ Horizontal Type Tool” ( or by typing “T”) again to write another text



STEP 10
 Since u are going to make a GIF image, u will have to make 3 more exact layers.  Repeat step 1-9. But this time, u will have to use other motive/colors/pictures for ur text. Each layer must have different motive/colors/pictures.  The size and placings have to be EXACTLY THE SAME as the other layers. It will look like this :

 Now u have 4 layers with different pictured texts :)


STEP 11
     NOTE :
If u choose to use colors instead of motives/pictures , u can use different colors for ur texts in 1 layer ,just like this : 


Or, u can actually put different positions  to ur motive/picture (but still with the same motive/picture) for different texts in 1 layer, just like this :

 Just use ur creativity :)



 STEP 12
 Once all 4 layers are done, save them in an order


 STEP 13
Now u are done with the Adobe Photoshop part! 
Next, open ur Photoscape application then click “Animated GIF” on the right side

 

 STEP 14
       This will show up :


Click “Add” --> " Add A Photo” (on the top right side) , then select all of the pictures then click “OK”





STEP 15
 After u’ve inserted all of the photos, arrange the speed by clicking “Change Time” ( on the right side) then arrange the “Display Time”. I changed mine into 30 which means the speed will be 0.30 sec for each transition/picture. Then click “OK”




STEP 16
U are almost done!! >.< Last step, Click “Save” on the right side or by typing “Ctrl+S”



 NOW U ARE DONE!!!

GOOD LUCK :)


 P.S : Feel free to request any other tutorials u want me to show :) 
btw, thank u soooooo much for the amazing feedback on my anniversary video !! i didn't really expect it becos i made this video for a gift , but Glad u guys liked it :D Some of u actually requested for me to make a tutorial of it....... Let's just make this clear, it's not that i don't want to, but it took me around 1 month to make that 9-almost-10-minute-video. 
what?? 1month?? y so long?? Well..... it is actually a stop motion form video which means i have to edit the pictures one by one in photoshop. 1 single movement means 1 photo. So this whole video used about more than 2.000 photos... yes, <2.000 photos edited in photoshop. But i didn't even realize it was that much! i thought it was only around hundreds cos i didn't even feel the pressure or feel tired at all. I guess it was becos i made it with love :)
So really sorry if i can't give u the tutorial. maybe other more simple video tutorials someday?
good night :)

6 feedbacks:

Anonymous said...

I don't know about CS3 but in Photoshop CS5 you can make gifs too. It'll be a less hustle than using 2 programs, I guess?

Content Director - Strong Female Leaders said...

Fantastic tutorial. Really simple step by step.
Seattle Beauty and Fashion - Girlie Blog Seattle

Savira Nur Insani said...

request tutorial edit foto yg effect gini dong http://27.media.tumblr.com/tumblr_lzu9snLGsR1qlwz38o2_250.jpg :)

Rosalinda Tjioe said...

Great tutorial! Love the gifs <3 X

http://rosalindatj.blogspot.com

Anonymous said...

Woaa thankyou :)

siti masyitah said...

waw... u r such a brilliant girl... TOP BGT... :D