Advertisement

Tutorials

December 16, 2012

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


More articles by »
Written by: Phạm Hữu Dư

Đâ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

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 hoặc Happy New Year.

Đâ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

Đâ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

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.

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

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:

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

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. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Bevel and Emboss: mã màu #808080

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

Color Overlay: mã màu #c51a1a

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

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ả:

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

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ữ .

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

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.

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

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. 

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

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:

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

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

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

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

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

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

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

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. 

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

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 đổ.

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

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.

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

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ự .

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

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

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

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:

Hướng dẫn tạo hiệu ứng text 3D cực ấn tượng đón năm mớ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.

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

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ù. 

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

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

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

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. 

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

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:

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

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é :)

VN:F [1.9.22_1171]
Rating: 9.7/10 (9 votes cast)
VN:F [1.9.22_1171]
Rating: +20 (from 20 votes)

Hướng dẫn tạo hiệu ứng text 3D cực ấn tượng đón năm mới, 9.7 out of 10 based on 9 ratings



Phạm Hữu Dư
Cảm ơn bạn đã đọc bài viết này, nếu bạn cảm thấy bài viết này hay và có ích thì hãy ấn +1 hoặc Like để khích lệ tác giả bài viết nhé, và nếu được thì share cho bạn bè cùng đọc. Thanks!





 
 

 
Cách tạo brush để cho ra những bokeh đẹp lung linh

Cách tạo brush để cho ra những bokeh đẹp lung linh

Hẵn là các bạn đã từng thấy nhiều bức ảnh có kèm theo hiệu ứng bokeh rất lung linh và huyền ảo đúng không nào? Hôm nay mình xin chia sẻ một bài hướng dẫn rất cơ bản của bạ...
by Phạm Hữu Dư
15

 
 
Tạo hiệu ứng ảnh giống với poster phim "The Bourne Legacy"

Tạo hiệu ứng ảnh giống với poster phim “The Bourne Legacy”

Bạn đã từng xem bộ phim hành động “The Bourne Legacy” bao giờ chưa? Nếu đã từng xem có lẽ bạn sẽ không còn lạ lẫm gì với poster của bộ phim này, hiệu ứng khá bắt mắ...
by Phạm Hữu Dư
12

 
 
Hướng dẫn Việt hóa font chữ với phần mềm Fontlab Studio

Hướng dẫn Việt hóa font chữ với phần mềm Fontlab Studio

Nói đến font chữ bất cứ một designer nào cũng hiểu rõ tầm quan trọng của nó rồi đúng không nào? Hiện nay chỉ cần gõ vào một địa chỉ web cung cấp font chữ phổ biến, ví dụ n...
by Phạm Hữu Dư
25

 




27 Comments


  1. Quang

    Phần bóng in xuống kiểu j thế kia…???

    VA:F [1.9.22_1171]
    Rating: 5.0/5 (1 vote cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Chàng Ngốc

      nhấn ctrl+t => nhấn chuột phải vào hình chọn distort kéo ngược hình xuống dưới…^^”

      VA:F [1.9.22_1171]
      Rating: 4.0/5 (1 vote cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

      • Ryan

        sao e distort nó ko cho nhấn vậy a

        VA:F [1.9.22_1171]
        Rating: 0.0/5 (0 votes cast)
        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)

        • Anonymous VN

          Ngu Quá Chớ ! Tui làm được Hết !

          VA:F [1.9.22_1171]
          Rating: 0.0/5 (0 votes cast)
          VA:F [1.9.22_1171]
          Rating: 0 (from 0 votes)

          • Haki

            To mồm thế bạn ? Ở đây có nhiều newbie lắm để từ từ người ta học .

            VA:F [1.9.22_1171]
            Rating: 0.0/5 (0 votes cast)
            VA:F [1.9.22_1171]
            Rating: +1 (from 1 vote)

  2. Wow! Tut của a Hưng được lên trang chủ rồi.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  3. Tony Ton

    cho e hỏi sao e dùng move mà nó cứ tự rearrange nên ko tạo bóng đc

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Hưng Trần Văn

      Anh không hiểu ý e ?

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

  4. Long

    Vãi cái bóng đổ. Cố tình hay vô ý vậy bạn

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Hưng Trần Văn

      Phần bóng đáng lẽ chuẩn là lật từng layer nhưng bài viết này cho những bạn mới học nên Hưng cố tình làm gọn lại ở thao tác gộp. Tks bạn đã đóng góp ý kiến

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

  5. xe đẩy trẻ em

    bài hướng dẫn khá hay anh ak :) .. may quá e đang định làm chúc mừng giáng sinh .hi

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  6. cho xin cái font chữ ở stock đầu tiên đi. hi

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Hưng Trần Văn

      Đã gửi cho bạn Font

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

      • Smith Johnson

        Cho Mình Xin Cái Font Luôn Nhá !

        VA:F [1.9.22_1171]
        Rating: 0.0/5 (0 votes cast)
        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)

  7. Ryan

    anh ơi cho e hỏi tại sao e distort ko đc vậy a

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  8. hoang_trungthanh

    cho em xin font với anh Hưng ơi

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  9. Minh

    gửi mình font ở stock đầu tiên luôn bạn nhé :p

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  10. Hoang

    mình cũng xin cái font stock đầu vào clzilds1@gmail.com với

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  11. thịnh

    cho xin cái font ở stock đầu tiên luôn bạn

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  12. đẹp nhưng mà tui thích hiệu ứng lửa hơn ai biết làm k chì vs

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  13. totuan

    cho em xin font stock đầu tiên đi!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  14. tricong

    hic, làm toát mồ hôi mà mãi chưa xong

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  15. Lê Quang Phát

    Anh Hưng ơi, cái font này là font gì thế anh. a gửi cho em với, mà sao em làm xong bước 7 không ra như anh. hì

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  16. minloco

    a ơi có thể nói rõ cho e cái bước đặt gradient cho layer mask k? :-ss
    e newbee TT~TT

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  17. Smith Johnson

    Tới Bước 11 Mình Không Biết Phải Xóa Như Thế Nào Bạn Chỉ Kĩ Chút Được Không ? Mình Đã Thử Dùng Tools Eraser Mà Không Xóa Bỏ Được Nó Vẫn Cứ Trơ Trơ Ra Đó Nhưng Mà Ở Cái Layer Nhỏ Nhỏ Bên Mục Layer Thì Nó Lại Biến Mất Khi Mình Đưa Chuột Tẩy Một Đoạn Mà Khi Tẩy Không Biến Mất !

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  18. Đoàn Văn Thắng

    Em xong bước 5 rồi nhưng kết quả không ra như bước 6, anh chỉ hộ em với

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  19. Phan Duy Linh

    bài này hay quá, nhưng còn cách nào nữa ko đại ka

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>