Shop Mobile More Submit  Join Login

The Journal Portal

Tune into the voice of the community by checking out DeviantArt's Journal Portal. Join the conversation by browsing, adding faves, and leaving comments, or submit your own Journal to let your voice be heard.

Submit Journal

25,506 Deviants Online
Xin chào :D Hôm nay mình sẽ giới thiệu cách cắt gif từ video một cách đơn giản nhất bằng Mozilla Firefox

 Chuẩn bị
+ Cài đặt 2 phần mềm:

- Free Video to GIF Converter:…

- Easy Video Downloader…?

Đối với Easy Video Downloaderthì các bạn chỉ cần bấm vào "Add to Firefox" -> Cài đặt ngay là nó sẽ tự động cài đặt phần mềm này cho các bạn. Sau đó chúng ta khởi động lại Firefox

Còn với Free Video to GIF Converter thì các bạn cài đặt như bình thường( bước này khỏi hướng dẫn nhé :D)

Bắt đầu thôi nào

- B1: Sau khi cài đặt xong Easy Video Downloader thì các bạn vào youtube và search video cần cắt
- B2: Chọn download as vào chọn dung lượng video muốn tải về. Ở đây mình chọn MP4 1080p (Full HD)
Untitled by bibi97nd

- B3: Sau đó nó hiện ra cái bảng yêu cầu nhập code. Các bạn hãy nhập code theo bảng trên và ấn Start download

Untitled by bibi97nd

- B4: Sau khi download xong nó hiện ra cái bảng như này. Các bạn ấn Open Folder

Untitled by bibi97nd

- B5: Và sau đó hiện lên video mà chúng ta đã tải về. Các bạn đổi tên sao cho tên video ngắn nhất và lưu ý là ko có ký tự đặc biệt
* Lưu ý là phải có đuôi .mp4 hoặc .flv ở sau tên thì mới được nhé

Untitled by bibi97nd

- B6: Sau khi đổi tên xong các bạn nhấn CTRL+C và vào phần mềm Free Video to GIF Converter đã tải về. Chọn Browse Video và nhấn CTRL+ V

Untitled by bibi97nd

B7: Trong khung From....To.... các bạn hãy chọn khoảng thời gian trong video mà mình muốn cắt và khung Width... Height chọn kích thước cho video. Ở đây mình chọn khoảng thời gian từ 0:50 đến 0:54 với kích thước là 300x168 và Extract là 20

Untitled by bibi97nd

B8: Bấm next. Tiếp theo hiện ra bảng chỉnh sửa cho video đã cut. Nếu còn thừa chi tiết nào bạn bấm Remove để loại bỏ chi tiết đó. Có thể lựa chọn chất lượng cho gif bằng 2 cách Normal quality.... Và Excellent quality..... Ở đây mình chọn Excellent quality với custom là 18. Sau đó bấm Make gif và lưu lại gif đã làm.

Untitled by bibi97nd

Vậy là ta đã cut xong 1 gif từ video rồi ^^

Jj Just another girl by bibi97nd

Chúc các bạn thành công :D

  • Mood: Caring

-01/03/2013 Original Post
-07/07/2013 Massive revamp
-07/08/2013 Added how to stop generating optimized under "How to convert a video to animated .gif" and other corrections


Previously this conversion tutorial was made for Mikumikudance(MMD), a free 3D animation software, but I have now made this tutorial to be as general as possible, but I'll still mention few MMD stuff here and there. I'm using Photoshop CS3 so newer versions will most likely have newer features that I do not know. Older versions however might or might not have the video conversion feature. I'll focus on making the gif run at 30fps at highest quality possible so I won't bother listing all working codecs for photoshop
Back to TOC


    Working LOSSLESS codecs for PS
  • Uncompressed/RAW. This one is the most commonly available codec with video editing and rendering softwares. It also allows alpha-channels(transparency). Bear in mind that this compression causes very huge file size that a 15 sec video could take 100mb-1gb big
  • Animation Codec and PNG Codec. These are Quicktime codecs. I never used them myself but I've read that they work. Also allows Alpha-channels
  • Lagarith and Huffyuv do not work on PS
  • Allowable fps is up to 30, do not go beyond that
  • gif animation is slightly faster or slower due to rounding off of delay values. Photoshop adjusts gif speed depending on the video's frame rate
  • gifs have limited colors therefore it's not possible for the picture to be crystal clear, however the lossless codecs allows the gif to retain most of the quality
  • There's a 500 frame limit in PS video import, but videos start at frame 0 but PS will still read it as frame 1. It's possible to get past the limit
  • Do not bother making HD gifs as they will usually be too much for most computers

