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

[Tutorial Typography] Yêu thương để đó ( có đính kèm file project cho mọi người download)

Chủ đề thuộc danh mục 'Tác phẩm đẹp - Tài liệu tham khảo Typography' được đăng bởi TONbui, 16/2/14.

Lượt xem: 61,543

  1. TONbui Thành viên cấp 1

    Chào các thành viên VDS trong Typography Group.

    Cũng khá lâu rồi mình chưa có đóng góp gì trong nhóm từ ngày mình viết bài hướng dẫn đầu tiên về cách làm một tác phẩm typography. Hôm nay, mình có một bài hướng dẫn làm chữ khác đó là “ Yêu thương để đó”. Bài hướng dẫn này sẽ khó hơn một chút, cách hướng dẫn sẽ kỹ càng hơn và mình cũng chia sẻ luôn file project để các bạn có thể thử một cách dễ dàng. ( Mình vẽ chữ này ở thời điểm người mình quý nhất đã bỏ mình đi rất xa...)

    Dưới đây là bài hướng dẫn chi tiết và link download file line của chữ.
    Link: https://app.box.com/s/tdzbeim55wgj8ujwxsuq

    1]. PHÁC THẢO. (Bước này là tùy mỗi người và tùy style mà các bạn theo đuổi mà kết quả sẽ khác nhau, ở đây mình dùng style của mình làm mẫu cho Tutorial này.)
    - Hình 1:
    [​IMG]

    2]. Mở phần mềm Illustrator, tạo một cửa sổ làm việc mới kích thước 3000px X 3000px, đặt tên là [Yeu thuong de do] với các thông số như hình bên dưới.
    - Hình 2:
    [​IMG]

    3]. Place ảnh phác thảo vào trang làm việc AI, vào FIle/Place...hoặc có thể kéo thả trực tiếp vào AI. Bạn nên để ảnh với Opacity = 30% và EMBED hình để khi mở file làm việc lần sau AI sẽ không hỏi bạn link tìm ảnh.
    - Hình 3:
    [​IMG]

    4]. Tạo layer mới đặt tên là “Line” dùng công cụ Pen Tool (P) đồ lại toàn bộ nét chính và vẽ thêm các nét tạo cảm giác chữ 3D, Stroke = 0.8px.
    - Hình 4:
    [​IMG]

    5]. Sau khi bạn hoàn thành chữ bằng Pen Tool thì vẫn còn nét dư như bước số 4. Dùng công cụ Add anchor point tool (+) và nút Delete để xóa những nét thừa.
    - Hình 5:
    [​IMG]

    Kết quả, chú ý thêm một điều là các điểm phải giao nhau không được hở.
    - Hình 6:
    [​IMG]

    Các bạn làm tương tự để xóa hết các nét dư khác. Sau khi hoàn tất, ta được hình như bên dưới.
    - Hình 7:
    [​IMG]

    6]. Expand các nét line thành dạng vector. Chọn tất cả các nét sau đó Group thành một nhóm (Ctrl+G), vào Objects/Expand/OK. Tiếp tục dùng lệnh hàn trong tab Pathfinder ( Ctrl+Shift+F9).
    - Hình 8:
    [​IMG]
    - Hình 9:
    [​IMG]

    7] Xóa đường bao bên ngoài chữ “Yêu thương để đó”.
    - Hình 10:
    [​IMG]
    - Hình 11:
    [​IMG]

    8] Tạo bảng màu chủ đạo và tô màu cho chữ.
    Dưới đây là bảng màu với thông số màu đầy đủ cho các bạn dễ thực hiện.
    - Hình 13
    [​IMG]

    Trước khi tô màu, nên rã nhóm đối tượng thành từng miếng nhỏ (Ctrl+Shift+G)
    - Hình 12
    [​IMG]

    9]. Tô màu cho chữ “ Yêu thương để đó”
    - Hình 14:
    [​IMG]


    Tạo thêm một lớp bề mặt chữ “Yêu thương để đó” và chọn chế độ hòa trộn là Multiply=100%. Bạn xem hình bên dưới sẽ rõ ràng hơn.
    - Hình 15:
    [​IMG]

    Các bạn tô màu cho các phần bóng đổ còn lại. Làm các bước tương tự bao gồm tô sáng tối cho bóng đổ (Gradient) và thêm 1 lớp hòa trộn Multiply = 80%. Ta được kết quả như hình bên dưới.
    - Hình 16:
    [​IMG]

    10] Nhấn sáng tối trên các góc khuất của bề mặt chữ “ Yêu thương để đó” . Như các bạn thấy là trên tác phẩm bây giờ, phần mặt chữ chưa có điểm sáng tối. Bây giờ, mình add thêm các các góc tối.
    - Hình 17:
    [​IMG]

    Dùng Pentool vẽ một diện tích xung quanh góc cần nhấn màu tối. Sau đó chọn 2 đối tượng và dùng lệnh Shift Builder Tool (Shift+M) giữ phím ALT nhấp chuột vào phần thừa bên ngoài để xóa.
    - Hình 18:
    [​IMG]

    Sau bước này ta được như hình bên dưới
    - Hình 19:
    [​IMG]

    Tiếp tục bạn tô Gradient cho nó ( dùng Gradient có một điểm vs Opacity = 0% và tô tương tự như bước 9)
    - Hình 20
    [​IMG]

    11]. Làm tương tự cho tất cả các điểm còn lại, ta được hình như bên dưới
    - Hình 21:
    [​IMG]

    12] Tạo bóng đổ. Quay lại bước 7 để tiện theo dõi, thay vì ở đây bạn xóa đường bao bên ngoài giữ lại phần trong để tô màu chữ thì ở bước này bạn làm ngược lại, xóa tất cả các đường bao bên trong chỉ giữ lại bên ngoài, Kết quả ta được như hình bên dưới.
    - Hình 22:
    [​IMG]

    Vào Effect/Blur/Gaussian Blur... Để làm nhòe
    - Hình 23:
    [​IMG]

    Thu nhỏ chiều cao của bóng đổ và add vào tác phẩm, Ta sẽ được như hình bên dưới.
    - Hình 24:
    [​IMG]

    13] Tới đây tác phẩm đã gần hoàn chỉnh, các bạn có thể vẽ thêm một số họa tiết trang trí cho tác phẩm nhìn bắt mắt hơn.
    - Hình 25:
    [​IMG]

    14] Kết quả hoàn thành.
    - Hình 25:
    [​IMG]

    Cảm ơn mọi người đã xem qua topic này và mình cũng rất vui nếu các bạn thử làm và post các tác phẩm của chính mình vào topic này. Nếu thấy bài hướng dẫn này còn thiếu sót gì hoặc là các bạn có cách làm nào hay hơn thì có thể comment bên dưới.

    TONbui.

    ...
    Chỉnh sửa lần cuối: 16/2/14
    Shaki208, Kà Gem, LyCongTruong143 người khác thích bài viết này.
  2. Hồng Sơn

    Hồng Sơn Helper

    - Quá tuyệt vời :x >:D<:like:
    TONbui thích bài viết này
  3. Đoàn Võ Duy Thanh

    Đoàn Võ Duy Thanh Thành viên cấp 2

    Đỉnh thật đấy :x :x
  4. Huỳnh Tùng Lâm

    Huỳnh Tùng Lâm Thành viên cấp 1

    rất tuyệt !!!!
    TONbui thích bài viết này
  5. Hyek

    Hyek Thành viên cấp 1

    đẹp quá bác ạ. thank bài tut của bác. :3
    TONbui thích bài viết này
  6. buithuhuosd

    buithuhuosd Banned

    uuuuuuuuuuuuuuuuuuuuuuuuuppppppppppppppppppppppp
    uuuuuuuuuuuppppppppppppppp
    quangnguyen111 thích bài viết này
  7. Hyek

    Hyek Thành viên cấp 1

    khó hiểu quá bác TONbui từ bước 7 trở đi mình k biết làm luôn. :):)
  8. TONbui

    TONbui Thành viên cấp 1

    Hyek mình ghi rất rõ rồi bạn, bạn có thể xem bài tut đầu tiên của mình để dễ dàng hơn.
    Hyek thích bài viết này
  9. Hyek

    Hyek Thành viên cấp 1

    thank bác. bác làm cái clip nữa thì hay. hề :D:D
    TONbui thích bài viết này
  10. Hưngg Bướm

    Hưngg Bướm Thành viên cấp 1

    Biết được nhiều mẹo hơn :3 :3 cảm ơn anh rất nhiều!
    TONbui thích bài viết này
  11. Brian Duong

    Brian Duong Thành viên cấp 1

    với 1 người chưa bao giờ động tới AI như em xem mà còn hiểu thì thực sự công nhận TUT này quá tuyệt vời!
    laidb201, Nguyễn Tất ThắngTONbui thích bài viết này.
  12. dragon459

    dragon459 Thành viên cấp 1

    great :like:
    TONbui thích bài viết này
  13. sküll

    sküll Thành viên cấp 2

    Tut tuyệt quá. Chỉ xem và làm theo thôi, chẳng biết nói gì.
    TONbui thích bài viết này
  14. Trung Võ

    Trung Võ Thành viên cấp 2

    tuyệt vời ông mặt trời =P~
    TONbui thích bài viết này
  15. KzKingMQ

    KzKingMQ Thành viên cấp 2

    Quá tuyệt vời! Cảm ơn bài tut của chủ thớt nhiều :D
    TONbui thích bài viết này
  16. sadman289

    sadman289 Mới đăng kí

    thanks bác, quá hay ^_^
    TONbui thích bài viết này
  17. cuocsongxanh

    cuocsongxanh Thành viên cấp 1

    đẹp quá bác ôi, làm tiếp các bài khác đi bác :D
    TONbui thích bài viết này
  18. Phong Khắc Wưu

    Phong Khắc Wưu Thành viên cấp 1

    tut chất lượng quá
    TONbui thích bài viết này
  19. Bảo Trần

    Bảo Trần Thành viên cấp 2

    Mình không biết gì về AI nhưng thấy tác phẩm bạn làm thật đẹp.
    :-bd:-bd
    TONbui thích bài viết này
  20. thiemthan

    thiemthan Thành viên cấp 2

    lâu rùi mới thấy có 1 bài tut chất lượng ntn..like mạnh
    TONbui thích bài viết này
Từ khóa:

Ủng hộ diễn đàn