Cách làm animation trong photoshop

Vote nếu thấy hữu ích post

Bạn đang lướt website hoặc Facebook và gặp những ảnh GIF ấn tượng? Bạn muốn biết cách tạo ảnh gif bằng photoshop? Trong bài đăng này, blog.atpacademy.vn sẽ sẻ chia ngay với bạn thủ thuật tạo ảnh gif bằng photoshop cs6 .Tham khảo ngay nhé!

Cách làm animation trong photoshop

  • Cách tạo ảnh gif bằng photoshop từ bước đầu tiên
  • Thủ thuật tạo ảnh gif bằng photoshop cs6 đơn giản
  • Cách tạo ảnh gif bằng photoshop CC từ video
  • Tạo ảnh gif bằng photoshop từ folder ảnh có sẵn
  • Ích lợi của việc tạo ảnh gif bằng photoshop
  • Tổng kết

Cách tạo ảnh gif bằng photoshop từ bước đầu tiên

Tạo các layers để làm chuyển động

Ở thanh menu, chọn tệp > Scripts > Load Files into Stack. Khi cửa sổ Load Layers hiện ra, bấm Browser rồi chọn ảnh từ thư mục, click OK để mở.

Cách làm animation trong photoshop

Tạo bảng điều khiển timeline

Sau khi ảnh được nhập vào từng layers, tại Window, chọn Timeline (với CS5 là Animation). Ở giữa bảng sẽ xuất hiện một nút mũi tên xổ xuống, và cho bạn chọn giữa “Create clip Timeline” hoặc “Create Frame Animation”. Click chọn Create Frame Animation.

Cách làm animation trong photoshop

Đặt ảnh (layer) vào khung chuyển động

Trong menu Timeline/Animation, click vào nút, sau đấy chọn Make Frames From Layers.

Thay đổi khoảng thời gian cho từng khung hình.

Khi thứ tự khung hình và thời gian xuất hiện của từng khung đã được đặt xong, nhấn play để xem thử.

Cách làm animation trong photoshop

Save file

Sau khi đảm bảo hình ảnh hiển thị đúng như ước muốn, nhấp vào tệp > Save for website & Devices, chọn định dạng cần lưu là .GIF, thay đổi các tùy chọn khác của ảnh nếu như cần và bấm save để lưu ảnh.

Cách làm animation trong photoshop

*Lưu ý: với những bạn muốn lấy video từ After Effects làm gif, bạn hãy xuất tệp (MP4/AVI). Vào Photoshop mở file như bình thường (phím tắt Ctrl O) để đưa clip vào dạng video layer, sau đó save tệp như bước 5.

Thủ thuật tạo ảnh gif bằng photoshop cs6 đơn giản

+ Bước 1: Bạn chọn tệp => chọn Open (mở) để mở 2 file ảnh được chọn là cánh quạt và thân qua ra nhé. Hình ảnh thì bạn có thể kiếm trên internet có rất nhiều.

Cách làm animation trong photoshop

+ Bước 2: Nhấp đúp chuột vào Background cánh quạt => rồi nhấn Ok ở cửa sổ Layers. Mục đích của việc này là tạo Layer để lát làm trong suốt Background.

Cách làm animation trong photoshop

+ Bước 3: Chọn công cụ Magic Wand Tool để tạo vùng chọn đồng màu trên ảnh, nhấp chọn tạo vùng chọn rồi nhấn Delete để xoá Background màu trắng, tạo Background trong suốt.

Cách làm animation trong photoshop

+ Bước 4: Nhấn lệnh V trên bàn phím để di chuyển cánh quạt sang Backround thân quạt rồi chọn Ctrl + T căn chỉnh cho vừa ý.

Cách làm animation trong photoshop

+ Bước 5: Bạn mở rộng khung hình thao tác trong Photoshop lên => rồi nhấn lệnh Ctrl + J để nhân đôi Layers cánh quạt, và nhấn Ctrl + T để xoay cánh quạt.

Cách làm animation trong photoshop

+ Bước 6: Tiếp tục nhân đôi Layers cánh quạt bằng Ctrl + J, rồi Crl + T để xoay cánh quạt.

Cách làm animation trong photoshop

Căn chỉnh lần cuối cho ba lớp cánh quạt xếp khít nhau như hình bên trên.

+ Bước 7: Bạn hãy chọn Window => chọn tiếp Animation (đối với bản CS3 và các bản thấp hơn)

