Hướng dẫn tạo hiệu ứng text 3D cực ấn tượng đón năm mới

Đây là 1 bài hướng dẫn hiệu ứng text 3D rất đẹp và ấn tượng do mod diễn đàn Hưng Trần Văn viết, vì bài viết quá hay cho nên mình quyết định post lên trang chủ cho mọi người tiện theo dõi. Mà cơ bản thì bài viết nào của mod Hưng cũng đều chất lượng cả :D

[quote]Bạn yêu thích text 3D nhưng lại không biết sử dụng các phần mềm như 3Dmax, C4D hay đơn giản photoshop của bạn không hỗ trợ 3D. Tất cả những điều đó sẽ không còn là trở ngại nữa, qua bài tut này Hưng sẽ hướng dẫn các bạn cách tạo 1 hiệu ứng chữ 3D từ định dạng 2D ban đầu mà không cần sử dụng các phần mềm nào khác ngoài photoshop cơ bản. Hiệu ứng này được Hưng trích từ 1 bộ action 3D và thêm 1 vài hiệu ứng để tạo ra kết quả đẹp nhất.[/quote]

Trước tiên hãy cùng xem hiệu ứng 3D của chúng ta. Hiệu ứng này các bạn dễ bắt gặp trong các hình ảnh Happy Birthday hoặc Happy New Year.

[caption id="" align="aligncenter" width="600"] Đây là tác phẩm mình làm tặng riêng cho sinh nhật của Việt Designer vừa rồi[/caption]

Bây giờ chúng ta bắt tay vào làm...

Bước 1: Các bạn tạo 1 đoạn text bất kì ở đây Hưng sẽ tạo chữ YEU DO HOA và chọn màu đỏ với mã màu #c51a1a. Bước chọn màu này rất quan trọng vì kết quả text sẽ không ra màu ban đầu, ngoài ra các bạn không được chọn màu quá sáng hay quá tối vì sẽ không thấy được 3D.

Bước 2: Chúng ta sẽ sử dụng 1 mẹo nhỏ của tut tạo bản đồ 3D. Các bạn nhân đôi layer "DOHOA" đồng thời đưa layer mới copy xuống dưới layer "DOHOA" chúng ta được layer "DOHOA copy 1". Bây giờ các bạn dùng công cụ move ( V ) kéo layer mới copy lên phía trên bên trái 1 pixels để các bạn dễ nhìn Hưng đã đổi text của layer mới copy sang màu xanh dương:

Bước 3: Tiếp tục nhân đôi layer và lại kéo lên phía trên trái cho đến khi nào tạo được độ dày cần thiết. Hướng kéo này sẽ ảnh hưởng tới hình dạng text 3D của chúng ta. 

Bước 4: Đây là kết quả của chúng ta ở đây Hưng đã nhân lên 30 layer.

Bước 5: Các bạn chọn layer trên cùng tức là layer "DOHOA" nhấn chuột phải vào layer chọn Blending Option và thiết lập các thông số như sau: Inner Glow: mã màu #7e7e7e

Bevel and Emboss: Mã màu #7e7e7e

Gradient Overlay: Dải màu Gradient phức tạp nên được trình bày ở hình bên dưới:

Các bạn thiết lập dải màu của Gradient như sau:

Bước 6: Đây là kết quả của chúng ta:

Bước 7: Bây giờ các bạn chọn layer "DOHOA copy 1" nhấn chuột phải vaò layer chọn Blending Option và thiết lập các thông số
Inner Glow: mã màu #989898

Bevel and Emboss: mã màu #808080

Color Overlay: mã màu #c51a1a

Các bạn nhấn Ok để hoàn tất.

Bước 8: Chúng ta chọn layer "DOHOA copy 1" nhấn chuột phải vào layer chọn Copy Layer Styles để copy các thiết lập ở Bước 7 sau đó các bạn giữ phím Shift chọn từ layer "DOHOA copy 2" đến layer cuối cùng tức là layer "DOHOA copy 30" nhấn chuột phải vào các layer đó và chọn Paste Layer Styles. Và đây là kết quả:

