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ự tạo Infographic trong Adobe Illustrator

Chủ đề thuộc danh mục 'Illustrator' được đăng bởi Nguyễn Bảo Quân, 15/11/16.

Lượt xem: 3,302

  1. Nguyễn Bảo Quân Mới đăng kí

    Đôi khi chúng ta cần phải giao tiếp thông tin khó khăn hoặc có vẻ nhàm chán lúc đầu, nhưng nếu chúng ta đặt nó bên trong một Inphographic, chúng ta có thể làm cho nó hấp dẫn hơn. Bằng việc sử dụng Adobe Illustrator với các biểu tượng hoặc thậm chí hình ảnh minh họa. Chúng tôi có thể trình bày các thông tin một cách rõ ràng, làm cho cách đọc dễ dàng hơn để hiểu và thuyết trình


    [​IMG]

    • Program: Illustrator CS& CC-2015
    • Cấp độ: Trung bình
    • Từ khóa tìm kiếm: Inphography, banners, graphic
    • Thời gian thực hiện: 30 minutes
    1. Tạo File
    Chúng ta tạo file mới bằng cách File -> New. Lưu lý một số thông số sau:

    • Kích thước: 800x600px
    • Chế độ màu: CMYK
    • Độ phân giải: 72ppi
    Ngoài ra các bạn có thể chọn độ phân giải 300ppi để phục vụ in ấn (tùy)
    [​IMG]
    2. Tạo background
    Vẽ một ô vuông bằng với kích thước của Document với chỉ số màu: 35, 17, 13, 0
    [​IMG]

    - Sau đó bạn Copy Ô vuông lúc nãy (Ctrl + C). Sau đó bấm Ctrl + F để tạo ra 1 ô vuông nữa nằm phía trên
    - Fill Pattern bằng cách: Swatches>Patterns>Basic graphics>Dots/Lines. Chọn mẫu Pattern mà bạn thích. Giảm Transparency xuống còn 60%
    [​IMG]

    - Nếu không fill được pattern ở bước trên thì bạn có thể bỏ qua.

    3. Tạo các Banner vuông

    Bước 1: Vẽ 6 cái ô vuông nhỏ bên như hình với màu theo thứ tự:

    - Vàng nhạt: 4, 5, 59, 0
    - Vàng đậm: 8, 24, 96, 0
    - Hồng phấn đậm: 16, 60, 31, 0
    - Xanh lơ: 57, 14, 3, 0
    - Xanh đậm: 85, 65, 4, 0
    - Tím: 42, 80, 8, 0

    [​IMG]

    Bước 2: Đổ bóng cho 6 ô vuông ấy: Effect>Stylize>Drop Shadow
    [​IMG]
    [​IMG]
    Bước 3: Tạo các con số
    - Dùng Text tool để viết từ 1 đến 6. Bấm chuột phải, chọn Create Outline. Tiếp tục bấm chuột phải, chọn Ungroup.

    [​IMG]
    - Di chuyển các con số đó đến 6 ô vuông lúc nãy rồi đổ bóng cho 6 số đó như hình dưới
    [​IMG]
    [​IMG]
    Bước 4: Điều chỉnh ô vuông khớp với số
    - Chọn ô vuông và dùng công cụ Direct Selection tool (phím tắt A). Điều chỉnh hoặc add thêm các điểm neo để khớp với số

    [​IMG]

    Sau khi hoàn thành, ta có:
    [​IMG]

    4. Tạo icon
    Dùng công cụ: Ellipse tool (L), Rectangle tool (M), Line segment tool (\), Pen tool (P), Pathfinder > Combine để tạo các icon như hình dưới. Nếu các bạn không chuyên, các bạn có thể tải các icon yêu thích trên mạng về cho nhanh nhé.
    Tham khảo các icon tại freepik.com
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    [​IMG]
    Sau khi có icon, chúng ta có:
    [​IMG]
    5. Add Text
    Dùng công cụ Text tool (T) để tạo nội dung của các bạn nhé.
    [​IMG]

    Đến đây. Các bạn đã hoàn thành 99%. Có thể sử dụng được rồi. Nhưng để đẹp hơn, chúng tạo làm thêm 1 số hiệu ứng đổ bóng nâng cao như sau:

    - Dùng công cụ Ellipse tool (L) để tạo vòng tròn. Vào Effect > Blur > Radial Blur để mờ viền. Tiếp tục tô màu Gradient, giảm Transparent còn 30% - 40% nữa nhé
    [​IMG]

    - Chúng ta để nó vào dưới 6 ô vuông nhé.
    [​IMG]

    Nguồn bài: Freepik.com
    Dịch: Không Gì Khó​

Từ khóa:

Ủng hộ diễn đàn