Ngôn ngữ hiện tại

Photobucket

Tự bạch



Tôi Đặng Quốc Thư
Sinh ngày: 10/11/1981
Quê: Yên Đồng, Ý Yên, NĐ
Chuyên môn: Toán - Lí
Từ năm 2002 đến nay công tác tại Trường THCS Yên Đồng - Ý Yên - Nam Định
Sở thích: Tìm hiểu về công nghệ thông tin, thích tự học, tự mày mò sáng tạo!
Đã xây dựng gia đình và có 2 con (một trai, một gái).
Liên hệ giao lưu:
Email: quangthu05@gmail.com
hoặc: quangtamthuhang@yahoo.com.vn
Mobile: 0982 843 718
Blog yahoo
BlogSpot

Tài nguyên blog

Ảnh động cho điện thoại



Chúc các bạn vui vẻ !
Quản trị viên Đặng Quốc Thư

Danh sách web hay

Thời tiết-Vàng-Ngoại tệ

Photobucket

Tin tức bóng đá

NGOẠI HẠNG ANH

SERIA - ITALIA

LA LIGA - TÂY BAN NHA

Ai tính nhanh hơn

Trao đổi trực tuyến

Hỗ trợ trực tuyến

Thầy: Đặng Quốc Thư
( +84982843718)
Chat Yahoo

Liên hệ qua Yahoo Messenger

Đăng nhập Email





Thành viên trực tuyến

0 khách và 0 thành viên

Điều tra ý kiến

Bạn thấy trang này như thế nào?
Đẹp và phong phú
Đơn điệu
Bình thường
Ý kiến khác

Tìm kiếm website

Google
Violet-huongdanguibai

Chào mừng quý vị đến với website của Thầy Đặng Quốc Thư - GV THCS Yên Đồng, Ý Yên, Nam Định

Quý vị chưa đăng nhập hoặc chưa đăng ký làm thành viên, vì vậy chưa thể tải được các tài liệu của Thư viện về máy tính của mình.
Nếu chưa đăng ký, hãy nhấn vào chữ ĐK thành viên ở phía bên trái, hoặc xem phim hướng dẫn tại đây
Nếu đã đăng ký rồi, quý vị có thể đăng nhập ở ngay phía bên trái.

Tìm kiếm hiển thị ngay trên blog

Xin chờ một lát, đang tải dữ liệu ...
Gốc > Nghệ thuật tạo ảnh >

Hiệu Ứng Photoshop: Tạo kiểu chữ 3D đầy màu sắc

Trong hướng dẫn Pho­to­shop 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 pho­to­shop 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 Cin­ema 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 post­card 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

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

1.Bước

Chúng ta sẽ tạo ra từng chữ Alpha­bet 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, cin­ema 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 thiết kế web
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 thiết kế web
Tôi đã sử dụng Angsana New fontcho chữ C và các Option khác như:Extru­sionBevel options,Shad­ows đã đượ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 thiết kế web
Shad­ows đã 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 thiết kế web

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 thiết kế web
Màu sắc được sử dụng:
Face: E935C6
Text side: E935C6
Light1: F7DFB6
Light2: 6A335D
Light3: FF9AF3
Extru­sion optionsDepth — 25; Out­line 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 thiết kế web
Màu sắc được sử dụng:
Face : 2EB17C
Text side : 2EB17C
Light1 : 80DB9C
Light2 : 74AF88
Light3 : A1F9B5
TrongExtru­sion options Tôi đã sử dụng: Depth – 16 và Out­line 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 thiết kế web
Màu sắc được sử dụng:
Face : FAFF32
Text side : 7D7E35
Light1 : FBF183
Light2 : E5E32F
Light3 : F7E529
TrongExtru­sion optionstôi đã sử dụng: Depth – 16 và Out­line 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 5 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
Màu sắc được sử dụng:
Face : A30FE7
Text side: 624F78
Light1 : C483FB
Light2 : EBC8F9
Light3 : CDA1F9
Trong Extru­sion options tôi đã sử dụng: Depth – 16 và Out­line 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 Pho­to­shop. Chúng ta phải tạo back­ground, 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 tex­ture bằng gỗ ở chính giữa của trang và Desat­u­rate nó và thử với Blend­ing optionsvà xóa các góc của tex­ture. Bạn có thể tìm tex­ture 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 thiết kế web

8.Bước

