Hướng dẫn cách tạo ảnh động (GIF)

[Độc hành]

Ảnh vừa mới thực hiện sáng nay 30-8-2012

Triplec nhìn như là bức ảnh này có nền động ấy, có phải không anh ĐH? Chỉ có cành mai vàng là đứng yên còn bụi hoa phía sau thì động đậy, lạ quá. Anh ĐH cho Triplec hỏi bức hình này là hình ghép hay chỉ một hình vậy? Triplec tò mò quá dù biết ko học được nhưng vẫn cứ muốn tìm hiểu xem anh đã làm cách nào để có tấm ảnh như vậy?

Chính xác nó là ảnh động, định dạng GIF (animated GIF), Triplec ạ ! Nó chính là anh em ruột với những cái emoticon mà chúng ta dùng trên diễn đàn hay trong Yahoo Messenger. Chữ ký của chị Thu Phong cũng là nó đó thôi. Và bởi định dạng GIF là ảnh động nên nó gồm nhiều ảnh ghép chung lại trong một ảnh duy nhất. Hiện nay kiểu GIF động 3D được rất nhiều người ưa thích thực hiện ảnh chân dung vì có thể đặt trong khung ảnh điện tử trang trí rất hấp dẫn.

Ảnh GIF động có nhiều dạng (bao gồm cả animated GIF và Cinemagraphs). Có một vài dạng đúng là cực kỳ khó đối với người không chuyên, nhưng nếu chỉ là cái ảnh hoa mai mà Triplec hỏi, thì không khó như Triplec nghĩ đâu. Nếu Triplec và các bạn thích, ĐH có thể hướng dẫn để các bạn có thể làm xong trong vòng ...15 phút. Thậm chí, nếu cẩn thận, các bạn còn có thể làm đẹp hơn, bởi cái ảnh đó ĐH làm rất cẩu thả.

ĐH xin giải thích vắn tắt một chút về nguyên tắc của ảnh động GIF (gọi như thế bởi vì tên file của nó ở phía cuối lúc nào cũng là .gif, khác với các ảnh .jpg hay .bmp v.v...): Có thể ví ảnh động GIF như một máy chiếu phim. Khi ta xem nó, nó sẽ lần lượt cho xuất hiện từng tấm ảnh một chứa bên trong nó và xoay vòng bất tận. Như vậy, nếu ta ghép 3 ảnh vào một ảnh GIF, thì khi chạy, nó sẽ cho ta xem lần lượt: ảnh 1 -> ảnh 2 -> ảnh 3 -> ảnh 1 -> ảnh 2 -> ảnh 3 ->.....liên tục như thế.

1- Những ảnh GIF cực khó đối với người không chuyên :

Đó là thực hiện ảnh động chỉ bằng một ảnh tĩnh có sẵn, trong khi muốn thực hiện ảnh động thì phải có nhiều ảnh với cảnh chuyển đổi liên tục. Như thế người thực hiện phải tự tạo ra những ảnh khác từ một ảnh tĩnh chính. Có thể phải vẽ thủ công hoặc phải nhờ các software trợ giúp.

Ví dụ:

Ở trang đầu tiên của blog Oa Nữ đây,Triplec có thể thấy ảnh động này:



Nguyên gốc là một ảnh tĩnh có sẵn của Oa từ trước. Để thực hiện thành ảnh động như thế này, ĐH phải vẽ thủ công từng ngọn lửa nến để gắn vào đó.

Các ví dụ khác:

(Vì các mẫu của ĐH thực hiện không thể post lên diễn đàn nếu chưa được sự đồng ý của người trong ảnh nên phần dưới đây ĐH chỉ dùng các ví dụ được cho sử dụng tự do trên net)

Các mẫu dưới đâycũng tương tự như ví dụ trên, nhưng còn khó hơn bởi ảnh cưới chụp trước đó đã lâu, giờ phải sử dụng software chuyên dụng rất đắt tiền để tạo lại người 3D như thật từ một ảnh tĩnh có sẵn, sau đó mới ghép các ảnh lại thành ảnh GIF động:






