6 วิธีในการสร้างเว็บแบนเนอร์

สารบัญ:

6 วิธีในการสร้างเว็บแบนเนอร์
6 วิธีในการสร้างเว็บแบนเนอร์
Anonim

คุณต้องคุ้นเคยกับเว็บแบนเนอร์ (เว็บแบนเนอร์) เนื้อหากราฟิกนี้โดยทั่วไปจะอยู่ด้านบนของเว็บไซต์และแสดงชื่อบริษัทและโลโก้ หรือในรูปแบบของโฆษณา-หรือทั้งสองอย่างรวมกันบนเว็บไซต์เชิงพาณิชย์ แบนเนอร์ควรให้ข้อมูล น่าสนใจ และเชิญชวน - แบนเนอร์ควรทำให้ผู้มาเยี่ยมเป็นประจำรู้สึกเหมือนอยู่บ้าน เราจะแสดงให้คุณเห็นหลายวิธีด้านล่างเพื่อสร้างแบนเนอร์

ขั้นตอน

วิธีที่ 1 จาก 6: Photoshop

ทำแบนเนอร์ขั้นตอนที่ 1
ทำแบนเนอร์ขั้นตอนที่ 1

ขั้นตอนที่ 1 สร้างเอกสารใหม่

ระบุขนาดแบนเนอร์ มีหลายขนาดมาตรฐานให้เลือก สำหรับวัตถุประสงค์ของบทความนี้ เราจะเน้นที่ขนาด "แบนเนอร์เต็ม" มาตรฐาน (468x60 พิกเซล)

หมายเหตุ: นี่เป็นขนาดแบนเนอร์มาตรฐาน แต่ไม่จำเป็น หากคุณต้องการขนาดอื่น ให้ใช้ขนาดนั้นเป็นแนวทาง

ทำแบนเนอร์ขั้นตอนที่ 2
ทำแบนเนอร์ขั้นตอนที่ 2

ขั้นตอนที่ 2 ตั้งค่าสีพื้นหลังแบนเนอร์

เติมเลเยอร์พื้นหลัง (aka layer) ด้วยสีที่รองรับการออกแบบเว็บไซต์ของคุณ

  • คลิก สีพื้นหน้า เพื่อเปิดตัวเลือกสี แล้วเลือกสีเติม
  • ด้วยเครื่องมือ Paint Bucket ให้เติมเลเยอร์พื้นหลังแบนเนอร์ด้วยสีที่คุณเลือก
ทำแบนเนอร์ขั้นตอนที่ 3
ทำแบนเนอร์ขั้นตอนที่ 3

ขั้นตอนที่ 3 สร้างเลเยอร์ใหม่

เราจะเติมเลเยอร์นี้ด้วยสีที่สมบูรณ์ยิ่งขึ้นเพื่อช่วยตกแต่งข้อความและโลโก้ให้สวยงาม ขนาดของเลเยอร์นี้ควรเป็นสัดส่วนกับขนาดของแบนเนอร์และอยู่ตรงกลาง

  • ในเลเยอร์ใหม่ ให้เลือกที่เล็กกว่าแบนเนอร์เดิมเล็กน้อย จากนั้นเติมสีที่ต้องการ
  • ตั้งศูนย์ให้เต็มพื้นที่ เลือกเลเยอร์ทั้งหมดโดยกด CTRL+A (PC) หรือ Command+A (Macintosh)
  • จากเมนู Layer เลือก Align Layers to Selection > Vertical Centers ทำซ้ำขั้นตอนนี้แต่เลือกศูนย์แนวนอน การดำเนินการนี้จะทำให้ชั้นคอนทราสต์อยู่ตรงกลางทั้งในแนวนอนและแนวตั้ง
ทำแบนเนอร์ขั้นตอนที่ 4
ทำแบนเนอร์ขั้นตอนที่ 4

ขั้นตอนที่ 4 เพิ่มโลโก้

เปิดไฟล์โลโก้ คัดลอก แล้ววางลงในเอกสารแบนเนอร์เพื่อให้ปรากฏเป็นเลเยอร์ใหม่ ปรับขนาดให้พอดีตามต้องการ กด CTRL+T บนพีซี หรือ Command+T บน Macintosh แล้วใช้ที่จับเพื่อปรับขนาดเอกสาร ใช้ปุ่ม Shift บนที่จับเพื่อปรับขนาดตามสัดส่วน

ทำแบนเนอร์ขั้นตอนที่ 5
ทำแบนเนอร์ขั้นตอนที่ 5

