08:42 ICT Thứ ba, 20/08/2019

Tuyển sinh năm 2011

Toàn văn thông báo

Danh mục

Trang nhất » Tin Tức » Cẩm Nang Thiết Kế Đồ Họa

Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Thứ năm - 07/07/2011 18:19
Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Trong hướng dẫn này bạn sẽ học cách để tạo ra hiệu ứng text 3D bằng cách sử dụng công cụ Shape tool, Layer style và Path.
3dtext Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Trong hướng dẫn này bạn sẽ học cách để tạo ra hiệu ứng text 3D bằng cách sử dụng công cụ Shape tool, Layer style và Path.

Bước 1: Chỉnh kích thước

1 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Tạo một file mới. Tôi chọn kích thước là 1280 × 1024 vì vậy hình ảnh cuối cùng có thể được sử dụng như wallpaper.

Bước 2:

2 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bây giờ nhấn phím “U” và chọn công cụ rectangle. Tạo hình chữ nhật với kích thước của file. Đặt tên layer là “Gradient”. Áp dụng Layer Style là Gradient Overlay và sử dụng các màu # AF1854, # FOD6CO và # FFFFFF. Dùng Gradient ở dạng Radial.

Cẩn thận

Hãy chắc chắn để bật “Shape Layer” thay vì các layer path mặc định khi sử dụng Công cụ Rectangle Shape.

Bước 3:

3 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Phóng to của hình chữ nhật có tên là “Gradient” từ mọi phía. Gradient sẽ căng ra cùng với hình chữ nhật và hình nền nhận được sẽ như thế này:
4 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bước 4:

5 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bây giờ nhấp chuột vào công cụ Type tool và tạo chữ “Think” trên một layer mới. Đặt tên layer này là “Think” với font Helvetica Neue 75 bold. Áp dụng Inner glow với những thông số sau:

Blend Mode: Multiply
Color – black
Opacity – 8%
Size – 13 px

Lưu ý: Những giá trị này có thể thay đổi tùy thuộc vào kích cỡ của font chữ của bạn.

Chữ của bạn sẽ như thế này:
6 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bước 5: Tạo chữ 3D

7 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Nhân đôi (duplicate) layer có dòng chữ và đặt vị trí của nó phía sau layer “Think”. Đặt tên layer này là “3D”. Để giốngg 3D, chúng ta cần phải tạo độ dáng phù hợp cho các mặt của chữ. Hãy bắt đầu với chữ “T”.

Nhấn phím “U” và tạo một hình chữ nhật có chiều rộng bằng chữ “T”. Đừng quên bật “shape layer”. Tô hình chữ nhật với màu bất kỳ và cho opacity 20%.

8 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Nhấn phím “A” và chọn công cụ tạo vùng chọn. Chọn trên hai điểm neo và kéo chúng bằng cách nhấn vào mũi tên bên phải để cho chữ “T” của bạn một cái nhìn 3 chiều. Đặt tên hình này là “T1″.

9 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Tạo trên các mặt khác bằng cách sử dụng cùng một thao tác như trên. Đặt tên các hình này lần lượt là T2 và T3.

10 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bước 6: Tạo bóng

Chọn mặt T1 và đổi nó sang màu trắng. Giữ Ctrl và click vào layer T1 để tạo nên vùng chọn của layer. Tạo một layer mới và đặt tên là “T1shadow”. Chọn brush, và sử dụng màu đen, hardness bằng 0% và size bằng 50 px. Kéo từ trái sang phải để tạo độ sâu.

11 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bước 7:

Lặp lại bước 5 & 6 với phần còn lại của các chữ cái. Tạo bóng cho các chữ khác một cách cẩn thận. Nếu mọi thứ được thực hiện một cách chính xác, kết quả sẽ như thế này.
12 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bạn có thể thực hiện tạo bóng theo một cách khác.

Bước 8:

Chọn tất cả các layer ngoại trừ layer nền (background), nhóm chúng lại và đặt tên của nhóm là “Think”. Sao chép nhóm và merge tất cả các layer của bản sao này lại. Layer này sẽ tự động được đặt tên là “Think”. Nhân đôi (duplicate) layer Think và chọn Blend mode là Multiply với Opacity 50%.

13 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bước 9:

Để tạo ra một bóng hoàn hảo chúng ta cần phải thiết lập một phối cảnh. Tạo một tài liệu mới có kích thước 900 x 600 px. Bấm Ctrl + “để hiển thị lưới. Nhấn print screen để chụp màn hình.Tạo tài liệu mới, dán hình ảnh và loại bỏ các khu vực không có lưới.

