Cách tạo animated Gradient chuyển màu đơn giản trong Photoshop

Animated Gradient là một cách tuyệt vời để thêm sự sống động cho các thiết kế của bạn trong Photoshop. Dưới đây là hướng dẫn từng bước để tạo hiệu ứng chuyển màu động một cách dễ dàng.


1. Tạo văn bản​


Sử dụng font bất kỳ và tạo đoạn văn bản bạn cần chỉnh sửa. Ở demo này sử dụng font chữ "DVN Bright".

animated-gradient_step1.jpg


2. Tạo màu cho chữ​


Sử dụng Solid Color làm nền cho bố cục. Hướng dẫn này dùng màu xanh lam (#2727D5).

animated-gradient_step2.jpg

3. Tô màu cho bảng màu của bạn​

Sau đó, thêm một lớp mới và chọn Soft Round Brush (B), đặt thành màu hồng (#ff25de) và tô một màu lớn ở góc. Thêm màu thứ ba, màu lục lam (#4befff), để tạo ra màu gradient hài hòa.

animated-gradient_step3.jpg

4 Làm sáng quang phổ​

Để làm cho màu sắc sống động hơn, hãy áp dụng Hue/Saturation và tăng Saturation.

animated-gradient_step4.jpg

5. Kết nối màu sắc và chữ​

Khi hoàn tất việc tạo gradient, sử dụng Shift+click để chọn hai layer Hue/Saturation và layer gradient, sau đó nhấp chuột phải và chọn Create Smart Object. Nhấp chuột phải vào Smart Object và chọn Create Clipping Mask để liên kết gradient với văn bản.

animated-gradient_step5.jpg

6. Đưa nó vào chuyển động​

Để tạo hiệu ứng chuyển động vào Window > Timeline và nhấp vào Create Video Timeline. Photoshop đã thêm từng lớp đã mở khóa vào Timeline.

animated-gradient_step6.jpg

7. Bắt đầu chuyển động​

Bạn có thể tạo đoạn animation bao gồm một loạt các chuyển đổi của văn bản và gradient. Để thực hiện, giữ Control+T (Windows) hoặc Command+T (macOS), tăng size gradient, định vị lại và nhấn Enter/Return để xác nhận các thay đổi. Sau đó, nhấp vào mũi tên bên cạnh layer Hue/Saturation trong Timeline và chọn Stopwatch bên cạnh thuộc tính Transform để đặt khung hình chính đầu tiên trong hoạt hình.

animated-gradient_step7.jpg

8. Chuyển đổi bối cảnh​

Sau đó, di chuyển đầu phát trên Timeline, nhấn Control+T / Command+T, di chuyển và xoay lớp gradient, rồi nhấn Enter/Return để tạo khung hình chính tiếp theo. Lặp lại quy trình này để thêm hai khung hình chính nữa vào hoạt ảnh.

animated-gradient_step8.jpg

9. Kết thúc​

Để hoàn thành hoạt ảnh, Di chuyển playhead đến nơi muốn hoạt ảnh kết thúc. Nhấp chuột phải vào khung hình chính đầu tiên, chọn Copy, sau đó nhấp chuột phải vào khung hình chính cuối cùng và chọn Paste.

animated-gradient_step9.jpg

Đóng vòng lặp​

Xác định phạm vi của hoạt ảnh bằng cách nhấp chuột phải vào đầu phát ở vị trí cuối cùng và chọn Set End Work Area. Nhấp vào biểu tượng bánh răng và chọn Loop Playback để tạo hiệu ứng lặp lại. Sau đó, nhấp vào Play để kiểm tra hoạt ảnh.

animated-gradient_step10.jpg

Lưu file​


Khi đã sẵn sàng, bạn có thể lưu tác phẩm của mình theo một trong hai cách.

Chọn File > Export > Save for Web (Legacy) để lưu hoạt ảnh của bạn dưới dạng GIF động. Hoặc kết xuất dưới dạng video bằng File > Export > Render Video và chọn Preset hoặc tùy chỉnh đầu ra bằng cách chọn Size và Frame Rate. Sau đó, xếp chồng trong Adobe Premiere hoặc After Effects để tạo video lặp.
47710eaf72354c1092c9ed8292e2ef85_1583951552-1920x1080.jpg


Nguồn: Photoshop​
 

Đính kèm

  • tutorial.jpg
    tutorial.jpg
    88.9 KB · Lượt xem: 0
  • Thẻ Thẻ
    animation hoạt ảnh photoshop tutorial
  • DesignerVN là chuyên trang cung cấp thông tin dành cho cộng đồng Designer, nhà thiết kế Việt Nam. Thư viện font chữ, tài nguyên thiết kế đa dạng.
    Back
    Bên trên