2- Riêng những ảnh GIF động dưới đây, vì không phải thực hiện từ những ảnh tĩnh có sẵn, mà đã có sự tính toán để làm ảnh động ngay từ bước đầu tiên chụp ảnh, và các bước quan trọng đều do software đảm trách nên sẽ rất dễ thực hiện:

Dễ nhất là ảnh chùa một cột (tương tự như ảnh hoa mai của ĐH đã làm). Các ảnh khác thì mất công nhiều hơn một chút.











Một dạng Cinemagraphs chân dung rất được ưa chuộng hiện nay.



***

[thuphong]

.

Chính xác nó là ảnh động, định dạng GIF (animated GIF), Triplec ạ ! Nó chính là anh em ruột với những cái emoticon mà chúng ta dùng trên diễn đàn hay trong Yahoo Messenger. Chữ ký của chị Thu Phong cũng là nó đó thôi. Và bởi định dạng GIF là ảnh động nên nó gồm nhiều ảnh ghép chung lại trong một ảnh duy nhất. Hiện nay kiểu GIF động 3D được rất nhiều người ưa thích thực hiện ảnh chân dung vì có thể đặt trong khung ảnh điện tử trang trí rất hấp dẫn.

Ảnh GIF động có nhiều dạng (bao gồm cả animated GIF và Cinemagraphs). Có một vài dạng đúng là cực kỳ khó đối với người không chuyên, nhưng nếu chỉ là cái ảnh hoa mai mà Triplec hỏi, thì không khó như Triplec nghĩ đâu. Nếu Triplec và các bạn thích, ĐH có thể hướng dẫn để các bạn có thể làm xong trong vòng ...15 phút. Thậm chí, nếu cẩn thận, các bạn còn có thể làm đẹp hơn, bởi cái ảnh đó ĐH làm rất cẩu thả.

***

Vậy được lời như bỏ qua sự e ngại, nhờ bạn Độc Hành hướng dẫn cho ACE NR làm ảnh động với nhé. TP cũng rất thích những ảnh động này nhưng nhìn trên net thấy khó quá. Như vậy những ảnh hoa có con ong bay bay phía trên thì chắc khó làm lắm nhỉ.
Cám ơn bạn trứơc nha.

[Độc hành]

.
Vậy được lời như bỏ qua sự e ngại, nhờ bạn Độc Hành hướng dẫn cho ACE NR làm ảnh động với nhé. TP cũng rất thích những ảnh động này nhưng nhìn trên net thấy khó quá. Như vậy những ảnh hoa có con ong bay bay phía trên thì chắc khó làm lắm nhỉ.
Cám ơn bạn trứơc nha.

Không có gì phải e ngại đâu, chị Thu Phong ạ ! Diễn đàn chính là nơi học hỏi, chia sẻ. Bản thân ĐH cũng học được từ mọi người nhiều thứ lắm. Nếu các bạn thích thì chúng ta cùng làm thôi .

Hãy bắt đầu từ thắc mắc "DỄ" hay "KHÓ" của chị Thu Phong :

DỄ: Nếu những gì bạn muốn thực hiện thành ảnh động đều có thể ghi lại được bằng camera (như ảnh Chùa Một Cột và ảnh nhánh mai của ĐH đã làm bên trên)

KHÓ: Tất nhiên là ngược lại với "DỄ"
Những cái mà bạn muốn lại không thể dùng camera ghi lại được, hoặc ghi được nhưng không chính xác. Lúc đó, bạn phải có chút kỹ năng về sử dụng đồ hoạ vi tính thì mới có thể thực hiện được. Thậm chí, như ĐH đã giới thiệu ở CM trước, các bạn phải sử dụng software chuyên dụng và bản thân bạn phải là một hoạ sĩ để có thể dựng hình 3D một cách chính xác.

Vậy nhé. Giờ hãy quên cái khó đó đi, chúng ta chưa cần đến nó. Chúng ta sẽ bắt đầu từ cái cực dễ. Các bạn hãy tự tin. Nếu các bạn làm không được là do ĐH truyền đạt dở chứ không phải các bạn kém.

Các điều kiện cần có để có thể làm được ảnh GIF động này:

1- Máy vi tính - Bất kể loại nào: Desktop ; Laptop; Tablet ; ngay cả Smart-phone cũng được. Cái này thì ai cũng có rồi, phải không ạ ?