Back to TOC

The method is very simple
  1. First Render in RAW/Uncompressed. If your source video isn't uncompressed, you might need to use a converter or video editor. In MMD don't add video or picture as background, the alpha-channel is included automatically. For other softwares like Sony Vegas you might need to change the settings to include it.
  2. On Photoshop go to [File]--->[Import]--->[Video Frames to Layers]
  3. Then [File]--->[Save for web and devices]
  4. When you open [Save for web and devices] window, PS will "Generate Optimize" automatically. To stop this, press "esc" on your keyboard once.

    "Generating Optimized" is when PS creates a preview of the output gif. For low ram computers or if you don't want to be bothered by it (Since it's usually slow) you might want to stop it instead. If you are trying to see how it looks when resized and test how big the file size is, you might need to let PS create the optimized.
  5. Resize Image if necessary (dA has max 150x150 for thumbnails). To resize image, simply open the [Save for web and devices] window and go to image size tab. PS will again generate optimize so stop it if needed.
  6. Save

  • dA requires preview image for any animated media. When creating GIF for preview image, you need to resize it to any size that is not exceeding 150x150 resolution. I'm not really sure about still images but I think there's no need to resize for non animated formats
  • When resizing down, it's better to use the video at a larger resolution as PS resizes images nicely
  • It really is possible to use video editing softwares to create high quality gifs. Take a look at this example which was rendered AND edited using Sony Vegas with uncompressed compression and converted to gif via Photoshop
  • Against Overwhelming Odds by tao63
  • To see if the alpha-channel has been properly read by Photoshop, it should be transparent after you import the video (example below)
  • And here's my optimization settings

Back to TOC

I can copy paste from wikipedia but lets say it's what allows transparency. When you render a video in greenscreen, you can export the alpha-channel information and allows reuse to other softwares where you will no longer need another greenscreen to create. Photoshop can read the alpha-channel to make an easy transparency compared to creating it via PS itself. Sometimes videos rendered with alpha-channels will contain rough edge borders or something. Those are transparency problems, it would be wise to use diffusion transparency at amount 1% and raise it if needed
Back to TOC

  • Conversion duration
    I'm using a slow computer and a 500x500 with 300+ frames takes around 30mins to convert.
  • Low ram error
  • While converting, PS will freeze temporarily (At least for a 1gb ram computer). Sometimes a message will appear saying not enough ram. Possible reasons are: Too many frames or resolution is too high. To get past this you can: Reduce frames and size. You can also go to [Edit]--->[Preferences]--->[Performance] then let Photoshop use 32MB RAM to force it use scratch disk instead of RAM. This isn't surefire trick and you might still get the low ram error. Another method is at method 2 of "Getting past 500 frame limit" below
  • Reducing file size
  • There are ways to reduce the file size
    1. Reduce the number of frames by deleting or "limit the frames every x" from the window that pops-out when you import a video
    2. Below you can see the optimization settings, you can increase lossy (reduce quality) or reduce the colors palette.
    3. You can resize the image as well
  • Getting past 500 frame limit
    Bear in mind that GIFs are not supposed to have many frames. Doing so will cause the file to be huge and requires a lot of RAM. So do this at your own risk
  • Method 1: Forcing everything in PS
    To do this you need the following softwares
    1. Video editor
    2. Photoshop
    1. On your video editor of choice cut the video into multiple parts, make sure each videos doesn't exceed 500 frames
    2. Render the video at uncompressed, also include the alpha-channels if needed
    3. On Photoshop import the first part
    4. On Photoshop import the second part, select all frames and copy frames as shown in the picture below. Repeat the same process if there are more than two videos
    5. Open the first part and its animation window. Click the very last frame and paste the frames with paste method shown below.
    6. Save the gif. Note that this could cause a low ram error, so method 2 should be more recommended
  • Method 2: Combining the gifs with external software
    To do this you need the following softwares
    1. Video editor
    2. Photoshop
    3. MS Gif animator

    MS GIF animator looks like this:

    1. On your video editor of choice cut the video into multiple parts, make sure that each of them doesn't exceed 500 frames
    2. Render the video at uncompressed, also include the alpha-channels if needed
    3. On Photoshop, convert the two or more videos separately
    4. Open MS GIF animator and drag and drop the converted gifs. Make sure to do it in order
    5. Save on MS GIF animator. The software can read the gifs' transparency
      The good thing about this method is that we can avoid the PS annoying low ram error while retaining good quality. Sometimes the preview image looks distorted or not properly showing but the output should be fine so nothing to worry.

(MMD) Creating loops