Bước 9: Để gọn gàng các bạn nhấn Ctrl + Shift + E để gom tất cả layer lại sau đó nhân đôi layer "DOHOA" và kéo layer mới nhân đôi xuống dưới chúng ta được layer "DOHOA copy".

Có rất nhiều cách để tạo bóng cho chữ, ở đây chúng ta sẽ tạo bóng dưới chân các bạn nhấn Ctrl + R để bật thanh thước đo rule sau đó kéo từ thanh rule ra 2 đường Guide màu xanh để xác định độ dày của chân chữ .

Bước 10: Các bạn chọn layer "DOHOA copy" vào Image > Adjustments > Cuvers chỉnh Output = 0 mục đích là chuyển layer này sang màu đen.

Bước 11: Xóa phần thân chữ không cần thiết tại layer "DOHOA copy" chúng ta chỉ giữ lại phần chân chữ để làm bóng. 

Bước 12: Tại layer "DOHOA copy" Chúng ta vào Filter > Blur > Motion Blur thiết lập như trong hình:

Bước 13: Tiếp tục vào Filter > Blur > Motion Blur và chỉnh như sau: 

Bước 14: Vào Filter > Blur > Gaussian Blur chỉnh Radius 2.5 pixels 

Và đây là kết quả sau khi tạo bóng dưới chân:

Bước 15: Các bạn làm tương tự cho chữ YEU và đặt nó lên trên chữ DOHOA. Sau khi làm xong các bạn nhấn Ctrl + Shift + E để gom tất cả thành 1 layer. 

Bước 16: Nhân đôi layer "Yeu do hoa" nhấn Ctrl + T và lật ngược layer "Yeu do hoa copy". Bước này chúng ta tiến hành tạo bóng đổ.

Bước 17: Thêm Layer mask cho layer "Yeu do hoa copy" đồng thời các bạn sử dụng Gradient dải màu từ đen đến trắng và kéo trong layer mask. Nếu cái bóng đổ dài quá hoặc ngắn quá các bạn có thể dùng Gradient để kéo lại ở đây Hưng tạo bóng đổ bằng 1 nửa chữ DOHOA.

Bước 18: Tạo 1 layer mới bên dưới layer "Yeu do hoa" đặt tên layer là "Bóng" dùng Gradient với màu từ đen đến trắng và tạo như hình dưới. Nếu thích các bạn Dùng Brush cỡ lớn để tạo cũng được. Bước này chúng ta tạo hiệu ứng cho cái nền để nhìn chữ DOHOA như đang đứng trên 1 cái nền thực sự .

Bước 19: Nhấn Ctrl + T và kéo cái bóng xẹp xuống. 

Bước 20: Tại layer "Bóng" chúng ta vào Filter > Blur > Gaussian Blur và thiết lập như hình dưới:

Bước 21: Các bạn kéo dài cái bóng để nó phủ đều hết các chân chữ. Nếu đậm quá các bạn có thể giảm Opacity xuống.

Bước 22: Tạo thêm 1 layer nữa ở bên dưới để tạo hiệu ứng giấy rơi. Các bạn dùng các công cụ tạo thật nhiều vùng chọn với đủ hình dạng. Nguyên tắc để tạo vùng chọn này là không có nguyên tắc nào cả, các bạn cứ thoải mái mà tạo ra đủ hình thù. 

Bước 23: Tô các vùng chọn vừa tạo bằng màu đỏ với mã màu #c51a1a 

Bước 24: Các bạn nhấn Ctrl + T và kéo bẹp các mảnh giấy này xuống nền như thể chúng chưa bao giờ được nằm bẹp. 

Các mảnh giấy đang rơi các bạn cũng làm tưng tự nếu thích có thể thêm Blur cho 1 vài mảnh. Và đây là kết quả cuối cùng:

Rất đẹp và kì công đúng không nào? Chúc các bạn thành công và đừng quên ấn Like hay +1 cho bài viết để ủng hộ công lao chia sẻ tut hay của mod Hưng nhé! Còn nếu bạn có thắc mắc gì về bài tut này có thể liên hệ trực tiếp tại topic này để hỏi mod Hưng nhé :)

