By Mr.Pitharn Tungittipokai

เทคนคการออกแบบงานกราฟก Graphics Design Technicsบรรยายโดย พธาน ตงอทธโภไคย

สวนงานกลาง สานกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

วตถประสงควตถประสงค

เพออธบายใหผเรยนเขาใจถงการนาความรทางพนฐานทางศลปะ มาประยกต

ใชกบการนาเสนอผลงาน ใหมความแปลกใหมนาสมย สอสารไดอยางถกตอง

ตามวตถประสงค

บทนาบทนา

มนษยเราสามารถรบรผานสมผสทง 5 คอ ตา ห จมก ลน และรางกาย

พบวาภาพวาด ซงหมายรวมถง กราฟก สามารถสอความหมายดวยตา

ไดงายทสด

ศลปะไมมคาวาสวย หรอไมสวย หากแตการนามาใชใหเหมาะสม ถกท ถก

กาลเทศะ กสามารถสอสารกนไดอยางชดเจน

ศลปะเปนการสอสารอยางสากล เปนทยอมรบโดยทวไปของคนทงโลก ดงนน

สอการเรยนรเรอง “ออกแบบงานกราฟก ใน 30 นาท” จะเปนเครองมอทจะชวยให

ผเรยนนนรอฟนศลปะพนฐานทเคยไดเรยนมาในอดต จนสามารถนาไปประยกต

ใชงานไดอยางมประสทธภาพ เกดประสทธผลอยางสงสด

By Mr.Pitharn Tungittipokai

บทท 1 การออกแบบงานกราฟก

การออกแบบงานกราฟก

งานกราฟกเปนสวนสาคญทมบทบาทตอการผลตสอ โดยเฉพาะ

สอทจะตองรบรดวยตา ไดแก หนงสอ ปายโฆษณา โทรทศน กระดาน

นาเสนอ นกออกแบบจะตองใชวธการทางศลปะและหลกการทางการ

ออกแบบรวมกนสรางสอ เพอเปนตวกลางในการสอความหมาย

อาจใชสงตางๆ มาประกอบกน เชน ภาพประกอบ, ภาพถาย,

สญลกษณ, ตวอกษร จดวางเพอใหเกดการ นาเสนอขอมลไดอยาง

ชดเจนสอความหมายไดตรงประเดน

อทธพลของศลปะในการออกแบบงานกราฟก

1.

รปแบบตวอกษรและขนาด

2.

การกาหนดระยะหางและพนกวาง

3.

การกาหนดส

4.

การจดวางตาแหนง

ขนตอนการวางแผนการออกแบบ

1.

ขนตอนการคด

2.

ขนตอนการรวบรวมขอมล

3.

ขนตอนการราง หรอสรางตนแบบ

4.

ขนตอนการลงมอทา

สวนประกอบของการออกแบบ

จด (Point, Dot) รปราง (Shape)

รปทรง (Form) แสงและเงา (Light & Shade)

เสน (Line)

สวนประกอบของการออกแบบ (ตอ)

ส (Color) สดสวน (Proportion)

ทศทาง (Direction) ระยะภาพ (Perspective)

ลกษณะพนผว (Texture)

บรเวณทวาง (Space)

การจดองคประกอบของภาพ

1. จดใหเปนเอกภาพ (Unity)

หมายถง สงทชวยทาใหชนงานเปนอนหนงอนเดยวกน เกดเปน ลกษณะเดน เปนเรองราวทคลอบคลมถงความคดในการ

ออกแบบ

การจดองคประกอบของภาพ (ตอ)

2. ความสมดล (Balance)

2.1 ความสมดลในรป หรอความเหมอนกนทงสองขาง

2.2 ความสมดลในความรสก

การจดองคประกอบของภาพ (ตอ)

3. การจดใหมจดสนใจ

บทท 2 แบบอกษร

แบบอกษร

ในการออกแบบกราฟก ใชวาภาพทสวยเทานน จะตองมตวอกษรท

เหมาะสมในการนาเสนอดวย กอนอนเราจะตองใชหลกในการเลอก

แบบอกษร เสยกอน ประกอบดวย 3 สงทควรคานง

•

ชนดของตวอกษร

•

บคลกของตวอกษร

•

ขนาดของตวอกษร

ซงในปจจบนมหลากหลายรปแบบ จาเปนทจะตองศกษา และเลอกให

เหมาะสมกอนนามาใชงาน

แบบอกษร (ตอ)

โดยทวไปในงานนาเสนอ ซงหมายรวมถง PowerPoint ควรเลอกแบบ

ตวอกษรในการนาเสนอ เพยงแค 2 รปแบบ แตไมเกน 3 รปแบบ

เทานน

แบบอกษร (ตอ)

การจดวางตวอกษร

การจดวางตวอกษรถอเปนเรองทสาคญรองลงมาจากแบบอกษร ตวอกษรจะ

สวยงามเพยงไร หากมการจดวางทไมเหมาะสม ควรคานงถง สงตอไปน

•

ระยะหางระหวางตวอกษร

•

ระยะหางระหวางคา

•

ระยะหางระหวางบรรทด

การจดแถวตวอกษร

เมอมอกษรมากมายทจะตองจดเรยง ซงจะตองทาในขณะทออกแบบหนาจอ ควร

มหลกทควรคานงดงน

•

การวางตวอกษรเสมอหนา (Align Left)

•

การวางเสมอหลง (Align Right)

•

การวางกลาง (Align Center)