Back to TOC

Questions? Suggestions? Corrections? Just leave a comment, or note me or pm me on Youtube. Don't email me

Halloween this year... (In gifs :D)

Journal Entry: Tue Nov 1, 2011, 6:55 PM

It appears all the little kids in our neighborhood fell off the face of the planet this halloween and with them, the halloween sweets. D:

So I spent my halloween like this :

I ate all the ungiven sweets in me house like:

Boogied around the lane with sparklers and bangers like:

Went down to my buddies house and creeped around peoples yards like:

We pissed off the people throwing fireworks like:

Then we dodged people throwing fireworks at us like:

Hid in the bushes like:

Called it a night and moshed out on the ride home to Van Halen like:

Got back on DA like:

  • Mood: Big Grin
  • Listening to: Why can't this be love - Van Halen
  • Reading: Wuthering Heights
  • Playing: Batman ARKHAM CITY 8D
  • Drinking: Tea :)
So i got a lot of comments asking how to use gifs in journals so i will teach you all!
alternative text

1.) Ok step one find a gif of your choice (i usually look them up on google and on tumblr)
alternative text

2.) Copy the image address (you do this by right clicking the gif and click on "copy image address")
alternative text

3.) then when your on your journal put this address in
< img src="filename.gif" alt="alternative text" width=X height=Y >
(i put spaces in-between < and > so you can see the address just make sure you get rid of the spaces)  
alternative text

4.) where it says "filename.gif" put in the image address and with x and y put in the size you want (i usually use 300 or 200 for x and 200 or 100 for y)
alternative text  

alternative text  

alternative text  

alternative text

