6 cách tạo biểu ngữ web

Mục lục:

6 cách tạo biểu ngữ web
6 cách tạo biểu ngữ web
Anonim

Chắc hẳn bạn đã quen thuộc với các biểu ngữ trên web (web banner). Tài liệu đồ họa này thường nằm trên đầu trang web và hiển thị tên và biểu tượng của công ty, hoặc dưới dạng quảng cáo - hoặc kết hợp cả hai, trên một trang web thương mại. Biểu ngữ phải mang tính thông tin, hấp dẫn và mời gọi - Biểu ngữ phải làm cho khách truy cập thường xuyên cảm thấy như ở nhà. Chúng tôi sẽ chỉ cho bạn một số cách dưới đây để tạo biểu ngữ.

Bươc chân

Phương pháp 1/6: Photoshop

Tạo biểu ngữ Bước 1
Tạo biểu ngữ Bước 1

Bước 1. Tạo một tài liệu mới

Chỉ định kích thước của biểu ngữ, một số kích thước biểu ngữ tiêu chuẩn có sẵn. Với mục đích của bài viết này, chúng tôi sẽ tập trung vào kích thước "biểu ngữ đầy đủ" tiêu chuẩn (468x60 pixel).

Lưu ý: đây là kích thước banner tiêu chuẩn, nhưng không bắt buộc. Nếu bạn muốn một kích thước khác, hãy sử dụng kích thước đó làm hướng dẫn

Tạo biểu ngữ Bước 2
Tạo biểu ngữ Bước 2

Bước 2. Đặt màu nền biểu ngữ

Tô màu cho lớp nền (hay còn gọi là lớp) bằng màu hỗ trợ thiết kế trang web của bạn.

  • Nhấp vào Màu nền trước để mở Bộ chọn màu, sau đó chọn màu tô.
  • Với công cụ Paint Bucket, hãy tô màu cho lớp nền biểu ngữ bằng màu bạn chọn.
Tạo biểu ngữ Bước 3
Tạo biểu ngữ Bước 3

Bước 3. Tạo một lớp mới

Chúng ta sẽ tô lớp này bằng màu đậm hơn để giúp làm đẹp văn bản và logo. Kích thước của lớp này phải tỷ lệ với kích thước của biểu ngữ và được căn giữa.

  • Trên một lớp mới, hãy tạo vùng chọn nhỏ hơn một chút so với biểu ngữ gốc, sau đó tô nó bằng màu mong muốn.
  • Căn giữa khu vực đã lấp đầy. Chọn toàn bộ lớp bằng cách nhấn CTRL + A (PC) hoặc Command + A (Macintosh).
  • Từ menu Lớp, chọn Căn chỉnh Lớp thành Vùng chọn> Trung tâm Dọc. Lặp lại bước này nhưng chọn Trung tâm ngang. Hành động này sẽ căn giữa lớp tương phản theo cả chiều ngang và chiều dọc.
Tạo biểu ngữ Bước 4
Tạo biểu ngữ Bước 4

Bước 4. Thêm logo

Mở tệp biểu trưng, sao chép và sau đó dán vào tài liệu biểu ngữ để nó xuất hiện dưới dạng một lớp mới. Thay đổi kích thước nó để phù hợp khi cần thiết. Nhấn CTRL + T trên PC hoặc Command + T trên Macintosh và sử dụng tay cầm để thay đổi kích thước tài liệu. Sử dụng phím Shift trên tay cầm để thay đổi kích thước tương ứng.

Tạo biểu ngữ Bước 5
Tạo biểu ngữ Bước 5

Bước 5. Thêm tên của công ty hoặc trang web

Chọn công cụ văn bản, chọn phông chữ (hay còn gọi là phông chữ) bạn muốn, rồi nhập văn bản vào đó. Nếu cần, hãy điều chỉnh kích thước phông chữ, như được mô tả trong bước trước.

Tạo biểu ngữ Bước 6
Tạo biểu ngữ Bước 6

Bước 6. Thêm các yếu tố phụ

Đôi khi chỉ cần một logo và tên là đủ. Nhưng thêm một số dòng và đồ trang trí sẽ tạo thêm sự thú vị cho biểu ngữ. Tạo một lớp mới để thực hiện việc này để các điều chỉnh của bạn không ảnh hưởng đến các lớp khác.

Tạo biểu ngữ Bước 7
Tạo biểu ngữ Bước 7

Bước 7. Làm sạch

Tinh chỉnh vị trí của biểu trưng và tiêu đề và bất kỳ yếu tố bổ sung nào, sau đó lưu biểu ngữ.

Phương pháp 2/6: Microsoft Paint

Tạo biểu ngữ Bước 8
Tạo biểu ngữ Bước 8