Cách làm animation trong photoshop

Còn từ CS4 trở lên bạn chọn Window => chọn Timeline nhé. Mình đang sử dụng máy ở chỗ làm nên chỉ cài được bản CS3. Nhưng mọi thao tác các bạn cũng làm cũng hoàn toàn tương tự vậy nhé.

Cách làm animation trong photoshop

+ Bước 8: Khi các bạn bật trình tạo ảnh GIF lên sẽ hiện một ô ngang ở dưới và có sẵn bốn Layers được gộp lại rồi.

Cách làm animation trong photoshop

Bạn tắt hai Layers trên cùng đi và chỉ để Background gốc và một Layers cánh quạt như hình dưới.

Cách làm animation trong photoshop

+ Bước 9: Bạn bấm vào công cụ Duplicates selested frames để thêm một Layers. Đồng thời tắt Layers 2 và Layers 2 copy 2, bật Layers 2 copy lên.

Cách làm animation trong photoshop

+ Bước 10: Kế tiếp bạn click vào công cụ Duplicates selested frames để thêm một Layers thứ 3, đồng thời tắt Layers 2 và Layers 2 copy, bật Layers 2 copy 2 lên.

Cách làm animation trong photoshop

+ Bước 11: Một khi làm xong những bước trên bạn nhấn giữ Ctrl và click chuột vào ba Layers dưới để chọn cùng lúc 3 Layer này => rồi click chuột phải chọn Other… để định thời gian chuyển đổi Layers.

Cách làm animation trong photoshop

+ Bước 12: Bạn đặt thời gian chuyển đổi cho từng Layers, Seconds ở đây được hiểu là (giây) nhé các bạn.

Cách làm animation trong photoshop

Bạn có thể nhấn vào đây để coi thử, và thiết lập thời gian sao cho hài lòng nhất.

Cách làm animation trong photoshop

+ Bước 13:Nếu đã Ok rồi thì các bạn Save lại nhé. Nhớ là Save file với định dạng GIF (ảnh động), vì con người đang tạo ảnh động mà.

Thực hiện: Bạn chọn tệp => chọn Save for web & Devices… hoặc là bạn có thể dùng nhanh lệnh Alt+Shtft+Ctrl+S.

Cách làm animation trong photoshop

+ Bước 14: Ở cửa sổ Save for website & Devices bạn đặt định dạng ảnh là GIF rồi chọn Save để thực hiện lưu lại hình ảnh.

Cách làm animation trong photoshop

Cuối cùng bạn chọn lưu file vào vị trí bạn muốn rồi đặt tên cho file ảnh, chọn Save để hoàn tất.

Cách làm animation trong photoshop

Và đây chính là thành quả, mình Demo nên chưa đẹp lắm. Nếu làm cẩn thận thì hình ảnh sẽ chân thực và đẹp hơn rất nhiều

Ngoài tính năng làm ảnh động theo chuyển động Layers lớp, Photoshop còn cho phép các bạn tạo hiệu ứng màu và nhiều hiệu ứng khác cho bức ảnh của mình nữa. Bạn hãy thử và tự khám phá thêm nhé

Cách tạo ảnh gif bằng photoshop CC từ video

Bạn lướt website thấy những ảnh GIF dài và thắc mắc không biết nó được tạo ra như thế nào? Cách dễ dàng là bạn quay video sau đó chuyển nó thành ảnh GIF bằng Photoshop CC. Các bước thực hiện như sau:

Bước 1: Tải ứng dụng Photoshop CC

Bước 2: Chuyển clip muốn hình thành ảnh GIF sang định dạng file mà Photoshop CC hỗ trợ

Bước 3: Mở clip

Mở Photoshop CC => Nhấp vào tệp => Chọn Import => video Frames to Layers => Chọn clip => Open => xuất hiện hộp thoại, bản xem trước video và một số tùy chọn khác

Bước 4: Tạo ảnh GIF trong Photoshop CC

Chọn From Beginning to end => nếu mong muốn sử dụng 1 phần, hãy chọn Selected Range Only => sử dụng các nút điều khiển bên dưới clip để chọn phạm vi cắt => Chọn hộp Make Frame Animation => OK

Bước 5: Lưu các Frame dưới dạng GIF

Vào file => Chọn Export => Save for website

Cách làm animation trong photoshop

Bước 6: Chỉnh sửa chất lượng ảnh GIF ở khung xem trước phía bên phải