14 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Copy lưới và dán nó trong tài liệu làm việc của bạn. Thay đổi thành blending mode. Biến đổi nó trở thành phần nền mà bóng của chữ sẽ đổ lên.
15 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Step 10: Shadowing

Duplicate (nhân đôi) Think layer và tô đen. Biến đổi nó và làm cho nó đổ theo nền lưới của chúng ta.



Tiếp tục tô màu cho đến khi giống hình dưới đây:
18 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bước 11:

Áp dụng một Blur Gaussain lên layer “think shadow” và thay đổi blending mode thành multiply. Bây giờ thêm một lớp mặt nạ cho “think shadow”.

19 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

20 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bước 12:

Nhìn khá tốt! Bây giờ chúng ta hãy thêm một số hiệu ứng ánh sáng. Nhấn P để chọn công cụ pen và tạo ra một Path giống thế này.
21 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bây giờ chọn một brush có size 5px và hardness bằng 100%. Chọn màu trắng cho foreground . Chọn công cụ pen một lần nữa, path trước vẫn phải còn ở đây. Nhấp chuột phải và chọn “stroke path”. Chọn Brush từ menu thả xuống và bật “stimulate pressure”. Bạn sẽ nhận được stroke như thế này:

22 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

23 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bước 13:

Tên các stroke là “Wave 1″ và sau đó là nhân đôi (duplicate) layer. Vào filter > Distort> Wave và áp dụng bộ lọc với các cài đặt:

24 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

25 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Việc này làm cho stroke giống sóng lượn.

Bước 14:

Tạo một số chi tiết sóng bằng cách làm theo các bước 12 & 13 và sắp xếp chúng xung quanh văn bản. Áp dụng gussian blur để tạo cảm giác về chiều sâu. Nếu tất cả mọi thứ được thực hiện một cách chính xác thì hình của bạn sẽ giống như thế này:

26 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Step 15:

Chúng ta có thể thêm một số ngôi sao. Nhấn “U” để chọn công cụ custom shape và chọn sao năm cánh.

27 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Tạo một tài liệu mới kích thước 100 x 100 px và tạo ngôi sao. Tô màu đen và sau đó bấm vào Ctrl + vào layer trên để tạo vùng chọn là ngôi sao. Vào Edit> Define Brush Preset, tạo brush và đặt tên là star brush.

28 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bước 16:

Nhấn F5 để truy cập vào bảng điều khiển của brush và áp dụng các cài đặt này:
Brush tip shape – spacing 30%
Shape Dynemics – size jitter & angle jitter 100%
Scattering – 578% on both axis
Other Dynemics – opacity 100%.

29 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

30 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

31 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

32 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bước 17:

Chọn star brush và chỉnh size là 15 px. chọn mày cho foreground là “#ff62ad“. Tạo path với công cụ pen, nhấp chuột phải chọn “stroke path”. Bật stimulate pressure và tạo ra một làn sóng của các ngôi sao. Tên layer mới này là “Star Wave”.

33 Thiết Kế Hiệu Ứng Mềm Mại Cho Văn Bản

Bước 18:

Bây giờ chúng tôi chỉ cần để ẩn một vài nơi trên Layer “Star Wave” để làm cho nó có vẻ như là nếu nó đi xuyên qua. Tôi thích sử dụng mặt nạ, và tô hoặc xóa các vùng tôi muốn

Nguồn tin: vnwordpress.com

Tổng số điểm của bài viết là: 18 trong 4 đánh giá
Click để đánh giá bài viết
Từ khóa: n/a

Những tin mới hơn

Những tin cũ hơn

 

Tin mới

Thăm dò ý kiến

Bạn quan tâm gì nhất ở mã nguồn mở?

Liên tục được cải tiến, sửa đổi bởi cả thế giới.

Được sử dụng miễn phí không mất tiền.

Được tự do khám phá, sửa đổi theo ý thích.

Phù hợp để học tập, nghiên cứu vì được tự do sửa đổi theo ý thích.

Tất cả các ý kiến trên

Thống kê

Đang truy cậpĐang truy cập : 16


Hôm nayHôm nay : 1107

Tháng hiện tạiTháng hiện tại : 55176

Tổng lượt truy cậpTổng lượt truy cập : 4480807

Thành viên: Vé máy bay jetstar | giá vé máy bay  | vé máy bay quốc tế | vé máy bay vietnam airlines - vé máy bay vietjet air - Đặt vé máy bay - Vé máy bay Quốc Tế - Vé máy bay vietjet air - Vé máy bay jetstar