ขั้นตอนที่ 5. เพิ่มชื่อบริษัทหรือเว็บไซต์

เลือกเครื่องมือข้อความ เลือกแบบอักษร (หรือที่เรียกว่าแบบอักษร) ที่คุณต้องการ แล้วพิมพ์ข้อความลงไป หากจำเป็น ให้ปรับขนาดแบบอักษรตามที่อธิบายไว้ในขั้นตอนก่อนหน้า

ทำแบนเนอร์ขั้นตอนที่ 6
ทำแบนเนอร์ขั้นตอนที่ 6

ขั้นตอนที่ 6 เพิ่มองค์ประกอบพิเศษ

บางครั้งโลโก้และชื่อก็เพียงพอแล้ว แต่การเพิ่มเส้นและเครื่องประดับจะเพิ่มความน่าสนใจให้กับแบนเนอร์ สร้างเลเยอร์ใหม่เพื่อทำสิ่งนี้เพื่อไม่ให้การปรับเปลี่ยนของคุณไปยุ่งกับเลเยอร์อื่น

ทำแบนเนอร์ขั้นตอนที่7
ทำแบนเนอร์ขั้นตอนที่7

ขั้นตอนที่ 7. ทำความสะอาด

ปรับแต่งตำแหน่งของโลโก้และชื่อและองค์ประกอบเพิ่มเติม จากนั้นบันทึกแบนเนอร์

วิธีที่ 2 จาก 6: Microsoft Paint

ทำแบนเนอร์ขั้นตอนที่ 8
ทำแบนเนอร์ขั้นตอนที่ 8

ขั้นตอนที่ 1 สร้างเอกสารใหม่

ทำแบนเนอร์ขั้นตอนที่ 9
ทำแบนเนอร์ขั้นตอนที่ 9

ขั้นตอนที่ 2 วาดการเลือกขนาดแบนเนอร์

คุณสามารถสร้างขนาดใดก็ได้ตามต้องการ หรือคลิกที่นี่เพื่อดูขนาดแบนเนอร์มาตรฐาน

ทำแบนเนอร์ขั้นตอนที่ 10
ทำแบนเนอร์ขั้นตอนที่ 10

ขั้นตอนที่ 3 ในการสร้างพื้นหลังสี ใช้เครื่องมือถังสีเพื่อเติมแบนเนอร์ด้วยสีใดก็ได้ที่คุณชอบ

ใช้สีที่เข้ากับเว็บไซต์

ทำแบนเนอร์ ขั้นตอนที่ 11
ทำแบนเนอร์ ขั้นตอนที่ 11

ขั้นตอนที่ 4 เพิ่มรูปภาพ รูปภาพ และข้อความ

คลิกที่แท็บ วาง จากนั้นจากเมนู ให้เลือก วางจาก

ค้นหาภาพที่คุณชอบ จากนั้นคลิกปุ่มเปิด

ทำแบนเนอร์ขั้นตอนที่ 12
ทำแบนเนอร์ขั้นตอนที่ 12

ขั้นตอนที่ 5. ปรับขนาดภาพถ้าจำเป็น

คลิกแท็บปรับขนาด จากนั้นเลือก Pixels ปรับความสูงในแนวตั้งให้ตรงกับความสูงของแบนเนอร์

  • ย้ายรูปภาพเข้าที่
  • เพิ่มรูปภาพได้มากเท่าที่คุณต้องการ (และพอดี!)
ทำแบนเนอร์ ขั้นตอนที่ 13
ทำแบนเนอร์ ขั้นตอนที่ 13

ขั้นตอนที่ 6 เพิ่มชื่อ

ใช้เครื่องมือข้อความ (ปุ่ม A) เพื่อเพิ่มชื่อของคุณหรือข้อความอื่นๆ ที่คุณต้องการ

ทำแบนเนอร์ ขั้นตอนที่ 14
ทำแบนเนอร์ ขั้นตอนที่ 14

ขั้นตอนที่ 7 ครอบตัด (aka ครอบตัด) แบนเนอร์

ใช้เครื่องมือ Select และวาดกล่องรอบๆ แบนเนอร์ ตรวจสอบให้แน่ใจว่าตรงกับขนาดของผลลัพธ์สุดท้ายที่คุณต้องการ จากนั้นคลิกครอบตัด

ทำแบนเนอร์ ขั้นตอนที่ 15
ทำแบนเนอร์ ขั้นตอนที่ 15

ขั้นตอนที่ 8 เมื่อเสร็จแล้วให้บันทึก

วิธีที่ 3 จาก 6: การใช้ Microsoft PowerPoint

