THIẾT KẾ ĐỒ HOẠ

NÂNG CAO
Ths. Trần Thanh Mau
ĐTDĐ: 0913852313
 TẠO BANNER QUẢNG CÁO
TRÊN ADOBE ILLUSTRATOR

Ths. Trần Thanh Mau

ĐTDĐ: 0913852313
 MỤC TIÊU BÀI HỌC
Giúp học viên biết cách thực hiện banner quảng cáo
sản phẩm trên Illustrator cho website.
Biết các sử dụng các công cụ: Vẽ hình, tô màu và tạo
kiểu chữ trong thiết kế.
Ứng dụng của banner: dùng trong in ấn và đăng trên
các website.
 NỘI DUNG BÀI HỌC
Font chữ: Font Myriad Pro,
Arial

Nguyên liệu (hình ảnh logo

và sản phẩm)
900 px

1200 px
 CÁC BƯỚC THỰC HIỆN

1 Tạo hình nền (background)

2 Đưa hình ảnh sản phẩm và logo đã được cung cấp vào banner

3 Tạo nội dung (text)

 1: TẠO HÌNH NỀN BANNER
1. Tạo hình chữ nhật làm hình nền:
Kích thước 1200 x 900 (pixel).
Dùng công cụ Gradient tô màu chuyển sắc xanh nhạt sang xanh đậm.
2. Tạo vệt sáng:
Vẽ 1 hình tam giác.
Dùng công cụ Rotate để xoay góc 15 độ.
Dùng phím Ctrl_D để sao chép.
Dùng phím Ctrl_G để nhóm tất cả các hình tam giác lại.
Dùng lệnh Effect ->Warp -> Twist ( xoắn vệt sáng)
Vẽ hình chữ nhật kích thước 1200 x 900 (pixel), dùng lệnh Make Clipping Mask để giới
hạn vệt sáng theo kích thước banner.
Cho Opacity : 15%.
THAO TÁC BƯỚC 1

KẾT QUẢ BƯỚC 1

THAO TÁC BƯỚC 1

KẾT QUẢ BƯỚC 1

 2: ĐƯA VÀO HÌNH SẢN PHẨM & LOGO
Dùng lệnh Place (File -> Place) để đưa hình sản
phẩm và logo đã được cung cấp vào banner.
Tùy chỉnh kích thước và vị trí phù hợp.
Tạo bóng đỗ
KẾT QUẢ SAU BƯỚC 2
 3: THÊM NỘI DUNG

3.1 Tạo text có nội dung “ƯU ĐÃI ĐẶC BIỆT”

3.2 Tạo text có nội dung “CHO HỌC SINH - VIÊN”
3.3 Tạo text có nội dung “35.000”
3.4 Tạo text có nội dung “COMBO: LATTE + 2 DONUT”
3.5 Tạo text có nội dung “65.000”
 3.1: TEXT “ƯU ĐÃI ĐẶC BIỆT”
Tạo text có nội dung “ƯU ĐÃI ĐẶC BIỆT”: Font Myriad Pro (Bold,
90pt)
Tô màu chữ (Fill): tô màu Gradient chuyển sắc vàng cam.
Thêm đường viền (Stroke): màu nâu đậm, chọn Stroke: 4px.
 3.2: TEXT “CHO HỌC SINH – SINH VIÊN”

Tạo text có nội dung “CHO HỌC SINH - SINH VIÊN”: Font Tahoma
(Regular, 34pt)
Tô màu chữ (Fill): màu nâu đậm.
 3.3: TEXT “35.000”
Tạo text 1 có nội dung “35.000”: Font Comic Sans Ms
(Regular, 120pt).Tô màu chữ (Fill) : màu trắng.
Tạo text 2 có nội dung “35.000”: Font Comic Sans Ms
(Regular, 115pt).Tô màu chữ (Fill) : màu hồng đỏ.
Đặt 2 text ở vị trí lệnh nhau.
 3.4: TEXT “COMBO: LATTE + 2 DONUT”

Tạo text có nội dung “COMBO: LATTE + 2 DONUT”: Font Tahoma

(Regular, 32pt)
Tô màu chữ (Fill): màu trắng.
 TÓM LƯỢC BÀI HỌC

1. Tạo hình nền banner

2. Đưa hình ảnh sản phẩm và logo
đã được cung cấp vào banner.
3. Tạo text nội dung.
 3.5: TEXT “65.000”

Tạo text có nội dung “65.000”: Font Tahoma (Bold, 36pt)

Tô màu chữ (Fill): màu hồng đỏ.
Thêm đường viền (Stroke): màu trắng, Stroke: 1pt.
Tạo đường line: màu hồng đỏ, theo kiểu gạch chéo, nằm
bên trên text.
KẾT QUẢ SAU BƯỚC 3
 HƯỚNG DẪN VỀ NHÀ

Về xem lại tài liệu, làm hết các bài tập đã cho
Làm lại banner trong bài học.
Tham khảo các banner quảng cáo ở các website
thương mại điện tử.
Rèn luyện phím tắt, thao tác nhanh.
CHÚC CÁC EM HỌC TẬP TỐT.

Giảng viên: Ths. Trần Thanh Mau

ĐTDĐ: 0913852313