Bước 1. Tạo một tài liệu mới

Tạo biểu ngữ Bước 9
Tạo biểu ngữ Bước 9

Bước 2. Vẽ vùng chọn có kích thước biểu ngữ

Bạn có thể tạo bất kỳ kích thước nào bạn muốn hoặc nhấp vào đây để xem các kích thước banner tiêu chuẩn.

Tạo biểu ngữ Bước 10
Tạo biểu ngữ Bước 10

Bước 3. Để tạo nền màu, hãy sử dụng công cụ thùng sơn để tô biểu ngữ với bất kỳ màu nào bạn thích

Sử dụng màu sắc phù hợp với trang web.

Tạo biểu ngữ Bước 11
Tạo biểu ngữ Bước 11

Bước 4. Thêm ảnh, hình ảnh và văn bản

Bấm vào tab Dán, sau đó từ menu, chọn Dán từ.

Tìm một hình ảnh bạn thích, sau đó nhấp vào nút Mở

Tạo biểu ngữ Bước 12
Tạo biểu ngữ Bước 12

Bước 5. Thay đổi kích thước hình ảnh nếu cần

Bấm vào tab Thay đổi kích thước, sau đó chọn Điểm ảnh. Điều chỉnh chiều cao dọc của nó để phù hợp với chiều cao của biểu ngữ.

  • Di chuyển hình ảnh vào vị trí.
  • Thêm bao nhiêu hình ảnh tùy thích (và phù hợp!)
Tạo biểu ngữ Bước 13
Tạo biểu ngữ Bước 13

Bước 6. Thêm tên

Sử dụng công cụ Văn bản (nút A) để thêm tên của bạn hoặc bất kỳ văn bản nào khác mà bạn muốn.

Tạo biểu ngữ Bước 14
Tạo biểu ngữ Bước 14

Bước 7. Cắt (hay còn gọi là cắt) banner

Sử dụng công cụ Chọn và vẽ một hộp xung quanh biểu ngữ. Đảm bảo rằng nó phù hợp với kích thước của kết quả cuối cùng mà bạn muốn. Sau đó nhấp vào Cắt.

Tạo biểu ngữ Bước 15
Tạo biểu ngữ Bước 15

Bước 8. Sau khi hoàn tất, hãy lưu lại

Phương pháp 3/6: Sử dụng Microsoft PowerPoint

Tạo biểu ngữ Bước 16
Tạo biểu ngữ Bước 16

Bước 1. Tạo một tài liệu PowerPoint mới, trống

Điều chỉnh chế độ xem thành 100%

Tạo biểu ngữ Bước 17
Tạo biểu ngữ Bước 17

Bước 2. Vẽ nền biểu ngữ

Sử dụng một trong các kích thước biểu ngữ tiêu chuẩn hoặc bất kỳ kích thước nào bạn cần.

  • Bấm vào tab Hình dạng, sau đó chọn một hình chữ nhật cơ bản.
  • Vẽ kích thước bạn muốn, sau đó điền nó vào nội dung trái tim của bạn. Bạn có thể sử dụng một màu đồng nhất hoặc từ menu màu tô, chọn Hiệu ứng tô màu, hoặc nhấp vào nút Kiểu nhanh và chọn màu tô đặt trước.
Tạo biểu ngữ Bước 18
Tạo biểu ngữ Bước 18

Bước 3. Thêm hình ảnh hoặc logo

Bạn có thể thêm ảnh, biểu trưng hoặc hình ảnh khác vào biểu ngữ. Chúng tôi sẽ sử dụng một số clip nghệ thuật làm trang trí. Nhấp vào nút Hình ảnh và chọn loại hình ảnh bạn muốn chèn. Thêm hình ảnh, thay đổi kích thước, sau đó đặt nó trên biểu ngữ.

Tạo biểu ngữ Bước 19
Tạo biểu ngữ Bước 19

Bước 4. Thêm văn bản hoặc các yếu tố khác

Nhập tên công ty, khẩu hiệu hoặc thông tin bổ sung khác cho biểu ngữ.

Tạo biểu ngữ Bước 20
Tạo biểu ngữ Bước 20

Bước 5. Chọn biểu ngữ

Từ menu Chỉnh sửa, chọn Chọn Tất cả hoặc nhập CTRL + A (PC) hoặc Command + A (Mac). Quan trọng: hãy đảm bảo rằng biểu ngữ của bạn chính xác như cách bạn muốn và không có gì khác trên trang trình bày (hay còn gọi là trang trình bày)!

Nhấp chuột phải vào bất kỳ thành phần không phải văn bản nào trong biểu ngữ, sau đó chọn Lưu dưới dạng ảnh…

Tạo biểu ngữ Bước 21
Tạo biểu ngữ Bước 21

