Đăng nhập

Cách tạo hiệu ứng text 3D mềm mại bằng photoshop

  • 16/01/2015 - 7:53 AM
  • 4160 Views

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

hieu-ung-mem-mai-cho-van-ban-bang-photoshop

Tạo một file mớ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:

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-2

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

Lưu ý: 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ụ Rec­tan­gle Shape.

Bước 3:

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-3

Phóng to của hình chữ nhật có tên là “Gra­di­ent” từ mọi phía. Gra­di­ent 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:

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-4

Bước 4:

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-5

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 Hel­vetica Neue 75 bold. Áp dụng Inner glow với những thông số sau:

  • Blend Mode: Mul­ti­ply
  • Color – black
  • Opac­ity – 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:

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-6

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

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-7

Nhân đôi (dupli­cate) 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 opac­ity 20%.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-8

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”.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-9

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.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-10

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, hard­ness bằng 0% và size bằng 50 px. Kéo từ trái sang phải để tạo độ sâu.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-11

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.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-12

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 (back­ground), 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 (dupli­cate) layer Think và chọn Blend mode là Mul­ti­ply với Opac­ity 50%.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-13

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.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-14

Copy lưới và dán nó trong tài liệu làm việc của bạn. Thay đổi thành blend­ing mode. Biến đổi nó trở thành phần nền mà bóng của chữ sẽ đổ lên.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-15

Bước 10: Shadowing

Dupli­cate (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.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-16

Tiếp tục tô màu cho đến khi giống hình dưới đây:

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-17

Bước 11:

Áp dụng một Blur Gaus­sain lên layer “think shadow” và thay đổi blend­ing mode thành mul­ti­ply. Bây giờ thêm một lớp mặt nạ cho “think shadow”.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-18

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-19

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.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-20

Bây giờ chọn một brush có size 5px và hard­ness bằng 100%. Chọn màu trắng cho fore­ground . 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 “stim­u­late pres­sure”. Bạn sẽ nhận được stroke như thế này:

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-21

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-22

Bước 13:

Tên các stroke là “Wave 1″ và sau đó là nhân đôi (dupli­cate) layer. Vào fil­ter > Dis­tort> Wave và áp dụng bộ lọc với các cài đặt:

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-23

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-24

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 guss­ian 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:

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-25

Bước 15:

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

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-26

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 Pre­set, tạo brush và đặt tên là star brush.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-27

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 – spac­ing 30%
  • Shape Dyne­mics – size jit­ter & angle jit­ter 100%
  • Scat­ter­ing – 578% on both axis
  • Other Dyne­mics – opac­ity 100%.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-28

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-29

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-30

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-31

Bước 17:

Chọn star brush và chỉnh size là 15 px. chọn mày cho fore­ground là “#ff62ad”. Tạo path với công cụ pen, nhấp chuột phải chọn “stroke path”. Bật stim­u­late pres­sure 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”.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-32

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.

hieu-ung-mem-mai-cho-van-ban-bang-photoshop-33