สรุปยอ กราฟฟค 1 (ม.4) โครงการแมฮองสอนไอที วัลเลย
โดย ครูเมน (TiGERiDEA.COM, iSchool.in.th) Rev 0 : 21 มี.ค. 51 มีสำเนาที่ www.itvalley.org/resource/graphic
เกี่ยวกับวิชากราฟฟค 1 •
เรียนรูพื้นฐานการออกแบบ และองคประกอบศิลป
•
เรียนการใชโปรแกรมแตงรูป (Gimp) เทอม 1
•
โปรแกรมวาดเสน (Inkscape) เทอม 2
•
เมื่อนำความรูมาประกอบกัน สามารถตกแตงรูป/ออกแบบสิ่งพิมพได (โลโก, ใบปลิว, แผนพับ, เอกสารตางๆ)
พื้นฐานการออกแบบ •
เราออกแบบ เพื่อนำเสนอความคิด หรือขอมูลบางอยาง
•
Form follow Function = เนื้อหามากอนรูปแบบ : การออกแบบนั้น มีเพื่อรับใช เนื้อหาหรือความคิด อยาใหการออกแบบนำ จนไมรูวาจะสื่ออะไร
•
Design Element (องคประกอบศิลป) คือองคประกอบตางๆ ที่นำมารวมกันเปน ภาพ ขอสรุปสั้นๆ วา “รูป/สี/ตัวอักษร”
•
การออกแบบ เหมือนการปรุงอาหาร - รูวาจะทำอะไร/เตรียมวัตถุดิบใหดี/ผสมให กลมกลอม - ไมใชใสทุกอยาง
รูป • สี • ตัวอักษร
http://www.sxc.hu/ http://www.flickr.com/ http://www.vecteezy.com/ http://www.brandsoftheworld.com/ http://www.iconfinder.net/
http://kuler.adobe.com/ http://www.colorcombos.com/ http://colorschemedesigner.com/
http://www.dafont.com/ http://www.f0nt.com/ http://www.fontsquirrel.com/
การจัดองคประกอบ
•
แบบที่นิยมคือ มีจุดเดน/พระเอกชัดเจน (เรียกวา Unity) แบบอื่นๆ ดูที่ wikipedia
•
ของ/ตัวอักษรขนาดเทากัน วางขางๆ กัน จะแยงกันเดน มักจะไมสวย
•
ชองวางระหวางชิ้นงาน ควรกระจายสม่ำเสมอ (นอกจากตองการเนนพิเศษ)
โปรแกรมแตงรูป (GIMP)
•
เปนโปรแกรมเสรี (Opensource) ใชงานไดฟรี ดาวนโหลดที่ gimp.org
•
เปนโปรแกรมแตงภาพ แบบจุด (Bitmap) ขยายแลวจะแตก รองรับการซอนภาพ หลายชั้น (Layers)
•
มีคูมือ ที่ http://www.itvalley.org/resource/graphic/gimp
GIMP: การใชงานที่ควรรู •
การตั้งคาไฟล/การบันทึก/การตัดรูป/การปรับความกวางยาว (Width/Height) และปรับความละเอียดของรูป (DPI)
•
การปรับสีแบบตางๆ
•
การใชเครื่องมือตัดตอรูป (รีทัช) เบื้องตน
•
การวางรูปในชั้นตางๆ (layer) และการบังภาพ (layer mask)
•
การใสตัวอักษร
โปรแกรมวาดเสน (INKSCAPE)
•
เปนโปรแกรมเสรี (Opensource) ใชงานไดฟรี ดาวนโหลดที่ inkscape.org
•
เปนโปรแกรมวาดภาพ แบบเสน (Vector) สามารถขยายไดโดยไมแตก สามารถนำ รูปมาปรับใหเปนเสนวาดตางๆ ได (Trace/Draft)
•
มีคูมือ ที่ http://www.itvalley.org/resource/graphic/inkscape
INKSCAPE: การใชงานที่ควรรู •
การสรางรูปทรงตางๆ (สำเร็จรูป)
•
การวาดวัตถุ/ตัวอักษร/การแกะแบบ (Draft)
•
การแกไขจุดและเสน
•
การลงสี
•
การแปลงรูปภาพเปนเสน (Trace)
ปฏิบัติการ •
ออกแบบโลโก/นามบัตร/หัวจดหมาย
•
ออกแบบสิ่งพิมพ
•
ตัดตอรูป
•
การเตรียมงานเพื่อพิมพ/สงงาน (Export)