Hướng dẫn thiết kế tờ rơi quảng cáo bằng Photoshop và Illustrator

Trong bài viết này, FPT Arena sẽ hướng dẫn bạn thiết kế tờ rơi quảng cáo bằng Photoshop và Illustrator. Hãy tham khảo nhé!

huong-dan-thiet-ke-to-roi-quang-cao-bang-photoshop-va-illustrator
Hướng dẫn thiết kế tờ rơi quảng cáo bằng Photoshop và Illustrator

1. Một số yêu cầu khi thiết kế tờ rơi quảng cáo

  • Tạo nội dung phù hợp dựa vào cấu trúc và kích thước tờ rơi
  • Nên thiết kế tờ rơi quảng cáo có nội dung ngắn gọn và dễ đọc
  • Ngôn ngữ dễ hiểu và thông dụng được ưu tiên khi thiết kế
  • Đảm bảo nội dung liền mạch, không lặp lại
  • Sử dụng hình ảnh chất lượng cao khi thiết kế tờ rơi quảng cáo
  • Lời kêu gọi hành động cần được đặc biệt chú ý khi thiết kế tờ rơi quảng cáo

2. Thiết kế tờ rơi quảng cáo bằng Photoshop

Các bước thiết kế tờ rơi quảng cáo bằng Photoshop:

2.1 Tạo File mới

Bước 1:

tao-file-moi
Tạo File mới

Bước 2: Tạo phần tràn lề ngang bằng cách sử dụng Move Tool (V) + các phím Shift chìa khóa 

Bước 3: Tạo phần tràn lề dọc bằng cách sử dụng Move Tool (V) + các phím Shift chìa khóa 

Tham khảo thêm

Sự khác nhau giữa Photoshop và Illustrator

 

2.2 Tạo nền

Bước 1: Tạo lớp mới bằng cách nhấn tổ hợp phím Shift + Ctrl + N 

Bước 2:  Tạo Gradient Overlay

  • Tại bảng Layer Style, chỉnh sửa Gradient
  • Location để 30%
  • Đổi thanh trượt màu đen sang màu vàng nhạt
  • Từ nút fx trong cửa sổ lớp, thêm lớp phủ Gradient 
  • Tùy chỉnh Gradient 
tao-gradient-overlay
Tạo Gradient Overlay

Bước 3: Tạo hình chữ nhật mới bằng công cụ Rectangle Tool (phím tắt U) 

Bước 4: Tùy chỉnh hình chữ nhật phía bên trái của tài liệu và thêm hình chữ nhật màu nâu sẫm (hình dưới)

Bước 5: Thêm điểm Neo ở cạnh dưới hình chữ nhật bằng công cụ Pen Tool (P) 

Bước 6: Dùng công cụ Direct Selection Tool để tạo ra đường cong Bezier 

Bước 7: Điều chỉnh hình chữ nhật về dạng hiển thị như hình dưới đây:

Bước 8: Tới File => đặt nhúng => chọn ảnh

Bước 9: Di chuyển hình ảnh bằng công cụ Move Tool (phím tắt V)

dat-hinh-anh-o-goc-tren
Đặt hình ảnh ở góc trên

 

Bước 10: Dùng công cụ Rectangle Tool (U) để tạo hình chữ nhật mới, chọn kích thước phù hợp 

Bước 11: Đặt các hình chữ nhật lên trên bức ảnh tại góc trái bằng công cụ Selection Tool 

Bước 12: Đến bảng Rectangle Tool => chọn Mask 

Bước 13: Dùng công cụ Pen để thêm điểm Neo vào mặt nạ và tạo đường cong Bezier bằng công cụ Direct Selection Tool 

Bước 14: Điều chỉnh mặt nạ bằng các công cụ có chức năng tương tự Pen và Direct Selection 

Bước 15: Đến Filter => Blur => Gaussian Blur

Bước 16: Thiết lập Radius đến 6

Bước 17: Smart Filters => Gradient Tool để phai mặt nạ từ trái sang phải 

de-phai-mat-na-tu-trai-sang-phai 
để phai mặt nạ từ trái sang phải

Bước 18: Tạo Layer Mask

Bước 19: Dùng công cụ Brush Tool (phím tắt B) để phai thang trên ảnh 

