Chuyên mục được quan tâm nhất

Tạo Kiểu Chữ 3D Đầy Màu Sắc photoshop

Trong hướng dẫn Photoshop này, bạn sẽ học cách tạo ra hiệu ứng 3D text đầy màu sắc. Tạo hiệu ứng 3D trong photoshop rất khó, do đó, để tạo hiệu ứng như thế này, chúng ta sẽ sử dụng một chút Xara 3D, nhưng bạn có thể sử dụng Cinema 4D hoặc 3DsMax, vì vậy bạn sẽ học được thêm một số kỹ thuật Xara 3D. Chủ yếu chúng ta sẽ làm việc với Layer styles và Pen tool. Như bạn đã thấy trong phần xem trước của hướng dẫn này, hiệu ứng text mà chúng ta sẽ tạo ra hết sức thú vị. Loại hiệu ứng text này có thể được sử dụng để tạo ra một Poster sinh nhật, hoặc tạo ra các postcard cho các dịp lễ kỷ niệm khác. Bây giờ, chúng ta cùng bắt đầu thực hành hướng dẫn nay nhé.

Xem trước sản phầm chúng ta sẽ tạo ra


1.Bước

Chúng ta sẽ tạo ra từng chữ Alphabet riêng biệt trong 3D, bạn có thể sử dụng bất kỳ phần mềm nào bạn thích (3dsmax, cinema 4d, xara3d). Tôi sử dụng Xara 3d vì nó đơn giản và không tốn nhiều thời gian như những phần mềm khác.

2.Bước

Đầu tiên, chúng ta sẽ tạo chữ ‘C’.Làm theo trên màn hình bên dưới để tạo ra chữ “C” như vậy hoặc bạn có thể sử dụng bất kỳ sự kết hợp màu sắc nào bạn thích. Tôi đã sử dụng các sắc thái màu làm cho chữ C.
screen0a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng:
Face : 2E81B1
Text side : 2E81B1
Light1 : A1E9F9
Light2 : 7495AF
Light3 : A1E9F9
screen1 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Tôi đã sử dụng Angsana New fontcho chữ C và các Option khác như:ExtrusionBevel optionsShadows đã được ra bên dưới trong Form của các bức tranh:
screen2 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Shadows đã bị vô hiệu.
Xoay và định vị chữ cái của bạn theo ý thích riêng.
Expor hình ảnh của bạn như. Png. Nó sẽ chỉ có text mà không có background
screen0 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

3.Bước

Bây giờ, tôi sẽ tạo chữ “O”. Hãy nhìn vào bức tranh sau.
screen3a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng:
Face: E935C6
Text side: E935C6
Light1: F7DFB6
Light2: 6A335D
Light3: FF9AF3
Extrusion optionsDepth – 25; Outline width – 20, đánh bóng cả 2 mặt: mặt sau và mặt trước
Bevel optionsCurved và Depth: 20.

4.Bước

Bây giờ, chúng ta sẽ tạo ra chữ “L” sử dụng kỹ thuật tương tự.
screen 4 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng:
Face : 2EB17C
Text side : 2EB17C
Light1 : 80DB9C
Light2 : 74AF88
Light3 : A1F9B5
TrongExtrusion options Tôi đã sử dụng: Depth – 16 và Outline width – 31, đánh bóng cả 2 mặt: mặt sau và mặt trước.
Bevel optionsCurved- depth 20.

5.Bước

Lặp lại các bước ở trên một lần nữa với chữ cái “O”.
screen 3 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng:
Face : FAFF32
Text side : 7D7E35
Light1 : FBF183
Light2 : E5E32F
Light3 : F7E529
TrongExtrusion optionstôi đã sử dụng: Depth – 16 và Outline width – 131, đánh bóng cả 2 mặt: mặt sau và mặt trước.
Bevel optionsCurved- depth 20

6.Bước

Và chữ cuối cùng, chữ ‘R’.
screen 51 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng:
Face : A30FE7
Text side: 624F78
Light1 : C483FB
Light2 : EBC8F9
Light3 : CDA1F9
Trong Extrusion options tôi đã sử dụng: Depth – 16 và Outline width-31, đánh bóng cả 2 mặt: mặt trước và mặt sau.
Bevel optionsCurved- depth 20.

7.Bước

Bây giờ, chúng ta chuyển sang Photoshop. Chúng ta phải tạo background, tôi đã sử dụng kích thước 2200 x 1375 px và tô màu nó bằng màu đen. Sau đó, tôi sử dụng một texture bằng gỗ ở chính giữa của trang và Desaturate nó và thử với Blending optionsvà xóa các góc của texture. Bạn có thể tìm texture này trên deviantART hoặc Sxc.hu
screen6 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

