Ad Banner Design with Photoshop
หลักสูตร Ad Banner Design with Photoshop เป็นการอบรมออกแบบแบนเนอร์โฆษณาด้วย Photoshop ตั้งแต่จัดภาพ ข้อความ และปุ่ม CTA ตั้งไฟล์หลายขนาดด้วย Artboard จนถึงทำแบนเนอร์เคลื่อนไหวและส่งออก GIF กับ MP4 เหมาะกับทีมการตลาด แอดมินเพจ และเจ้าของธุรกิจที่เคยใช้ Photoshop จบแล้วได้ชุดแบนเนอร์แคมเปญของตนเอง
- ระยะเวลา6 ชั่วโมง · 1 วัน
- รูปแบบออนไซต์ / ออนไลน์สด
- รอบถัดไปเปิดตามคำขอ
- ใบรับรองมี Certificate
ภาพรวมหลักสูตร
แบนเนอร์โฆษณาเป็นงานที่ทีมการตลาดและเจ้าของธุรกิจต้องทำแทบทุกสัปดาห์ ทั้งแบนเนอร์หน้าเว็บ โฆษณาบนโซเชียล ภาพ Stories และโปรโมชันในแชต แต่ละช่องทางต้องการขนาดและสัดส่วนต่างกัน ข้อความต้องอ่านออกบนจอมือถือ และไฟล์ต้องเล็กพอให้โหลดเร็ว งานที่ทำทีละไฟล์จึงกินเวลาและหน้าตาไม่เป็นชุดเดียวกัน
หลักสูตรนี้ใช้ Photoshop 2026 ออกแบบแบนเนอร์ตั้งแต่หลักการจัดลำดับความสำคัญของภาพ ข้อความ และปุ่ม CTA ตั้งไฟล์หลายขนาดด้วย Artboard เตรียมภาพสินค้าด้วย Select Subject, Remove Tool และ Generative Expand แล้วปรับงานชุดเดียวให้ครบทุกขนาดด้วย Smart Object จากนั้นสร้างแบนเนอร์เคลื่อนไหวด้วย Frame Animation และ Video Timeline ส่งออกเป็น GIF และ MP4 พร้อมคุมขนาดไฟล์ ปิดท้ายด้วย Workshop ชุดแบนเนอร์แคมเปญครบทุกช่องทาง (อบรม 1 วัน 6 ชั่วโมง ระดับ Beginner - Intermediate)
สิ่งที่คุณจะได้รับ
- จัดลำดับความสำคัญของภาพ ข้อความ และปุ่ม CTA ให้แบนเนอร์สื่อสารได้ในไม่กี่วินาที
- ตั้งไฟล์แบนเนอร์หลายขนาดสำหรับเว็บ โซเชียล และมือถือด้วย Artboard
- เตรียมภาพสินค้าและฉากหลังด้วยเครื่องมือเลือกภาพ Remove Tool และ Generative AI
- ปรับงานชุดเดียวให้ครบทุกขนาดอย่างรวดเร็วด้วย Smart Object และ Creative Cloud Libraries
- สร้างแบนเนอร์เคลื่อนไหวด้วย Frame Animation และ Video Timeline
- ส่งออก GIF, MP4, JPEG และ PNG ให้ได้คุณภาพดีและขนาดไฟล์เหมาะกับแพลตฟอร์ม
หลักสูตรนี้เหมาะสำหรับ
- ทีมการตลาดและแอดมินเพจที่ต้องทำแบนเนอร์และภาพโฆษณาเป็นประจำ
- เจ้าของธุรกิจและร้านค้าออนไลน์ที่อยากทำภาพโปรโมชันเอง
- ผู้ดูแลเว็บไซต์ที่ต้องเปลี่ยนแบนเนอร์หน้าเว็บตามแคมเปญ
- ผู้ที่เคยใช้ Photoshop พื้นฐานและต้องการต่อยอดเป็นงานโฆษณา
พื้นฐานของผู้เข้าอบรม
- ใช้ระบบปฏิบัติการ Windows หรือ macOS ได้
- เคยใช้ Photoshop มาบ้าง เช่น Layer, การเลือกพื้นที่ และการพิมพ์ข้อความ
- ไม่จำเป็นต้องมีพื้นฐานด้านการออกแบบมาก่อน
- โน้ตบุ๊กที่ติดตั้ง Adobe Photoshop จาก Creative Cloud ของผู้เรียน หรือรุ่นทดลองใช้
หัวข้อการฝึกอบรม
รายละเอียดหลักสูตร
หลักสูตรนี้เป็นฉบับปรับปรุงใหม่ปี 2026 ของหลักสูตรสร้างแบนเนอร์โฆษณาด้วย Photoshop CC อบรม 1 วัน 6 ชั่วโมง (09:00-16:00 น.) รูปแบบบรรยายพร้อม Lab และ Workshop ระดับ Beginner - Intermediate สำหรับผู้ที่เคยใช้ Photoshop มาบ้าง เนื้อหาเขียนใหม่สำหรับ Photoshop 2026 ใน Creative Cloud เน้นงานแบนเนอร์โดยเฉพาะ ต่อยอดจากหลักสูตร Adobe Photoshop 2026 Basic to Intermediate ด้วย Artboard หลายขนาด Smart Object, Creative Cloud Libraries, Generative Expand, Frame Animation, Video Timeline และการส่งออก GIF กับ MP4 ผู้เรียนใช้ Photoshop จาก Creative Cloud ของตนเองหรือรุ่นทดลองใช้ และจะได้เอกสารประกอบการอบรม Template ขนาดแบนเนอร์ และไฟล์ผลงาน Workshop กลับไปใช้งานต่อ
Day 1: ออกแบบแบนเนอร์โฆษณาภาพนิ่งและภาพเคลื่อนไหว
Section 1 หลักการออกแบบแบนเนอร์โฆษณาที่ได้ผล
- เป้าหมายของแบนเนอร์: รับรู้แบรนด์ โปรโมชัน หรือให้คลิก และผลต่อการออกแบบ
- ลำดับการมอง: ภาพหลัก ข้อความหลัก ข้อความรอง และปุ่ม CTA
- ข้อความสั้นที่อ่านออกบนจอมือถือ สีตัดกัน และพื้นที่ว่างรอบข้อความ
- ใช้สี ฟอนต์ และโลโก้ให้ตรงกับแบรนด์ในทุกชิ้นงาน
Section 2 Lab: ขนาดมาตรฐานและการตั้งไฟล์ด้วย Artboard
- ขนาดแบนเนอร์เว็บที่ใช้บ่อย เช่น 300x250, 728x90, 300x600 และ 320x50
- สัดส่วนสำหรับโซเชียล 1:1, 4:5 และ 9:16 สำหรับโพสต์ Stories และ Reels
- ตั้งเอกสาร RGB ความละเอียดสำหรับจอ และพื้นที่ปลอดภัยที่ไม่ถูก UI บัง
- Lab: สร้างไฟล์เดียวที่มีหลาย Artboard พร้อม Guide สำหรับแต่ละขนาด
Section 3 Lab: เตรียมภาพสินค้าและฉากหลัง
- ไดคัตสินค้าด้วย Select Subject และเก็บขอบด้วย Select and Mask
- ลบสิ่งรบกวนด้วย Remove Tool และ Content-Aware Fill
- ขยายภาพให้พอดีสัดส่วนใหม่ด้วย Generative Expand และ Generate Background
- Lab: วางสินค้าบนฉากหลังใหม่พร้อมเงาให้ดูสมจริง
Section 4 Lab: ตัวอักษร ปุ่ม CTA และ Layer Style
- จับคู่ฟอนต์ไทยและอังกฤษ ขนาด น้ำหนัก และระยะบรรทัด
- สร้างปุ่ม CTA และป้ายราคาด้วย Shape และ Layer Style
- เอฟเฟกต์ข้อความที่อ่านง่าย: Stroke, Drop Shadow และ Gradient Overlay
- Lab: วางข้อความโปรโมชันและปุ่มให้เด่นแต่ไม่รก
Section 5 Workshop: แบนเนอร์ภาพนิ่งชิ้นแรก
- Workshop: ออกแบบแบนเนอร์หน้าเว็บจากภาพสินค้าและ Brief ตัวอย่าง
- ตรวจงานด้วยการย่อดูขนาดจริงบนจอมือถือ
- ปรับตามคำติชมจากวิทยากรและเพื่อนร่วมชั้น
Section 6 Lab: ปรับงานชุดเดียวให้ครบทุกขนาด
- ใช้ Smart Object และ Linked Smart Object เปลี่ยนภาพครั้งเดียวได้ทุกขนาด
- เก็บโลโก้ สี และสไตล์ตัวอักษรใน Creative Cloud Libraries
- จัดองค์ประกอบใหม่สำหรับแบนเนอร์แนวนอน แนวตั้ง และสี่เหลี่ยมจัตุรัส
- Lab: แตกงานจาก Section 5 เป็นชุดแบนเนอร์เว็บและโซเชียล
Section 7 Lab: แบนเนอร์เคลื่อนไหวแบบ Frame Animation
- เปิด Timeline และเลือก Create Frame Animation
- Make Frames From Layers และการกำหนด Delay ของแต่ละเฟรม
- Tween สำหรับการเลื่อน ค่อย ๆ ปรากฏ และการเปลี่ยน Opacity
- Lab: แบนเนอร์ 728x90 ที่สลับข้อความโปรโมชันและวนซ้ำ
Section 8 Lab: ภาพเคลื่อนไหวด้วย Video Timeline
- Keyframe ของ Position, Opacity และ Style บน Video Timeline
- เคลื่อนข้อความและสินค้าให้ลื่นไหลด้วย Smart Object
- ใส่ภาพหลายชิ้นและวิดีโอสั้นประกอบในงาน Stories
- Lab: ภาพเคลื่อนไหวแนวตั้ง 9:16 ความยาวไม่กี่วินาที
Section 9 Lab: ส่งออกและคุมขนาดไฟล์
- Export As และ Quick Export สำหรับ JPEG และ PNG หลาย Artboard
- ส่งออก GIF ด้วย Save for Web (Legacy): จำนวนสี Dither และ Looping
- Render Video เป็น MP4 สำหรับ Stories และ Reels
- ข้อกำหนดขนาดไฟล์ของแพลตฟอร์มโฆษณา และวิธีลดขนาดไฟล์โดยไม่เสียความคมชัด
Section 10 Workshop: ชุดแบนเนอร์แคมเปญครบทุกช่องทาง
- Workshop: รับ Brief แคมเปญ แล้วออกแบบแบนเนอร์หลักหนึ่งชิ้น
- แตกเป็นแบนเนอร์เว็บ โพสต์โซเชียล และ Stories ทั้งแบบภาพนิ่งและเคลื่อนไหว
- ตั้งชื่อไฟล์และจัดโฟลเดอร์ส่งงานให้ทีมหรือเอเจนซี
- นำเสนอผลงานและ Checklist ก่อนลงโฆษณา
รอบอบรมและรูปแบบการอบรม
สำหรับบุคคล — รอบอบรมทั่วไป
ขณะนี้ยังไม่มีรอบอบรมเปิดรับสมัคร ลงชื่อจองไว้ได้เลย ทีมงานจะติดต่อกลับเป็นกลุ่มแรกเมื่อเปิดรอบถัดไป หรือสอบถามทางไลน์ หรือโทร 02-570-8449 หรือ 088-807-9770
สำหรับองค์กร — In-house / Private Training
- ปรับเนื้อหาให้ตรงกับเครื่องมือและงานจริงของทีม
- เลือกวันเอง อบรมที่บริษัทหรือออนไลน์สด
- ออกใบเสนอราคาในนามนิติบุคคลให้ฝ่ายจัดซื้อ
วิทยากรผู้สอน
คำถามที่พบบ่อย
ขนาดแบนเนอร์โฆษณาที่ใช้กันทั่วไปมีอะไรบ้าง
แบนเนอร์บนเว็บที่ใช้บ่อย เช่น 300x250, 728x90, 300x600 และ 320x50 สำหรับมือถือ ส่วนโซเชียลมักใช้สัดส่วน 1:1 และ 4:5 สำหรับโพสต์ และ 9:16 สำหรับ Stories และ Reels แต่ละแพลตฟอร์มปรับข้อกำหนดเป็นระยะ จึงควรตรวจขนาดและขนาดไฟล์ล่าสุดก่อนส่งงานทุกครั้ง ในหลักสูตรผู้เรียนได้ Template Artboard ของขนาดที่ใช้บ่อยไว้ใช้ต่อ
ทำงานชิ้นเดียวให้ได้แบนเนอร์หลายขนาดใน Photoshop ทำอย่างไร
ตั้งไฟล์เดียวที่มีหลาย Artboard ตามขนาดที่ต้องการ แล้ววางภาพสินค้าและโลโก้เป็น Smart Object หรือ Linked Smart Object เมื่อต้องเปลี่ยนภาพก็แก้ครั้งเดียวแล้วอัปเดตทุกขนาด เก็บสีและสไตล์ตัวอักษรไว้ใน Creative Cloud Libraries และใช้ Generative Expand ช่วยขยายฉากหลังเมื่อสัดส่วนเปลี่ยน จากนั้นส่งออกทุก Artboard พร้อมกันด้วย Export As
ทำแบนเนอร์ภาพเคลื่อนไหวใน Photoshop มีขั้นตอนอย่างไร
เปิดแผง Timeline แล้วเลือก Create Frame Animation วางแต่ละองค์ประกอบไว้คนละ Layer สร้างเฟรมด้วย Make Frames From Layers หรือ Duplicate เฟรม ใช้ Tween เพื่อสร้างการเคลื่อนไหวระหว่างเฟรม กำหนด Delay และการวนซ้ำ แล้วส่งออกเป็น GIF ด้วย Save for Web (Legacy) หากต้องการการเคลื่อนไหวที่ลื่นกว่าให้ใช้ Video Timeline กับ Keyframe แล้ว Render Video เป็น MP4
หลักสูตร Ad Banner Design with Photoshop เหมาะกับใคร ต้องมีพื้นฐานอะไรมาก่อน
เหมาะกับทีมการตลาด แอดมินเพจ เจ้าของธุรกิจ และผู้ดูแลเว็บไซต์ที่ต้องทำแบนเนอร์เอง ควรเคยใช้ Photoshop มาบ้าง เช่น Layer การเลือกพื้นที่ และการพิมพ์ข้อความ ไม่จำเป็นต้องมีพื้นฐานการออกแบบ ผู้เรียนเตรียมโน้ตบุ๊กที่ติดตั้ง Photoshop จาก Creative Cloud ของตนเองหรือรุ่นทดลองใช้ หากยังไม่เคยใช้ Photoshop แนะนำให้เรียนหลักสูตรพื้นฐานก่อน
เรียนจบหลักสูตร Ad Banner Design with Photoshop แล้วทำอะไรได้บ้าง
ออกแบบแบนเนอร์ที่สื่อสารได้เร็วด้วยลำดับภาพ ข้อความ และปุ่ม CTA ที่ชัดเจน แตกงานชิ้นเดียวเป็นแบนเนอร์เว็บ โพสต์โซเชียล และ Stories ได้ครบทุกขนาด ทำแบนเนอร์เคลื่อนไหวเป็น GIF และ MP4 และส่งออกไฟล์ให้เล็กพอสำหรับแพลตฟอร์มโฆษณา พร้อมชุดแบนเนอร์แคมเปญที่ทำใน Workshop กลับไปใช้ต่อ
จัดอบรมหลักสูตร Ad Banner Design with Photoshop ให้ทีมในองค์กรได้ไหม
ได้ สถาบันไอทีจีเนียสรับจัดอบรมแบบ In-house และปรับตัวอย่างใน Workshop ให้ใช้แบรนด์ สินค้า และขนาดแบนเนอร์ที่ทีมใช้จริงได้ ติดต่อขอใบเสนอราคาได้ทางเว็บไซต์