2- Camera - Bất kể loại nào. Kể cả camera của DTDĐ bình dân cũng được. Có ai chưa có điều kiện này không ?

3- Óc thẩm mỹ và sự yêu thích. Hết.

Bây giờ các bạn cho ĐH ít thời giờ để chuẩn bị bài đã. Nói là bài chứ thật ra chỉ là trao đổi một số chuyện để các bạn hiểu rõ trước khi làm. Một khi đã bắt tay vào làm, thì như ĐH đã nói ở CM trước, trong vòng 15 phút trở lại bạn sẽ có một ảnh GIF do chính tay mình làm.

Nếu quá thời gian đó mà bạn vẫn chưa làm được, thì bạn có thể đưa ý kiến lên diễn đàn, đề nghị đánh đòn ĐH, như NN đã đề nghị đánh đòn BM đó.

[Độc hành]

(@ Xin các Mod giúp gom tách và di chuyển những CM thuộc đề tài này về chỗ thuận tiện hơn, bởi có thể sẽ còn nhiều thắc mắc cần được giải đáp của các ACE trên diễn đàn, như thế sẽ làm nát vụn blog của Oa Nữ mất. Thành thật xin lỗi Oa Nữ và cảm ơn các Mod )


Hôm nay mỗi người chúng ta sẽ trực tiếp thực hiện ảnh GIF động cho mình ở bước dễ dàng nhất, và ĐH xin vào thẳng vấn đề để các bạn khỏi thắc mắc: Các bạn chỉ có việc post ảnh của mình lên dịch vụ trên mạng và chờ vài phút để lấy ảnh GIF về. Hoàn toàn miễn phí và không đòi hỏi một thủ tục rắc rối nào cả. “Đơn giản như đang giỡn” vậy thôi. Bởi thế nên không cần các bạn phải cài đặt phần mềm, rồi học cách sử dụng phiền phức. Thiết bị thì chỉ cần một smart-phone là đủ.
Nhưng trước khi bắt tay vào việc thì chúng ta cần tìm hiểu một chút về kỹ thuật này để công việc đạt hiệu quả cao hơn. Bạn nào đã biết rõ về GIF rồi thì có thể bỏ qua đoạn này để đi thẳng vào việc ở phần bên dưới.

Để thực hiện một ảnh động, bạn phải có từ 2 ảnh trở lên ( mỗi ảnh trong GIF được gọi là một frame). Càng nhiều frame thì chuyển động càng nhuyễn, nhưng sẽ làm cho dung lượng ảnh nặng. Nếu quá nặng thì khó chia sẻ trên mạng được vì ảnh load rất lâu, người xem không chờ đợi được. Xin các bạn xem các ví dụ để dễ hình dung:



Ảnh bên trái 06 frame (Dung lượng390 K) - Ảnh bên phải 24 frame (Dung lượng 1600 K)


Như ĐH đã trình bày bên trên, công việc quan trọng của các bạn là tính trước những chuyển động và chụp ảnh để thực hiện chuyển động đó. Chụp ảnh càng chắc tay, chuyển động càng sáng tạo thì ảnh GIF càng độc đáo. Về chụp ảnh thì ở đây ĐH còn phải chạy theo nhiều ACE để xin học nghề nên ĐH không dám múa rìu, chi xin đề cập một vài chi tiết về GIF thôi.

Ảnh động có thể tạm chia ra làm 2 loại theo mắt quan sát:

1- 3D Animated GIF: Ảnh động tạo hiệu ứng nổi 3 chiều



Đặc điểm của 3D Animated GIF : Camera di động để ghi ảnh – Vật thể cố định.

Khi chụp ảnh dạng này, các bạn cố gắng giữ vật thể nằm ở vị trí nhất định trong khuôn hình, chỉ thay đổi góc chụp để tránh khi ghép lại thì vật thể sẽ bị rung, nhảy.

2- Cinemagraphs : Ảnh động tạo hiệu ứng chiếu phim



Đặc điểm của Cinemagraphs: Camera cố định để ghi ảnh – Vật thể chuyển động.

Khi chụp ảnh dạng này thì các bạn cố gắng giữ cố định camera, cũng để tránh bị rung nhảy như trường hợp trên.