Tạo hiệu ứng chữ vải khâu đẹp ấn tượng trong Photoshop

Chào các bạn, cũng lâu rồi mình không tham gia đóng góp 1 bài tutorial nào cho Việt Designer, hôm nay mình xin gửi đến các bạn 1 bài hướng dẫn hiệu ứng chữ rất bắt mắt mà mình dịch lại từ 1 trang nước ngoài.

Bài viết được dịch bởi DJ Prokid từ trang PSD Tutsplus.

Link bài viết gốc <-- click

• Phần mềm sử dụng: Adobe Photoshop CS6 Extended


• Độ khó: Dễ


• Thời gian: 2 Tiếng

Demo:

Nguyên liệu

Download các nguyên liệu dưới đây để làm :

• Grobold font.


• gradient-shapes for Photoshop by ilnanny.


• Rust ‘n Grunge by Ryan2006.

Bước 1

Tạo 1 document với kích thước 1250 x 768 px hoặc bao nhiêu tùy bạn.

Để màu Foreground color  #83b7ca và màu Background color là #22576b, sau đó fill màu của “Background” với màu Foreground color (Atl + Delete).

Tiếp theo, chúng ta sẽ dùng 1 số hiệu ứng để làm background đẹp hơn. Hiệu ứng này sẽ áp dụng cho cả Background và chứ. Chúng ta vào Filter > Filter Gallery > Sketch > Halftone Pattern. Chỉnh  Size bằng 1, Contrast bằng 0, và chọn “Dot” ở chỗ Pattern Type .

Hiệu ứng này sẽ tạo ra 1 texture với những chấm nhỏ li ti.

Vào tiếp Filter > Filter Gallery > Artistic > Smudge Stick. Chỉnh Stroke Length bằng 2, Highlight Area là 12, và Intensity là 10.

Hiệu ứng này sẽ tạo ra texture giống như trên vải mà ta vẫn thường thấy.

Vào Filter > Filter Gallery > Texture > Grain. Chỉnh Intensity là 11, Contrast là 50, và chọn “Regular” ở Grain Type.

Cái này nó sẽ tạo 1 ít hạt nhiễu để cho vải nhìn thật hơn.

---

Bước 2

Nhân đôi Background layer (Ctrl +  J) và ẩn nó đi bằng cách ấn vào con mắt như hình dưới:

Chọn lại “Background” layer 1 lần nữa. Vào Image > Adjustments > Hue/Saturation, và đổi Hue là 20, Saturation là -50, Lightness là -50.

Vào Image > Adjustments > Levels thay đổi giá trị Shadows là 35 để texture nó tối hơn 1 chút.

---

Bước 3

Tạo chữ và sử dụng font Grobold mà ta đã download ở trên đầu bài viết. Trong bảng Character  (Window > Character), Chỉnh size to 300pt (hoặc tùy bạn) và chỉnh giá trị Tracking là 75 để tránh chữ bị chồng chéo lên nhau.

Hãy để í rằng chữ “D” nó hơi gần “e”. Để sửa nó, chọn Type Tool và click vào giữa chữ “D” and “e”, và chỉnh lại the Kerning là 68 (hoặc cao hơn tùy máy miễn sao thấy nó đều là được).

---

Bước 4

Bây giờ chúng ta cho hiện lại layer “Background copy” bằng cách click vào chỗ con mắt lúc nãy (lúc chưa click là ô trống), sau đó chúng ta kéo layer đó lên trên layer chữ. Xong xuôi, ấn Ctrl/Cmd + Click vào thumbnail (chữ T)  ở layer text để khoanh vùng chọn quanh chữ.

Vào Select > Modify > Expand, và nhập giá trị là 6 6. Số càng lớn thì vùng chọn vàng rộng ra và có thể sẽ dính vào chữ khác nên tùy theo font mà điều chỉnh thích hợp.

Chọn lại vào layer “Background copy”, khi đó bấm Ctrl/Cmd + J. Nó sẽ copy vùng chọn của chữ và cắt lên cái background mà ta đã tạo lúc nãy. Bây giwof thì ẩn  “Background layer” đi vì chúng ta không cần dùng nó nữa.

