Thứ Bảy, 24 tháng 5, 2014

Cách tạo hiệu ứng chữ kiểu Ombre

Hôm nay Jin-Designers.blogspot.com sẽ cung cấp cho các bạn một thủ thuật Photoshop mới: Cách tạo hiệu ứng chữ kiểu Ombre. Ombre (hay Ombré) là từ miêu tả một thứ gì đó bắt đầu bằng một màu sắc này nhưng dần dần phai đi và kết thúc bằng một màu sắc khác.
Cùng thực hiện thủ thuật  Photoshop tạo hiệu ứng chữ kiểu Ombre với Designs.vn các bạn nhé. Dưới đây là kết quả cuối cùng chúng ta sẽ có được khi hoàn thành các bước tạo hiệu ứng chữ kiểu Ombre. Trong bài viết này, tôi sử dụng Adobe Photoshop CS6 nhưng các bạn cũng có thể sử dụng các phiên bản CS3 trở lên. 

thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre


Nguyên liệu:


- Blue Bokeh Texture ( download tại http://beckas.deviantart.com/art/blue-bokeh-texture-179779612)
- Có thể bạn sẽ phải dùng đến Contour, hãy xem hình ảnh này để biết cách làm nhé http://www.textuts.com/images/others/contours.jpg 

Hướng dẫn


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Bước 1. Tạo một file mới với kích thước 1024 x 768 px. Thiết lập màu Foreground là #501d25 và màu Background là #130609 (như hình trên). Lấy Gradient Tool, chọn Foreground to Background, Radial Gradient trên thanh công cụ. Sau đó click và thả vào một góc để tạo Background gradient (như hình trên)


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

 Đặt Blue Bokeh Texture (có kèm link download ở phần nguyên liệu) lên trên Background layer, sau đó thay đổi Blend Mode sang Overlay.   


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Bước 2. Tạo chữ với font chữ Riot Squad NF, kích cỡ 250 px. Nếu bạn muốn tạo nhiều hơn 1 dòng chữ, hãy tạo từng layer riêng biệt cho từng dòng nhé.


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Thay đổi độ Fill là 0%

thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Bước 3. Click đúp vào layer để sử dụng Layer Style.
Bevel and Emboss: Thiết lập tất cả các thông tin như hình trên. Các bạn nhớ là bỏ chọn Use Global Light và chọn Anti-aliased nhé.


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Tiếp tục thực hiện như hình trên. Bước này sẽ giúp tạo lớp bóng đơn giản như hình dưới:


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Bước 4. Tạo layer mới trên layer chữ và đặt tên là “Texture”. Lấy Gradient Tool, thiết lập màu Foreground là #1b7889 và màu Background là #f6989c.


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Nhấn Ctrl + click vào layer chữ 


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

 Trên thanh công cụ, chọn Foreground to Background gradient fill và click icon Linear Gradient (như khung màu hồng trong hình) tại lớp chữ mà bạn đã chọn. Sau đó click và thả từ điểm cao nhất xuống điểm thấp nhất .
Bước này để tạo  gradient fill. Bạn có thể sử dụng bất kỳ màu khác nào bạn thích, thậm chí dùng nhiều hơn 2 màu. Tuy nhiên, hãy nhớ rằng những màu sắc khác nhau sẽ đòi hỏi những giá trị Filter khác nhau. Thay đổi Filter không khó, tôi sẽ giải thích ở bước 6.
Chọn Select -> Deselect hoặc nhấn Ctrl + D để hoàn thành bước này.


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Đây là kết quả bạn đang có sau bước 4


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Bước 5. Để thay đổi giá trị Filter, lớp chữ cần được chuyển sang Smart Object. Cách làm: chọn lớp chữ, chọn Filter -> Convert to Smart Filters. Hiện ra hộp như trên, nhấn OK.


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Bạn có thể thấy bây giờ đã có biểu tượng Smart Object ở góc phải của layer
 

thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Click đúp vào layer chữ và thiết lập như hình trên. Tiếp tục thiết lập như các hình dưới, nhớ bỏ chọn Anti - aliased


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Bước này sẽ tạo độ sâu cho chữ (như hình trên).


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Bước 6. Bây giờ chúng ta sẽ thêm Filter. Chọn Filter -> (Filter Gallery) -> Brush Strokes -> Spatter. Thiết lập Spray Radius là 22 và Smoothness là 5.


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Bạn sẽ có kết quả như hình trên.


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Tiếp tục chọn Filter -> (Filter Gallery) -> Brush Strokes -> Sprayed Strokes. Thiết lập Stroke Length là 0 và Spray Radius là 8.


 thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Cuối cùng bạn đã hoàn thành xong các bước tạo hiệu ứng chữ kiểu Ombre.


thu_thuat_photoshop_tao_hieu_ung_chu_kieu_ombre

Lưu ý: Như đã nói ở trên, các giá trị Filter cần thay đổi khi bạn sử dụng các màu sắc khác nhau. Thử nghiệm với nhiều giá trị khác nhau cho đến khi bạn hài lòng với hiệu ứng hay sự biến chuyển giữa các màu.

Vì lớp chữ là Smart Object nên bạn có thể mở rộng danh sách Filters bằng cách click vào mũi tên bên phải và sau đó click đúp vào tên của Filter để thay đổi (như hình trên). Nếu bạn dùng kích thước font khác, hãy nhớ thay đổi các giá trị trong Layer Style values và giá trị của Filter nhé.

Tham khảo các hướng dẫn thủ thuật Photoshop khác trên Designs.vn: tạo hiệu ứng chữ kiểu Bokeh, tạo hiệu ứng chữ kiểu Scrabble, tạo hiệu ứng Vintage
Xin chào tất cả các bạn :3 :"3
hôm nay mình xin chia sẻ một tut lighting effect khá là ấn tượng ;))
kết quả cuối cùng:
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop

