Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

[ Hiệu ứng chữ ] Hướng dẫn cách tạo chữ 3D bằng Photoshop

Chủ đề thuộc danh mục 'Hiệu ứng chữ' được đăng bởi Hưng Trần Văn, 10/12/12.

Lượt xem: 94,210

  1. Hưng Trần Văn Cựu quản trị

    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.

    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 hay happy new year
    [​IMG]

    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
    [​IMG]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
    [​IMG]

    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.
    [​IMG]


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

    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
    [​IMG]

    Bevel and Emboss: Mã màu #7e7e7e
    [​IMG]

    Gradient Overlay: Dải màu Gradient phức tạp nên được trình bày ở hình bên dưới
    [​IMG]
    Các bạn thiết lập dải màu của Gradient như sau
    [​IMG]

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

    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
    [​IMG]
    Bevel and Emboss: mã màu #808080
    [​IMG]

    Color Overlay: mã màu #c51a1a
    [​IMG]

    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ả
    [​IMG]

    Bước 9: Để gọn gàng các bạn nhấn Ctrl + E để gom tất cả layer lại trừ layer Background, 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ữ
    [​IMG]


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


    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
    [​IMG]


    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
    [​IMG]


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


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


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

    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
    [​IMG]


    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 đổ
    [​IMG]


    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
    [​IMG]


    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ự
    [​IMG]


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


    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
    [​IMG]


    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
    [​IMG]


    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ù
    [​IMG]


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


    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
    [​IMG]


    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
    [​IMG]

    Chúc các bạn thành công :)
    _____________________________________________

    ...
    itpro1211, FMP, Pinocchio Phong27 người khác thích bài viết này.
  2. Eminem

    Eminem Cựu quản trị

    Lâu lắm rồi mới lại thấy anh Hưng làm TUT . :like:
    Hưng Trần Văn, Hồng Sơnluvmiu4ever thích bài viết này.
  3. Hưng Trần Văn

    Hưng Trần Văn Cựu quản trị

    Hôm nay được nghỉ nguyên ngày nên tranh thủ ;)
    Hồng Sơn thích bài viết này
  4. Hổ Báo VietDesigner

    Hổ Báo VietDesigner Huyền Thoại VietDesigner

    Tutorial quá hay luôn ! :)) Em kết cái Text 3D này lắm :x
    - Luôn ủng hộ Đại ca Hưng nhiệt tình ! :v :v
    Hồng Sơn thích bài viết này
  5. dookie

    dookie Thành viên cấp 2

    bài này rất bổ ích đây. thanks bác phát
  6. Hồng Sơn

    Hồng Sơn Helper

    Hỵ hỵ tut này e mong chờ khá lâu hôm nay mới thấy a Hưng viết tut :">. Khá lâu mới thấy anh viết tut nhỉ :). Tut này e thích lém lém cơ<3 <3:3 :3. Like cho a :like:
  7. thaituan_boy_dt

    thaituan_boy_dt Thành viên vui tính

    Bài viết hay quá. Ủng hộ bác hưng nhiệt tình :like::+1:
    Hồng Sơn thích bài viết này
  8. toanlove371

    toanlove371 Thành viên cấp 3

    Học được nhiều cái hay từ tút này ! thank nhiệt tình :D
  9. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Sao ko làm chữ Viet Designer mà lại làm Yeu Do Hoa thế Hưng ơi? Làm thế này ngta tưởng chôm tut từ trang yeudohoa thì khổ ;))

    Nhưng nói gì thì nói thì tut nào của Hưng post cũng hay cả, cái này chắc chắn là sẽ share trên trang chủ rồi đấy :-bd
    Hồng Sơn thích bài viết này
  10. Hưng Trần Văn

    Hưng Trần Văn Cựu quản trị

    Du yên tâm đã có demo nguyên tấm Happy birthday VDS to đùng trên đầu rồi
    Hồng SơnPhạm Hữu Dư thích bài viết này.
  11. b0yHN_96

    b0yHN_96 Thành viên cấp 4

    tuyệt vời \m/ thíc bài viết vì
    + bài là của mod hưng :)) chác chắn r`
    + Tut hay :-bd
  12. gobin

    gobin Mới đăng kí

    anh Hưng cho em xin cái font của bức happy birthday ở đầu bài viết nha thanks nhìu :D
  13. Hùng Hổ VietDesigner

    Hùng Hổ VietDesigner Thành viên cấp 3

    cái cinema 4d làm phê hơi anh ạ ..dù sao cũng tks \m/
  14. Hưng Trần Văn

    Hưng Trần Văn Cựu quản trị

    Font này nó có sẵn trong máy, tên font là VNI fillmore nhé bạn :)
    minh hyHồng Sơn thích bài viết này.
  15. gobin

    gobin Mới đăng kí

    thanks anh :D máy em ko có font này rồi thui tải về :D
  16. Nguyễn Trường

    Nguyễn Trường Thành viên cấp 2

    A Hưng rất ít khi viết tut!
    Nhưng một khi đã viết thì chỉ có đỉnh trở lên!:))
  17. ryanle

    ryanle Mới đăng kí

    anh ơi cho e hỏi làm cái viền màu xanh thế nào vậy ạ
  18. Hưng Trần Văn

    Hưng Trần Văn Cựu quản trị

    Ý e là 2 cái đường guide màu xanh ấy hả, tut đâu có cái viền nào đâu e :D
  19. ryanle

    ryanle Mới đăng kí

    dạ đúng rồi sao e click vào text để chọn distort nhưng nó ko hiện chữ đó lên :(
  20. Mít

    Mít Thành viên cấp 1

    những hiệu ứng gì nữa thì nó ra chữ vậy ạ?
    [​IMG]

Ủng hộ diễn đàn