Hướng dẫn chi tiết thiết kế Voucher giảm giá

10678 lượt xem07/12/2016 Kiến thức, Kiến thức đồ họa
Mẹo nhỏ: Để tìm kiếm chính xác các ấn phẩm của GiuseArt.com, hãy search trên Google với cú pháp: "Từ khóa" + "giuseart". (Ví dụ: thiệp tân linh mục giuseart). Tìm kiếm ngay

Chào các bạn, đối với các bạn đang làm trong nghề thiết kế đồ họa, đặc biệt là lĩnh vực in ấn, chắc chắn đã hoặc sẽ trải qua công việc thiết kế Voucher rồi phải không? Trong bài viết này, mình muốn hướng dẫn các bạn mới học nghề thiết kế làm một mẫu Voucher đơn giản và hiệu quả trên phần mềm Adobe Illustrator nhé!

mockup

Voucher là gì?

Hiểu đơn giản, voucher là một miếng giấy nhỏ nhỏ xinh xinh, trong đó niêm yết các thông tin thương hiệu cũng như thông tin giảm giá các sản phẩm, mặt hàng của thương hiệu đó. Thường thì voucher sẽ được phát tặng vào các dịp đặc biệt của doanh nghiệp nhằm tri ân khách hàng hoặc kích thích sự tiêu dùng của họ.

Có nhiều loại voucher khác nhau. Bạn có thể gặp các voucher giảm giá theo phần trăm (%); các voucher giảm giá theo số tiền, voucher khuyến mại sản phẩm… Tuy nhiên, thông thường, voucher sẽ bao gồm những thông tin chính sau:

Thông tin cần đưa vào voucher

– Logo của doanh nghiệp: cái này chắc chắn phải đưa vào rồi. Logo thương hiệu là yếu tố đầu tiên chúng ta cần đưa vào bản thiết kế, để từ đó, chúng ta lựa chọn được màu chủ đạo cho voucher của mình.

– Màu sắc chủ đạo: như đã nói ở trên, bạn đừng đưa màu tùm lum vào voucher chỉ để thỏa mãn gu thẩm mỹ riêng của bạn. Ngược lại, bạn phải rất thận trọng trong việc sử dụng màu sắc. Nên sử dụng tối đa 2-3 màu, trong đó phải chứa màu sắc chủ đạo của logo.

– Hotline: Đây là yếu tố khá quan trọng và cần được làm nổi bật để khách hàng dễ dàng liên hệ trong trường hợp chưa hiểu rõ giá trị và cách thức sử dụng voucher.

– Địa chỉ website: Nếu doanh nghiệp của bạn có website riêng, chẳng lí do gì mà không đưa địa chỉ website của bạn vào voucher. Một lần tiếp xúc với địa chỉ website của bạn trên voucher, là bạn đã thành công cho một lần truyền thông về doanh nghiệp của bạn rồi.

– Thông tin khuyến mại: Yếu tố này cần được làm nổi bật nhất, thể hiện khách quan, rõ ràng, không mập mờ.

– Ngoài ra còn một số thông tin cần thiết khác như: hình ảnh trang trí, dấu hiệu nhận biết, thời hạn sử dụng, hướng dẫn sử dụng voucher,…)

Thực hành thiết kế Voucher

Tùy theo mục đích và nội dung thiết kế để bạn lựa chọn bố cục, màu sắc và kích thước voucher phù hợp. Trong trường hợp này, mình đang nhận một yêu cầu thiết kế voucher nhỏ nhắn, vừa bằng một chiếc card visit để khách hàng có thể bỏ ví dễ dàng.

Bước 1: Tạo file mới trên Adobe Illustrator

Mở phần mềm Adobe Illustrator, vào File > New để tạo file mới. Các bạn nên sử dụng các khổ giấy tiêu chuẩn để thiết kế nhé! Mình sẽ tạo một bản vẽ kích thước A4 (210x297mm), hệ màu CMYK và độ phân giải 300-450 dpi.

tạo file mới trong illustrator
Tạo file mới trong Illustrator

Bước 2: Thiết kế mặt trước Voucher

Trong giao diện làm việc của Illustrator, các bạn tạo một khối chữ nhật nền trắng để tạo background cho voucher. Trong trường hợp này, mình đang làm một voucher với kích thước 55x90mm.

tạo khung cho voucher

Đổ màu nền cho Voucher, mình đổ màu xanh (C65, M0, Y100, K0) như hình dưới:

lựa chọn thông số màu
Lựa chọn thông số màu