nguyên liệu: brush mây, khói, ...
Tut khá là dài đấy



Bước 1: tạo một file mới kích thước tùy ý và fill màu đen
Bước 2: tạo layer mới, sử dụng brush trên để tạo một khung cảnh mờ mờ sương ( opacity 20%)
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
Bước 3: nhân đôi layer (Ctrl+J) và Ctrl+T tạo sao cho giống như mặt đất vậy:
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
Bước 4: tiếp tục tạo layer mới và sử dụng brush trên nhưng với opacity=50%
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
B5: sử dụng text BOLD bất kì với màu trắng, ở đây mình dùng Myriad Pro, text VDS
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
B6: áp dụng layer style sau cho layer text:
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop

Chuột phải vào layer text chọn Rasterize Layer Style và tạo layer mask xóa bớt viền quanh text sao cho trông như hòa vào màn sương

tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop

B7: tạo file mới 70 x 280px và dùng công cụ Polygonal Lasso Tool vẽ vùng chọn như sau:
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
sau đó tạo layer mới fill màu đen rồi tắt con mắt của layer background
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
vào edit > define brush preset để tạo brush mới
B9: trở lại với file text, tạo layer mới, chọn công cụ brush (B), bấm F5 để mở sửa sổ brush chọn brush vừa tạo và chỉnh các thông số sau
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
(other dynamics trong CS6 là transfer)
chọn màu trắng và tùy chỉnh size rồi vẽ quanh viền text như sau:
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop

tạo thêm một lớp sương nhỏ tại các chỗ vừa vẽ

tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop

B10: tạo layer mới trên layer text và dùng cọ mềm màu trắng tô ở giữa tạo cảm giác lóe sáng từ text (chỉnh opacity cho hợp lý)
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop

B11: tạo layer mới (nằm trên cùng) fill một màu bất kì mà bạn thích, ở đây mình chọn màu xanh ngọc và để ở chế độ hòa trộn soft light (hoặc Overlay, Color tùy bạn)
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop

B12: gộp tất cả lại thành 1 layer duy nhất rồi nhân đôi lên, vào Filter > Pixelate > Crystallize đặt thông số là 15

tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop

đặt chế độ hòa trộn là screen và dùng tẩy mềm xóa phần xung quanh:

tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop

B13: tạo file mới, fill màu đen rồi vào Filter > Render > Lighting Effects...

tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop

kéo thả sang file text và chọn chế độ hòa trộn là color dodge, Ctrl+T nếu cần rồi ctrl+J và sắp xếp quanh text:

tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop

các kết quả khác:
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
tutorial, hiệu ứng chữ, text, text effect, vds, lighting effect, lighting, photoshop
Hoàn thành rồi đới, thanks for watch
/#ixzz32gwZ3NCS