Enjoy my friends!!!
- Chào à <3 Mình ra TUT này là theo yêu cầu của bạn :iconcan-nhi2000:  Đó là làm 1 avatar ảnh động đơn giản nhé =)))) Không dài dòng nữa .__. Bắt đầu thôi 
À =)) 2 cái ví dụ về ava nhé
1. Ava của bạn Cân Nhi :iconcan-nhi2000:
2. Ava của tớ  :iconmearilee27: 
Fav+cmt+watch = Lấy
Like+yêu+cmt = Lấy 
Credit if you use:   :iconmearilee27:  avatar
B1: Đầu tiên, các bạn down ảnh+font chữ mà các bạn muốn dùng
B2: Mở 1 new ( 500x500 ) Có thể lớn hơn. Miễn sao hình vuông
B3: Mở ảnh ra. Các bạn nên chọn tối đa 4 ảnh nhé. Vì GIF sẽ chạy 5 khung. Vậy cách bạn có thể chọn theo ý thích như sau:
- 4 ảnh+1 chữ
- 3 ảnh+2 chữ
- 2 ảnh+3 chữ
- 1 ảnh + 4 chữ
B4: Các bạn chèn từng stock vào new đã mở. Theo thứ tự tùy thích. Chỉnh size cho phù hợp rồi crop size chặt lại nhé
B5: Vào Window => Animation . Bạn nào mở sẵn rồi thì không phải mở nữa nhé
B6: Tạo layer mới->đổ màu=>viết chữ vào layer đó( tạo = cách nhấn tổ hợp phím Ctrl+shifft+N). Các bạn có thể vẽ shape khung vào hình
B7: Gộp shape+text vào 1. Gộp layer BG+ảnh đầu tiên vào 1. Tắt con mắt của tất cả đi , trừ layer đầu tiên (layer ảnh)
B8: Ấn nút mình khoanh đỏ. Mở con mắt ở layer hình thứ 2 ( màu xanh)
B9: Làm tương tự cho đến khi hết các layer
B10: Chọn chỗ mũi tên -> Other
B11: Cài số giây ở bảng. Các bạn nên chọn 0.3 . Đó là tg trung bình. Nếu không muốn các bạn có thể dùng số khác
B12: Làm tương tự khi hết toàn bộ khung
B13: CHọn mũi tên như tớ khoanh. CHỉnh là Forever
B14: Save bằng cách nhấn tổ hợp phím Alt+Shift+Ctrl+S => Ok
B15: Mở DA or Tumblr... của bạn ra (đừng tắt PTS vội )=> Cài => ĐỢi 1 tí, nếu nó hiện ra 1 cái bảng ntn. Chú ý chữ sau :
B16; Mở lại cái PTS. Chỉnh lại size theo yêu cầu của ng` ta. 50x50 =))))) Rồi cài lại nhé
Nếu vẫn còn bảng thì bạn chỉnh đến khi nào mà đc là ok
TUT về gì:
Xong. Bye nhé <3 Copy nhớ ghi nguồn nha

Bài viết: [TUT] How to make a simple GIF avatar 

Nguồn Zing Blog

- Did you know that each browser has a frame delay limit for gif images?
- Are you using delays that are supported by your browser when you make animations?
- And what about other browsers?

This is a small explanation on frame delay limits that may be useful if you are new to gif animation.
Click on the title to find out more


No School vs School day ... in gifs :D

Journal Entry: Tue Jan 17, 2012, 10:00 AM
When you get up and open the curtains to a lovely sunny day;

No school:

School day:

Getting breakfast;

No school:

School day:

Leaving the house to seize the day;

No School:

School day:

Anyone tries to talk to you;

No school:

School day:

Hours between 9 to 5:

No School:

School day:

Someone says 'Have a nice day!':

No school:

School day:

Then, the rest of the evening;

No school:



Hope you enjoyed that :L

Journal CSS By dot-Silver
  • Mood: Humor
  • Watching: Pretty little liars
  • Playing: Back to the Future: The Game :D Good craic
  • Eating: Poptarts
À ừm hnay rảnh rỗi quá sinh ra nông nổi nên ngồi viết TUT cho những ai thích làm gif như mình :D (chắc k nhiều, vì mình chơi Tum nên khá là mê làm gif 8* ) =)


 Bullet; Pink Tut dành cho những người đam mê làm gif, chịu khó, kiên nhẫn vì trong quá trình làm nếu k biết cách/đúng cách thì coi như đi tong :| nên bình tĩnh là điều cần thiết :v
Bullet; Pink  Đây là Tut mình tự mò, vì mình trải qua chục quá trình tìm hiểu cut gif để có được những cái gif ưng ý (cx chưa hẳn :v) nhưng như v là mình đã nổ lực rất nhiều =) Có một số điểm, một số ý mình tìm trong tut của người ta =) sẽ credit sau

Bullet; Pink  Tutorial của mình làm ra, rất mong được các bạn ủng hộ cx như đóng góp ý kiến, vì vậy mình rất cảm ơn :love: :hug: Nhưng nếu không thíchkhông thấy hài lòng ,vui lòng click back , không gây war bla bla trong tut của mình :) tks =)
Đầu tiên thì down vid về =) hoặc chuẩn bị trước vid (nếu đã down/có sẵn trong máy) để bắt đầu :v
Mình dùng trình duyệt Cốc Cốc nên mình down trực tiếp luôn ~ cái nút download ở trên thanh trình duyệt ấy :v
Còn nếu k dùng Cốc Cốc thì dùng web này , copy link video và paste ở cái thanh đen MEDIA URL đó -> TIẾP TỤC -> chọn HQ ( 720 trở lên càng tốt :) ) -> Chọn TẢI VỀ (nhớ đuôi vid là .mp4)
Down xong Video, giờ b phải kiểm tra xem máy bạn cài Quicktime chưa, mình mở ở cs5 thì lúc đầu nó bảo ntn: could not complete your request because quicktime 7.1 or later is required ;) cái đó là b phải tải về
Còn cs6 mình k biết bản port của các bạn mở như thế nào nhưng mình mở ra thì nó bảo là: COULD NOT COMPLETE THE VIDEO FRAMES TO LAYER COMMAND BECAUSE DYNAMIC LINK IS NOT AVAILABLE thì các bạn tìm hiểu tut này bản full thì xài quá ngon luôn chứ :D =)
đây  download và cài đặt như bình thường :D nhớ là version trên 7.1 nhá :v  nếu k cài đc thì xem vid tut này
Cài xong hết rồi thì giờ mở PS lên thôi (CS5) :v

Vào File->Import->Video Frames to Layers.... và chọn video từ thư mục của bạn, còn k thì copy vid đó rồi paste vào khoảng trống đó và Open


Nhấn giữ phím Shift từ điểm bắt đầu của đoạn gif bạn muốn cut đến điểm cuối cùng của đoạn gif đó :v là như thế này: 

Và ấn phím Enter

>>>>>>GIF đc mở ra vào Window>Animation:

Resize gif còn 250x141

Tất nhiên việc ấn shift lơ tơ mơ như thế này thì bạn sẽ k có những cảnh bạn muốn cut mà đc như ý nên chúng ta sẽ delele những frames k cần thiết, lưu ý mỗi frame bạn chọn như thế tương ứng với layer có con mắt đc bật lên, và delete frames thì chúng ta cũng sẽ delete layers theo
>>> Chọn những frames k cần thiết bằng cách ấn Shift/Ctrl và ấn biểu tượng thùng rác (mình khoanh đỏ):

Nhìn lại bên khung Layer và del những layers đó, cx ctrl+click để chọn ~ layer k cần thiết và ấn  biểu tượng thùng rác như tớ đã khoanh :v

Xong rồi thì nhớ đảm bảo là số frames còn lại phải nhỏ hơn hoặc bằng 35 frames nhớ

Tiếp theo đến phần coloring, các bạn có thể tự blend or quăng psd coloring zô =]]]

Vào cái mũi tên nhỏ nhỏ đó và chọn Select All Frames

Chọn layer trên cùng và blend>> mình có kq:

Tiếp theo là chỉnh thời gian chạy, nhìn gif trong PS nó chạy chậm vậy thôi chứ nếu bạn up lên Tumblr thì nó sẽ chạy rất là nhanh nên mẹo nhỏ là các bạn cứ chỉnh gấp đôi cho nó an toàn, vd cái time gốc của gif cut ra là 0.03 thế là giờ mình sẽ chỉnh gấp đôi lên thành 0.06> Select All Frames> Ấn mũi tên nhỏ nhỏ đó và chọn Other > 0.06

Bây giờ đến phần Sharpen =) phần này cũng khá quan trọng =) nếu k bình tĩnh or  ấn lộn nút nào thì cái gif nãy giờ đi tong nhá =]]

Mình bị chục dạo và cx đã đập cái lap x10 lần nên mình rút exp là sau khi blend xong các bạn hãy lưu PSD lại, vì nó sẽ giữ lại frames và layers nhá :D

Select All Frames và ấn cái nút nhỏ nhỏ đó (Convert to Timeline Animation):

Select  >> All Layers>>>

Filter > Convert  for Smart Filters

Filter > Sharpen > Smart Sharpen , ấn thông số như hình > OK

  ~~~ Xong =) Còn không thì các bạn down action gif ở đây or đây

Save lại:
File > Save for web&devices...

Đảm bảo LOOP là FOREVERdung lượng phải dưới 1mb thì up lên Tumblr nó sẽ chạy nhé :D lớn hơn thì nó k chạy đâu =)

Yehet xong duồi I'm on fire! I'm on fire! I'm on fire! I'm on fire! 

ns tiếp là: nếu như bạn làm gif vs ý định up Tum thì tính toán sao cho đến khi xong rồi lưu chỉ dưới 1MB thì okie, chứ nếu up DA hay mấy trang khác thì khỏi loooooooooooooooo :v
Ai làm đc cho mền xem kq vs nha ^.^

tks dirrtylady
Ai thấy hay thì Fav+comment cho mền vui nhoa 
Tui viết cái tut này là để tui......... tui. tui..... : (( haiz, k ns đc.... 
Và để tôn trọng công sức của mình ngồi chịu bứt từng cọng lông sợi tóc, đau lưng mỏi cổ để làm cái tut cho các bạn nên :

Credit me full if you take out, làm gì thì làm , làm rồi quăng cái link DA tui zô :) =]]
Do not repost and claim as your -.- 

Tks for paying attention~~ ^^ bye bye :v

Christmas ... in gifs!

Journal Entry: Mon Dec 26, 2011, 8:03 PM
How Christmas went... in gifs :D And if you don't celebrate it, happy holidays!

All night,  like:

Get up in the early am and run through the house like:

Find presents like:


Folk trying to kiss you under the mistletoe like:

That one person who didn't return your good wishes and you're like:

Eat christmas dinner like:


And getting back to the net like:

I also watched the Back to the Future trilogy and bought and played the new-ish game, it was all very savage. Love BTTF :)

How was your holiday? :D x

  • Mood: Jolly
  • Reading: Nicholas Nickleby
  • Watching: Back to the Future atm ^^
  • Playing: Back to the Future: The Game :D Good craic
  • Eating: Strepsils D:
  • Drinking: Teaaa

Day in Gifs.

Journal Entry: Sun Nov 6, 2011, 6:00 PM

  1. I got out of bed.
  2. Played some more Deus Ex.
  3. Ate breakfast.
  4. Went to church.
  5. I let my mind wander.
  6. Then I went grocery shopping.
  7. Came back home and did some chores.
  8. Played with my cats.
  9. Ignored my dog.
  10. Played some more video games.
  11. Ate.
  12. Read the D.Gray Man chapter.
  13. Went back to video games. (Fuck homework.)

  • Listening to: fun.
  • Reading: Rise Again
  • Watching: Guilty Crown and Nichijou.
  • Playing: Assassin's Creed Games
  • Eating: A candy bar.
  • Drinking: Water.