Hiệu ứng chữ ánh sáng chuyển động :D

Để thực hiện bài hướng dẫn này, phải cần cài đặt photoshop cs6

Bước 1:

Mở Photoshop CS6 và tạo một tài liệu mới. Tô layer background với một màu bất kỳ, và sau đó vào Layer >Layer> Styles > Gradient Overlay. Sử dụng Radial for the Style và chọn các màu đen và màu #38556f ở giữa.




Bước 2:

Thêm một layer mới và tô màu với một pattern. Tôi sử dụng một mẫu pattern Broken Noise lấy từ trang Subtle Patterns | Free textures for your next web project.. Sử dụng chế độ Blend Mode là Soft Light.



Bước 3:

Thêm một chữ bạn muốn sử dụng hiệu ứng ánh sáng. Tôi sử dụng chữ A sử dụng stencil font là Major Snafu. Bạn có thể tải nó tại: Major Snafu Font | dafont.com


Để tạo ra được đường viền chi tiết như bước 3 , bạn làm như sau

A. Gõ 1 chữ A , với màu sắc bất kỳ



B. Bấm chuột lên chữ Fx trên bảng layer và chọn lệnh Stroke và thiết lập các giá trị như hình


Click chuột lên ảnh để xem lớn

C. Sau đó click chuột phải lên layer chữ A và chọn Rasterize Layer Style để đưa layer chữ A về layer bình thường



Bước 4:

Để tạo hiệu ứng ánh sáng, chúng ta sẽ dùng Layer Styles. Chỉ cần làm theo các hướng dẫn ở dưới cho các thuộc tính Bevel&Emboss, Inner Shadow, Inner Glow, Color OverLay, Outer Glow và Drop Shadow


















Bước 5:

Nhân đôi layer và bỏ Layer Styles của layer mới. Áp các giá trị sau cho thuộc tính Inner Shadow và Inner Glow







Bước 6:

Thêm hai layer ở trên cùng và đặt tên chúng là Right và Left. Sau đó nhóm hai layer vào trong một folder. Thay đổi thay đổi chế độ Blend Mode của folder thành Color Dodge. Với công cụ Brush Tool (B) và một cọ mềm, tô phần đỉnh bên phải của chữ A với màu trắng. Chọn layer Left và tô một chấm sáng khác ở trên đầu phía trái chữ A. Tham khảo hình ảnh bên dưới


Bước 7:

Vào Windows > Timeline. Bạn sẽ thấy bảng Timeline. Điều đầu tiên bạn sẽ để ý là tất cả mọi layer đó đều nằm trên timeline. Chọn 2 layers bên trong folder. Mở rộng chúng trong thư mục và chắc chắn rằng Timeline đang ở frame 0. Click vào lựa chọn Position để tạo một keyframe.



Bước 8:

Di chuyển trên Timeline tới vị trí 1:00 và sau đó di chuyển các layers trong composition tới bất cứ đâu bạn muốn







Bước 9:

Đây sẽ là vị trí thứ hai của điểm sáng


Bước 10:

Di chuyển trên Timeline lần nữa và sau đó di chuyển các layer để tạo ra keyframe mới





Bước 11:

Tiếp tục cho tới khi bạn hoàn thành chuyển động bạn muốn






Timeline:

Timeline trông sẽ như thế này. Chú ý các keyframe đối với các điểm mà vị trí chuyển động thay đổi.




Conclusion:

Đây là kết quả animation cuối cùng sau một vài bước. Sử dụng timeline khá đơn giản nếu bạn so với số bước cần thiết để tạo ra hiệu ứng ánh sáng. Điều thú vị là Photoshop làm cho cuộc sống của chúng ta dễ chịu hơn khi nó sinh ra để thực hiện các chuyển động dễ dàng.