Chuyện chụp ảnh sáng tạo của các bạn thì làm ngay bây giờ hay để sau này tùy ở các bạn. Nếu chưa có ảnh trong tay thì các bạn có thể sử dụng ngay các mẫu ĐH gởi ở đây để làm thử. (bấm chuột phải vào ảnh , chọn save vào một thư mục trên máy của bạn)

Mẫu 1:

1
2
3
4
5
6

Mẫu 2:

1
2
3
4
5
6
7
8
9



Điều quan trọng: Chuyển động phải tuần tự từng bước nên bạn phải post từ ảnh 1 đến ảnh 2, rồi ảnh 3... cho đến hết. Nếu các bạn post không theo thứ tự thì ảnh sẽ nhảy lung tung - ngoại trừ là bạn vui tính, hoặc bạn là tín đồ hip-hop nên cố ý muốn nó nhảy như thế thì ĐH không có ý kiến.


Các trang dịch vụ thực hiện ảnh GIF trên mạng:

http://gifninja.com/ (rất nhiều frame)
http://makeagif.com/ (20 frame)
http://gickr.com/ (10 frame)

Trong các trang kể trên, ĐH đề nghị các bạn nên sử dụng http://gifninja.com vì những đặc điểm vượt trội sau đây :

- Miễn phí. Không cần đăng ký. Nhào vô là xài. Hoàn toàn không yêu cầu bất cứ điều kiện gì ở bạn.

- Số lượng frame ghép cho 1 ảnh GIF là rất nhiều. Trong khi các trang khác chỉ cho phép ghép tối đa 10 hoặc 20 frame cho 1 ảnh GIF, thì ĐH đã thử tại gifninja.com đến 45 frame mà vẫn chưa đến giới hạn. Số lượng frame như thế là dư thoả mãn cho dân pro chứ nói gì đến chúng ta.

- Trong khi ở các trang khác, sau khi post ảnh lên, bạn chỉ được phép định tốc độ rồi thực hiện. Đến khi làm xong rồi, nếu bạn chưa hài lòng về tốc độ của ảnh GIF thì bạn buộc phải post ảnh lên một lần nữa để làm lại. Nhưng với gifninja thì bạn được phép sắp xếp lại thứ tự các ảnh sau khi post lên, cho phép xem trước thoải mái và điều chỉnh tốc độ chạy của file GIF cho phù hợp trước khi thực hiện. Như thế đỡ mất công cho chúng ta rất nhiều, nhất là các bạn chưa quen việc.

- Ảnh GIF do gifninja thực hiện hoàn toàn sạch sẽ, y như ảnh lúc bạn post lên, không bị đánh dấu gì trên đó, trong khi những trang khác thì có đóng dấu logo hoặc quảng cáo tên miền trên ảnh GIF.

- Gifninja cho phép bạn sau khi làm xong download file GIF về và có thể xoá luôn file gốc trên mạng, nếu bạn chỉ muốn tặng riêng cho ai đó và không muốn người khác thưởng thức tác phẩm của mình. Các trang khác thì không được thế. Bạn chỉ được download về. Còn file gốc tác phẩm của bạn sẽ nằm lại trên net cho mọi người thưởng thức đến ngàn sau.

- Gifninja còn cho phép bạn xem những tác phẩm của người khác triển lãm trên đó. Nếu thích, bạn có thể download về để học hỏi hoặc để làm....kỷ niệm.

Trong thời buổi khó khăn này mà được một dịch vụ hoàn hảo như thế thì bạn còn mong gì hơn ?


Đến đây bạn nào đã rành chuyện post ảnh rồi thì có thể thực hiện luôn. Còn bạn nào chưa tự tin lắm thì theo ĐH sang phần kế tiếp dưới đây để được hướng dẫn post ảnh lên trang gifninja.

Mọi thắc mắc của các bạn xin cứ nêu lên. Nếu không ngoài khả năng, ĐH sẽ giải đáp cho đến khi nào ...khát nước thì thôi.

[Độc hành]

Hướng dẫn post ảnh lên gifninja để làm ảnh GIF:


1- Link vào trang web làm ảnh GIF: http://gifninja.com


