Adobe illustrator

Hướng dẫn tạo elements of infographics

Chia sẻ nhanh

Tại bài viết này, chúng tôi hướng dẫn các bạn tạo elements of infographics. Ứng dụng cho các elements of infographics cho web, banner, poster về graphic.

 

 

 

You can download the source vector file for this tutorial

 

 

 

Bước 1

Đầu tiên các bạn tạo 1 background. Vẽ 1 hình chữ nhật bằng Rectangle Tool (M), sau đó sử dụng radial gradient từ trắng sang xám giống như trong hình.

Dùng Rectangle Tool (M) để tạo 1 khối hình vuông hoặc chữ nhật để màu sắc tùy chọn,sau đó vào object  > Transform > Rotate và để Angle bằng 45 độ, hoặc đơn giản là giữ Shift để xoay.

Bước 2

Giữ Alt và di chuyển để nhân đôi đối tượng. Thay đổi kích thước hình mới bằng công cụ Selection Tool (V) và đổi màu.

Làm tương tự để có các đối tượng như trong hình.

Bước 3

Dùng Ctrl+R để làm các thanh gióng, việc tạo các thanh gióng giúp các bạn ko bị sai lệch về phương hướng khi tạo hình các khối.

Dùng Pen tool (P) để tạo ra các mặt của hình khối bằng cách nối các điểm của đối tượng vào giao điểm của 2 thanh gióng.

Dùng chế độ màu HSB để đổi màu và cho đối tượng vừa vẽ xuống dưới tạo cảm giác về không gian.

Làm tương tự như trên để tạo được các khối như trong hình.

Bước 4

Dùng selection tool (V) di chuyển các đối tượng cạnh các mặt của khối , giữ phím Shift khi di chuyển.

Làm tương tự với các phần còn lại bạn sẽ tạo được 1 cảm giác về không gian giống như trong hình.

Bước 5

Bây giờ đến phần tạo bóng. Các bạn copy đối tượng muốn tạo bóng bằng cách ấn Ctrl+C và Ctrl+F, sau đó dùng gradient chuyển từ trắng sang xám và để dạng Linear góc xoay là 45 độ

Dùng chế độ Multiply trong bảng Transparency để làm mất màu trắng.

Bước 6

Ngoài ra bạn có thể sử dụng cách khác bằng cách phối hợp các màu sáng tối. Để tìm hiểu cách làm như thế bạn sẽ thấy trong các bước tiếp theo.

 

Bước 7

Tạo ra bóng của đối tượng cạnh các mặt của khối như sau.

Dùng các kĩ thuật để tạo bóng giống như đã làm phía trên tạo ra 1 lớp bóng ở mặt dưới, sau đó nhân đôi lên và xoay các bạn sẽ có 1 hình vuông với bóng ở cả 2 cạnh.

Tất nhiên sẽ phải tùy chỉnh để có được 1 kết quả mong muốn, các bạn có thể sử dụng thanh trượt ở gradient để làm điểu này. Áp dụng các kĩ thuật này cho các thành phần khác.

Bước 8

Tạo thêm 1 lớp bóng bằng cách sử dụng Pen tool (P), dùng gradient dạng linear chuyển từ xám sang trắng và để Multiply.

Ở dưới các bạn tạo ra 1 hình tròn sử dụng gradient màu xám sang trắng để Multiply để tạo bóng phía dưới của hình.

Dùng Selection Tool (V) để biến dạng hình thành elip.

Các bạn có thể thêm text hoặc các icon dạng web để làm phong phú thêm cho đối tượng này.

Bình luận

TOP

Bạn đã sẵn sàng chuyển ý tưởng tuyệt vời
của bạn thành hiện thực?