ทำแบนเนอร์ ขั้นตอนที่ 16
ทำแบนเนอร์ ขั้นตอนที่ 16

ขั้นตอนที่ 1 สร้างเอกสาร PowerPoint เปล่าใหม่

ปรับมุมมองเป็น 100%

ทำแบนเนอร์ขั้นตอนที่ 17
ทำแบนเนอร์ขั้นตอนที่ 17

ขั้นตอนที่ 2 วาดพื้นหลังแบนเนอร์

ใช้ขนาดแบนเนอร์มาตรฐาน หรือขนาดใดก็ได้ที่คุณต้องการ

  • คลิกแถบรูปร่าง จากนั้นเลือกสี่เหลี่ยมผืนผ้าพื้นฐาน
  • วาดขนาดที่ต้องการแล้วกรอกให้สุดใจ คุณสามารถใช้สีทึบ หรือจากเมนูสีเติม เลือก เติมเอฟเฟกต์ หรือคลิกปุ่ม ลักษณะด่วน และเลือกสีเติมที่กำหนดไว้ล่วงหน้า
ทำแบนเนอร์ ขั้นตอนที่ 18
ทำแบนเนอร์ ขั้นตอนที่ 18

ขั้นตอนที่ 3 เพิ่มรูปภาพหรือโลโก้

คุณสามารถเพิ่มรูปภาพ โลโก้ หรือรูปภาพอื่นๆ ลงในแบนเนอร์ได้ เราจะใช้ภาพตัดปะบางส่วนเป็นของตกแต่ง คลิกที่ปุ่มรูปภาพ และเลือกประเภทของรูปภาพที่คุณต้องการแทรก เพิ่มรูปภาพ ปรับขนาด แล้ววางบนแบนเนอร์

ทำแบนเนอร์ขั้นตอนที่ 19
ทำแบนเนอร์ขั้นตอนที่ 19

ขั้นตอนที่ 4 เพิ่มข้อความหรือองค์ประกอบอื่นๆ

ป้อนชื่อบริษัท สโลแกน หรือข้อมูลเสริมอื่นๆ สำหรับแบนเนอร์

ทำแบนเนอร์ขั้นตอนที่ 20
ทำแบนเนอร์ขั้นตอนที่ 20

ขั้นตอนที่ 5. เลือกแบนเนอร์

จากเมนูแก้ไข ให้เลือกเลือกทั้งหมดหรือพิมพ์ CTRL+A (PC) หรือ Command+A (Mac) สำคัญ: ตรวจสอบให้แน่ใจว่าแบนเนอร์ของคุณเป็นแบบที่คุณต้องการ และไม่มีอะไรอื่นอยู่บนสไลด์ (หรือที่รู้จักว่า สไลด์)!

คลิกขวาที่องค์ประกอบที่ไม่ใช่ข้อความในแบนเนอร์ จากนั้นเลือก บันทึกเป็นรูปภาพ…

ทำแบนเนอร์ ขั้นตอนที่ 21
ทำแบนเนอร์ ขั้นตอนที่ 21

ขั้นตอนที่ 6 บันทึกแบนเนอร์

เปิดและตรวจสอบว่าแบนเนอร์เป็นสิ่งที่คุณต้องการ จากนั้นใช้ตามต้องการ!

วิธีที่ 4 จาก 6: การใช้เครื่องสร้างแบนเนอร์ออนไลน์

ทำแบนเนอร์ขั้นตอนที่ 22
ทำแบนเนอร์ขั้นตอนที่ 22

ขั้นตอนที่ 1. เยี่ยมชมไซต์ใดไซต์หนึ่งต่อไปนี้:

BannersABC.com, Addesigner.com, mybannermaker.com เป็นต้น (ค้นหาอย่างอื่นใน Google) มีผู้ผลิตแบนเนอร์ออนไลน์มากมาย ใช้เวลาสักครู่เพื่อเปรียบเทียบคุณลักษณะต่างๆ แล้วเลือกคุณลักษณะที่เหมาะกับคุณ

ทำแบนเนอร์ ขั้นตอนที่ 23
ทำแบนเนอร์ ขั้นตอนที่ 23

ขั้นตอนที่ 2 เพิ่มข้อความและรูปภาพ

ทำตามคำแนะนำบนหน้าจอเพื่อสร้างแบนเนอร์ เว็บไซต์เหล่านี้มักจะมีงานศิลปะของตัวเองที่คุณสามารถเพิ่มลงในแบนเนอร์ได้ แต่คุณยังสามารถนำเข้ารูปภาพที่คุณสร้างขึ้นเองได้

