Random Posts

Thứ Ba, 24 tháng 3, 2015

Tạo hiệu ứng chữ 3D cực cool với photoshop

Với chủ đề học đồ họa photoshop. Hôm nay, 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é!
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Bước 1: Trước tiên bạn tạo tài liệu mới với kích thước 800×500 pixels. Thiết lập màu foreground và Background lần lược là #b7e101#74a203. Sử dụng công cụ Gradient tool, nhấn vào Radial gradient trên thanh options, sau đó nhấn và kéo từ tâm đến một trong các góc để tô màu gradient.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Dùng Text tool để tạo chữ. Bạn nên sử dụng font chữ đậm như font Familian, tô màu trắng, size: 175pt. Sau đó, bạn thiết lập các giá trị như trong bảng Character (Window -> Character). Layer chữ này có tên là “Step”.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Vào menu Layer -> Rasterize -> Type để chuyển layer chữ thành một layer bình thường, sau đó nhân đôi text layer, thành “step copy”. Bạn tắt layer “Step” đi.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Bước 2: Doublick lên layer “Step copy” để áp dụng Gradient Overlay cho nó
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Lúc này chúng ta sẽ được văn bản với hiệu ứng thế này
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Bước 3: Vào Edit -> Transform -> Skew, và di chuyển các góc trên để có được một kết quả tương tự như dưới đây. Sau đó nhấn Enter để thoát ra khỏi chế độ nghiêng
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Sử dụng công cụ Rectangular Marquee Tool, vẽ một hình chữ nhật với kích thước 5 x 188px, và đặt nó với vị trí như bên dưới. Bạn có thể kiểm tra kích thước thông tin trong bảng (Window -> Info)
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Sau đó, bạn tạo layer mới, đặt tên nó là “Blur 1″, đặt layer này trên tất cả các layer, tô màu vùng chọn màu trắng. Nhấn Ctrl + D để bỏ chọn
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Sau đó vào menu Filter > Blur > Gausisan blur cho nó 2,5px.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Bước 4: Lại tiếp tục sử dụng Rectangular Marquee Tool, vẽ một hình chữ nhật với kích thước 24 x 195px, tạo layer mới, tô vùng chọn với màu trắng, đặt tên là “Blur 2“, đặt nó lên trên tất cả các layer.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Lại vào menu Filter -> Blur -> Gaussian, nhưng cho nó giá trị radius là 9px
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Bạn chọn hai layer “blur 1″ và “blur 2″ merge chúng lại (Layer -> Merge Layers). Layer mới có tên là “blur”
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Bước 5: Tiếp tục, vào Edit -> Transform -> Rotate và xoay nó một góc như hình, nhấn Enter để hoàn tất.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Bạn Duplicate layer “blur” thêm 3 lần, và đặt nó lên các ký tự “T, E, P”. Sau đó Merge cá layer đó lại với nhau.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Giữ Ctrl + click vào icon của layer “blur” để tạo vùng chọn. Sau đó vào Select -> Inverse (hoặc Ctrl + Shift +I)để đảo ngược vùng chọn
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Nhấn Delelte để loại bỏ các phần bên ngoài của hiệu ứng, sau đó nhấn Ctrl + D để bỏ vùng chọn.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Bước 6: Đã đến lúc bạn bật lại layer “step”
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Vào Edit -> Transform -> Skew, nghiêng văn bản sang phải một xíu, nhấn enter khi thực hiện xong.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Tiếp tục, vào Edit -> Transform -> Scale, canh chỉnh văn bản theo chiều dọc, đừng quên nhấn Enter nhé.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Bạn hãy chắc rằng layer “step” vẫn còn đang được chọn, và click vào icon “Lock transparent pixels” trong layer panel. Cho màu foreground#689106, trên thanh options bar, bạn không nên check vào Contiguous. Sau đó tô màu foregoround.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Bước 7: Bạn tạo một layer mới (layer 1), đặt nó trên layer “step”. Chọn Polygonal Lasso Tool  và vẽ một vùng chọn xung quanh khu vực trống giữa hai lớp văn bản. Bạn có thể tham khảo hình dưới
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Bạn tô  màu foreground cho vùng chọn vừa vẽ xong, nhấn Ctrl + D bỏ chọn.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Bạn hãy làm tương tự bước này với các chữ cái còn lại. Sau đó merge hai layer lại với nhau
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Bước 8: Tiếp đến chúng ta sẽ sử dụng Dodge Tool and Burn Tool để làm sáng và tối các cạnh
Chọn công cụ Dodge tool, trong options bar bạn thiết lập Range: MidtonesExposure: 30%. Dùng Polygonal Lasso Tool để lựa chọn vùng và làm sáng dưới vùng ấy.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Với đường cong  như bên dưới thì bạn không cần lựa chọn đâu
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Sử dụng công cụ Burn với các thiết lập tương tự như công cụ Dodge Tool để làm tối các khu vực còn lại.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Với việc sử dụng hai công cụ ấy sẽ giúp bạn khắc thêm chiều sâu cho khối chữ 3D.
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.
Tạo hiệu ứng chữ 3D| hoc do hoa photoshop
Chúc các bạn học đồ họa photoshop tốt.
Ngoài ra các bạn có thể tham khảo các khóa học đồ họa photoshop tại xưởng dạy học đồ họa của chúng tôi
<<<< Xem thêm tại đây >>>> 

Tag: học thiết kế đồ họa, học thiết kế đồ họa tại hà nội, học thiết kế đồ họa photoshop, học photoshop, học lập trình php, học wordpress tại hà nội, học html css bootstrap tại hà nội, khóa học photoshop tại hà nội, khóa học thiết kế đồ họa tại hà nội, khóa học lập trình php tại hà nội.


Mọi thông tin bạn có thể liên hệ:

Đào tạo lập trình và thiết kế đồ họa


Hotline: 0968.853.958 hoặc hỗ trợ Mr. trung: 0947.499.221

0 nhận xét:

Đăng nhận xét