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. Vào ngày 25/11/2018 sắp tới đây sẽ diễn ra 1 buổi offline cả 4 miền Bắc - Trung - Nam - Tây nhân dịp Việt Designer tròn 7 tuổi với rất nhiều quà từ nhà tài trợ, dự là sẽ rất hấp dẫn. Chi tiết về buổi offline và cách thức đăng ký click xem tại đây nhé!
    Loại bỏ thông báo

[English Tut] Create a Crisp Metalic Text Effect

Chủ đề thuộc danh mục 'English tutorial' được đăng bởi Khải Hoàng, 8/12/12.

Lượt xem: 4,235

  1. Khải Hoàng Thành viên cấp 2

    Final Product What You'll Be Creating


    [​IMG]

    In this quick tip tutorial, we will explain how to create a crisp, metallic text effect using just a couple of layer styles in Photoshop. Let’s get started!

    Tutorial Assets

    The following assets were used during the production of this tutorial.
    Step 1

    Before opening Photoshop, install the font Rothenburg Decorative and these grunge brushes.
    Open Photoshop and Create a New Document, 1800 x 1300 pixels in RGB mode, 72 DPI and finally then Fill the background with this dark grey color #1f1f1f.

    [​IMG]
    Step 2

    Create a New Layer, name it ‘texture’ and using these Grunge Brushes click a couple of times in the center of the document using a white color. Use different brushes, try to cover the center of the document, varying the textures.
    [​IMG]
    Step 3

    Double-click on the thumbnail of the Layer ‘texture’ to open the Layer Style panel. Into the ‘Blending Options’
    Reduce the ‘Fill’ to 0, then apply a ‘Drop Shadow’ and an ‘Inner Shadow’ using these settings. This will give the texture a realistic embossed look.

    [​IMG]
    Step 4

    Click on the ‘Add Layer Mask’ icon, then click Command/Ctrl + (I) to invert it.
    Pick a big soft Brush (hardness: 0% – size: 950px) and click in the center of the document. This way the ‘texture’ Layer will be shown only in the center, fading on the edges of the document.

    [​IMG]
    Step 5

    Using the ‘Type Tool’ (T) and these settings, type the word ‘Othello’ or whatever you want. If you can’t see the ‘Character Window" go to Window > Character.
    [​IMG]
    Step 6

    Open the ‘Layer Style’ of the ‘Othello’ Text Layer and apply these settings. Below each step you can find a preview for the effect just added.
    [​IMG]
    Step 7

    Once you’ve modified the Style, click Ok. Now select the word ‘Othello’, using the Type Tool (T). Select everything beside the first capital letter and reduce the kerning to -5 as in the image below. You can find the Character Window under Window > Character.
    [​IMG]
    Step 8

    Duplicate this Layer with Command/Ctrl + (J), right-click on the Layer’s thumbnail and choose ‘Clear Layer Style’. This way the text below matches exactly the one above, and now we can add more effects. My favorite way to work with 2 Layer Styles, is to create a solid base as we did to the first Text Layer, and then add lightings and reflections on the second Layer above. This way you can blend easier the lights and colors with the textures of the Layer below.
    [​IMG]
    Step 9

    Let’s go on, adding a Layer Style to this second ‘Othello’ Text Layer. Double click on its thumbnail to open the Layer Style panel. Set fill opacity to 0 in blending options.
    [​IMG]
    Step 10

    The effect is pretty much done, but we need to make it look crisp and realistic, in this final step. Take a look at the trick with the ‘Stroke’: dropping down it’s Opacity to ’0′ it works almost as a layer mask, hiding the Layer on its edges. A Stroke of 3px ‘Inside’, for example, will hide the Text for 3 px along the edges, revealing what’s below in that 3px range. Once you’ve finished with these settings, click Ok to apply the effect.
    [​IMG]
    Conclusion

    Remember that when you Save the final effect, as a jpg image for example, it may look different, sharper, and more defined overall.
    [​IMG]

    The_End, Mèo Già Gian XảoPhạm Hữu Dư thích bài viết này.
  2. Phạm Hữu Dư

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

    Lần sau cop tut tiếng Anh về thì chịu khó translate cái tiêu đề trc, nếu đc thì thêm 1 đoạn mô tả ngắn bằng tiếng Việt ở trên đầu nhé :)
  3. Two

    Two Thành viên cấp 3

  4. huutruc0205

    huutruc0205 Banned

    theo mình nghỉ, ai làm theo tut mà được kết quả như ý rồi, thì bác đó ngồi tạo action share cho anh em đi
  5. Two

    Two Thành viên cấp 3

    nói ko phải mê tín chứ nghe đồn thổi action giết người không dao :v :v
    :))
    Bạn nói câu đó thì chả còn lời nào nói nữa (:|
  6. Khải Hoàng

    Khải Hoàng Thành viên cấp 2

    anh thông cảm, trình độ tiếng anh em còn gà lắm, làm đc nhưng viết lại ko đc #-o
  7. Phạm Hữu Dư

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

    Có ai kêu dịch cả bài đâu? Thế đọc bài tut này ko hiểu nó đang nói về cái gì sao mà đăng? Chỉ cần cái tiêu đề ghi tiếng Việt thôi, và nếu đc thì cho xin 1 đoạn mô tả 2-3 dòng gì đấy = tiếng Việt theo hiểu biết của mình, khó khăn lắm àh :|
    Khải Hoàng thích bài viết này
  8. huutruc0205

    huutruc0205 Banned

    h bác nghỉ xem, thời đại này mà còn ngồi chỉnh chỉnh, tạo hiệu ứng nửa, thì sao theo kiệp thời này đại tốc độ này, cái j mình biết rồi, mình hiểu rồi, mà tự động hóa được thì mình làm cho nó nhanh, chứ cứ mỗi lần muốn có cái chử đẹp như bài của chủ thớt, ko lẻ phải ngồi bỏ 30 phút ra làm từ đầu tới cuối hả, trong khi người ta tạo action, rồi để đó, lần sau có muốn dùng thì chỉ cần 30s là có ngay, ko phải nhọc công làm lại từ đầu, thời đại này mà mình thật thà quá củng khổ.
    bác troll em, bác nghỉ em gà mờ ah ^^
  9. Khải Hoàng

    Khải Hoàng Thành viên cấp 2

    vâng, lần sau em sẽ cố, tại em mới gia nhập dd mà :D
  10. DoubleG

    DoubleG Thành viên cấp 2

    mất tinh thần VDS quá :|
    vOz_James thích bài viết này
  11. The_End

    The_End Thành viên cấp 1

    huutruc0205 cái mà 1 tut thật sự đem lại không phải là kết quả bạn à, mỗi tut nó sẽ ứng dụng một hoặc nhiều hiệu ứng và công cụ (trong vô vàn thứ) của Photoshop.
    bạn làm theo và tự rút kinh nghiệm cho mình, áp dụng vài công đoạn vào tác phẩm của bạn, bạn sẽ tiến bộ hơn (:

Ủng hộ diễn đàn