สรุปยอ กราฟฟค 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)