Cách làm animation trong photoshop

Tạo ảnh gif bằng photoshop từ folder ảnh có sẵn

Bạn đã có sẵn một thư mục đầy ảnh và mong muốn gom chúng lại vào những khung hình để tạo ảnh động GIF? Có rất nhiều ứng dụng tạo ảnh động trực tuyến có thể giúp bạn làm điều đó như Giphy chẳng hạn, nhưng với Adobe Photoshop CS6 và vài tính năng mới của nó thì việc này cũng khá dễ dàng và đơn giản.

Cách tạo ảnh động với thư mục ảnh sẵn có như sau:

  1. Gom toàn bộ ảnh bạn muốn xuất hiện trong ảnh động vào một thư mục (có rồi thì thôi).
  2. Mở Photoshop CS6 lên
  3. Chọn file > Scripts > Load Files into Stack. Khi cửa sổ Load Layers hiện ra, chọn Browser để chọn và mở những tệp ảnh của bước 1, rồi click OK. thao tác này sẽ nhập các file ảnh bạn đã chọn vào từng lớp riêng lẻ. Bố trí lại các lớp theo đúng thứ tự, nếu cần.
  4. Bước tiếp theo mở bảng điều khiển Timeline bằng việc vào Windows > Timeline,(trên CS5 là Windows > Animation). Ở giữa bảng sẽ hiện ra một nút mũi tên xổ xuống, cho phép bạn chọn giữa “Create clip Timeline” hoặc “Create Frame Animation”. Nhấp vào Create Frame Animation.
  5. Trong menu Animation/Timeline (xuất hiện phía dưới nút này ở góc trên bên phải bảng màu: 
    Cách làm animation trong photoshop
    ), nhấp vào Make Frames From Layers. Bạn cũng có thể click vào Reverse Frames nếu như cần. Thao tác này sẽ đặt từng layer vào từng khung hình trong ảnh động.
  6. chỉnh sửa khoảng thời gian cho từng khung hình. Hãy chắc chắn rằng bạn đang ở chế độ xem frame chứ không phải timeline. Nếu không nhìn thấy những biểu tượng thumbnail của tất cả các layer trong bảng Animation/Timeline, nhấp chuột vào biểu tượng ở góc dưới bên phải, mà chi di chuột qua nó hiển thị “Convert to Frame Animation”. Giờ quay lại  Animation/Timeline và chọn Select All Frames.
  7. Nhấp vào mũi tên bên dưới mỗi khung ảnh để cài đặt khoảng thời gian cho từng khung. Vì bước trên đã chọn toàn bộ các khung nên chúng sẽ được thiết lập khoảng thời gian giống nhau. Mỗi khung đều có thể thay đổi một cách riêng lẻ, nếu như mong muốnchỉ phải bỏ chọn tất cả ở bước trên và tiến hành đặt thời gian cho từng khung với độ dài ngắn tùy thích.
  8. Mũi tên được khoanh trong đường vẽ màu đen sử dụng để chọn số lần ảnh động lặp lại, bạn có thể chọn số lần hoặc để là Forever (cho nó lặp đến cuối đời).

Cách làm animation trong photoshop

9. Khi thứ tự khung hình và thời gian xảy ra của từng khung đã được đặt xong, bạn có thể lưu ảnh lại. Nhấp vào file > Save for web & Devices, chọn định dạng cần lưu la GIF, chỉnh sửa các tùy chọn khác của ảnh nếu cần và lưu ảnh.

Ích lợi của việc tạo ảnh gif bằng photoshop

  • Truyền tải nội dung sinh động rõ hơn đến người xem.
  • Tạo sự hấp dẫn và thu hút người xem.
  • Tóm tắt thông tin clip ngắn ngọn.

Tổng kết

Hi vọng qua bài viết này ATP Academy đã đem đến một cái nhìn tổng quan hơn về các thủ thuật tạo ảnh gif bằng photoshop cs6. Ngoài ra, ATP Academy còn hướng dẫn xóa chữ trong photoshop cs6, nếu ai cần hãy để lại email hoặc SĐT Zalo mình sẽ gửi cho nha!!

Tư vấn tổng thể về Content, Marketing… xin liên hệ:

HOTLINE: 0797.777.557

Zalo: 0797.777.557

Fanpage: https://www.facebook.com/ATPAcademy.vn

Nguồn: Tổng hợp