Photoshop - Tạo chữ chứa chất lỏng cực kool



Final Result Fuchsia s Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế webLayer styles là một công cụ mạnh mẽ trong Pho­to­shop, nó cho phép bạn nhanh chóng tạo ra các hiệu ứng và sau đó bạn có thể gắn vào những Object bổ sung. Hôm nay, chúng ta sẽ chứng minh cách sử dụng Layer styles để tạo ra hiệu ứng Text chứa đầy chất lỏng trong Pho­to­shop. Hãy bắt đầu!


Bước 1

Chúng ta sẽ bắt đầu bằng cách tạo ra một doc­u­ment mới, có kích thước 1500px x 1000px. Làm đầy Back­ground với một Lin­ear Gra­di­ent, sử dụng màu # aca­cac là màu của Fore­ground, và # e1e1e1 là màu của Back­ground. Bắt đầu từ phần cuối cùng của File và đi lên.
Step 1 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web

Bước 2

Bây giờ, nhập text mà bạn muốn gắn vào hiệu ứng, sử dụng màu # dbdbdb, kích thước 300px, và Font là “Cooper Std”. Bất kỳ font chữ đậm cũng sẽ rẩt phù hợp, chỉ cần đảm bảo nó ở dạng in đậm.
Sao chép layer text, đổi tên cả 2 layer như hiển thị trong hình bên dưới.
Step 2 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web

Bước 3

Kích đúp vào layer phía dưới cùng (PSD­tuts — dưới cùng), và gắn các layer styles sau:
Step 3 1 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web
Step 3 2 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web
Step 3 3 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web
Step 3 4 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web

Bước 4

Bây giờ, thay đổi giá trị Fill của layer trên cùng (PSD­tuts – trên cùng) xuống (0%), sau đó kick đúp vào nó, và gắn các layer styles sau:
Step 4 1 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web
Step 4 2 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web
Step 4 3 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web

Bước 5

Sử dụng “Rec­tan­gle Tool”, vẽ một hình chữ nhật bao phủ nửa bên dưới của Text, màu sắc phải là màu # aa4280. Hãy chắc chắn layer hình chữ nhật sẽ nằm giữa 2 layer text (‘PSD­tuts — dưới cùng ’ và ‘PSD­tuts – trên cùng’).
Step 5 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web

Bước 6

Chọn “Add Anchor Point Tool”, và bắt đầu thêm các điểm ở các edge của các chữ cái, đó là nơi các chữ cái giao nhau với hình chữ nhật.
Step 6 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web

Bước 7

Khi bạn đã hoàn thành, hãy bắt đầu thêm các điểm giữa các Edge, những điểm này sẽ xác định phần trên cùng và phần dưới cùng của chất lòng. Sau khi thêm các điểm, chúng ta sử dụng “Direct Selec­tion Tool” để chọn các điểm và di chuyển chúng lên – xuống. Ngoài ra, bạn cũng có thể sử dụng “Delete Anchor Point Tool” để loại bỏ bất cứ điểm nào bạn không muốn. Tiếp tục thay đổi các điểm cho đến khi bạn hài lòng với kết quả nhận được.
Step 7 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web

Bước 8

Chúng ta sẽ ras­ter­ize layer của hình chữ nhật, do đó, tạo một bản sao của layer hình chữ nhật, sau đó, nhấp chuột phải lên bản copy, và chọn “Ras­ter­ize Layer “.
Nhấn phím Ctrl, và trong khi bạn vẫn còn đang nhấn nó, nhấp chuột phải lên icon của một trong các layer text để tạo một vùng chọn, sau đó, nhấn Cmd / Ctrl + Shift + I để đảo vùng chọn, và nhấn Delete .
Step 8 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web

Bước 9

Kích đúp vào layer của hình chữ nhật đã ras­ter­ized, và gắn các Style sau đây.
Step 9 1 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web
Step 9 2 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web
Step 9 3 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web
Step 9 4 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web
Step 9 5 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web
Step 9 6 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web
Step 9 7 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web

Bước 10

Bây giờ, bạn vẫn còn có thể thay đổi màu sắc của chất lỏng bằng cách thêm một Hue và Sat­u­ra­tion adjust­ment layer, và chọn màu sắc bạn thích.
Step 10 Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web

Hình ảnh cuối cùng

Đây là kết quả cuối cùng. Hy vọng bạn thích hướng dẫn này.
Final Result Fuchsia s Hướng Dẫn Photoshop: Hiệu Ứng Chữ Chất Lỏng   thiết kế web

Dịch và biên tập từ: Psd.TutsPlus



Responses

0 Respones to "Photoshop - Tạo chữ chứa chất lỏng cực kool"

Đăng nhận xét

Thủ thuật PTS mong các bạn nhận xét ( hoặc có thắc mắc ) một cách " có văn hoá ". Mình sẽ tận tình trả lời hoặc giúp đỡ.
*Note: Đừng Spam nhak' !

 

Nhận xét mới nhất

Tổng số lượt xem trang

Trở về đầu trang Copyright © 2011 | Thủ thuật psd | Bản quyền thuộc về Vagab0ne_r0se