Issuu on Google+

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


Graphic I Overview