Please enable JavaScript.
Coggle requires JavaScript to display documents.
เครื่องมือกราฟิก ( Grephic Tools ) - Coggle Diagram
เครื่องมือกราฟิก ( Grephic Tools )
โปรแกรม Iilustrator ( AI )
คือซอฟต์แวร์สำหรับสร้างงานกราฟิกแบบเวกเตอร์ ( Vector Graphics ) ที่นิยมใช้กันอย่างแพร่หลาย โดยเฉพาะงานโลโก้ งานออกแบบสื่อสิ่งพิมพ์ ไอคอน ตัวการ์ตูน แผนผัง อินโฟกราฟิก และงานที่ต้องการความคมชัดแบบขยายเท่าไรก็ไม่แตก
งานที่นิยมทำ
โลโก้ และCorporate Identity
ตัวอักษรกราฟิก ( Typography / Lettering )
อินโฟกราฟิก
การ์ตูนและคาแรคเตอร์
ไอคอน UI/UX
Artwork สำหรับสื่อสิ่งพิมพ์
จุดเด่นของ Adobe Illustrator
เป็นเวกเตอร์ 100% ภาพคมชัด ไม่แตกเมื่อขยาย
เหมาะกับงานออกแบบทุกประเภท เช่น โลโก้ โปสเตอร์ สติ๊กเกอร์ Packaging
ทำงานร่วมกับโปรแกรม Adobe อื่นได้ดี เช่น Photoshop, InDesign
มีเครื่องมือวาดที่ทรงพลัง เช่น Pen Tool , Shape Builder , Gradient , Mesh
Photoshop ( PS )
โปรแกรมสำหรับ ตกแต่งภาพ ( Photo Editing ) และสร้างงานกราฟิกแบบ Raster ( ภาพพิกเซล ) ที่ได้รับความนิยมที่สุดในโลก ใช้งานได้ทั้งแต่งรูป ทำภาพคอมโพสิต ตัดต่อภาพ วาดภาพดิจิทัล ทำกราฟิกโซเชียล
โปรแกรมสำหรับ ตกแต่งภาพและงานกราฟิกแบบพิกเซล ( Raster )
เหมาะกับ
แต่งภาพ
ตัดต่อ คอมโพสิตภาพ
Artwork โซเชียล
วาดภาพดิจิทัล
จุดเด่น
ปรับแสงสีได้ละเอียด
ลบสิ่งกวนใจ ปรับผิว เปลี่ยนพื้นหลังได้ง่าย
ทำภาพสมจริงได้ดีที่สุด
Canva / Figma
Canva
มีเทมเพลตให้เลือกเยอะมาก เช่น
โพสต์โซเชียล
พรีเซนต์
โลโก้
ใบปลิว
อินโฟกราฟิก
งานเสร็จเร็ว ไม่ต้องมีพื้นฐานดีไซน์
มีภาพ/ฟอนต์/ไอคอนสำเร็จรูปให้พร้อม
ทำคอนเทนต์, ทำโพสต์, สไลด์ได้เร็วมาก
Figma
ใช้ทำ UI / UX App, Website
ทำโปรโตไทป์ได้จริง ( เช่น ลองกดปุ่ม , ลองไหลหน้า )
ทำงานเป็นทีมแบบเรียลไทม์
ควบคุมดีไซน์ละเอียดมาก เช่น spacing , grid , auto layout
มีระบบ Components , Styles , Design System
ความแตกต่างของ Vector vs Raster
หัวข้อย่อยที่ทำอินโฟได้ง่าย
Vector ( เวคเตอร์ )
สร้างจาก เส้น / จุด / สมการคณิตศาสตร์
ขยายใหญ่แค่ไหนก็ ไม่แตก ( No pixelation )
เหมาะกับโลโก้ ไอคอน แผนผัง
ไฟล์เบา
ปรับสี/รูปร่างได้ง่าย
โปรแกรมที่ใช้ Illustrator , Figma , CorelDRAW
Raster ( ราสเตอร์ )
สร้างจาก พิกเซลจำนวนมาก
ขยายมากจะ แตก ( Pixelated )
เหมาะกับภาพถ่าย งานที่ต้องการรายละเอียดสูง
ไฟล์อาจหนักตามความละเอียด
แก้ไขแบบละเอียดได้ เช่น รีทัชผิว
โปรแกรมที่ใช้: Photoshop, Procreate
เครื่องมือพื้นฐานใน Illustrator
Selection (V): เลือกและย้ายวัตถุ
Direct Selection (A): แก้ไขจุดและเส้น
Pen (P): วาดเส้นและรูปทรงอิสระ
Shape Tools (M, L): วาดรูปทรงพื้นฐาน
Shape Builder (Shift+M): รวม/ตัดรูปทรง
Fill / Stroke: ใส่สีและเส้นขอบ
Type (T): พิมพ์ข้อความ
Zoom (Z) / Hand (H): ขยายและเลื่อนมุมมอง
วิธีใช้ Pen Tool สำหรับมือใหม่
กด P เพื่อเลือก Pen Tool
คลิก = เส้นตรง
คลิกแล้วลาก = เส้นโค้ง
คลิกที่ จุดแรก เพื่อปิดรูปทรง
ใช้ Direct Selection (A) แก้ไขจุดและเส้น
Alt/Option ปรับทิศทางเส้นโค้ง
วางจุดให้น้อย เส้นจะเนียนกว่า
