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] Metal Car Logo Effect - Hiệu ứng logo chữ Kim loại

Chủ đề thuộc danh mục 'Hiệu ứng chữ' được đăng bởi Nguyễn Trung Hiếu, 4/8/12.

Lượt xem: 10,922

  1. Nguyễn Trung Hiếu Thành viên cấp 2

    Đây là một bài hướng dẫn về hiệu ứng chữ kim loại, hiệu ứng này thường thấy ở Logo của các loại ô tô. Tham khảo tại đây.
    Trong bài hướng dẫn này, tôi sẽ hướng dẫn cho các bạn làm thế nào để tạo một Logo dạng chữ với phong cách Metal bằng Photoshop mà chủ yếu sử dụng Layer Style.

    Lưu ý:

    Kết quả

    [​IMG]


    Bước 1

    Mở photoshop và tạo document mới. Sử dụng 2560x 1600 pixels. Sau đó fill background bằng màu đỏ, màu tương tự xe Ferrari đỏ.

    [​IMG]

    Bước 2

    Tới Layer>Layer Styles>Pattern Overlay. Lựa chọn metal texture. Download texture tại đây.

    [​IMG]

    Bước 3

    Điều chỉnh Gradient Overlay vẫn trong Layer style. Sử dụng màu đen & trắng như trong hình. Điều chỉnh Blend Mode thành Multiply với 40% Opacity. Sau đó thay đổi Scale thành 35%.

    [​IMG]

    Bước 4

    Tạo 1 layer mới ở trên cùng và fill màu trắng. Sau đó phải chắc rằng bạn có màu đen & trắng cho foreground và background color, sau đó tới Filter>Noise>Add Noise. Sử dụng 10% cho amount, Gaussian cho Distribution và tích vào Monochromatic. Sau đó tới Image>Adjustments>Invert, tiếp tục tới Image>Adjustments>Levels. Lựa chọn Preset Darker, ẩn layer ta vừa fill màu đỏ ở Bước 1, nhấm tổ hợp phím Ctrl+Atl+Shift+E, hiện layer ta ẩn. Điều cuối cùng cần làm là tới Filter>Blur>Radial Blur.Sử dụng Spin cho Blur Method Best cho Quality, điều chỉnh 7 cho Amout.

    [​IMG]

    Bước 5

    Điều chỉnh Blend Mode sang Color Dodge. Ta được như hình dưới.

    [​IMG]

    Bước 6

    Thêm 1 layer mới và nhóm vào 1 group. Điều chỉnh Blend Mode của group thành Color Dodge. Chọn layer bên trong group và với Brush Tool (B) sử dụng soft brush với màu trắng. Vẽ vào giữa của bức hình thật mờ. Ta được như hình dưới.

    [​IMG]

    Bước 7

    Thêm 1 vài chữ để sử dụng hiệu ứng chrome. Trong bài này, tôi đã thiết kế 1 logo dạng chữ bằng Illustrator.

    [​IMG]

    Bước 8

    Điều chỉnh Layer Style như trong hình.

    [​IMG]

    Bước 9

    Đây là kết quả đạt được khi điều chỉnh Layer Style.

    [​IMG]

    Bước 10

    Bây giờ điều chỉnh adjustments. Đầu tiên tới Layer>New Adjustment Layer>Gradient Map. Sử dụng thông số mặc định đen trắng và điều chỉnh Blend Mode thành Soft Light, tích vào Dither.

    [​IMG]

    Bước 11

    Ấn tổ hợp phím Ctrl+Atl+Shift+E. Tới Filter>Blur>Gaussian Blur. Sử dụng 5 pixels cho radius. Chỉnh Blend Mode thành Overlay với 100%. Duplicate layer này và điều chỉnh Blend Mode sang Screen với 50%. Có thể xóa bớt các vùng xung quanh của 2 layer này để làm nổi rõ vùng trung tâm (Layer tạo thành bơi tổ hợp phím và layer được duplicate).

    [​IMG]

    Bước 12

    Tạo layer mới và nhóm vào 1 group. Điều chỉnh Blend Mode cho group thành Color Dodge.Sau đó với Brush Tool (B) tô nhẹ vào vùng chữ A để tạo ánh sáng phản chiếu.

    [​IMG]

    Bước 13

    Tới Layer>New Adjustment Layer>Photo Filter. Sử dụng Cooling Filter (82) với 20% Density.

    [​IMG]

    Kết luận

    Tại bài hướng dẫn này, ta biết cách tạo hiệu ứng chrome bằng layer style trong Photoshop. Với những kiến thức này, ta có thể thiết kế 1 logo kim loại giống như ở các loại ô tô...

    Trong bài hướng dẫn này có bước nào quá khó, không hiểu các bạn có thể comment ở dưới mình sẽ giải đáp. Bạn nào đã thiết kế thành công thì có thể post tác phẩm của mình lên đây để mọi người cho ý kiến và học hỏi thêm.
    Tôi mong các bạn sẽ thích bài hướng dẫn này!

    [​IMG]

    Download Photoshop file
    (54,76 MB)

    [​IMG]
    Dịch: Beta
    Nguồn: Abduzeedo

    ...
    Aquarius, Phạm Hữu Dư, tieuquayhp1 người khác thích bài viết này.
  2. tieuquayhp

    tieuquayhp Thành viên cấp 2

    ô, cảm ơn bạn đã chia sẽ, để vọc nào :D
  3. Nguyễn Trung Hiếu

    Nguyễn Trung Hiếu Thành viên cấp 2

    vọc đi bạn, vọc xong có thể post lên để mọi người ý kiến :D
  4. IceF

    IceF Thành viên cấp 4

    nhìn chẳng giống như cái tiêu đề lắm thì phải,nhìn nó như thủy tinh chứ không giống kim loại.
  5. Nguyễn Trung Hiếu

    Nguyễn Trung Hiếu Thành viên cấp 2

    chả hiểu sao nhìn cái này ra thủy tinh =) nhìn nó metal thế cơ mà :-?
    tut này dịch từ Abduzeedo, bọn họ ghi vậy, bạn lên đó comment xem sao =))

Ủng hộ diễn đàn