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

10636 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: Ninh Bình Web (thuộc GiuseArt) không hợp tác với bất kỳ ai để bán giao diện Wordpress và cũng không bán ở bất kỳ kênh nào ngoại trừ Facebookzalo chính thức.

Chúng tôi chỉ support cho những khách hàng mua source code chính chủ. Tiền nào của nấy, khách hàng cân nhắc không nên ham rẻ để mua phải source code không rõ nguồn gốc và không có support về sau! Xin cám ơn!

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

Các khóa học thiết kế sáng tạo

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

Học Corel Draw chuyên nghiệp trong 7 ngày

299.000đPhù hợp cho các bạn học nghề quảng cáo, vì 80% các cơ sở in ấn quảng cáo vẫn dùng Corel Draw để thiết kế và xuất file in.
Nhận mã giảm giá 40% ngay

Logic Và Thực Hành Thiết Kế UI/UX

599.000đPhù hợp cho các bạn học thiết kế website, hiểu về logic và nguyên tắc thiết thiết kế để có giao diện website đẹp
Nhận mã giảm giá 40% - 15 slot cuối

Digital Painting Nhập Môn (Vẽ môi trường)

699.000đHọc Digital Painting là vẽ tranh trên máy tính, sử dụng chuột hoặc bảng vẽ điện tử. Học cái này rất hay, bán file vẽ tốt lắm
Nhận mã giảm giá 40%

Thiết kế Converpt nhân vật trên Photoshop

299.000đPhù hợp cho các bạn bắt đầu học thiết kế nhân vật, hoạt dộng trong lĩnh vực phim hoạt hình 2D hoặc 3D
Nhận mã giảm giá 40%

Adobe Illustrator CC từ cơ bản đến nâng cao

299.000đIllustrator buộc phải học nếu bạn muốn theo mảng thiết kế logo, in ấn khổ lớn xuất file vector không bị mờ
Nhận mã giảm giá 40%

Thiết kế Quảng Cáo bằng phần mềm CorelDraw

570.000đ90% các tiệm quảng cáo in ấn sử dụng Corel Draw, học phần mềm này để thiết kế và xuất file in biển quảng cáo
Nhận mã giảm giá 40%

Thiết kế ấn phẩm truyền thông, bao bì, tem, logo

299.000đ90% các tiệm quảng cáo in ấn sử dụng Corel Draw, học phần mềm này để thiết kế và xuất file in biển quảng cáo
Nhận mã giảm giá 40%

Chinh Phục Adobe Illustrator cùng Thùy Uyên Training

199.000đThùy Uyên là Designer khá nổi tiếng rồi, bạn search Google ra thông tin liền, đang giảm giá tới 40% khóa học nè bạn!
Nhận mã giảm giá 40%

Trở Thành Designer Chuyên Nghiệp

199.000đKhóa học trở thành Designer chuyên nghiệp, giúp bạn nắm bắt được các quy tắc màu sắc, quy chuẩn thiết kế cơ bản
Nhận mã giảm giá 40%

Các khóa học thiết kế website

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

Thành Thạo Thiết Kế Website Bất Động Sản Bằng WordPress

599.000đPhù hợp cho các bạn bán bất động sản, tự xây dựng một website bất động sản bằng wordpress với chi phí thấp
Nhận mã giảm giá 40% ngay

Thiết Kế Website Bằng WordPress Không Cần Biết Lập Trình

299.000đWordpress là một hệ quản trị nội dung phổ biến, 80% các website đang sử dụng wordpress, nên học nha bạn
Nhận mã giảm giá 40%

Thiết Kế Website Bán Hàng Và Website Tin Tức Wordpress A-Z Nâng Cao

1.900.000đNguyễn Văn Thế là một lập trình viên có tiếng trong giới thiết kế website, khóa học dễ hiểu và giá trị cao
Nhận mã giảm giá 40%

Thiết Kế Website Wordpress Chuẩn SEO Lên TOP Google

499.000đHọc thiết kế website chuẩn SEO đưa từ khóa lên TOP của Google để bán hàng là hướng đi cần thiết
Nhận mã giảm giá 40%

Thiết Kế Website Bán Hàng Chuyên Nghiệp, Chuẩn SEO Cho Người Mới

299.000đNgười mới chưa biết code có thể học khóa này để dựng website kéo thả trực quan
Nhận mã giảm giá 40%

Các khóa học marketing bán hàng

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

Ứng Dụng AI Phát Triển Bản Thân Không Giới Hạn

199.000đTìm hiểu các công cụ AI hỗ trợ công việc tốt nhất hiện nay, giúp phát triển bản thân, nhân đôi năng suất và thu nhập
Nhận mã giảm giá 40% ngay

Ứng dụng AI và Chatgpt Xây dựng thương hiệu và maketing BĐS

599.000đKhóa học ứng dụng AI để xây dựng thương hiệu và Marketing lĩnh vực Bất động sản rất hay bạn nên học
Nhận mã giảm giá 40%

Kiếm tiền youtube bằng tạo bài hát với Suno AI

299.000đAI Suno giúp bạn tạo một bài hát chỉ với câu lệnh ngôn ngữ tự nhiên, sau đó tạo kênh youtube kiếm tiền
Nhận mã giảm giá 40%

Facebook Coaching - Tự Học Chạy Quảng Cáo Chuyên Nghiệp

399.000đHọc chạy Facebook Ads về bán hàng cũng rất hiệu quả, mục tiêu học để tối ưu chi phí trên tiền quảng cáo
Nhận mã giảm giá 40%

Khóa Học Youtube AI - Thu nhập 1000$ mỗi tháng

198.000đXây kênh youtube và làm nội dung với Ai, thu hút khách xem và kiếm tiền từ Youtube không thể dễ dàng hơn
Nhận mã giảm giá 40%

Thực Chiến Làm Video Reels Facebook Triệu View & Kiếm Tiền

198.000đXây dựng fanpage hoặc trang cá nhân, bật kiếm tiền, dưng video Reels sau đó kiếm tiền với Facebook dễ dàng
Nhận mã giảm giá 40%

Khóa Học Bán Hàng Shopee Từ A-Z: Bí Mật Nghìn Đơn Dễ Dàng

399.000đKhóa học bán hàng trên Shopee từ A-Z, bí quyết của những shop vận hành cả nghìn đơn mỗi tháng
Nhận mã giảm giá 40%

Định Hướng Xây Kênh TikTok - làm video ngắn và kinh doanh

399.000đĐịnh hướng xây kênh TikTok cho các bạn, hướng dẫn làm video ngắn và kinh doanh trên nền tảng TikTok
Nhận mã giảm giá 40%

Youtube MasterClass - Tất tần tật bạn cần biết về cách xây dựng 1 kênh Youtube triệu views

399.000đKinh nghiệm của các chuyên gia để xây dựng một kênh Youtube triệu view kiếm tiền rất dễ
Nhận mã giảm giá 40%