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

[Tut] Hiệu ứng text 3D ấn tượng bằng Photoshop - Phần 2

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

Lượt xem: 12,128

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

    Ở bài tut trước Hưng đã từng hướng dẫn các bạn làm hiệu ứng chữ 3D bằng kĩ thuật lặp layer, đây là 1 kĩ thuật cơ bản và nếu biết vận dụng tốt chúng ta sẽ có vô vàn những hiệu ứng đẹp. Trong bài tut này cũng chỉ với những kĩ thuật đó chúng ta sẽ tạo ra 1 tác phẩm text 3d hoàn toàn mới lạ.
    Bạn nào chưa xem kĩ thuật lặp layer của bài tut trước thì có xem tại link bên dưới



    Còn đây là tác phẩm mà chúng ta sẽ cùng nhau hoàn thành ở phần 2 này
    [​IMG]

    Bước 1: Các bạn tạo 1 file mới với kích thước tùy ý ở đây Hưng chọn 2000x2000px. Phần Background các bạn sử dụng mã màu #cccccc. Sau đó viết 1 đoạn text màu trắng tùy thích với font Dekar light. Link down font tại đây
    [​IMG]

    Bước 2: Nhấn Ctrl + J để nhân đôi layer “VDS”, tại layer mới nhân đôi tức layer “VDS copy” các bạn chuyển sang màu đen và nhấn Ctrl + G để đưa nó vào 1 thư mục.
    [​IMG]

    Bước 3: Chúng ta tiến hành kéo layer “VDS copy” sang bên trái và xuống dưới 1pixel
    Mẹo: dùng phím mũi tên để di chuyển đối tượng theo các hướng 1 pixel
    Chú ý: phím mũi tên chỉ có tác dụng khi con trỏ chuột đang hiển thị công cụ Move
    [​IMG]

    Bước 4: Nhấn Ctrl + J để nhân đôi layer “VDS copy” chúng ta được layer “VDS copy 2”. Sau đó đưa layer “VDS copy 2” xuống dưới layer “VDS copy” đồng thời chúng ta tiếp tục kéo layer này sang trái và xuống dưới 1pixel
    [​IMG]

    Bước 5: Chúng ta sẽ lặp lại bước 4 nhiều lần và để tiết kiệm thời gian các bạn có thể sử dụng Action ghi các thao tác gồm: Nhân đôi layer ở dưới cùng, đưa layer mới nhân đôi xuống dưới, kéo layer đó sang bên trái và xuống dưới 1 px.
    [​IMG]

    Bước 6: Ở đây Hưng đã lặp lại bước 4 với 80 lần nhờ sự giúp sức của action
    Chú ý: Khi lặp lại b4 các bạn nhân đôi layer ở dưới cùng cho tới khi đủ 80 lần chứ không phải nhân đôi layer “VDS copy” 80 lần. Bạn nào chưa hiểu có thể xem lại kỹ thuật này ở bài tut trước link ở phía trên.
    [​IMG]

    Bước 7: Tại layer “VDS copy” chúng ta sẽ giảm Opacity xuống còn 99%
    [​IMG]

    Bước 8: Tại layer tiếp theo tức “VDS copy 2” chúng ta giảm xuống còn 98%, như vậy cứ sau mỗi layer sẽ bớt đi 1%
    [​IMG]


    Bước 9: Chúng ta cứ giảm lần lượt theo chu kì như vậy cho tới layer “VDS copy 80” Opacity sẽ chỉ còn lại 20%
    [​IMG]


    Bước 10: Giảm Opacity của thư mục Group 1 xuống 30%
    [​IMG]

    Bước 11: Các bạn nhấn chuột phải vào layer “VDS” chọn Blending option và thiết lập các thông số như sau.
    Drop shadow
    [​IMG]

    Bevel and Emboss
    [​IMG]


    Và đây là kết quả
    [​IMG]

    Bước 12: Tại layer “VDS copy” chúng ta vào Filter > Blur > Gussian blur và thiết lập Radius 0,2pixel
    Chú ý: Gõ 0,2 phải dùng dấu phẩy nếu dùng dấu chấm PTS sẽ hiểu là 2 pixel
    Chú ý: Nếu PTS thông báo “This type layer must be rasterized…” khiến các bạn khó chịu, thì các có thể chọn toàn bộ 80 layer trong thư mục Group1 nhấn chuột phải và chọn “Rasterized type” luôn.
    [​IMG]

    Bước 13: Tại layer kế tiếp tức “VDS copy 2” chúng ta sẽ tăng radius lên 0,5
    [​IMG]

    Bước 14: Layer kế tiếp nữa Radius sẽ là 0,7
    [​IMG]

    Bước 15: Layer kế tiếp nữa nữa radius sẽ tròn 1pixel, tới đây các bạn có thể đoán ra phần nào quy luật rồi nhỉ. Cứ sau 4 layer radius sẽ tăng thêm 1pixel, khi layer này cộng thêm 0,2 thì layer kế tiếp cộng thêm 0,3 lần lượt như vậy cho tới hết
    [​IMG]

    Bước 16: Nếu bạn làm đúng quy luật thì tới layer thứ 80 radius của chúng ta sẽ là 20pixels, tới bước này tác phẩn của các bạn đã hoàn thiện được 99%
    [​IMG]

    Bước 17: Một đoạn text đẹp thường đi kèm với cái nền đẹp, và để tạo nền cho đoạn text đầu tiên các bạn phải gỡ khóa cho layer Background bằng cách nhấn chuột phải vào layer BG chọn “Layer from Background” để nó thành 1 layer thường. Sau đó chúng ta mới có thể nhấn chuột phải vào layer BG và chọn Blending option với các thông số:
    [​IMG]

    Dải màu Gradient trong Gradient Overlay các bạn thiết lập tại hình dưới. Chú ý cái Color stop #f9f9f9 (tức cái ô vuông có hình tam giác trên đầu) các bạn để Location: 29%
    [​IMG]

    Và tác phẩm của chúng ta hoàn thành
    [​IMG]

    _______________________________________________


    [​IMG]

    Xem tiếp phần 3 Tại đây

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

    ...
  2. JusTa Khôi

    JusTa Khôi Thành viên cấp 3

    Lâu rồi không thấy anh Hưng :D hôm nay chơi hẳn tut 3D phần 2 luôn :D
  3. cuongbenki

    cuongbenki Thành viên cấp 3

    Phong độ của anh vẫn như ngày nào :P. Mà 80 layer thì hơi đuối với máy cấu hình yếu nhỉ, nếu chúng nó tạo pdi 300 reso 5000 :v
  4. trucit92

    trucit92 Thành viên cấp 2

    Anh ấy rất ít khi xuất hiện, nhưng mỗi lần xuất hiện thì cho ra toàn những bài chất,
    thanks tut ấn tượng của anh Hưng, :3
    dautrocv thích bài viết này
  5. Thiên Bình

    Thiên Bình Thành viên cấp 2

    Đặt gạch, xem sau :)
  6. Hồng Sơn

    Hồng Sơn Helper

    Vote cả 3 topic 3D của a Hưng :)) :like: Quá sáng tạo :x
  7. dautrocv

    dautrocv Thành viên cấp 1

    làm xong r mà k làm dc action đến khi làm cái thứ 2 thì quá khổ luôn, làm từ đầu :|
  8. Hieuheroin123

    Hieuheroin123 Thành viên cấp 2

    NmVaFFG.jpg

    làm text effect này cực kinh

    ngồi blur cũng 60 cái layer. mỏi cả tay

    cơ cũng không đẹp như demo của top [​IMG]
  9. romeoluzrap

    romeoluzrap Mới đăng kí

    Em nghĩ ở ảnh cuối anh chọn Normal thay vì chọn Multiply
    em đã thử chọn Multiply nhưng màu ảnh cho ra khác hẳn với ảnh của anh, nhưng chọn Normal lại khác
    [​IMG]
  10. binlop82

    binlop82 Thành viên cấp 2

  11. decoroutdoor

    decoroutdoor Banned

    khoái nhất mấy cái tut 3d này
  12. Jung Boo

    Jung Boo Thành viên cấp 1

    :'( ~ Quá chi tiết luôn. Sau khi xem cái phần một, em phải cop luôn phần 2 =)) ~ Nhưng nhìn review phần 3 thế kia ........ Chắc làm thử cái phần 3 trước quá =))
    Cám ơn anh nhiều ạ

Ủng hộ diễn đàn