2- Ở trang đầu tiên bạn bấm chuột theo thứ tự 1 – 2 như trong ảnh để chọn file từ máy của bạn để post lên .



Chú ý quan trọng:

Phải bấm và giữ phím Ctrl, sau đó bấm chuột lên tuần tự từng file theo thứ tự 1 - 2 - 3 - 4....cho đến hết. Sau đó mới bấm Open để mở file.


3- Hiển thị file ảnh của bạn khi đang up





4- Sau khi up lên xong, màn hình sẽ hiển thị như trong ảnh:



Bạn có thể theo dõi trên khung hình nhỏ bên phải và di chuyển nút gạt từ trái sang phải để điều chỉnh tốc độ chạy của ảnh GIF.
Sau đó gõ tên file GIF vào khung Title.



5- Nếu đã hài lòng, bạn bấm chuột vào khung màu đỏ “Looks good, built it!” để thực hiện:





6- Chờ một vài phút, bạn sẽ được kết quả như sau:




Bạn nhớ phải download file về máy trước, rồi sau đó muốn làm gì thì làm. Nếu bạn bấm link để xoá file trước, thì xem như là công cốc. Mọi chuyện sẽ phải làm lại từ đầu, và cái khoảng 15 phút mà ĐH cam kết đó, bạn sẽ thay ĐH mà chịu đòn.

Chúc mừng Quốc Khánh 2-9 và chúc các bạn thực hành vui vẻ .




Ảnh GIF thực hiện từ Gifninja tặng chị Thu Phong

[thuphong]

.
Cám ơn bạn Độc Hành rất nhiều, (nhất là tấm ảnh tặng cho TP ) thật chi tiết và chuyên nghiệp dễ hiểu lắm, trước giờ TP cứ thắc mắc phải ghép nhiều ảnh như chiếu phim hay theo cách hiện đại bây giờ là cứ post 1 ảnh rồi phần mềm nó tự làm thành ảnh động. bây giờ thì mọi cái rõ ràng rồi, vấn đề bây giờ là phải chụp lấy ít nhất là 5 bức ảnh có chi tiết khác nhau phần mình muốn cho nó "động" ha.
Vậy cho TP hỏi chút thì tốc độ mình nên chọn như thế nào? Ví dụ như là làm chữ ký của bạn ĐH thì tốc độ là bao nhiêu? con ong bay đó thì tốc độ bao nhiêu.
Bạn có cái link dowload ptscs k cần bẻ khóa k cho TP xin với, ngồi mò lâu quá

[thuphong]

.
TP đã thử nhưng k biết sao chỉ cho up lên 1 ảnh rồi k hiện select file cho mình up tiếp.

[Độc hành]

.
TP đã thử nhưng k biết sao chỉ cho up lên 1 ảnh rồi k hiện select file cho mình up tiếp.

Chị Thu Phong,

Chức năng up nhiều file của trang web có hiện cửa sổ hướng dẫn, nhưng khó thấy :



Nó cũng giống như các trang up ảnh khác thôi : Bấm và giữ phím Ctrl, sau đó bấm chuột vào tuần tự từng file một theo thứ tự 1- 2- 3....cho đến hết, sau cùng mới bấm Open

Ảnh ví dụ bên dưới :



hoặc:

.
.................... vấn đề bây giờ là phải chụp lấy ít nhất là 5 bức ảnh có chi tiết khác nhau phần mình muốn cho nó "động" ha.
Vậy cho TP hỏi chút thì tốc độ mình nên chọn như thế nào? Ví dụ như là làm chữ ký của bạn ĐH thì tốc độ là bao nhiêu? con ong bay đó thì tốc độ bao nhiêu.
Bạn có cái link dowload ptscs k cần bẻ khóa k cho TP xin với, ngồi mò lâu quá

- Không cần đến 5 ảnh đâu. Nếu ảnh động đơn giản thì chỉ cần 2 ảnh là làm được ảnh động rồi.
- Thực sự chị không cần quan tâm tới số đo tốc độ cụ thể . Bất cứ nội dung của ảnh GIF là gì, để quyết định tốc độ của nó, chị chỉ cần quan sát ảnh GIF trên cửa sổ xem trước. Nếu cảm thấy nhanh quá thì giảm, chậm thì tăng. Điều chỉnh cần gạt tốc độ cho tới khi nào thấy vừa ý thì cho thực hiện. Ảnh GIF thành phẩm sẽ có tốc độ y hệt như cái mà chị được xem trước chứ không khác.

