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

Hướng dẫn tạo hiệu ứng chữ đá quý chíu chíu cực nhanh

Chủ đề thuộc danh mục 'Hiệu ứng chữ' được đăng bởi _Hồng Nhung_, 26/4/15.

Lượt xem: 10,216

  1. _Hồng Nhung_ Mới đăng kí

    Thành phẩm:

    ccLPBQr.jpg

    I. Nguyên liệu:


    Fortuna Dot font

    Code:
    http://www.fonts2u.com/fortuna-dot.font
    PS6 PATTERNS - DP + Grilles 2 by Ninja-Ryo
    Code:
    http://ninja-ryo.deviantart.com/art/PS6-PATTERNS-DP-Grilles-2-197096683
    Metal Mesh Patterns - Pack 1 by Axertion
    Code:
    http://axertion.deviantart.com/art/Metal-Mesh-Patterns-Pack-1-107942844
    Crystal Pattern (Created using the Crysta Filter Forge filter by Vladimir Golovin)
    Code:
     https://www.dropbox.com/s/zp081f5oby8pimp/Crystal%20Pattern.pat?dl=0
    Double lined pattern by Adam Anlauf
    Code:
     http://subtlepatterns.com/double-lined/ 
    Stars and Flares Brush Set by MysticEmma
    Code:
    http://mysticemma.deviantart.com/art/Stars-and-Flares-Brush-Set-379548180
    **Mình đã tổng hợp tất cả các nguyên liệu cho tiện lợi hơn.
    Code:
    https://drive.google.com/file/d/0B4ak4IXKZlQ8Nnh2a2lZM0hjQ3c/view?usp=sharing
    II. Thực hiện:

    Bước 1: Tạo background

    - Ctrl+N để tạo 1 file photoshop, chỉnh kích thước 1342 x 755 px (các bạn có thể chỉnh lại tùy ý), nền màu đen.

    0zvjr2D.jpg
    - Đặt Foregroundcolor màu #161819, Background color #010101. Chọn chức năng Gradient Tool hoặc bấm phím G, chọn Radial Gradient, vẽ một đường từ chính giữa ra 1 góc (có thể vẽ nhiều lần, miễn sao các bạn thấy vừa phải là được)
    - Ctrl+J để nhân đôi background

    gr8r3ev.jpg
    - Nhấp chuột phải vào background copy chọn blending option hoặc nhấp đôi vào background copy.
    - Chọn Pattern overlay:
    Blend mode: Overlay
    Pattern: DP1-E
    (nằm trong PS6 PATTERNS - DP + Grilles 2 by Ninja-Ryo)
    Code:
    http://ninja-ryo.deviantart.com/art/PS6-PATTERNS-DP-Grilles-2-197096683

    FarkWpw.jpg

    Thành quả bước 1:

    npHsu1X.jpg
    Bước 2: Thêm chữ:

    - Nhấn phím T để tạo chữ mới, chọn font Fortuna Dot, size 200pt, màu #a7a59f
    - Đánh chữ bất kỳ mà bạn thích. Bạn cũng có thể canh chữ ở giữa bằng cách nhấn ctrl+A chọn như hình. Đặt tên là text

    2R0JqFx.jpg
    - Ctrl+J để tạo text copy và chỉnh fill của layer text copy về 0.

    Bước 3: Tạo kiểu cho chữ chính:

    - Nhấp đôi vào text. Với
    - Bevel and Emboss, cài đặt:
    Size: 10
    Gloss Contour: Ring
    Check vào Anti-aliased box
    Highlight Mode: Vivid Light
    Shadow Mode - Color: #a6a6a6

    rvhXjn3.jpg
    - Contour:
    Check vào Anti-aliased box.
    Range: 25%

    jh3Oita.jpg
    - Texture
    Pattern:
    Mesh Transparent BG
    (nằm trong Metal Mesh Patterns - Pack 1 by Axertion)
    Code:
    http://axertion.deviantart.com/art/Metal-Mesh-Patterns-Pack-1-107942844

    Ii8MtiL.jpg
    - Pattern Overlay:
    Pattern:
    Crystal Pattern
    (nằm trong Crystal Pattern (Created using the Crysta Filter Forge filter by Vladimir Golovin))
    Code:
     https://www.dropbox.com/s/zp081f5oby8pimp/Crystal%20Pattern.pat?dl=0
    Scale: 10%

    iVzfPw7.jpg
    - Drop Shadow
    Opacity:
    50%
    Distance: 10
    Spread: 15
    Size: 5

    PBKOtlM.jpg

    Ta được text như hình


    2UVXgfQ.jpg
    Bước 4: Tạo kiểu cho chữ copy:

    - Nhấp đôi vào layer text copy, cài đặt:
    - Bevel and Emboss
    Technique:
    Chisel Hard
    Size: 6
    Bỏ check vào Use Global Light box
    Angle: 82
    Altitude: 53
    Gloss Contour: Ring
    Check vào Anti-aliased box
    Highlight Mode: Linear Light
    Shadow Mode - Opacity: 0%

    RCQa7h8.jpg

    - Contour
    Check vào Anti-aliased box.

    c6F36L7.jpg

    - Texture
    Pattern:
    Double lined
    Depth: 500%

    2vhTt39.jpg
    - Inner Glow
    Noise:
    49%
    Color: #b3b694
    Source: Center
    Size: 16

    RvtlIaT.jpg
    - Pattern Overlay
    Blend Mode:
    Soft Light
    Opacity: 60%
    Pattern: Nebula (vì mình không tìm thấy pattern Nebula giống nguồn nên mình đã tự làm các khác)

    jglTOV0.jpg
    Sau khi tạo kiểu cho text copy ta được sản phẩm như hình:

    IdTihbk.jpg
    Bước cuối: Thêm các đốm sáng chíu chíu:

    - Đặt Foregroundcolor là #f4f1e3. Chọn công cụ Brush Tool hoặc nhấn phím B để mở Bursh Tool.
    - Mở bảng điều khiển Bursh (nếu không biết ở đâu có thể chọn Window > Brush)
    - Chọn một Stars and Flares Brush Set và cài đặt như sau:
    - Brush Tip Shape
    Size :
    79

    0PPi1Vc.jpg
    - Shape Dynamics

    zExJtQn.jpg
    - Tạo một layer mới nằm ở trên cùng, đặt tên là anhsang và thay đổi Blend Mode thành Linear Light.

    S51ugTl.jpg
    - Cuối cùng, bạn chấm một số điểm ánh sáng ở vị trí mà bạn thích trên chữ thế là thành công

    ccLPBQr.jpg
    III. Nói thêm cho các bạn mới tiếp cận photoshop:
    - Cách load pattern cho bạn nào không biết
    Code:
     http://forum.vietdesigner.net/threads/tut-cach-su-dung-pattern.297/ 
    - Thêm font chữ
    Code:
     http://vietdesigner.net/2012/06/cach-cai-font-viet-chu-co-dau-tren-photoshop/ 
    - Cách load brush
    Code:
     http://vietdesigner.net/2011/12/cach-su-dung-brush-trong-photoshop/ 
    - Các bạn có thể tạo hình động ánh sáng di chuyển bằng cách tham khảo bài viết sau (tới đây mình lười rồi :v):
    Code:
     http://forum.vietdesigner.net/threads/hieu-ung-chu-anh-sang-chuyen-dong-d.59811/ 
    Nguồn:
    Code:
     http://design.tutsplus.com/tutorials/how-to-create-a-quick-sparkling-diamonds-text-effect-in-adobe-photoshop--cms-23448 
    Chúc các bạn thành công!!

    Lần đầu làm tut, có gì sai sót mong mọi người bỏ qua. :3

    ...
    Chỉnh sửa lần cuối: 26/4/15
    ToiHocDoHoa.com, Polar Light, chipquay9 người khác thích bài viết này.
  2. ddluong

    ddluong Thành viên cấp 1

    Có bác nào có font fortuna dot việt hóa không cho em xin cái :))
  3. Nhị Gia

    Nhị Gia Mới đăng kí

    Cảm ơn bạn đã hướng dẫn. Thật tuyệt vời !!!
    _Hồng Nhung_ thích bài viết này
  4. thbminh

    thbminh Thành viên cấp 1

    Hay quá bạn ơi, đơn giản mà hiệu quả
    _Hồng Nhung_ thích bài viết này
  5. quay23

    quay23 Thành viên cấp 1

    quá hay, quá tuyệt với, thanks bạn
    _Hồng Nhung_ thích bài viết này
  6. phuongthustudio

    phuongthustudio Thành viên cấp 5

    :)) good Tut , simply better
    _Hồng Nhung_ thích bài viết này
  7. _Hồng Nhung_

    _Hồng Nhung_ Mới đăng kí

    dưới là pattern Nebula giống nguồn mình vừa tìm dc, có thể thay thế cái của mình ở bước 4
    Code:
    https://drive.google.com/file/d/0B4ak4IXKZlQ8b1pLOEc2QlVrcHM/view?usp=sharing
    Thành quả sau khi thay thế
    5VwevvA.png
  8. chipquay

    chipquay Thành viên cấp 2

    Hiệu ứng thích thật, nó có "mì ăn liền" cho nhanh đc không bạn thớt
  9. _Hồng Nhung_

    _Hồng Nhung_ Mới đăng kí

    chipquay này là "ăn liền" lắm luôn :v
    Tài nguyên ở phần mô tả của clip
    Nhớ load các tài nguyên như: font, pattern, bursh...

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

Ủng hộ diễn đàn