Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Trong hướng dẫn này, chúng ta sẽ biết được làm thế nào để tạo ra văn bản lấp lánh (text animation) trong photoshop chỉ trong một vài bước ngăn.

Hãy bắt đầu!

Mở một file mới. Chọn Gradient Tool và tô background với màu từ

911169 đến

5b1569.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Chọn font và gõ một từ hoặc một cụm từ. Ở đây tôi gõ ‘STAR’ với font chữ Bauhaus 93 và tô nó với màu

e76dbf.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Cmd/ Ctrl + J layer này 2 lần. Bạn sẽ có được 3 layer giống hệt nhau.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Tiếp theo chọn các layer Star và vào Filter > Noise > Add Noise và thiết lập giá trị Amount của mỗi layer là khác nhau: 20, 21 và 22.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Download các star brushes về. Tạo một layer mới ở trên tất cả các layer text khác. Chọn công cụ Brush Tool và vẽ một số ngôi sao lên trên text. Nhớ rằng, tạo chúng trên mỗi layer khác nhau ứng với mỗi layer text.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Vào Window > Animation và tạo ra 3 khung hình.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

2 layer đầu tiên sẽ hoạt động trên frame đầu tiên, 2 layer thứ 2 sẽ hoạt động trên frame thứ 2, và frame cuối cùng là 2 layer thứ 3. Xem hình bên dưới. Thiết lập thời gian của mỗi frame là 0,2 giây và cuối cùng click vào Play.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Cuối cùng, để save hình ảnh động lại chúng ta vào File > Save for Web and Devices và Save nó như một file GIF.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Chúng ta đã hoàn tất!

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

About Nhãn Hoàng

Thay đổi nếu bạn muốn tồn tại.

Bài này đã được đăng trong Đồ Họa và được gắn thẻ chữ, nhấp nháy. Đánh dấu đường dẫn tĩnh.

Chúng ta thường gặp trong các banner quảng cáo trên website hay các hình ảnh động trên mạng có những dòng chữ nhấp nháy rất đẹp. Sau đây tuyettac.org sẽ hướng hẫn bạo tạo chữ động bằng photoshop cực đơn giản.

Bước 1 mở phần mềm photoshp tạo file mới kích thước tùy chọn

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 2 tạo layer mới -> sử dụng công cụ tool (T) viết chữ muốn tạo

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 3: Nhân đôi layer chữ mới tạo đổi màu chữ

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 4:Mở bảng timeline bằng cách vào Window -> Timeline

kích chọn Frame tạo frame

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

ta sẽ có như sau

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 5 chọn layer thứ 2 kích chọn thêm frame mới

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 6: chọn foever, chọn số giây di chuyển của chữ

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Luu dưới dạng file .gif chúng ta sẽ được hình ảnh có chữ động như hình dưới đây

Chúc các bạn thành công!

Bạn có thể kham khảo qua một số khóa học của công ty chúng tôi

– ở đâu dạy đồ họa in ấn

– học đồ họa thiết kế web ở đâu hà nội

– đồ họa cho giáo viên dạy ở đâu

– đồ họa truyền thông dạy ở đâu

– học đồ họa báo chí

– khóa học đồ họa kiến trúc

– đào tạo đồ họa theo yêu cầu

Post Views: 1.309

Bạn có biết bạn có thể tạo các hiệu ứng văn bản thú vị trong Photoshop bằng công cụ Liquify không? Trong hướng dẫn này, chúng ta sẽ sử dụng các tùy chọn khác nhau trong công cụ hóa lỏng Photoshop để thêm chuyển động, dòng chảy và biến dạng cho áp phích kiểu chữ.

1. Cách tạo tài liệu mới và thêm hướng dẫn

Bước 1

Hãy bắt đầu hướng dẫn Photoshop hiệu ứng văn bản này. Mở phần mềm và vào File > New. Đặt tên cho tài liệu là Wobbly Effect và đặt Chiều rộng thành 1270 px và Chiều cao thành 1600 px. Sử dụng 72 dpi vì giữ áp phích này ở dạng kỹ thuật số và Nội dung nền màu trắng. Nhấn OK để tạo tài liệu.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 2

Ở cuối bảng điều khiển Layer, nhấp vào Tạo lớp tô màu hoặc điều chỉnh mới > Màu đơn sắc và sử dụng màu xanh lam. Đang sử dụng mã màu sau:

0100c8.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 3

Chúng ta cần tạo lề 1 inch xung quanh tài liệu. Đi tới Xem > Hướng dẫn mới. Đặt Hướng thành Ngang và Vị trí thành 1 inch. Làm tương tự cho hướng dọc. Đối với lề phải, chỉ cần trừ 1 inch khỏi kích thước tài liệu cuối cùng.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

2. Cách thêm và đặt văn bản

Bước 1

Để tạo các hiệu ứng văn bản thú vị trong Photoshop, chúng ta cần một số văn bản! Hãy thêm nó bằng cách sử dụng Type Text Tool (T). Tôi đang sử dụng lời bài hát: “Nhảy lên tàu đến hư không em yêu” . Sử dụng Archivo Black màu trắng và toàn chữ hoa. Đặt kích thước thành 260 pt, dẫn đến 235 pt, theo dõi thành -40 và căn phải.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 2