Bước 20: Tạo Brightness mới

Bước 21: Click vào biểu tượng mặt trời tại khung điều chỉnh 

Bước 22: Click chuột phải vào Layer điều chỉnh

Bước 22: Chọn Create Clipping Mask để thiết lập độ sáng mới 

Bước 23: Thiết lập màu Fill Brown 

Bước 24: Click chuột vào mặt nạ vector từ các lớp ảnh , giữ phím Alt và kéo mặt nạ màu nâu Fill Color 

Bước 25: Dùng công cụ Selection Tool để kéo điểm Neo phía trên bên góc phải

Bước 26: Dùng công cụ Brush Tool để thiết lập một số khu vực màu nâu 

Bước 27: Dùng công cụ Rectangle Tool để vẽ hình chữ nhật mới

Bước 28: Điền thông số 

Bước 29: Di chuyển hình chữ nhật màu nâu nhạt xuống dưới HCN màu nâu đậm 

Bước 30: Chỉnh hình chữ nhật bằng công cụ Pen Tool và Direct Selection 

chinh-hinh-chu-nhat
Chỉnh hình chữ nhật

 

2.3 Thêm Text và Logo

Bước 1: Tạo Ellipse Tool và thiết lập các thông số 

thiet-lap-cac-thong-so 
thiết lập các thông số

Bước 2: Thêm Drop Shadow, thiết lập Opacity 

Bước 3: Tạo Ellipse Tool và thiết lập thông số 

 Bước 4: Dùng một Drop Shadow và áp dụng nó vào các hình Elip 

Bước 5: Dùng Type Tool thêm văn bản mới 

them-van-ban-moi 
thêm văn bản mới

Bước 6: Lặp lại để thêm văn bản mới 

Bước 7: Dùng công cụ Type để thêm tiêu đề 

Bước 8: Tiếp tục dùng công cụ Type để thêm phụ đề 

Bước 9: Chọn 2 lớp văn bản => Giữ phím Alt và kéo để sao chép cả 2 dòng dưới 

Bước 10: Ghi lại các văn bản theo hình ảnh hiển thị bằng công cụ Type Tool 

Bước 11: File => Thêm Logo 

Bước 12: Kéo xuống biểu tượng vector ở góc bên phải

Bước 13: Layer Style => Thiết lập Opacity, khoảng cách và kích thước (hình dưới)

thiet-lap-opacity-khoang-cach-va-kich-thuoc
Thiết lập Opacity, khoảng cách và kích thước

2.4 Thêm ảnh 

Bước 1: Tạo Rectangle Tool 

tao-rectangle-tool 
Tạo Rectangle Tool

Bước 2: Dùng công cụ Direct Selection Tool để chọn hình dạng chữ nhật 

Bước 3: File và thực hiện như hình dưới đây:

Bước 4: Di chuyển nó vào trong hình chữ nhật 

Bước 5: Kích hoạt Rectangle Tool => chọn Mask 

chon-mask 
chọn Mask

Bước 6: Giữ phím Alt + Shift  và kéo ảnh để sao chép 

Bước 7: Đến tệp tin và chọn điểm nhúng 

Bước 8: Lấy mặt nạ từ ảnh trùng lặp và đặt nó vào trong ảnh mới 

Bước 9: Lặp lại bước 6 và 8 để thêm ảnh chụp bản đồ vào tờ rơi 

Bước 10: Chọn bản đồ và thêm Stroke 

Bước 11: Thiết lập thông số (hình dưới)

thiet-lap-thong-so
Thiết lập thông số

2.5 Thêm văn bản 

Bước 1: Dùng công cụ Type Tool => Xuất hiện cửa sổ mới => Thiết lập thông số (hình dưới)

thiet-lap-thong-so
Thiết lập thông số

Bước 2: Thêm dòng, điều chỉnh hàng và đổi màu 

Bước 3: Tạo khối mới của văn bản

Bước 4: File => Chọn icon.ai => xuất hiện cửa sổ mới => chọn biểu tượng lịch => OK

Bước 5: Đặt vào dòng đầu tiên (hình dưới)

dat-vao-dong-dau-tien
Đặt vào dòng đầu tiên

Bước 6: Thêm biểu tượng còn lại 