Vẽ dấu hiệu nhận biết của thương hiệu: Trong trường hợp của mình, mình đang làm voucher cho Kangaroo, dấu hiệu nhận biết của thương hiệu là màu xanh pha chút cam, vạt màu phía dưới cùng của voucher như hình dưới:

dau hieu nhan biet thuong hieu
Dấu hiệu nhận biết thương hiệu Kangaroo

Bước tiếp theo, mình sẽ chèn logo của và Hotline của Kangaroo vào voucher. Mình chọn bố cục canh giữa cho logo và hotline. Bên cạnh đó, mình cũng tận dụng vạt màu trắng phía dưới để chèn thêm địa chỉ website của thương hiệu (canh lề phải):

logo thuong hieu

Font chữ: Hotline đặt hàng: Font Myriad Pro (Bold Italic).

Font chữ: 1900.63.64.06: Font UTM Neutra

Như thế là chúng ta đã hoàn thành xong mặt trước của voucher rồi đấy. Theo kinh nghiệm của mình, không cần quá màu mè và nhiều họa tiết trang trí cho những ấn phẩm thiết kế có kích thước nhỏ như Voucher này. Do đó, mình sử dụng khoảng trống để bố cục được thoáng hơn.

Bước 3: Thiết kế mặt sau Voucher

Giữ nguyên dấu hiệu nhận biết của mặt trước ở phần trên, chúng ta sẽ sử dụng để tạo mặt sau cho Voucher bằng cách đảo màu cho các đối tượng trên, từ xanh thành trắng, và từ trắng thành xanh.

đổ màu nền

Vẽ một khối tròn màu cam có đường kính khoảng 4cm, xếp phù hợp ở góc voucher. Sau đó, chọn 2 đối tượng khối tròn và khung hình chữ nhật của voucher, vào Windows > Pathfinders> tùy chọn Devide để cắt hình. Nhấn chuột phải > Ungroupxóa các đối tượng thừa. Sau đó ta được như hình dưới:

voucher

Khối hình cam ở trên thực chất là làm để tạo khối nhìn cho voucher thú vị hơn thôi chứ không có gì đặc biệt cả. Các bạn có thể sử dụng các hình khối khác, pattern hoặc hoa văn…

Nhập nội dung cho voucher: Phần này mình sẽ nhập các nội dung được yêu cầu, trong đó bao gồm số tiền khuyến mãi, thời hạn sử dụng voucher cũng như lưu ý quan trọng…

ma giam gia

Các bạn có thể áp dụng phong cách thiết kế của mình để sắp xếp các thông tin sao cho phù hợp. Như hình trên, mình sử dụng font chữ UTM Neutra cho các thông tin cần làm nổi bật. Bên cạnh đó, sử dụng font Hevetica cho các thông tin phụ. Các thông tin sử dụng màu đen và 2 màu chủ đạo xanh + cam.

Thêm thông tin Hotline vào voucher: Khối tròn màu cam bên góc phải lúc nãy mình trang trí có khá nhiều khoảng trống. Do đó, mình tận dụng khoảng trống trong màu cam để chèn thêm Logo và hotline.

hotline

Như vậy, về cơ bản, mình đã hoàn thiện xong mặt sau của voucher rồi. Bước tiếp theo, chúng ta sẽ trang trí và lên mockup cho voucher để gửi khách duyệt nhé!

Bước 4: Tạo mockup cho voucher

Trong bài viết này, mình chỉ hướng dẫn các bạn làm mockup đơn giản thôi. Còn các mockup cầu kỳ, phức tạp thì có lẽ để bài khác nhé!

Đầu tiên, các bạn sắp xếp hai mặt của voucher thẳng hàng nhau như hình dưới:

voucher 2

Tạo một hình chữ nhật bao quanh 2 mặt của voucher, đổ gradient trắng xám.

mockup

Tiếp theo, các bạn dùng công cụ Pen tool (P) tạo 2 khối màu đen như hình dưới:

drop shadow

Sau khi có 2 khối đen rồi, các bạn chọn 2 đối tượng đó, vào Windows> Transparance > chọn Multiply, để Opacity khoảng 40%.

transparance

Sau đó, bạn chọn 2 đối tượng đó, vào Effects > Blur > Gaussian Blur, chọn thông số Blur khoảng 40%.

gaussian blur

Bước tiếp theo, bạn vẽ thêm 2 khối chữ nhật màu trắng có kích thước bằng đúng kích thước của voucher và lần lượt nằm trên cùng của voucher. Sau đó, group 2 đối tượng bóng và 2 khối chữ nhật lại với nhau.

gaussian blur

