Chuyển đến nội dung chính

Hiệu Ứng Chữ 3D

text2 photoshop tutorial Hiệu Ứng Chữ 3D   thiết kế web
Trong hướng dẫn này chúng tôi sẽ tạo ra hiệu ứng 3D cho text. Bắt đầu công việc của bạn với việc tạo ra một tập tin mới có kích thước 1280 × 1024 px và 72 dpi.
Sau đó, chúng ta sẽ sử dụng Rec­tan­gle Tool (U) để vẽ nền của bức tranh.
2 Hiệu Ứng Chữ 3D   thiết kế web
Tạo Layer mới và điều chỉnh trong Lay­ers’ palette
Blend­ing Options>Gradient Overlay
3 Hiệu Ứng Chữ 3D   thiết kế web
Thông số Gradient:
4 Hiệu Ứng Chữ 3D   thiết kế web
5 Hiệu Ứng Chữ 3D   thiết kế web
Sử dụng Cus­tom Shape Tool (U), cố gắng thể hiện sao cho các tia đi từ phía trung tâm hình.
6 Hiệu Ứng Chữ 3D   thiết kế web
Sử dụng Con­vert Point Tool (giữ phím SHIFT) và nhấn CTRL+T, Trong khi đang dùng Main­tain aspect ratio để tập hợp các tia về phía trung tâm tấm hình.
7 Hiệu Ứng Chữ 3D   thiết kế web
Thông số layer: Opac­ity 70%Fill 0%
Blend­ing Options>Gradient Overlay
8 Hiệu Ứng Chữ 3D   thiết kế web
Thông số Gradient:
9 Hiệu Ứng Chữ 3D   thiết kế web
10 Hiệu Ứng Chữ 3D   thiết kế web
Tạo layer mới, chọn brush và chỉnh màu đen, Brush Tool (B) (Opac­ity10%) để làm tối đường viền tấm hình.
11 Hiệu Ứng Chữ 3D   thiết kế web
12 Hiệu Ứng Chữ 3D   thiết kế web
Tiếp theo, chúng ta sẽ tạo chữ STYLE với mỗi từ là một layer riêng biệt.
13 Hiệu Ứng Chữ 3D   thiết kế web
14 Hiệu Ứng Chữ 3D   thiết kế web
Chỉnh thông số Free Trans­form cho mỗi từ, thay đổi hình dạng giống như hình phía dưới:
15 Hiệu Ứng Chữ 3D   thiết kế web
Merge các layer có chứa các chữ “STYLE”. Nhấn nút Ctrl, chọn các Layer và sau đó nhấn Ctrl + E. Lúc này chúng ta sẽ giữ nút CTRL và Alt, sau đó bấm nhiều lần nút mũi tên (trên bàn phím).
16 Hiệu Ứng Chữ 3D   thiết kế web
Merge tất cả Layer, ngoại trừ Layer trên cùng (lay­ers có chứa chữ Style
Blend­ing Options>Gradient Overlay
17 Hiệu Ứng Chữ 3D   thiết kế web
Thông số Gradient:
18 Hiệu Ứng Chữ 3D   thiết kế web
Blend­ing Options>Stroke
19 Hiệu Ứng Chữ 3D   thiết kế web
20 Hiệu Ứng Chữ 3D   thiết kế web
Merge the layer này với các thông số trên. Tạo Layer mới, giữ nguyên CTRL và chọn 2 layer, sau đó nhấn phím CTRL + E.
21 Hiệu Ứng Chữ 3D   thiết kế web
Trên Layer này, tao sử dụng Burn Tool (O) để thêm một vào bóng đổ “shad­ows” trên các bộ phận của chữ.
22 Hiệu Ứng Chữ 3D   thiết kế web
Trên cùng Layer này, ta sử dụng Dodge Tool (O) để vẽ một vài đường ánh sáng.
23 Hiệu Ứng Chữ 3D   thiết kế web
Định những thông số sau đây cho layer trên cùng có chứa các chữ cái.
Blend­ing Options>Gradient Overlay
24 Hiệu Ứng Chữ 3D   thiết kế web
Thông số Gra­di­ent:
25 Hiệu Ứng Chữ 3D   thiết kế web
Blend­ing Options>Stroke
26 Hiệu Ứng Chữ 3D   thiết kế web
27 Hiệu Ứng Chữ 3D   thiết kế web
Chọn Line Tool (U) to tại đường thẳng dọc màu trắng, thể hiện đường viền cho những khối trong chữ cái.
28 Hiệu Ứng Chữ 3D   thiết kế web
Chọn Pen Tool ℗ và vẽ một dải băng màu đen, Sau đó áp dụng Con­vert Point Tool để tạo hình dáng thích hợp.
29 Hiệu Ứng Chữ 3D   thiết kế web
Thông số Layer: Blend­ing Options>Gradient Overlay
30 Hiệu Ứng Chữ 3D   thiết kế web
Thông số Gradient:
31 Hiệu Ứng Chữ 3D   thiết kế web
32 Hiệu Ứng Chữ 3D   thiết kế web
Sử dụng công cụ vừa rồi để làm giống hình sau:
33 Hiệu Ứng Chữ 3D   thiết kế web
Thông số Layer: Blend­ing Options>Gradient Over­lay
34 Hiệu Ứng Chữ 3D   thiết kế web
Thông số Gradient:
35 Hiệu Ứng Chữ 3D   thiết kế web
36 Hiệu Ứng Chữ 3D   thiết kế web
Vẻ dải băng thứ ba:
37 Hiệu Ứng Chữ 3D   thiết kế web
Thông số Layer: Blend­ing Options>Gradient Overlay
38 Hiệu Ứng Chữ 3D   thiết kế web
Thông số Gradient:
39 Hiệu Ứng Chữ 3D   thiết kế web
40 Hiệu Ứng Chữ 3D   thiết kế web
41 Hiệu Ứng Chữ 3D   thiết kế web
Nhóm tất cả Layer có chứa dải băng thành một Group (chọn các Layer cần thiết và nhấn Ctrl+G). Copy nhóm vừa rồi và xóa toàn bộ hiệu ứng của các Layer. Sau đó sử dụng Free Trans­form để làm giống hình bên dưới:
42 Hiệu Ứng Chữ 3D   thiết kế web
Merge các nhóm “group” có chứa dải băng đen và nhấn Ctrl+E. Thể hiện bóng đổ bằng cách chọn vùng chọn của phần dưới chữ cái sau đó xóa những phần không cần thiết của dải băng đen.
43 Hiệu Ứng Chữ 3D   thiết kế web
44 Hiệu Ứng Chữ 3D   thiết kế web
Tạo Layer mới và dùng Brush để vẽ những đường trang trí như ảnh phía dưới
45 Hiệu Ứng Chữ 3D   thiết kế web
Thông số layer: Blend­ing mode-Overlay
46 Hiệu Ứng Chữ 3D   thiết kế web
Tạo một lớp mới và sử dụng cùng một Brush để vẽ thêm một đường nét (màu trắng) như hình phía dưới.
47 Hiệu Ứng Chữ 3D   thiết kế web
Chọn hiệu ứng sau cho Layer: Filter>Blur>Gaussian blur
48 Hiệu Ứng Chữ 3D   thiết kế web
49 Hiệu Ứng Chữ 3D   thiết kế web
Chỉnh lại thông số cho layer: Fill 50%
50 Hiệu Ứng Chữ 3D   thiết kế web
Sử dụng Pen Tool ℗ và Con­vert Point Tool để tạo vòng, bạn có thể vẽ thêm tùy ý muốn với thông số màu là: #545E4E
51 Hiệu Ứng Chữ 3D   thiết kế web
52 Hiệu Ứng Chữ 3D   thiết kế web
53 Hiệu Ứng Chữ 3D   thiết kế web
54 Hiệu Ứng Chữ 3D   thiết kế web

Nhận xét

Bài đăng phổ biến từ blog này

Hướng Dẫn Thiết Kế Navigation với Photoshop

Nav­i­ga­tion rõ ràng là một trong những khía cạnh quan trọng nhất của thiết kế web về tính khả dụng, nhưng, ngoài ra, nó còn có là một tâm điểm của diện mạo thiết kế. Các But­ton của thanh Nav­i­ga­tion, thanh Bar và Menu mang đến cho nhà thiết kế cơ hội tuyệt vời để sáng tạo và bổ sung một vài phong cách mới vào thiết kế. Đối với mục đích này, công cụ nào được sử dụng tốt hơn Photoshop? Đây là một bộ sưu tập gồm 45 hướng dẫn sẽ giúp bạn tạo ra một thanh Nav­i­ga­tion hoàn hảo. Một số hướng dẫn tạo ra kết quả cuối cùng tương tự như một hướng dẫn khác trong danh sách này, nhưng bạn có thể tìm hiểu một điều khác lạ từ mỗi một hướng dẫn vì cách tiếp cận tới mỗi bài hướng dẫn này là khác nhau. Stun­ning Vista inspired menu từ PSDTuts Slick blue nav­i­ga­tion menu từ SigTutorials Glossy nav­i­ga­tion bar từ Core GFX Quick glass buttons từ Bits O’ NewMedia Basic sleek button từ psFreak.com Sleek but­tons từ OriginMaker Vista styled button ...

Download AutoCAD 2012 Full + Crack, AutoCAD 2012 Full,

Update: More on AutoCAD would be available on Mastering AutoCAD 2012 The next release of AutoCAD is in development & codenamed “Ironman”. If you are interested to be part of the testing team for AutoCAD 2012., register at https://beta.autodesk.com/signup/ AutoCAD 2012 | CAD Professor: The next release of AutoCAD is in development & codenamed Ironman. If you are inte... http://bit.ly/ezBIRD

[File Cad] Khách Sạn Kaya – 4 Sao

Là đơn vị trực thuộc công ty xây dựng Hiệp Hòa, khách sạn Kaya mang đẳng cấp quốc tế tiêu chuẩn tương đương 4 sao tọa lạc tại số 238 đại lộ Hùng Vương – Trung tâm TP. Tuy Hòa, Tỉnh Phú Yên. Dưới đây là 1 số bản vẽ Mặt Bằng, Mặt Cắt, Kết Cấu.. của Khách Sạn Kaya này mà mình sưu tầm được. Công trình gồm 1 tầng hầm, 1 trệt, 1 lửng và 13 lầu.Với tổng chiều cao 55.4m Tên File: File Cad – Kaya Hotel (4 Sao) – Cty XD Hiệp Hòa – TP. Tuy Hòa – Phú Yên Download: Mặt Bằng – Kaya Hotel (01 File .DWG – Size: 4.5 Mb) Download: Mặt Cắt – Kaya Hotel (01 File .DWG – Size: 1.9 Mb) Download: Kết Cấu – Kaya Hotel (05 File .DWG – Size: 2.5 Mb) Download: Phối Cảnh – Kaya Hotel (02 File .JPG – Size: 1.5 Mb) Link Download Toàn Bộ File Trên: http://www.mediafire.com/?gi9e2e82awvdvse (10 Mb) Thông Tin: Nguồn: Sưu Tầm – Upload by www.danxaydung.tk Hình Demo: (theo danxaydung.tk)