Cách thiết kế banner

Sáng ra ngồi vào bàn check mail, nhận được mail của anh giai người Thổ Nhĩ Kỳ phụ trách mảng PR của trường quốc tế Horizon 

- Sang tháng 4 bọn tao  chuẩn bị cho khai trương địa điểm trường mới ở Hồ Tây, mày bố trí thời gian thiết kế làm cho bọn tao mấy cái banner - poster quảng cáo cho trường mới cái. 

- OK - ông gửi yêu cầu thiết kế về kích thước, nội dung & mấy cái ảnh đi rồi tôi làm - chốt thời gian bao giờ cần. 

- Whoai đây rồi check mail một đống yêu cầu gửi sang. 

- Ông làm cho tôi cái banner 940 x 120 trước nhé - cái này tôi gửi sang treo bên báo điện tử trước.

- OK được rồi.

mở máy xem cái banner cần gấp dữ liệu có gì nào: File text nội dung + 5 cái ảnh

1. Open Illustrator setup kích thước bản vẽ dùng cho web: 940 x 120px

Copy nội dung yêu cầu từ file Word vào bản vẽ - ngó xem 5 cái ảnh dùng được cái nào.

híc, có 2 cái ảnh phòng học thì ko dùng đc rồi - quảng cáo địa điểm cho trường mà

3 cái ảnh còn lại cái tối, cái sáng góc nọ góc kia - hầy dà cái có mặt tiền ngon sáng sủa là đc rồi - chốt luôn.

2. Ngó qua phần nội dung

Cân nhắc một lúc từ "save big - tiết kiệm lớn" và từ "new campus - cơ sở mới" -> chốt từ "Save Big" khách thích từ này hơn.

3. Xây dựng bố cục cho banner

Gỡ phần nội dung text trong Illustrator ra - thu nhỏ ảnh xoay vặn, keo text vào ra một chút một lúc, whây thôi được rồi nhìn cũng tạm ổn

ảnh một bên và tên trường một bên - cái khẩu hiệu cho vào giữa làm cái "catch eyes" bắt mắt cũng được - rồi chỉnh tiếp.

4. Xử lý hình ảnh

Để cả cái ảnh vào banner thì nó bé tí - vì chiều cao thì ngắn rộng thì vô tư ai mà nhìn được, nên phải phóng to và cúp (crop) ảnh

sao cho có khả năng nhìn được một số chi tiết. 

- Cái ảnh có các đường chéo rất hay tận dụng nó thì vừa có khoảng trắng đặt text mà hình dạng cũng khù khoằm trông cũng lạ

cho nó kết hợp với chữ Save Big luôn.

Big thì đương nhiên là phải to lớn rồi - phóng to tướng lên - xoay nó phù hợp với đường chéo của ảnh (sử dụng lệnh rotate) các chữ khác nhỏ thôi cho nó tương phản về kích thước. Hình ảnh thì có thể cùng Photoshop cắt lọng nó, để transparent đặt vào thì hay hơn - thôi nhưng gấp mà sử dụng lệnh path của Illustrator vẽ đường bao của nó rồi clipping mask vào là xong (clipping mask tương đương với lệnh Power clip trong Corel draw). Thế cũng ổn mà

5. Trình bày chữ

Sau khi lọng ảnh là có đất cho đặt từ new campust rồi - xử lý màu mè tí, cho thêm tí màu đỏ vào cho nổi

đến phần text bên kia banner

để text thưa thưa một chút cho dễ nhìn - sử dụng 1 loại font chữ nhưng khác họ thôi đừng có mỗi dòng một font là trăm hoa đua nở trông chuối lắm.

sử dụng chính xác logotype & và màu thương hiệu của trường.

6. Đổ màu nền, bóng đổ hoàn thiện thiết kế banner

Bổ sung dải màu tạo nền cho banner cho nó màu mè, lấy cái tông vàng của ảnh tòa nhà mà dùng là hợp lý cho nó tông xoạc tông.

chú ý phần địa chỉ một chút cho nó khác biệt, thêm chút bỏng dưới chân logotype cho nó có vẻ 3D.

Whoai xong rồi group tất vào đóng gói bàn giao thôi .

Bài viết hướng dẫn thiết kế banner của Zimia Printing Design - thiết kế cho khách hàng Horizon School.

Sử dụng phần mềm Illustrator.

Các bạn có thể xem clip thao tác thực hiện dưới đây

Clip thao tác cách thiết kế banner - phần 1

Clip thao tác cách thiết kế banner - phần 2

Zimia Printing Design