Nhưng ĐH cũng xin trình bày thêm về tốc độ của file GIF vì chị đã đặt câu hỏi, thực sự nó không cần thiết cho hiện tại.

Không có một tốc độ chuẩn nào cho file GIF cả. Tất cả tuỳ thuộc vào số lượng frame của file GIF và tuỳ thuộc vào người thực hiện.
Các trang mạng dịch vụ tạo GIF như ta đang dùng, sau khi set tốc độ, sẽ cho tất cả các frame đều chung một tốc độ như nhau. Ví dụ ta set tốc độ là 0,1 giây, có nghĩa là mỗi frame của ảnh GIF sẽ hiển thị đúng 0,1 giây rồi đến frame kế tiếp. Ảnh có 10 frame thì sẽ mất đúng một giây (0,1 x 10) để chạy hết các frame và bắt đầu một tua kế tiếp.
Nhưng trong trường hợp chúng ta sử dụng soft chuyên dụng để thực hiện trên computer thì chúng ta có thể set cho từng frame có thời gian hiển thị khác nhau. Câu hỏi của chị Thu Phong về chữ ký của ĐH là ở vào trường hợp này. Phân tích chữ ký, ta thấy có 3 phần : Khổ thơ đầu + Phần chuyển tiếp + Khổ thơ sau. Hai khổ thơ phải có thời gian xuất hiện đủ lâu để có thể đọc. Phần chuyển tiếp chỉ cần thoáng qua là được. Như vậy, chị Thu Phong xem ví dụ về sơ đồ và tốc độ của các file kèm dưới đây thì sẽ hiểu được cấu trúc thiết kế chữ ký của ĐH.





Thêm một ví dụ nữa về tốc độ các frame. Trong ảnh GIF dưới đây, tốc độ bay của con ong luôn thay đổi, có khi như dừng lại trên không, có khi nhanh đến không kịp nhìn. Ảnh này vừa là ví dụ, vừa để dành tặng thêm cho chị Thu Phong vì ĐH thấy chị có lẽ đang thích ong với hoa

.
.........................
Bạn có cái link dowload ptscs k cần bẻ khóa k cho TP xin với, ngồi mò lâu quá

ptscs = ? Có phải chị Thu Phong muốn hỏi PhotoShop CS phiên bản Portable ?

ĐH không sử dụng bản portable, nhưng có link download. Gửi chị:

PhotoShop-CS2:

http://www.mediafire.com/?nm1gynzzqgj

PhotoShop-CS4:

http://www.mediafire.com/?gdmwtzlcjzt

[thuphong]

.
Cám ơn bạn Độc Hành rất nhiều, TP thử được rồi nhưng hình nó hơi nhảy cà giựt chăc là do tốc độ và số lượng ảnh với các chi tiết chưa phù hợp.
Haizzz, TP hay bị quên giữ cái nút ctr cứ nhấn xong việc là thả bất tử
Để chiều tìm ảnh thử lại cái ngon hơn
Đây là ảnh thử. SR bé nhé.

http://gifninja.com/animated-gifs/270116/agumuttay

[NHAT NGUYET]

.
Cám ơn bạn Độc Hành rất nhiều, TP thử được rồi nhưng hình nó hơi nhảy cà giựt chăc là do tốc độ và số lượng ảnh với các chi tiết chưa phù hợp.
Haizzz, TP hay bị quên giữ cái nút ctr cứ nhấn xong việc là thả bất tử
Để chiều tìm ảnh thử lại cái ngon hơn
Đây là ảnh thử. SR bé nhé.

http://gifninja.com/animated-gifs/270116/agumuttay

Hehe cái mà chị TP làm, và NN cũng có làm thử, chỉ giống như slide show thôi, chưa thể đạt như anh ĐH show đâu. Làm sao để tất cả hoa lá đều tĩnh và chỉ có con ong là động thì... chắc không đơn giản chút nào, phải không anh ĐH?