8.Bước

Tôi cũng đã sử dụng Wrapped paper – giấy bọc và Desaturate nó, thiết lậpBlending option sangDifference, giảm Opacity xuống 55%. Và sử dụng một Eraser tròn, mềm, lớn để xóa gần hết phần bên trái của Edge.
screen8a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

9.Bước

Tôi cũng sử dụng các ngôi sao và texture thiên hà vào hình ảnh của tôi. Bạn có thể tìm thấy các loại hình ảnh này trên Internet. Xoá bỏ một số phần của nó, sử dụng các màu sắc khác nhau của thiên hà và các ngôi sao như bạn có thể nhìn thấy trong hình này. Hãy chắc chắn rằng bạn đã thử với Blending options. Tôi đã sử dụng Screen.
screen8b Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Những gì tôi phải làm đó là tôi sử dụng một Adjustment layer của gradient map từ tím sang cam trên cùng một phía và thiết lập Blending optionsangSoft light,Và Opacity là – 55.
screen8 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

10.Bước

Định vị và sắp xếp tất cả các chữ Alphabet theo thứ tự phù hợp. Tôi đã thay đổi màu sắc của chữ “O’ sang màu cam với sự hỗ trợ của Photo filter vàHue/saturation.
screen10a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Và bây giờ, chúng ta sẽ thực hiện trên từng chữ cái riêng biệt.

11.Bước

Bây giờ, đến phần chỉnh sửa màu sắc. Tạo một Adjustment layer mới trên chữ ‘C’, hãy chắc bạn đã kiểm tra Box củaUse previous layer sang clipping mask.
screen11 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Và sử dụng các cách cài đặt sau:
screen12 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
screen12a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Và điều chỉnh màu vàng và mày đỏ tươi…như bạn thích.

12.Bước

Bây giờ, chúng ta sẽ điều chỉnh Shadow. Như bạn có thể thấy trong các phạm vi nổi bật, chúng ta có những vùng rất tối và chúng ta sẽ điều chỉnh chúng bằng cách sử dụng Soft brush và tô màu nó để có được hiệu ứng như trong bức tranh thứ hai.
Tôi đã sử dụng một số màu sắc trắng và lam nhạt
screen12b Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Tương tự, chúng ta sẽ định vị tất cả các chữ cái và sắp xếp lại và sử dụng Free transform để tìm ra các vị trí chính xác.
Chỉnh sửa màu sắc và Shadow.
screen12c Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

13.Bước

Bây giờ, sử dụng Pen tool hoặc sử dụng Tablet để tạo ra một số Path và Curves, Line v.v…trên mặt của các chữ cái.
Tham khảo hình ảnh sau đây.
screen14 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

14.Bước

Bây giờ, chúng ta sẽ thêm Pattern Overlay vào các mặt của từng chữ Alphabet.
Nhấp chuột phải lên layer và chọn Blending options và sau đó, vào Pattern overlay và chọn Diagonal lines, Scale nó lên 100 và sử dụng các Pattern khác nhau cho mỗi chữ cái và sau đó, giảm Fill xuống 0%, Opacity xuống 20 – 30% sẽ thêm mẫu cho lớp phủ bên của mỗi bảng chữ cái. Hãy chắc các Pattern phải nằm trên các cạnh của chữ cái, không được nằm trên bề mặt của nó. Bạn có thể Download các Pattern khác từ Deviantart.
screen15 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Bạn sẽ có kết quả như sau:
screen16 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

15.Bước

Thêm một số độ phản xạ cho các chữ cái.Sao chép các layer chữ cái và Flip vertical. Xóa một số phần và giảm Opacity xuống.
screen17 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

16.Bước

