Hướng dẫn thiết kế banner bằng photoshop

Trong bài giới thiệu banner là gì, mình đã giúp bạn phác thảo về một banner, ý tưởng tạo một banner, thông điệp truyền tải trong banner là gì, còn trong bài này mình sẽ đi vào chi tiết cách thiết kế banner bằng photoshop.

Thiết kế banner bằng photoshop

Sau khi lên các ý tưởng, banner đã được bạn phác thảo, bây giờ là lúc tiến hành thiết kế banner bằng photoshop. Bạn hãy mở photoshop ra và tạo 1 file mới, lựa chọn kích thước phù hợp (kích thước này có thể xem trong bài banner là gì), chẳng hạn mình muốn tạo một banner và đặt vào vị trí này, mình sẽ phải tạo một banner có kích thước là 340 x 280

Bài viết trên vuanoidung: chất lượng dịch vụ là gì

thiết kế banner bằng photoshop

Để bạn dễ dàng liên tưởng thì trong toàn bộ quá trình hướng dẫn thiết banner bằng photoshop, mình sẽ thực hành trực tiếp việc thiết kế một banner cho website   vuanoidung.com 

Ý tưởng trong thiết kế banner bằng photoshop của mình

Mình đã lên ý tưởng cho chiếc banner này như sau:

  • Nó sẽ có kích thước 340 x 280
  • Sẽ được đặt bên phải của website nơi đó có 1 khoảng trống
  • Vị trí là ở cuối trang, tại sao không phải ở trên đầu? Theo mình nghĩ thì khi nằm ở cuối trang, cũng là lúc người xem đã đọc hết bài viết, giờ đây họ đang bắt đầu xem những thứ liên quan, việc đặt 1 banner ở vị trí này sẽ tạo ra 1 sự tò mò, khả năng lôi kéo họ kích vào xem sẽ rất cao
  • Mình sẽ tạo nội dung của banner về kiến thức marketing, kéo người đọc vào bài viết học seo.
  • Trên banner sẽ có màu chủ đạo là  màu đỏ  – một màu tạo ra sự đam mê, khám phá, kích thích hành động. Màu chữ sẽ là màu trắng để nổi trên nền đỏ
  • Có 1 vài hình ảnh liên quan đến đào tạo để người đọc dễ nhận biết thông điệp, sẽ nhớ lâu hơn về banner

Đó là ý tưởng của mình, bạn có đóng góp hay thắc mắc gì về ý tưởng này không? Hãy để lại bình luận ở cuối bài viết cho mình tham khảo nhé.

Bài viết khác trên vuanoidung: kiểm tra tốc độ đánh máy

Tiến hành thiết kế banner bằng photoshop

  1. Tạo file mới kích thước 340 x 280: File -> New sau đó nhập thông số
  2. Mở file ảnh background: Nhấn Ctrl + A, Ctrl + C rồi paste sang file banner. Sử dụng Ctrl + T để kéo cho vừa với khung ảnh
  3. Sử dụng công cụ Rectangular (phím tắt M) vẽ 1 vùng chọn ở phía dưới ảnh fill màu trắng (Ctrl + Backspace)
  4. Sử dụng eliptical vẽ các vùng chọn hình tròn cũng fill màu trắng
  5. Dùng công cụ Horizontal viết chữ lên và xóa chi tiết thừa
  6. Lưu ảnh với đuôi jpg
  7. Đây là kết quả cuối cùng của banner được thiết kế từ photoshop: thiết kế banner bằng photoshop, học marketing online

Nếu thực sự quan tâm đến lĩnh vực thiết kế banner trong marketing, bạn tham gia một khóa học photoshop, khi đó bạn sẽ được dạy thiết kế banner bằng photoshop bài bản và sẽ tự tay thiết kế được các tấm banner theo đúng ý của bạn.