Nhân đôi “Layer 1″, và thiết lập Blend Mode là Soft Light and và Opacity là 50%. Cái này nó sẽ làm cho hiện rõ 1 số chi tiết ở texture lên.

Double click vào “Layer 1″ để thêm hiệu ứng Inner Shadow, hạ Opacity xuống khoảng 50%, Distance là 0, và Size là 2.

---

Bước 5

Nhân đôi layer chữ lên, nhớ là bật nó lên nhé. Cho nó lên trên cùng của tất cả các layer kia..

Chuột phải vào layer chữ vừa rồi và chọn Convert to Shape. Chữ lúc này không thể sửa được nữa vì nó đã thành 1 hình ảnh thông thường.

Lấy đại 1 cái Shape Tool nào đó (hình vuông, tròn, gì cũng được…) và nhìn lên thanh Options ở trên. Ở đây chúng ta có 1 số tính năng khá thú vị được giới thiệu trong bản CS6 này, nó sẽ giúp chúng ta làm những cái mũi khâu nhanh hơn.

Bắt đầu loại bỏ viền ngoài của hìnhbằng cách ấn vào “No Color” ở icon Fill. Sau khi làm xong chúng ta sẽ loại bỏ được màu trong khối nhưng nó cũng xóa luôn cả viền. 

---

Bước 6

Bây giờ chúng ta cần phải thêm lại viền cho chữ này. Vậy nên click vào Stroke icon, và chọn “Solid Color”. Khi đó,click vào Color Picker icon, và chọn màu cho nó là #c0b384.

Chọn bề ngang cho viền là 3pt, Sau đó chọn oại như trong hình. Để thiết lập thêm chúng ta ấn vào More Options. 

Trong bảng Stroke , thiết lập Align là Inside, Caps là Butt, và Corners là Miter. Xong, chỉnh lại giá trị Dash là 2.5, và Gap là 1. Trong đó, giá trị của Dash là chiều dài dấu gạch ngang, và giá trị của Gap là khoảng cách giữa các dấu gạch ngang. 

Sau đó OK

---

Bước 7

Double click vào mũi khâu (khối chữ) để hiện bảng Layer Style:

Bevel and Emboss: Mũi khâu chúng ta hiện tai hơi nhỏ, chỉnh Size là 0, hiệu ứng sẽ thêm kích thước cho mũi khâu. Vậy nên thay đổi màu của Highlight Mode là #bea85a.

Contour: Để nguyên giá trị.

Inner Shadow: Thiết lập Distance là 0 và Size là 1.

Gradient Overlay: Chỉnh Blend Mode(chế độ hòa trộn) là Multiply, Opacity là 50%, và sử dụng style Gradient là “Gold Rail G2″ từ “Tracks.grd” trong file mà lúc nãy chũng ta download, sau đó thiết lập Style là Reflected như hình.

Outer Glow: Thiết lập Blend Mode là Multiply, màu là #444425, chỉnh Size là 0. Cái này sẽ tạo 1 lớp bóng phía bên dưới. 

Drop Shadow: Chuyển Blend Mode là Multiply, màu là #112d37, Opacity là 80%,Distance là 0, Size là 7, và Contour là Cove Deep.

Cái này sẽ tạo hiệu ứng cho sợi chỉ nhìn rất chi là 3D =p~ 

Nếu thấy nó hơi nổi quá thì có thể giảm Opacity nó xuống khoảng trên dưới 85% cho phù hợp.

---

Bước 8

Ctrl/Cmd + Click vào Thumbnail của “Denim copy” để lấy vùng chọn.

Click và ‘Create new fill or adjustment layer’ icon nằm bên dưới bảng Layers và chọn Hue/Saturation. Cái này nó sẽ tạo 1 lớp mặt nạ để hiệu chỉnh mỗi layer đó mà không ảnh hưởng đến các layer kia.

Thiết lập giá trị Hue là 10, và Saturation là -25.

Lại tạo vùng chọn như vừa làm bên trên 1 lần nữa, lúc này ta chọn ‘Create new fill or adjustment layer’ icon và chọn Levels.