Bây giờ, chúng ta sẽ thêm lốc xoáy cho Text. Hãy tạo một layer mới đằng sau các layer text, và thêm các lốc xoáy khác nhau. Bạn có thể tìm thấy rất nhiều Brush lốc xoáy trên Internet. Đối với chữ C, tôi sử dụng màu 2089ff.
Blending options sau đây (Layer styles).
screen18 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc cho Inner shadow – 87a3ff.
screen19 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc cho Outer glow – 55bafa.
screen20 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc cho Inner glow – 00fff0.
screen21 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Sau đó, tôi thêm một Adjustment layer – Photo filter: Color filter (82, Density lên 46%. Để tăng thêm chiều sâu, tạo một layer mới bên trên Adjustment layer và chọn một Brush trắng, mềm và tròn, giảm Flow của nó xuống và gắn vào các Edge và Curves để tạo ra các điểm nổi bật và cảm giác Bevel.
screen22 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Tôi đã thực hiện tương tự như vậy với mỗi chữ cái …

17.Bước

Bây giờ, chúng sẽ thêm một số Line và Curve. Tôi sử dụng Pen tool để tạo các Line và Curve. Tạo một layer mới và tạo một Path của riêng bạn: chọn một brush có kích thước từ 2-5px, màu sắc là – 459cd2, nhấp chuột phải và chọnStroke path kiểm tra Box Simulate pressure box, và chọn Brush.
screen23 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

18.Bước

Tạo một layer khác và thêm một Path nhỏ hơn vào Path trước đó với một màu sắc khác như màu 6d87a7.
Hãy tham khảo hình ảnh sau đây:
screen24 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Tạo một số nhành chĩa ra từ các Line như tôi đã làm. Chỉ cần lặp lại quá trình tương tự với Pen tool. Bây giờ, chúng ta sẽ thêm một số Blending layer options để tăng thêm chiều sâu cho các Line.
screen25 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng: c1dbff.
screen26 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc dành cho highlight mode: 92c5ff.
Màu sắc dành cho: shadow mode: 0c3459.
screen27 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Contour: 46%.
screen28 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng: 54abbb.
Đối với đường Line lớn hơn, hãy sử dụng các màu sắc tối và thử các cách cài đặt để có được các kết quả phong phú như mong đợi của bạn.

19.Bước

Bây giờ, thêm một số giọt nước. Tôi đã sử dụng Pen tool để tạo chúng và sử dụng các màu sắc và Layer Blending options tương tự như với các Line. Sao chép chúng và định vị và thay đổi lại kích thước của chúng.
screen29a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
screen29 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

20.Bước

Tìm một hình ảnh một quả bóng xinh xắm và đặt nó lên trên khung hình của bạn. Bạn sẽ tìm thấy nó trên Sxc.hu hoặc Deviantart. Nếu bạn không tìm thấy màu sắc chính xác của quả bóng, hãy sử dụng Hue/saturation để tạo màu sắc cho nó. Tôi đã sử dụng kỹ thuật tương tự
screen30 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

21.Bước

Đối với chữ “O”, hãy làm theo tiến trình tương tự để tạo ra Path và Curve và chọn màu hồng từ Palette Menu và đây là Layer Blending options:
screen31 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng: f7bddd.
screen32 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc cho highlight mode: ffa2d2.
Màu sắc cho shadow mode: b13383.
screen33 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Range : 32.
screen34 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng: ff9ddb.
Sao chép quả bóng và sử dụng Hue/saturation mode để thay đổi màu sắc của nó sang màu hồng.
Đây là kết quả cuối cùng:
screen35 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

22.Bước

Bây giờ, đối với chữ ‘L’, sử dụng sự sáng tạo của bạn cho các Line, chọn màu xanh lục bình thường và sử dụng các hiệu ứng Layer Blending effects:
screen36 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng: 3e7b07.
screen37 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng cho highlight mode: d0ff87.
Màu sắc được sử dụng cho shadow mode: 2a5f00.
screen38 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
screen39a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng cho shadow mode: 2a5f00.
screen39 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng: d2ff00.
Màu sắc được sử dụng: 2e5e0b.
Và đây là kết quả:
screen40 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

23.Bước

Đối với chữ ‘O’.
screen41 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng: f9b263.
screen42 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng cho highlight mode: ffc580.
Màu sắc được sử dụng cho shadow mode: e07313.
Chọn phạm vi đường viền (contour range) là 32.
screen43a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng: f8a234.
screen43 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

24.Bước

screen 43a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Đối với chữ ‘R’: tạo các Line và Stroke Path với màu tím, sau đó, thêm cácLayer blending options sau:
screen44 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng: 01070b.
screen45 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng cho highlight mode: 92c5ff.
Màu sắc được sử dụng cho shadow mode: 0c3459.
Contour range 38%.
screen46 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Màu sắc được sử dụng: d5f9ff.
Đây là kết quả:
screen47 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc
Sử dụng Curves và Color balance Adjustment layer để tăng cường màu sắc và sử dụng Smart sharpen filter, sử dụng các cách cài đặt mặc định.

Kết quả cuối cùng: 3D text đầy màu sắc

3d text Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc

Dịch và biên tập từ: PsdEluxe

0 comments:

Post a Comment