Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 ![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Empty](https://2img.net/i/empty.gif)
Tạo hiệu ứng chữ 3D với Photoshop Layer Styles
Photoshop layer styles là một trong những kỹ năng đầu tiên mà bạn cần phải học để tạo ra các hiệu ứng chữ. Trong bài viết này, mình sẽ giúp các bạn nhận thấy công cụ này có sức mạnh và hữu ích như thế nào. Chúng ta sẽ sử dụng Gradient Overlay và một số patterns để tạo ra hiệu ứng 3D cho chữ.
Đây là kết quả mà chúng ta sẽ đạt được :
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-22](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-22.jpg)
Nếu bạn sử dụng máy Mac thì :
ctrl=cmd
Bước 1 : Tạo một file hình mới, với kích thước là 1920×1200 pixels, các bạn có thể xem hình bên dưới để thiết lập :
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-01](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-01.jpg)
Trong bài viết này mình sẽ sử dụng pattern để làm background. Các bạn có thể xem bài Hướng dẫn tạo và sử dụng Patterns trong Photoshop để hiểu rõ hơn về pattern và cách sử dụng. Nếu các bạn thích, có thể tải một ảnh có màu tối như trong bài viết này để làm background, vì bài viết này chỉ tập trung vào hiệu ứng chữ.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-03](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-03.jpg)
Bước 2 : Sau khi xong phần background, các bạn sẽ chèn một đoạn chữ để làm demo. Trong bài viết này mình sử dụng dòng chữ ” LEGEND ” với kiểu font là Ash, và kích cỡ là 140pt.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-04](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-04.jpg)
Bước 3 : Tại layer chữ này, các bạn nhấp chuột phải và chọn Blending Options và thiết lập các thông số như sau :
Gradient Overlay:
Sử dụng 2 màu là #700760 và #b827a2 với thứ tự từ trái sang phải.
Gradient Overlay:
Sử dụng 2 màu là #700760 và #b827a2 với thứ tự từ trái sang phải.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-05](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-05.jpg)
Satin
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-06](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-06.jpg)
inner glow
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-07](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-07.jpg)
[b]Bước 4 : Nhân bản layer chữ (nhấn Ctrl + J), sau đó xóa bỏ styles cho layer này. đồng thời giảmOpacity xuống còn 0%.
[/b]
[/b]
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-08](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-08.jpg)
Bây giờ chúng ta chọn lại inner stroke và đặt giá trị Size là 7px
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-09](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-09.jpg)
Bây giờ các bạn chú ý thủ thuật này, mình sẽ tạo mới một layer chỉ chứa đường viền (stroke). Đầu tiên[b]tạo mới một layer, sau đó chọn Layer này và layer phía dưới (Layer chứa đường viền mà chúng ta vừa tạo xong). Sau đó nhấn Ctrl + E để nối (merge) 2 layer này lại thành một layer duy nhất, và đặt tên cho layer này là ” Stroke “.
[/b]
[/b]
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-10](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-10.jpg)
[b]Bước 5 : Bây giờ chúng ta sẽ áp dụng thuộc tính layer styles cho layer mà chúng ta vừa nối. Nhấp đúp chuột vào layer này để làm xuất hiện bảng Blending Options, sau đó chọn Gradient Overlay. rồi chọn metal gradient như hình bên dưới :
[/b]
[/b]
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-11](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-11.jpg)
Kế tiếp chọn[b] Stroke , với Fill Type là Gradient, Size là 1px , sử dụng màu đen và trắng như hình bên dưới :
[/b]
[/b]
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-12](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-12.jpg)
Tiếp theo là [b]drop shadow
[/b]
[/b]
[b]![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-13](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-13.jpg)
[/b]
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-13](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-13.jpg)
[/b]
[b][b]inner glow
[/b][/b]
[/b][/b]
[b][b]![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-14](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-14.jpg)
[/b][/b]
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-14](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-14.jpg)
[/b][/b]
[b][b][b]Bước 6 : Lúc này hiệu ứng chữ đã khá đẹp, lúc này chúng ta sẽ nhận được kết quả từ những bước trên.
[/b][/b][/b]
[/b][/b][/b]
[b][b]![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-15](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-15.jpg)
[/b][/b]
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-15](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-15.jpg)
[/b][/b]
[b][b]Tiếp theo là chúng ta sẽ nhân bản layer chữ (nhấn [b]Ctrl + J), Tại layer chữ copy , Vào Bleding Options và chọn Partern Overlay và chọn mẫu pattern như bên dưới, nếu bạn không có sẵn mẫu này ở máy của mình thì có thể tự tạo ra và sử dụng cho riêng mình.
[/b][/b][/b]
[/b][/b][/b]
[b][b]![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-16](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-16.jpg)
[/b][/b]
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-16](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-16.jpg)
[/b][/b]
[b][b][b]Bước 7 : Lặp lại tương tự như bước 6 , nhưng lần này chúng ta sử dụng mẫu pattern khác :
[/b][/b][/b]
[/b][/b][/b]
[b][b]![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-17](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-17.jpg)
[/b][/b]
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-17](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-17.jpg)
[/b][/b]
[b][b][b]Bước 8 : Nhân bản layer ” Stroke ” mà chúng ta làm ở bước 4, sau đó kéo nó dịch về phía dưới một chút, điều này sẽ giúp chúng ta tạo hiệu ứng 3D khá đẹp mắt.
[/b][/b][/b]
[/b][/b][/b]
[b][b]![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-19](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-19.jpg)
[/b][/b]
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-19](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-19.jpg)
[/b][/b]
[b][b]Gỡ bỏ hết tất cả các styles cho layer stroke copy này, sau đó chọn lại [b]color overlay là màu đen.
[/b][/b][/b]
[/b][/b][/b]
[b][b]![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-20](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-20.jpg)
[/b][/b]
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-20](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-20.jpg)
[/b][/b]
[b][b]Và màu trắng cho [b]drop shadow
[/b][/b][/b]
[/b][/b][/b]
[b][b][b]![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-21](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-21.jpg)
[/b][/b][/b]
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-21](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-21.jpg)
[/b][/b][/b]
[b][b][b][b]Bước 9 : Hiệu ứng chữ gần như đã hoàn tất. Các bạn tạo một layer mới, chọn công cụ Brush Tool (B) với màu sử dụng là màu trắng.Sau đó vẽ vào vị trí giữa của các kí tự, giảm opacity cho layer này xuống và chọn chế độ hòa trộn Bleding Mode là Soft Light.
[/b][/b][/b][/b]
[/b][/b][/b][/b]
[b][b][b]![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-22](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-22.jpg)
[/b][/b][/b]
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Create-a-3d-text-effect-using-photoshop-22](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/create-a-3d-text-effect-using-photoshop-22.jpg)
[/b][/b][/b]
[b][b][b]Chúc mừng bạn đã hoàn thành bài viết này. Nếu bạn có chỗ nào vẫn chưa hiểu hay cần sự hỗ trợ, đừng ngần ngại để lại câu hỏi dưới dạng comments, mình sẽ giúp các bạn hoàn thành bài viết này.
[/b][/b][/b]
[/b][/b][/b]
[b][b][b][b]Chúc các bạn thành công !
[/b][/b][/b][/b]
[/b][/b][/b][/b]
Tạo hiệu ứng chữ 3D cực cool với photoshop
Với hướng dẫn này mình sẽ chỉ các bạn cách tạo ra một văn bản với hiệu ứng 3D chỉ sử dụng Gradient tool, Lasso, Dodge và Burn. Nó thật sự đơn giản nhưng kết quả thì thật tuyệt vời. Nào, chúng ta bắt đầu nhé!
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect1](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect1.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect2](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect2.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect3](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect3.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect4](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect4.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect5](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect5.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect6](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect6.jpg)
Lúc này chúng ta sẽ được văn bản với hiệu ứng thế này
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect7](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect7.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect8](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect8.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect9](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect9.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect10](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect10.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect11](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect11.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect12](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect12.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect13](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect13.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect14](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect14.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect15](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect15.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect16](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect16.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect17](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect17.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect18](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect18.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect19](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect19.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect20](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect20.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect21](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect21.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect22](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect22.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect23](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect23.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect24](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect24.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect25](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect25.jpg)
Chọn công cụ Dodge tool, trong options bar bạn thiết lập Range: Midtones, Exposure: 30%. DùngPolygonal Lasso Tool để lựa chọn vùng và làm sáng dưới vùng ấy.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect26](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect26.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect27](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect27.jpg)
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect28](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect28.jpg)
Hy vọng rằng các bạn sẽ thích và tìm thấy nhiều điều thú vị từ hướng dẫn này.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 3deffect1](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/10/3deffect1.jpg)
Tạo chữ phát sáng nhiều màu sắc
Với hướng dẫn này mình sẽ chỉ các bạn tạo hiệu ứng chữ phát sáng với nhiều màu sắc lấp lánh như hình dưới, chỉ với 5 bước đơn giản thui, nào bắt đầu bạn nhé.
Bước 1: Tạo mới trang giấy với kích thước 1024 x 768px, tô màu đen.
Tạo chữ Color may world với màu #fff43e. Sử dụng font Thickdeco, size: 250px. Bạn có thể tạo mỗi chữ trên một layer riêng biệt và đặt nó trong group “original text“.
Tạo chữ Color may world với màu #fff43e. Sử dụng font Thickdeco, size: 250px. Bạn có thể tạo mỗi chữ trên một layer riêng biệt và đặt nó trong group “original text“.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text2](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text2.jpg)
Tiếp theo bạn nhân đôi group “original text“, sau đó right click trên group copy và chọn Merge Group.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text3](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text3.jpg)
Bước 2: Tại group “original text“, double click lên bất kỳ layer nào và áp hiệu style cho nó như sau:
- Outer Glow: Thay đổi màu sắc đến # fff43e, và tăng Range là 100. Điều này sẽ làm cho ánh sáng có mềm hơn.
Sau các bước thực hiện chúng ta sẽ được kết quả:
Bước 3: Double click vào group “original text copy” và áp các style như sau:
- Inner Glow:
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text8](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text8.jpg)
- Bevel and Emboss:
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text9](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text9.jpg)
- Contour:
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text10](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text10.jpg)
Kết quả bạn sẽ được
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text11](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text11.jpg)
Bước 4: Thiết lập màu foreground là màu trắng, tạo layer mới đặt tên là “Sparkles“.
Download brush, và chọn brush như bên dưới, thay đổi kích thước brush tùy ý bạn, nhưng đừng to quá, chừng 35px. Bắt đầu vẽ một số hình ảnh lấp lánh ngẫu nhiên, nhớ là đừng tạo vẽ nhiều quá.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text8](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text8.jpg)
- Bevel and Emboss:
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text9](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text9.jpg)
- Contour:
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text10](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text10.jpg)
Kết quả bạn sẽ được
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text11](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text11.jpg)
Bước 4: Thiết lập màu foreground là màu trắng, tạo layer mới đặt tên là “Sparkles“.
Download brush, và chọn brush như bên dưới, thay đổi kích thước brush tùy ý bạn, nhưng đừng to quá, chừng 35px. Bắt đầu vẽ một số hình ảnh lấp lánh ngẫu nhiên, nhớ là đừng tạo vẽ nhiều quá.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text13](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text13.jpg)
- Chọn layer “Vertical blur”, vào Filter -> Blur -> Motion Blur, thiết lập Angle: 90, Distance: 135px.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text14](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text14.jpg)
- Chọn layer “Horizontal blur”, vào Filter -> Blur -> Motion Blur, thiết lập Angle: 0, Distance: 135px.
Bước 5: Bước cuối cùng là thêm màu sắc cho chữ
Tạo một layer mới tên là “color” và đặt lên trên tất cả các layer, thay đổi chế độ hòa trộn là color. Sau đó bạn chọn brush mềm với size: 250px. Bạn có thể sử dụng ‘[' để tăng kích thước của nó và ']‘ giảm trong khi bạn đang thêm các màu sắc nếu cần thiết.
Tạo một layer mới tên là “color” và đặt lên trên tất cả các layer, thay đổi chế độ hòa trộn là color. Sau đó bạn chọn brush mềm với size: 250px. Bạn có thể sử dụng ‘[' để tăng kích thước của nó và ']‘ giảm trong khi bạn đang thêm các màu sắc nếu cần thiết.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text16](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text16.jpg)
Chọn một số màu sắc sống động, tươi sáng và bắt đầu cách nhấn vào bên trong tài liệu của bạn để thêm các điểm màu sắc khác nhau ở khắp mọi nơi, cho đến khi toàn bộ văn bản được bao phủ.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Text17](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/08/text17.jpg)
Ngoài ra, bạn cũng có thế chuyển đổi giữa màu bình thường và chế độ lend màu để thấy rõ những gì mình đang làm.
Chúc các bạn thành công
Hiệu ứng chữ đá 3D sống động như thậtLưu ý: chỉ có phiên bản Photoshop CS6 Extended mới hỗ trợ tính năng 3D. Nếu bạn đang sử dụngPhotoshop CS6 không phải phiên bản Extended, hãy nâng cấp lên phiên bản Extended để thực hành theo bài viết. Ngoài ra, bạn nên cài đặt Photoshop CS6 Extended trên Windows 7 để đảm bảo tính năng 3D tương thích tốt với driver card màn hình.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d01](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d01.jpg)
Bước 1: Khởi động Photoshop CS6 Extended, vào menu File Open, duyệt đến file ảnh nền muốn ghép chữ
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d02](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d02.jpg)
Chọn công cụ Horizontal Type Tool (phím T), thiết lập font chữ Franchise màu trắng với kích thước tùy ý, gõ nội dung chữ muốn tạo hiệu ứng.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d03](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d03.jpg)
Bước 2: Mở bảng 3D (nằm bên trái bảng Layer, nếu không thấy bạn vào menu Windows 3D để bật), đánh dấu trước tùy chọn 3D Extrusion, nhấn nút Create.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d04](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d04.jpg)
Cũng tại bảng 3D, bạn chọn mục Environment.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d05](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d05.jpg)
Sau đó thiết lập các thông số trong bảng Properties như hình dưới đây. Lưu ý: Để thiết lập màu#F3FCFF, bạn chỉ việc nhấp chuột lên ô màu nằm bên cạnh mục Color.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d06](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d06.jpg)
Bước 3: Chọn mục Current View thuộc bảng 3D.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d07](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d07.jpg)
Thiết lập thông số 3D Camera và Coordinates trong bảng Properties như hình bên dưới.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d08](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d08.jpg)
Ngay lập tức, bạn sẽ thấy chữ sẽ có chiều sâu, tuy nhiên kích thước chữ lúc này quá to.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d09](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d09.jpg)
Do đó bạn cần thu nhỏ chữ lại bằng cách nhấp chuột lên mặt chữ, chọn công cụ Roll The 3D Objecttừ thanh tùy chọn nằm phía trên giao diện chính.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d10](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d10.jpg)
Tiếp đến, bạn nhấn giữ chuột lên biểu tượng mũi tên màu xanh (hướng về phía bạn) cho đến khi mũi tên chuyển thành màu vàng.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d11](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d11.jpg)
Nhấn giữ và rê chuột theo hướng lên trên để thu nhỏ kích thước chữ cho vừa với ảnh nền.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d12](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d12.jpg)
Sau đó, bạn thiết lập các thông số Mesh và Cap như hình dưới đây.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d13](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d13.jpg)
Bước 4: Quay trở lại bảng 3D, bạn chọn mục Front Inflation Material.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d14](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d14.jpg)
Nhấn biểu tượng thư mục nằm bên cạnh mục Diffuse (thuộc bảng Properties), chọn Load Texture, duyệt đến file ảnh vật liệu đá (tải về miễn phí tại đây), nhấn Open.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d15](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d15.jpg)
Tiếp đến, bạn lại nhấn biểu tượng thư mục nằm bên cạnh mục Diffuse, chọn Edit UV Properties.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d16](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d16.jpg)
Thiếp lập thông số như hình bên dưới, nhấn OK.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d17](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d17.jpg)
Tương tự, bạn cũng thiết lập file ảnh vật liệu đá và thông số UV Properties cho mục Bump nằm ngay bên dưới.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d18](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d18.jpg)
Đồng thời thiết lập giá trị cho các thông số còn lại như hình dưới đây.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d19](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d19.jpg)
Bước 5: Nhấn biểu tượng mũi tên nằm cạnh quả cầu vật liệu, chọn New Material, đặt tên tùy ý cho mẫu vật liệu.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d20](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d20.jpg)
Bạn lần lượt mở các mục Front Bevel Material, Extrusion Material, Back Bevel Material và Back Inflation Material.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d21](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d21.jpg)
‘Trong mỗi mục, bạn nhấn biểu tượng mũi tên bên cạnh quả cầu vật liệu, chọn mẫu vật liệu đã tạo lúc nãy nhằm áp vật liệu cho tất cả các mặt của chữ
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d22](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d22.jpg)
Bước 6: Chọn mục Infinite Light 1 nằm bên dưới bảng 3D.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d23](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d23.jpg)
Thiết lập các thông số trong bảng Properties như hình dưới đây.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d24](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d24.jpg)
Đồng thời, bạn nhấn giữ cán xoay trên ảnh, chĩa đầu cán theo hướng ánh sáng chiếu. Ví dụ đối với ảnh mẫu, đầu cán đặt chếch lên phía trên bên trái, tương ứng với nguồn sáng của mặt trời.
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d25](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d25.jpg)
Bước 7: Cuối cùng, bạn vào menu 3D Render hoặc nhấn Ctrl+Alt+Shift+R để kết xuất toàn bộ cảnh (render). Sau khi kết xuất, bạn sẽ thấy rõ hiệu ứng bóng đổ của chữ và lớp vật liệu trở nên thật hơn.
Kết quả cuối cùng:
![Các Video Và Hình Ảnh Hướng Dẫn Làm Chữ Trong Photoshop cs3,cs4,cs5,cs6 Chu3d26](https://2img.net/h/www.thuthuatweb.net/wp-content/uploads/baiviet/2012/07/chu3d26.jpg)
Guest có gì ko hiểu pm yahoo phathoangocphuc@yahoo.com