Hướng dẫn tự tạo Infographic trong Adobe Illustrator

Đô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

​

• 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)

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


- 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%


- 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


Bước 2: Đổ bóng cho 6 ô vuông ấy: Effect>Stylize>Drop Shadow


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.


- 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


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ố



Sau khi hoàn thành, ta có:


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





Sau khi có icon, chúng ta có:

5. Add Text
Dùng công cụ Text tool (T) để tạo nội dung của các bạn nhé.


Đế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é


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

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