Thiết lập giá trị Shadows là 30 để làm tối texture.

---

Bước 9

Mở bảng Brush lên (Window > Brush) và chọn loại cọ tên là “Dune Grass” xong rồi chỉnh thông số như hình dưới

Brush Tip Shape:

Shape Dynamics:

Scattering: 

Dual Brush: Chọn cọ tên là “Chalk 36 pixels”.

Color Dynamics: 

---

Bước 10

Chuột phải là layer chữ gốc và chọn Create Work Path.

Thiết lập Foreground color là #597f91 và Background color #081f30. Tạo 1 layer mới đặt vào giữa layer “Denim” và “Layer1” sau đó đặt tên nó là “Stroke”.

Chọn Direct Selection Tool, chuột phải lên viền chữ và chọn Stroke Path.

Chọn Brush từ menu Tool, và chắc rằng là đã bỏ dấu tích khỏi Simulate Pressure.

Lúc này phần viền vải nó sẽ tua ra như vải thật nhưng nó vẫn còn hơi nhỏ. Để làm nó tua hơn nữa ta sẽ làm 2 lần.

Lúc này bạn sẽ thấy nó có vẻ nhìn thật hơn. Ấn Enter/Return để xóa đường gạch phía trên chỗ mấy sợi chỉ khâu.

---

Bước 11

Double click vào “Stroke” layer để thêm Drop Shadow, thiết lập màu là #222222, Distance là 10, Spread là 15, và Size là 10.

Phần bóng này sẽ thêm độ sâu cho texture.

---

Bước 12

Tạo 1 layer mới vào cho nó lên trên cùng, đặt nó tên là “Dirt”, sau đó chuyển Blend Mode thành Darker Color. Để Foreground color là #8c6239.

Ctrl + Click và thumbnail của Denim để lấy vùng chọn, sau đó Shift + Ctrl + Click vào layer “Stroke” layer’s thumbnail để thêm vùng chọn tua tua.

Dùng bất cứ brush nào của bộ “Rust ‘n Grunge” mà chúng ta đã download sau đó click vài cái lên để làm bẩn nó. Nó trông sẽ khá thật và tự nhiên hơn.

---

Bước 13

Lúc này vùng chọn vẫn còn, tạo 1 layer mới lên trên cùng các layer khác và đặt tên là “Clouds”. Thiết lập Foreground and Background colors trở lại Black and White bằng cách ấn “D”, xong rồi vào Filter > Render > Clouds. Vào Select > Deselect (hoặc ấn Ctrl/Cmd + D) để bỏ vùng chọn.

Thiết lập “Clouds” với Blend Mode là Overlay, và Opacity là 20%, hoặc 1 gí trị nào đó mà bạn thích Cái này sẽ thêm biên độ ánh sáng cho texture.

---

Bước 14

Chọn ‘Create new fill or adjustment layer’ icon và chọn Gradient Map.

Hãy chắc rằng là nó đang nằm trên cùng các layer khác, sau đó thiết lập Blend Mode là Soft Light và Opacity là 50%. Cái này để cải thiện màu sắc. 

Gradient được tạo và dử dụng màu #504d44 bên trái và #aba277 cho bên phải như dưới hình. 

---

Bước 15

Tạo 1 layer mới giữa layer “Clouds” và layer “Dirt”, đặt tên nó là “Rivets”. Double click vào nó để hiệu chỉnh.

Bevel and Emboss: Thiết lập Gloss Contour là Half Round, Highlight Mode là Vivid Light và Opacity là 65%, và tích vào dấu Anti-aliased nhé.

Contour: Chọn Cone ở Contour, và tích vào ô Anti-aliased.

Drop Shadow: Hạ Distance xuống 0.

Để Foreground color là #564a2e, chọn hard round 13 px brush, và bắt đầu thêm mấy cái đinh vào góc của chữ. 

---

Final Image 

Nếu có bất kì thắc mắc nào về bài tutorial này bạn hãy vào đây để đặt câu hỏi trực tiếp trên diễn đàn nhé!