ทำแบนเนอร์ขั้นตอนที่ 24
ทำแบนเนอร์ขั้นตอนที่ 24

ขั้นตอนที่ 3 สร้างแบนเนอร์

เมื่อเสร็จแล้ว โดยทั่วไปจะมีคุณลักษณะการส่งออกที่จะช่วยให้คุณระบุไดเร็กทอรีที่จะบันทึกแบนเนอร์พร้อมกับรูปแบบ (JPEG มักจะมีคุณภาพดี) ปฏิบัติตามคำแนะนำ บันทึก ดาวน์โหลด และใช้แบนเนอร์ตามต้องการ

วิธีที่ 5 จาก 6: การสร้างอวาตาร์ที่เหมาะสมกับแบนเนอร์

ทำแบนเนอร์ขั้นตอนที่ 25
ทำแบนเนอร์ขั้นตอนที่ 25

ขั้นตอนที่ 1 ขั้นตอนนี้เป็นทางเลือก

คุณสามารถสร้างอวาตาร์ที่ตรงกับแบนเนอร์ได้ หากคุณใช้ในฟอรัม

ทำแบนเนอร์ขั้นตอนที่ 26
ทำแบนเนอร์ขั้นตอนที่ 26

ขั้นตอนที่ 2 ใช้ตัวเลือกครอบตัด

คุณลักษณะนี้มีอยู่ในแอปพลิเคชันกราฟิกส่วนใหญ่ ตัดแบนเนอร์ให้มีขนาดเล็ก

หรือคุณสามารถออกแบบเวอร์ชันขนาดเล็กที่รวมองค์ประกอบต่างๆ ไว้ในแบนเนอร์ขนาดใหญ่ได้ อาจเป็นโลโก้ รูปภาพ หรือแค่ชื่อบริษัทก็ได้ ที่สำคัญคือให้ง่ายต่อการอ่าน

ทำแบนเนอร์ขั้นตอนที่ 27
ทำแบนเนอร์ขั้นตอนที่ 27

ขั้นตอนที่ 3 ขนาด Avatar ควรมีขนาดเล็ก

ขนาดเริ่มต้นคือ 48x48 พิกเซล

ทำแบนเนอร์ ขั้นตอนที่ 28
ทำแบนเนอร์ ขั้นตอนที่ 28

ขั้นตอนที่ 4. บันทึกอวตาร

วิธีที่ 6 จาก 6: การเพิ่มแบนเนอร์สำหรับลายเซ็นฟอรัม เว็บไซต์ ฯลฯ

ทำแบนเนอร์ขั้นตอนที่ 29
ทำแบนเนอร์ขั้นตอนที่ 29

ขั้นตอนที่ 1 สร้างบัญชี

ใช้ไซต์แบ่งปันรูปภาพ เช่น Photobucket, Flickr, Tumblr หรือสิ่งที่คล้ายกัน

หลังจากสร้างบัญชีแล้ว คุณสามารถอัปโหลดแบนเนอร์ รูปแทนตัว และรูปภาพอื่นๆ ไปยังเว็บไซต์ได้

ทำแบนเนอร์ขั้นตอนที่ 30
ทำแบนเนอร์ขั้นตอนที่ 30

ขั้นตอนที่ 2 รับรหัส

ใช้เครื่องมือแบ่งปันเพื่อรับโค้ด HTML เพื่อเพิ่มแบนเนอร์ของคุณลงในลายเซ็นของฟอรัม เว็บไซต์ หรืออะไรก็ตาม

เคล็ดลับ

  • ติดตั้งแบบอักษรหลายแบบในคอมพิวเตอร์ของคุณ
  • ฝึกเยอะๆ!
  • ดูตัวอย่างแบนเนอร์ในฟอรัมหรือที่อื่นๆ

คำเตือน

  • การทำแบนเนอร์ต้องใช้เวลาและความอดทน!
  • หากต้องการบันทึกแบนเนอร์ในสภาพที่ดีที่สุด ให้บันทึกในรูปแบบบิตแมป 24 บิต จากนั้นทำสำเนาเป็น JPEG และ-g.webp" />
  • ถ้าคุณใช้ PowerPoint เพื่อสร้างแบนเนอร์ ผลลัพธ์สุดท้ายอาจอยู่ในรูปแบบ EMF ซึ่ง Photobucket ไม่รองรับ ในการแปลงไฟล์ ตรวจสอบให้แน่ใจว่าคุณได้บันทึกรูปภาพ (ขั้นตอนที่ #9) ในรูปแบบ JPEG หรือ-g.webp" />