Tôi cũng đã sử dụng Wrapped paper — giấy bọc và Desat­u­rate nó, thiết lập Blend­ing optionsangDif­fer­ence, giảm Opac­ity 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 thiết kế web

9.Bước

Tôi cũng sử dụng các ngôi sao và tex­ture 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 Inter­net. 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 Blend­ing options. Tôi đã sử dụng Screen.
screen8b Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
Những gì tôi phải làm đó là tôi sử dụng một Adjust­ment layer của gra­di­ent map từ tím sang cam trên cùng một phía và thiết lập Blend­ing option sangSoft light,Và Opac­ity là – 55.
screen8 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web

10.Bước

Định vị và sắp xếp tất cả các chữ Alpha­bet 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 fil­ter và Hue/saturation.
screen10a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
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 Adjust­ment layer mới trên chữ ‘C’, hãy chắc bạn đã kiểm tra Box củaUse pre­vi­ous layer sang clip­ping mask.
screen11 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
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 thiết kế web
screen12a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
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 thiết kế web
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 trans­form để 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 thiết kế web

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 thiết kế web

14.Bước

Bây giờ, chúng ta sẽ thêm Pat­tern Over­lay vào các mặt của từng chữ Alpha­bet.
Nhấp chuột phải lên layer và chọn Blend­ing options và sau đó, vào Pat­tern over­lay và chọnDiag­o­nal lines, Scale nó lên 100 và sử dụng các Pat­tern khác nhau cho mỗi chữ cái và sau đó, giảm Fill xuống 0%, Opac­ity 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 Pat­tern 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ể Down­load các Pat­tern khác từ Deviantart.
screen15 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
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 thiết kế web

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 ver­ti­cal. Xóa một số phần và giảm Opac­ity xuống.
screen17 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web

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 Inter­net. Đối với chữ C, tôi sử dụng màu 2089ff.
Blend­ing options sau đây (Layer styles).
screen18 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
Màu sắc cho Inner shadow — 87a3ff.
screen19 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
Màu sắc cho Outer glow — 55bafa.
screen20 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
Màu sắc cho Inner glow — 00fff0.
screen21 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
Sau đó, tôi thêm một Adjust­ment layer – Photo fil­ter: Color fil­ter (82, Den­sity lên 46%. Để tăng thêm chiều sâu, tạo một layer mới bên trên Adjust­ment 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 thiết kế web
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ọn Stroke path kiểm tra Box Sim­u­late pres­sure box, và chọn Brush.
screen23 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web

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 thiết kế web
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ố Blend­ing 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 thiết kế web
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 thiết kế web
Màu sắc dành cho high­light 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 thiết kế web
Con­tour: 46%.
screen28 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
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 Blend­ing 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 thiết kế web
screen29 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web

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 thiết kế web

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 Blend­ing options:
screen31 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
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 thiết kế web
Màu sắc cho high­light 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 thiết kế web
Range : 32.
screen34 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
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 thiết kế web

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 Blend­ing effects:
screen36 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
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 thiết kế web
Màu sắc được sử dụng cho high­light 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 thiết kế web
screen39a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
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 thiết kế web
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 thiết kế web

23.Bước

Đối với chữ ‘O’.
screen41 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
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 thiết kế web
Màu sắc được sử dụng cho high­light mode: ffc580.
Màu sắc được sử dụng cho shadow mode: e07313.
Chọn phạm vi đường viền (con­tour range) là 32.
screen43a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
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 thiết kế web

24.Bước

screen43a Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
Đối với chữ ‘R’: tạo các Line và Stroke Path với màu tím, sau đó, thêm các Layer blend­ing options sau:
screen44 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
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 thiết kế web
Màu sắc được sử dụng cho high­light mode: 92c5ff.
Màu sắc được sử dụng cho shadow mode: 0c3459.
Con­tour range 38%.
screen46 Hiệu Ứng Photoshop: Tạo Kiểu Chữ 3D Đầy Màu Sắc thiết kế web
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 thiết kế web
Sử dụng Curves và Color bal­ance Adjust­ment layer để tăng cường màu sắc và sử dụngSmart sharpen fil­ter, 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

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

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



Nhắn tin cho tác giả
Đặng Quốc Thư @ 21:52 16/02/2011
Số lượt xem: 864
Số lượt thích: 0 người
Avatar
Hãy đến để cùng sáng tạo!
 
Gửi ý kiến