Bước 6. Lưu biểu ngữ

Mở nó và kiểm tra xem biểu ngữ có chính xác như những gì bạn muốn không, sau đó sử dụng nó khi cần thiết!

Phương pháp 4/6: Sử dụng Trình tạo biểu ngữ trực tuyến

Tạo biểu ngữ Bước 22
Tạo biểu ngữ Bước 22

Bước 1. Truy cập một trong các trang web sau:

BannersABC.com, Addesigner.com, mybannermaker.com, v.v. (Tìm kiếm bất kỳ thứ gì khác trên Google). Có rất nhiều nhà sản xuất banner trực tuyến. Hãy dành vài phút để so sánh các tính năng khác nhau, sau đó chọn tính năng phù hợp với bạn.

Tạo biểu ngữ Bước 23
Tạo biểu ngữ Bước 23

Bước 2. Thêm văn bản và hình ảnh

Làm theo hướng dẫn trên màn hình và hướng dẫn để tạo biểu ngữ. Các trang web này thường cung cấp tác phẩm nghệ thuật của riêng họ mà bạn có thể thêm vào biểu ngữ, nhưng bạn cũng có thể nhập hình ảnh do chính bạn sáng tạo.

Tạo biểu ngữ Bước 24
Tạo biểu ngữ Bước 24

Bước 3. Tạo biểu ngữ

Sau khi hoàn tất, thường sẽ có một tính năng xuất cho phép bạn chỉ định thư mục nơi banner sẽ được lưu, cùng với định dạng (JPEG thường có chất lượng tốt). Làm theo lời nhắc, lưu, tải xuống và sử dụng biểu ngữ khi cần.

Phương pháp 5/6: Tạo hình đại diện phù hợp với biểu ngữ

Tạo biểu ngữ Bước 25
Tạo biểu ngữ Bước 25

Bước 1. Bước này là tùy chọn

Bạn có thể tạo một hình đại diện phù hợp với biểu ngữ, nếu bạn sử dụng nó trong các diễn đàn.

Tạo biểu ngữ Bước 26
Tạo biểu ngữ Bước 26

Bước 2. Sử dụng tùy chọn Crop

Tính năng này có sẵn trong hầu hết các ứng dụng đồ họa. Cắt biểu ngữ thành kích thước nhỏ.

Ngoài ra, bạn có thể thiết kế một phiên bản nhỏ kết hợp các yếu tố trên một biểu ngữ lớn. Nó có thể là một logo, một hình ảnh, hoặc chỉ một tên công ty. Điều quan trọng là giữ cho nó dễ đọc

Tạo biểu ngữ Bước 27
Tạo biểu ngữ Bước 27

Bước 3. Kích thước ảnh đại diện nên nhỏ

Kích thước mặc định là 48x48 pixel.

Tạo biểu ngữ Bước 28
Tạo biểu ngữ Bước 28

Bước 4. Lưu ảnh đại diện

Phương pháp 6/6: Thêm biểu ngữ cho chữ ký diễn đàn, trang web, v.v

Tạo biểu ngữ Bước 29
Tạo biểu ngữ Bước 29

Bước 1. Tạo tài khoản

Sử dụng trang web chia sẻ ảnh như Photobucket, Flickr, Tumblr hoặc tương tự.

Sau khi tạo tài khoản, bạn có thể tải biểu ngữ, ảnh đại diện và các hình ảnh khác lên trang web

Tạo biểu ngữ Bước 30
Tạo biểu ngữ Bước 30

Bước 2. Nhận mã

Sử dụng công cụ chia sẻ để lấy mã HTML để thêm biểu ngữ của bạn vào chữ ký diễn đàn, trang web hoặc bất cứ thứ gì.

Lời khuyên

  • Cài đặt nhiều phông chữ trên máy tính của bạn.
  • Tập luyện nhiều!
  • Xem các biểu ngữ mẫu trên diễn đàn hoặc những nơi khác.

Cảnh báo

  • Làm băng rôn cần thời gian và sự kiên nhẫn!
  • Để lưu biểu ngữ ở điều kiện tốt nhất có thể, hãy lưu nó ở định dạng bitmap 24 bit, sau đó tạo một bản sao của nó ở dạng JPEG và GIF, vì JPEG và-g.webp" />
  • Nếu bạn sử dụng PowerPoint để tạo biểu ngữ, kết quả cuối cùng có thể ở định dạng EMF mà Photobucket không hỗ trợ. Để chuyển đổi nó, hãy đảm bảo bạn lưu hình ảnh (bước # 9) ở định dạng JPEG hoặc GIF. Cả hai định dạng này đều có thể được hỗ trợ bởi Photobucket.

Đề xuất: