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.
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".
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).
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.
Nguồn: Photoshop
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".
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).
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.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.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.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.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.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.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.Đó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.
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.
Nguồn: Photoshop