•

การวางเสมอหนา-หลง (Align Justified)

•

การวางภาพประกอบ

•

การวางในทศทางอน

บทท 3 ทฤษฎส

ทฤษฎส

สมความสาคญในการออกแบบมาก โดยเฉพาะอยางยง การออกแบบ

กราฟก นอกจากจะทาใหสวยงามแลว ยงสามารถสอถงอารมณ

และความหมายของภาพไดดวย

ทฤษฎส (ตอ)

สปฐมภม เปนชดสแรกทผสมกนแลวเกดเปนสชดตางๆ ประกอบดวย

แดง เหลอง นาเงน

ทฤษฎส (ตอ)

สทตยภม เกดจากสปฐมภมผสมกนแลวเกดเปนส สม เขยว มวง

จากรปจะนาสทอยขางๆ กนมาผสม จะไดสกลางระหวางสเดมทง

สามดาน

ทฤษฎส (ตอ)

สตตยภม หรอ วงลอสธรรมชาต เกดจากการผสมสทตยภม จะได

มวงแดง แสด เหลอง เขยว นาเงน มวง เปนเฉดสธรรมชาต

วรรณะของส (Tones)

หมายถง กลมสทปรากฏใหเหนความรสกแตกตางกน

ประกอบดวย 2 วรรณะ

สรอน (Warm Tone) ใหความรสกรอนแรง รนเรง บนเทงใจ

สเยน (Cool Tone) ใหความรสก สงบ เยน เศรา

วรรณะของส (Tones) (ตอ)

เมอนาทฤษฎของวงลอสมาใช เราจะไดสดงรป

สโทนรอน สโทนเยน

การวางโครงสรางส (Color Schematic)

เปนการใชทฤษฎสในวงลอ หมนไปเรอยๆ เพอแสดงความเหมาะสม

ในการนามาใชงาน แบงออกไดเปน 5 ประเภท

1.

Monochrome

2.

Analogus

3.

Dyads

4.

Triads

5.

Tetrads

การวางโครงสรางส (Color Schematic) (ตอ)

1.Monochrome หรอ สเอกรงค คอ มเนอสเนอเดยวแตใหความ

แตกตางดวยนาหนกส (values)

การวางโครงสรางส (Color Schematic) (ตอ)

2.

Analogus หรอ สขาง คอ สทอยตดกน อาจจะเปนสขางๆ กบสท

ตองการ ควรใชสขางทละ 1 สแตไมควรเกน 4 ส

การวางโครงสรางส (Color Schematic) (ตอ)

3.

Dyads หรอ สคตรงกนขาม คอสทอยตรงขามกนในวงลอส ทา

ใหงานทออกแบบมาดสะดดตา ควรใชเปนหลกในการออกแบบ

ตวอกษรกบส Background

การวางโครงสรางส (Color Schematic) (ตอ)

4.

Triads หรอ ส 3 โทน คอใชสทอยในมมตรงขามกนในวงลอส

อาจใชเปนแบบสามเหลยมดานเทา หรอสามเหลยมหนาจวกได

แบบสามเหลยมดานเทา

การวางโครงสรางส (Color Schematic) (ตอ)

4.

Triads หรอ ส 3 โทน

แบบสามเหลยมหนาจว

การวางโครงสรางส (Color Schematic) (ตอ)

5.

Tetrads เปนการวางโครงสรางแบบ 4 ส ในวงลอส อาจเปน สเหลยมจตรส หรอสเหลยมดานเทากได

แบบสเหลยมดานเทา

จตวทยาในการใชส

สแดง – ไฟ กามอารมณ ปรารถนา มพลงมาก จงไมเหมาะกบการ นามาทาเปน Background

สนาเงน – เกบกด ชางฝน เปลาเปลยว สะอาดบรสทธ อนาคต

อนามย ความประทบใจ

จตวทยาในการใชส (ตอ)

สมวง – ใครครวญ สมาธ ลกลบ เวทมนต แสดงความเปนเจานาย

เกยรตยศ

สทอง หรอ สสม – ใหความรสกทางบวก ลาภยศ ของมคา

จตวทยาในการใชส (ตอ)

สเทา – ความหมอง ออนแอ วชาการ ตารา เกา

สดา – ความมด ลกลบ เหมาะกบเปนส Background เมอตองการ เนนวตถทอยเบองหนา

จตวทยาในการใชส (ตอ)

สขาว – วางเปลา สะอาด ใส นยมนามาใชสรางความโดดเดนใหกบ วตถทอยเบองหนา

สเหลอง – พลงดานความสวาง บรรล

ชมพ – ลดพลงจากสแดงไดเปนอยางด เหมาะกบ ความหวาน ผหญง

หลกการพจารณาเกยวกบการใชส

1.

ใชสสดสาหรบกระตนใหเดนชด

2.

การใชสสาหรบออกแบบบางครงกเพอความสวยงาม แตตอง คานงถงความเหมาะสมดวย

3.

ควรใชสใหเหมาะสมกบวยของผใชผลตภณฑนนดวย

4.

การใชสหลากหลายในงาน อาจทาใหสงทตองการนาเสนอไมโดด เดน กลนกนหมด

5.

เมอใชสเขม ควรใชรวมกบสออน จะทาใหภาพมชวตชวามากขน

6.

การใชสบนตวอกษรจะตองไมกลนกบส Background

จบบทเรยน แตผเรยนตองฝกฝนตอนะครบ