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 chữ 3D sử dụng illustrator + photoshop và texture

Chủ đề thuộc danh mục 'Hiệu ứng chữ' được đăng bởi b0yHN_96, 20/4/13.

Lượt xem: 10,280

  1. b0yHN_96 Thành viên cấp 4

    Hôm nay tôi sẽ hướng dẫn các bạn làm 1 hiệu ứng chữ 3D bằng illustrator + photoshop và sử dụng texture là chính
    Đầu tiên các bạn download các file cần để thực hiện bài hướng dẫn: http://www.mediafire.com/?g7l19tl7crloguc
    Cùng xem tác phẩm sau khi hoàn thành

    [​IMG]
    Ta sẽ làm việc với illustrator trc, mở nó lên

    [​IMG]
    Viết chữ cái mà bạn muốn với font có sẵn của win

    [​IMG]
    Ở góc trên bên trái có phần chọn màu, các bạn chọn màu xanh như hình

    [​IMG]
    Vào Effect - 3D - Extrude & Bevel

    [​IMG]
    [​IMG]
    [​IMG]
    Giờ thì mở Ps lên, tạo 1 file mới

    [​IMG]
    Trở lại illustrator, nhấn Ctrl + C để copy

    [​IMG]
    Ctrl + V ở bên photoshop để paste chữ cái vừa tạo = illu

    [​IMG]
    Nhấn Ctrl + T và chỉnh lại kích thước cho hợp lí

    [​IMG]
    Vào File - Place và chọn cái texture này

    [​IMG]
    [​IMG]
    Chỉnh lại kích thước để lấp hết chữ 3D

    [​IMG]
    Đặt Blend Mode của layer texture thành Overlay và chuột phải chọn clipping mask để texture chỉ có tác dụng với layer chữ 3D chứ ko ảnh hưởng đến background

    [​IMG]
    Tiếp tục place texture và chỉnh cho nó lấp đầy chữ và đặt Blend Mode của layer là Multiply

    [​IMG]

    [​IMG]
    Làm tương tự với cái texture còn lại và đặt Blend Mode là Soft Light

    Giờ ta sẽ tạo BG

    [​IMG]
    Chọn Gradient Tool

    [​IMG]
    Chọn Linear Gradient

    [​IMG]
    Click vào ô bên cạnh để chọn màu

    [​IMG]
    Chỉnh mã màu như hình

    [​IMG]
    Kéo 1 đường từ góc trên bên trái xuống góc dưới bên phải

    [​IMG]
    Ở đây tôi thấy chữ D hơi to nên đã chỉnh bé lại

    [​IMG]
    Chọn 4 layer ( layer chữ cái 3D và 3 layer texture ) rồi chuột phải chọn Duplicate Layers để nhân đôi 4 layer này lên

    [​IMG]
    Ta sẽ có 4 layer copy, chuột phải chọn Merge Layers

    [​IMG]
    [​IMG]
    Tôi đổi tên layer thành D copy để tiện hướng dẫn
    Vẫn đang ở layer D copy, nhấn Ctrl + T

    [​IMG]
    Chuột phải chọn Flip Vertical

    [​IMG]
    Layer D copy sẽ bị đảo ngược, kéo nó xuống dưới chân chữ D gốc
    [​IMG]
    Xoay cho đối xứng với chữ ở trên

    [​IMG]
    Vì layer D copy quá rõ nên khi nhìn vào ta ko có cảm giác phản chiếu, nhiệm vụ của chúng ta là xóa bớt đi và làm mờ
    Đầu tiên ta chọn Gradient Tool - màu Đen -> Trắng

    [​IMG]
    Tạo layer mask cho layer D copy
    [​IMG]
    Kéo 1 đường như hình, từ dưới lên trên nhé
    [​IMG]
    Giảm opacity của layer D copy xuống 20%

    [​IMG]
    Tiếp tục tạo dòng chữ mà bạn muốn, ở đây tôi gõ vietdesigner. Mở bảng Character ( Window - Character ) để chỉnh sửa text

    [​IMG]
    Ctrl + T và xoay chữ cho cùng hướng với chữ D

    [​IMG]
    Di chuyển nó đến giữa chữ cái
    [​IMG]
    Chuột phải vào layer vietdesigner và chọn Blending Options để thêm hiệu ứng cho chữ
    [​IMG]

    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    Giờ ta sẽ thêm hiệu ứng cho chữ 3D

    [​IMG]
    [​IMG]
    Tiếp theo mở texture đất nứt nẻ ra

    [​IMG]
    Thêm hiệu ứng pattern overlay cho layer vietdesigner và chọn pattern vừa mới save

    [​IMG]
    Thêm hiệu ứng đổ bóng cho layer vietdesigner và 3D

    [​IMG]

    [​IMG]

    Kết Quả cuối

    [​IMG]

    ...
    Huy Pig, Dee, Sát Thủ VietDesigner1 người khác thích bài viết này.
  2. mgr

    mgr Cựu quản trị

    ;) topic của b0yHN_96 thì cứ phải gọi là cực chất :like:
    b0yHN_96 thích bài viết này
  3. Dee

    Dee Thành viên cấp 2

    Tuyệt vời :-bd
    b0yHN_96 thích bài viết này
  4. Huy Pig

    Huy Pig Thành viên cấp 1

    tuyệt cú mèo bác ạ....^^
    b0yHN_96 thích bài viết này
  5. hung6767

    hung6767 Thành viên cấp 1

    hay quá bạn ạ. Cảm ơn bạn rất nhiều.
    b0yHN_96 thích bài viết này
  6. b0yHN_96

    b0yHN_96 Thành viên cấp 4

    tut này chỉ thược dạng dễ thôi :D hướng dẫn cho 1 số bạn kĩ năng trog pts
  7. Nguyên-Kun

    Nguyên-Kun Mới đăng kí

    b0yHN_96 thích bài viết này

Ủng hộ diễn đàn