Bước cuối cùng, bạn cho group đó xuống dưới các đối tượng của voucher và sẽ được hiệu ứng bóng đổ nhé!

mockup

Lời kết

Như vậy, chúng ta đã thực hành xong thiết kế một mẫu Voucher đơn giản rồi phải không? Chúc các bạn luôn học tốt và làm tốt.

Chia sẻ bài viết:

Thông báo chính thức: NinhBinhWeb là thương hiệu chuyên thiết kế website, thành viên nhỏ xinh của GiuseArt, nếu bạn cần làm website, xem qua các mẫu website tại đây. Rất cám ơn bạn đã quan tâm, hy vọng có cơ hội được hợp tác với bạn!

Bài viết mới cập nhật:

Các sản phẩm phù hợp với nhà thiết kế đồ họa

Dưới đây là một số thiết bị phù hợp mình sưu tầm và đánh giá tích cực, bạn có thể tham khảo:

Bảng Vẽ Wacom Intuos S Wacom CTL- 4100

1.500.000đPhù hợp cho các bạn tập vẽ trên máy tính bằng bút wacom, hàng chính hãng rẻ đẹp và chất lượng tốt.
Xem chi tiết sản phẩm

Card đồ họa Máy tính AMD HD6770 (4G)

1.089.000đNâng cấp card đồ họa máy tính của bạn để máy chạy tác vụ nặng khỏe hơn, render hình ảnh thiết kế mượt hơn
Card tăng giá mạnh, giá này ngon

Giá Treo Màn Hình Máy Tính/ Tay Treo Màn Hình

355.000đArm treo màn hình máy tính xịn xò, cải tạo bàn làm việc của bạn trông gọn gàng và khoa học hơn nhiều
Nhận mã giảm giá 40%

Màn hình Xiaomi 27 inch 2K, màn hình 75hz

2.490.000đMàn hình xịn buộc phải có nếu muốn ngồi máy tính lâu không lo đau mắt, màn hình Xiaomi thì xịn khỏi bàn rồi, 2K xịn xò
Xem chi tiết sản phẩm

Giá đỡ màn hình Riser Bền với 4 USB

425.000đGiá đỡ trang trí màn hình máy tính, phù hợp cho các bạn decor góc làm việc trông hiện đại và gọn gàng hơn!
Xem chi tiết sản phẩm

MÀN HÌNH CŨ - Dell 24 + 27 Inch Full HD 2k UltrSharp

3.890.000đCon màn hình mình dùng 8 năm rồi vẫn xịn, màn UltraSharp của Dell thì khỏi phải bàn nhiều, ngồi 8 tiếng không đau mắt
Xem chi tiết sản phẩm

Đầu đọc thẻ nhớ đa năng: SD, TF, USB

55.000đCóp file qua lại giữa thẻ nhớ với máy tính rất tiện lợi, lúc nào mình cũng phải thủ sẵn sàng kẻo lúc có việc không thấy đâu
Giá rẻ chốt luôn

Sim 4G 1 Năm Data 500Gb/Tháng

500.000đDùng mạng nhiều nên đi ra ngoài không có mạng là không chịu được, mình sắm con sim chạy cả năm full 4G không lo gì
4G cả năm khỏi lăn tăn

Chuột không dây câm Logitech M331

369.000đMình đang dùng hằng ngày đây, chuột nhỏ mà có võ, và đặc biệt là nó im lặng, không kêu tạch tạch khi bấm!
Làm đêm phải sắm

Đồ gia dụng linh tinh nhưng hay

Dưới đây là một số đồ linh tinh mình đã từng sủ dụng và đánh giá tích cực, bạn có thể tham khảo:

Ly Giữ Nhiệt Iced Americano Inox 304 Đúc Liền Khối Cao Cấp Có Nắp Đậy Tặng ống hút inox

45.000đRa quán nét thấy họ hay xài về tìm mua bằng được, hàng xịn, bỏ đá đặt cạnh bàn làm việc từ sáng đến trưa vẫn y nguyên
Mua sản phẩm ngay

Gối tựa cổ cao cấp, tựa cổ, chống mỏi cổ mỏi lưng phù hợp cho các bạn ngồi nhiều

228.000đNGồi máy tính nhiều là cơ thể phản đối ngay, mình sắm gối tựa cổ về đỡ mỏi nhức hơn hẳn.
Xem sản phẩm

Máy Chiếu Mini Siêu Nét KAW K560 Siêu Rẻ, Full HD, Kết Nối Máy Tính, Điện Thoại