Trong khi chọn lớp văn bản, nhấn Command-T để chuyển đổi lớp. Xoay bằng cách di chuột qua một trong các góc cho đến khi biểu tượng xoay xuất hiện. Nhấn Shift để xoay đều và xoay -90 độ. Căn chỉnh hộp văn bản về lề trên. Nhấn Enter để tiếp tục.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

3. Cách tạo nét và đối tượng trùng lặp

Bước 1

Chúng ta cần tạo các đường thẳng đứng trong tài liệu. Sẽ tắt các layer khác để bạn có thể thấy các đường nét đang được tạo. Đi tới thanh công cụ và chọn Line Tool (U). Chúng ta muốn thay đổi cài đặt trên thanh Options. Bên dưới Tô màu, chọn Không màu. Trong Stroke, chọn màu xanh lam mà đã sử dụng ở trên (

0100c8), đặt Stroke thành 3 px và đặt Weight thành 3 px. Bấm vào tài liệu và vẽ một đường thẳng đứng.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 2

Bây giờ, chúng ta cần sao chép dòng này trong tài liệu. Chọn layer nét mà chúng ta đã tạo ở bước trên. Nhấn Option-Command-T để biến đổi và nhân đôi đối tượng. Điều khiển chuyển đổi sẽ xuất hiện. Để di chuyển nét, chỉ cần giữ Shift và nhấn phím mũi tên phải. Nhấn Enter để đặt đối tượng.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 3

Nói chung để Transform Again chúng ta có thể nhấn Shift-Command-T, nhưng trong trường hợp này chúng ta muốn nhân đối tượng lên nên cần thêm phím Option.

Nhấn Shift-Option-Command-T nhiều lần cho đến khi tài liệu chứa đầy các nét. Phương pháp này sẽ nhân các nét trên một lớp.

Xin lưu ý rằng việc sử dụng Bước 2 nhiều lần để sao chép đối tượng sẽ không có tác dụng.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

4. Cách sử dụng công cụ Liquify trong Photoshop

Bước 1

Hãy khởi động công cụ liquify Photoshop! Trên bảng điều khiển Layer, chọn lớp văn bản, lớp nét vẽ và lớp tô màu. Nhấp chuột phải > Các lớp trùng lặp và trong Đích, đảm bảo tên của tệp chúng ta đang làm việc đã được chọn. Bấm vào đồng ý. Trong khi hai lớp trùng lặp này được chọn, Nhấp chuột phải > Hợp nhất các lớp. Ẩn các lớp ban đầu.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 2

Trong khi chọn lớp mới được sao chép, hãy đi tới Filter > Liquify (Shift-Command-X). Cửa sổ tùy chọn Liquify sẽ bật lên. Bắt đầu với Bloat Tool (B), công cụ này sẽ mở rộng vùng chọn nơi bạn đặt cọ, gần giống như hiệu ứng mắt cá. Đặt Kích thước cọ vẽ thành 90 và Mật độ cọ vẽ thành 20. Nhấp vào giữa các dòng để mở các dòng. Đối với cửa sổ này, bạn có thể sử dụng Command-Z để lùi lại một bước.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 3

Sử dụng công cụ Twirl Clockwise Tool (C), chúng ta có thể xoay các đường xung quanh, giống như những con sóng. Đặt Kích thước cọ thành 300, Mật độ cọ thành 20 và Áp suất cọ thành 82. Áp lực cọ là cường độ mà chúng ta muốn chỉnh sửa lớp. Hiệu ứng văn bản Photoshop bây giờ trông khá thú vị!

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 4

Mặc dù công cụ Liquify là một kỹ thuật thú vị nhưng muốn giữ cho áp phích luôn dễ đọc. Chúng ta có thể sử dụng Forward Warp Tool (W) để di chuyển văn bản trở lại hình dạng. Không có đúng hay sai cho việc này - bạn có thể thêm nhiều hay ít chi tiết tùy thích. Nhấp vào OK khi bạn hoàn tất.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 5

Khi sử dụng công cụ Photoshop Liquify, có thể lớp chúng ta đang làm việc đã di chuyển, làm cho các cạnh di chuyển về phía trung tâm. Đơn giản chỉ cần kích hoạt lớp Color Fill ban đầu.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

5. Cách lưu tệp Photoshop và tệp web

Bước 1

Bây giờ hiệu ứng văn bản Photoshop bị biến dạng của chúng ta đã hoàn tất, đã đến lúc lưu và xuất. Để lưu tệp dưới dạng tệp Photoshop, chỉ cần nhấn Command-S và lưu hình ảnh vào vị trí mong muốn. Tại đây bạn có thể chọn bất kỳ loại tập tin mong muốn.

Hướng dẫn làm chữ chuyển động trong photoshop năm 2024

Bước 2

Để lưu tệp cho web, hãy đi tới Tệp > Lưu cho Web hoặc Shift-Options-Command-S. Chọn loại tệp bạn muốn lưu tài liệu vào; Chọn JPEG và đặt 100 cho Quality. Trong Kích thước hình ảnh, bạn có thể thay đổi kích thước pixel của hình ảnh nếu bạn có bất kỳ hạn chế nào về kích thước và đang sử dụng hình ảnh cho web .

Ở phía dưới bên trái, bạn có thể xem trước kích thước của tệp. Điều này rất hữu ích khi có những hạn chế về kích thước trên một trang web và bạn cần giảm chất lượng hoặc kích thước của hình ảnh.