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 Text trong Kiến Trúc Trung Cổ với Photoshop-Abduzeedo

Chủ đề thuộc danh mục 'Hiệu ứng chữ' được đăng bởi TONE.Rs, 28/9/12.

Lượt xem: 9,354

  1. TONE.Rs Thành viên cấp 3

    Trong hướng dẫn này chúng ta sẽ lại biết được cách tạo ra hiệu ứng text kim loại trong kiến trúc Trung Cổ bằng cách sử dụng Layer Styles Photoshop. Hướng dẫn này khá đơn giản, sẽ mất khoảng 30 phút để hoàn thành nó.
    Bước 1

    Mở photoshop và tạo một file mới với kích thước là 2560×1440 pixels và tô layer Background là màu xám #464646.
    [​IMG]
    Bước 2

    Tìm một vào texture kim loại (Metal). Bạn có thể tìm từ Shutterstock. Tôi sử dụng Kompaniets Taras còn gọi là texture kim loại bạc với những vị trí trống cho text hoặc hình ảnh của chúng ta. Chọn chế độ hòa trộn (Blend Mode) là Multiply.
    [​IMG]
    Bước 3

    Thêm một layer mới và chọn màu đỏ và màu vàng cho màu của background và foreground. Tiếp theo, chúng ta vào Filter>Render>Clouds.
    [​IMG]
    Bước 4

    Với layer đã được chọn, vào Layer>Layer Mask>Reveal All. Chọn layer mask và thay đổi màu của background và foreground là đen và trắng. Với layer mask đã chọn vào Filter>Render>Clouds. Bạn có thể áp dụng. Bạn sẽ áp dụng bộ lọc (filter) clouds cho layer mask.
    [​IMG]
    Bước 5

    Group layer vào một folder và sau đó add mask cho folder này. Áp dụng cùng một bộ lọc (filter) cloud cho mask này.
    [​IMG]
    Bước 6

    Thay đổi chế độ hòa trộn (Blend Mode) là Overlay.
    [​IMG]
    Bước 7

    Add vào file của bạn đoạn text mà bạn muốn làm hiệu ứng. Ở đây tôi sử dụng phần mềm Illustrator để tạo text với font chữ Roman SD.
    [​IMG]
    Bước 8

    Tiếp theo chúng ta sẽ tạo hiệu ứng đồng. Để làm được điều này chúng ta sẽ sử dụng Layer Styles. Về cơ bản, chúng ta sẽ chọn Drop Shadow, Inner Shadow, Inner Glow, Bevel and Emboss, Color Overlay và Pattern Overlay.
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    Bước 9

    Đối với Pattern Overlay chúng ta cần tạo một texture kim loại trước, sử dụng giống như texture kim loại ở bước 2.
    [​IMG]
    Bước 10

    Và đây là kết quả sau khi chúng ta đã áp dụng Layer Styles. Nó được thực hiện khá nhiều thao tác và bạn cũng có thể sử dụng nó cho các biểu tượng, ký tự khác.
    [​IMG]
    Bước 11

    Thêm vào file của chúng ta một số chi tiết, tôi sẽ thêm vào biểu tượng hiệp sĩ từ Shutterstock còn gọi là 4 Metal medals background từ granata1111.
    [​IMG]
    Bước 12

    Áp dụng cùng một layer styles. Chỉ khác duy nhất ở Pattern Overlay chúng ta chọn chế độ hòa trộn (Blend Mode) là Overlay.
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    Bước 13

    Hiệu ứng của chúng ta sau khi add Layer Styles. Có vẽ gần như hoàn thành nhưng chúng ta cũng cần phải chỉnh sửa, thêm bớt một chút.
    [​IMG]
    Bước 14

    Thêm một tia sáng nhỏ trên mũi kiếm của hiệp sĩ để cho hiệu ứng đẹp hơn. Bạn có thể tìm kiếm nó trên google hoặc có thể download nó tại đây.
    [​IMG]
    Bước 15

    Hãy thêm vào một số họa tiết. Để làm được điều này, tạo một layer mới và tô nó với màu đen bằng công cụ Paint Bucket Tool (G). Sau đó dùng Eraser Tool (E) với một brush tròn mềm và xóa các khu vực như hình bên dưới.
    [​IMG]
    Bước 16

    Chọn tất cả các layer và nhân đôi chúng. Sau đó Group tất cả các layer mới vào một layer. Nhấn Command(mac)/Control(PC) + Alt + Shift + E. Với layer đã được chọn vào Filter>Blur>Gaussian Blur. Sử dụng Radius là 10. Sau đó nhân đôi layer Blurry (mờ). Sử dụng chế độ hòa trộn cho layer ở dưới là Overlay và layer ở trên là Screen. Sau đó thiết lập Opacity của cả 2 layer là 50%.
    [​IMG]
    Kết luận

    Đây là kết quả cuối cùng của chúng ta. Như bạn đã thấy, về cơ bản hiệu ứng của chúng ta được tạo ra bằng cách sử dụng Layer Styles. Bạn có thể biến tấu, thêm bớt để có được tác phẩm như ý.
    [​IMG]

    ...
    Râu Dê, NgTrongTuan, mr_minh_2694 người khác thích bài viết này.
  2. b0yHN_96

    b0yHN_96 Thành viên cấp 4

    bạn đã test thử chưa :|
  3. TylerKid

    TylerKid Về hưu

    tut dịch thì ko cần test cũng được mà
  4. b0yHN_96

    b0yHN_96 Thành viên cấp 4

    =.= trước mình cũng thử làm cái này nhưng abduzeedo nó hướng dẫn hơi khó :D
  5. Timmy

    Timmy Thành viên cấp 3

    Chuẩn không cần chỉnh rồi, khó hay dễ là do tay nghề thôi mà boyHN :))
  6. TONE.Rs

    TONE.Rs Thành viên cấp 3

    ok, để mình test
  7. halinh

    halinh Mới đăng kí

    a ơi cho e hỏi.e down pts cs5 portable thì ko có bảng style như thế kia, vậy phải down bản full ở đâu ạ
  8. TONE.Rs

    TONE.Rs Thành viên cấp 3

    Tất cả các bản photoshop đều có bảng style dạng này mà bạn, bạn mở nó lên = cách click chuột phải vào layer > Blending Option !
    halinh thích bài viết này
  9. b0yHN_96

    b0yHN_96 Thành viên cấp 4

    mấy cái mục nó đảo ấy mà =.=!
  10. buzz_91

    buzz_91 Thành viên cấp 2

  11. halinh

    halinh Mới đăng kí

    cái mục style của e có mỗi cái blend mode với opacity với channels : R, G, B, ko có mấy cái vòng chỉnh góc với cả chỉnh màu như trên kia. e down pts cs5 hay 6 của vietdesigner nó đều như thế ak, e mới học pts nên gà a giải thích dùm , tks :Dnó giống thế này nè, nhìn tức lắm :|
    http://www.google.com.vn/imgres?img...25yUPOCCImeiAex-YGQCg&ved=0CDkQ9QEwBA&dur=115
  12. Hồng Sơn

    Hồng Sơn Helper

    Link ảnh thôi rồi :-<. Ps phiên bản nào chẳng có style cho các layer hả bạn. Cứ làm theo cách anh TONE.Rs nói là có. Cái đó có khó đâu. Link ảnh ko xem đc bạn ạ :(
  13. TONE.Rs

    TONE.Rs Thành viên cấp 3

    Mình nhớ đã trả lời bạn + ảnh rồi mà nhỉ:
    Blending Option => Click vào các mục ở phía bên trái bảng chọn : Drop Shadow, Inner Shadow, Inner Glow, Bevel and Emboss, Contour, Color Overlay, Pattern Overlay là nó sẽ hiện ra bảng để tùy chỉnh mà bạn !
  14. TgB

    TgB Thành viên cấp 1

    Kiếm hoài không thấy cái texture đó :(
  15. Nguyễn Tôm

    Nguyễn Tôm Thành viên cấp 3

    TgB cảm ơn bác đã đào mộ một cái Tut hay như thế này :))
  16. nhóc bi

    nhóc bi Mới đăng kí

    sao anh không kèm thêm mấy cái hình ảnh ở trên cho tiện nhỉ

Ủng hộ diễn đàn