1.900.000đMình mua máy chiếu về chiếu lên trần nhà cho con xem lúc chuẩn bị đi ngủ, xem hoạt hình vui
Xem sản phẩm

Quạt Tích Điện Lồng Sắt SIEGIS Quạt Để Bàn 10 Cell 2 Cấp Độ Gió Siêu Mát Động Cơ Khoẻ Độ Bền Cao

225.000đNhà có máy khoan pin nên mua thân quạt này về chạy được luôn, mình mua về chuyên dùng khi đi vệ sinh, mùa hè nóng.
Xem sản phẩm

Sạc Dự Phòng Dung Lượng 20000mah Tích Hợp Sạc Từ Tính, Dây Sạc Đa Năng, Hỗ Trợ Sạc

468.000đSạc dự phòng thì nói chung mỗi người nên có một cái, lúc đi chơi hay bí bách đưa ra sạc rất tiện lợi, hàng xịn nha!
Mua ngay

Ốp điện thoại iphone hở táo 6D viền vuông kính bảo về camera iPhone

25.000đỐp điện thoại giá rẻ thì mua vài cái về thay đổi dần cho bõ côgn ship nha anh em, mình mới dặt 4-5 cái
Mua ngay

Mình mới tập làm vlog, có thể bạn cũng cần

Dưới đây là một số đồ làm vlog mình mới tham khảo và mua về sử dụng, thấy hay nên chia sẻ, các bạn có thể tham khảo:

Chân Quay Máy Ảnh Điện Thoại Tripod 360° - Hỗ Trợ Dùng Điện Thoại Máy Ảnh

249.000đMua cái chân quay về đề quay vlog, khỏi cần nhờ vợ cầm quay chút thì rung rung không dùng được!
Xem sản phẩm

Hộp Chống Ẩm Cho Máy Ảnh 10L + Hạt Hút Ẩm + Ẩm Kế + Khăn lau lens Full Combo

70.000đMua máy ảnh bắt buộc phải có tủ chống ẩm, tủ thì giá cao lắm nên mua tạm hộp chống ẩm, mùa Bắc nồm ẩm nhiều
Xem sản phẩm ngay

Camera Wifi Xoay 360 Độ Thông Minh Full HD 1080P, Hỗ Trợ Thẻ Nhớ, Đàm Thoại 2 Chiều, Báo

229.000đNhà mình mua 3-4 cái để mấy góc coi cả nhà và cả vườn, giá thì rẻ, đi đâu có kết nối wifi cũng xem được!
Giá rẻ nhất sàn

Máy quay cầm tay DJI Pocket 2, quay phim 4K, gimbal 360 độ quay trước sau

8.200.000đBắt đầu quay vlog thì mua con này rất ok, giá rẻ, mua cũ khoảng 4tr thôi, mua mới có bảo hành thì đắt hơn chút.
Nhận mã giảm giá 40%

Gimbal DJI Osmo Mobile SE, DJI Osmo Mobile 7, Osmo Mobile 8 - BH 1 năm - Chính Hãngg

1.899.000đGimbal dành riêng cho điện thoại, quay vlog không lo bị rung hoặc mất nét, hàng chính hãng DJI có bảo hành
Xem chi tiết

Vòng đeo cổ giá đỡ điện thoại hỗ trợ tháo nhanh bằng silicon cao cấp hít magsafe quay chụp video

299.000đCái này để kẹp điện thoại treo trước ngực quay video góc nhìn thức nhất trong lúc 2 tay bận không cầm được điện thaoị
Xem chi tiết

Bộ gối tựa xe hơi công thái học cao cấp, mềm mại êm ái, nâng tầm nội thất xe sang trọng, cá tính

650.000đĐi lại nhiều ngồi ô tô nhức mỏi lưng quá nên mình mua cái gối tựa lưng này, rất êm và thoáng mồ hôi.
Nhận mã giảm giá 20%

Bàn Làm Việc & Học Tập Gấp Gọn ICON ,Khay Đựng Ly, Thiết Kế Đa Năng Cho Laptop Và Sách Vở

98.000đThay đổi góc làm việc chỉ việc mở bàn này ra ngồi làm việc với laptop thì chuẩn bài
Xem sản phẩm

Bàn Làm Việc, Bàn Gaming Nội Thất Măng Chân Sắt nhiều phiên bản, mặt gỗ 1m2,1m, chắc chắn, bền đẹp

400.000đMình không nghĩ là giá lại rẻ thế, có 400K mà được bộ bàn đẹp, decor cũng hợp
Xem sản phẩm

Giới thiệu Host xịn cho anh em!