Bước 7: Kích hoạt công cụ Pen Tool => tạo hình dạng vector xác định hướng trên bản đồ 

Bước 8: Thiết lập Stroke trong bảng điều khiển 

Bước 9: Tạo Ellipse Tool để thiết lập bản đồ 

Bước 10: Kích hoạt Pen Tool => Giữ phím Alt và bấm vào các điểm neo

Bước 11: Thêm Dropshadow 

Bước 12: Tạo thêm Ellipse Tool  => Đặt Ellipse vào vị trí trung tâm (hình dưới)

dat-ellipse-vao-vi-tri-trung-tam
Đặt Ellipse vào vị trí trung tâm

3. Thiết kế tờ rơi quảng cáo bằng Illustrator

Các bước thiết kế tờ rơi quảng cáo bằng Illustrator:

Bước 1: Thiết kế tờ rơi quảng cáo có kích thước 20 x 29 (cm)

  • Tạo hình chữ nhật có kích thước 20 x 29 (cm) bằng công cụ Rectangle Tool (phím tắt M)
  • Vào Effect và chọn Crop Marks để tạo dấu Crop
  • Vào Object => Path => Offset Path để quy định thụt vào khoảng -5mm
tao-hinh-chu-nhat-bang-cong-cu-rectangle-tool
Tạo hình chữ nhật bằng công cụ Rectangle Tool

Bước 2: Vẽ hình Elip bằng công cụ Ellipse Tool (phím tắt L)

Bước 3: Nhấn phím Shift chọn hình chữ nhật và đường Elip

Bước 4: Chọn Pathfinder => Divide  

Bước 5: Click chuột phải vào hình và chọn Isolate Selected Group

Bước 6: Chọn các phần thừa ra bên ngoài và nhấn Delete 

Bước 7: Phần trên và dưới được tô màu khác nhau. Bạn nên bỏ viền, chỉ để màu Fill (hình dưới)

chi-de-mau-fill
chỉ để màu Fill

Bước 8: Chọn công cụ Direct selection tool (phím tắt A), click vào 1 điểm sau đó dùng mũi tên trên bàn phím di chuyển sang phải hoặc trái, dưới hoặc trên để đường Elip mềm mại hơn 

Bước 9: Sắp xếp các thành phần khác trên tờ rơi quảng cáo

  • Text 1: Gõ bình thường
  • Text 2: Gõ 1 dòng text vào và copy thêm 1 dòng
  • Hình mũi tên sử dụng Symbol: Windows => Symbol Libraries => Arrows để chọn hình mũi tên

Bước 10: Vẽ hình chữ nhật ở giữa

Chọn công cụ Polygon Tool => trở lại màn hình => click chuột và gõ số 3 (vẽ hình tam giác)

Bước 11: Nhấn phím Alt vào tâm

Bước 12: Xuất hiện công cụ xoay 90 độ, để tâm xoay tại góc bên trái (hình dưới)

de-tam-xoay-tai-goc-ben-trai
để tâm xoay tại góc bên trái

Bước 13: Nhấn Ctrl + C để copy thêm hình tam giác

Bước 14: Ctrl + F => Nhấn Shift + Alt để thu vào

Bước 15: Quét chọn cả 2 hình để cắt phần trên 

Bước 16: Copy thêm hình nữa và vẽ hình chữ nhật

Bước 17: Copy những hình khác và tô khác màu, ghi thêm text 

Bước 18: Chỉnh sửa lại, ghi thêm text và đưa hình sản phẩm vào

hoan-thien-thiet-ke-to-roi-quang-cao-bang-illustrator
Hoàn thiện thiết kế tờ rơi quảng cáo bằng Illustrator

Bài viết đã giúp bạn biết cách thiết kế tờ rơi quảng cáo. Nếu còn vấn đề gì muốn chia sẻ với FPT Arena, hãy để lại bình luận bên dưới bài viết. Đừng quên truy cập arena.fpt.edu.vn thường xuyên để không bỏ lỡ những bài chia sẻ khác nhé!

Viện Đào Tạo Quốc Tế FPT

FPT Arena Multimedia – https://arena.fpt.edu.vn

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Hỗ trợ Tư Vấn Tuyển Sinh