การออกแบบงานกราฟฟิก ด้วยการวางโครงสี

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

ด้วยการวางโครงสี

การวางโครงสี Colour Schematic

การใช้สีคือ การนำเอาสีไปใช้ในงานออกแบบ

หลายคนไม่รู้จะใช้สีอย่างไรดี เลือกเอาสีที่ตัวเองชอบปะเข้าไปในงาน

ผลก็คือ ทำให้งานดี ๆ ของเขาออกมาเสียหมด

ดังนั้นจึงมีทฤษฎีของการใช้สี หรือการเลือกสีมาใช้ร่วมกันในภาพ

เพื่อให้ภาพออกมาดูดี ดูน่าพึงพอใจ

เรียกว่า Colour Schematic หรือการวางโครงสี

Monochrome

Monochrome หรือโครงสีเอกรงค์

คือมีเนื้อสี Hue เดียว แต่ให้ความแตกต่างด้วยน้ำหนักสีValue

สีเอกรงค์นี้ ให้อารมณ์ ความรู้สึก สุขุม เรียบร้อยเป็นสากล

ไม่ฉูดฉาดสะดุดตา และในด้านการออกแบบเป็นการใช้คู่สีที่ง่ายที่สุด

ตัวอย่าง ภาพการใช้สี Monochrome หรือโครงสีเอกรงค

Analogus Analogus หรือโครงสีข้างเคียง คือสีที่อยู่ติดกัน

อยู่ข้างเคียงกัน ในวงจรสี จะเป็นที่ละ 2 หรือ 3 หรือ 4 สีก็ได้

แต่ไม่ควรมากกว่านี้เพราสีอาจจะหลุดจากความข้างเคียง

หรือ หลุดออกจากโครงสีนี้ได้

ตัวอย่างภาพ Analogus หรือโครงสีข้างเคียง

Dyads หรือโครงสีคู่ตรงข้าม

Complementary Colour

คือสีที่อยู่ตรงกันข้ามกันในวงจรสี

การเลือกใช้สีคู่ตรงข้ามจะทำให้งานที่ได้มีความสะดุดตาในการมอง

แต่ก็ต้องระวังการใช้สีคู่ตรงข้าม เพราะการเลือกใช้สึคู่ตรงข้ามด้วยกัน

นั้นถ้าเราหยิบสี 2 สีที่ตรงข้ามกันมาใช้ในพื้นที่พอ ๆ กัน

งานนั้นจะดูไม่มีเอกภาพ ซึ่งเป็นหลักสำคัญในการทำงานศิลปะ

ทางที่ดีเราควรแบ่งพื้นที่ของสีในภาพของการใช้สีใดสีหนึ่ง

มากกว่าอีกสีหนึ่งโดยประมาณมักจะใช้สีหนึ่ง70 % อีกสีหนึ่ง 30 %

ภาพที่ได้ก็จะคงความมีเอกภาพอยู่

และยังมีความเด่นสะดุดตาไปได้ในตัว

ตัวอย่าง ภาพDyads หรือโครงสีคู่ตรงข้าม Complementary Color

Triads หรือโครงสี 3 สี

Triads หรือโครงสี 3 สี คือ

1. เป็นการใช้สี 3 สีในช่วงห่างระหว่างสีทั้ง 3 เท่ากัน

ถ้าเราลากเส้นระหว่างสีทั้ง 3 สี เราจะได้สามเหลี่ยมด้านเท่า

2. เป็นการใช้สี 3 สี ในช่วงห่างระหว่างสีทั้ง 3

ไม่เท่ากันคือมีช่วงห่าง 2 ช่วงเท่ากัน แต่กับอีกอันหนึ่งช่วงห่างจะยาวกว่า

ถ้าลากเส้นระหว่างสีแล้วจะได้สามเหลี่ยมหน้าจั่ว

ตัวอย่าง ภาพTriads หรือโครงสี 3 สี

Tetrads หรือโครงสี 4 สี

คือ 1. การใช้สีในวงจรสี 4 สี

โดยเลือกสีที่มีช่วงห่างระหว่างสีเท่ากันหมดกล่าวคือ

ถ้าเราลากเส้นเชื่อมสีทั้ง 4 สีแล้ว เราจะได้สี่เหลี่ยมจัตุรัส

2. การใช้สีในวงจรสี 4 สี

โดยเลือกสีที่มีช่วงห่างระหว่างสีไม่เท่ากัน

โดยช่วงห่างของ 2 สีเป็นช่วงสั้นและอีก 2 สีเป็นช่วงยาว

กล่าวคือถ้าเราลากเส้นเชื่อมสีทั้ง 4 สีแล้ว เราจะได้สี่เหลี่ยมผืนผ้า

ตัวอย่างภาพ Tetrads หรือโครงสี 4 สี

ขอให้เพื่อนๆได้รับความรู้กันทุกคนนะคะ

ตัวอย่างโปสเตอร์

เป็น โปสเตอร์โปรโมทภาพยนตร์เรื่อง HAPPY BIRTHDAY

ใช้สีค่อนข้างเบา แสดงความอ่อนโยน

แสดงถึงการรอคอย ความเงาของ ตัวละคร

13 ฟอนท์แห่งชาติ

กิจกรรมครั้งที่ 2 เทคนิคงานกราฟิก Photoshop เน้นภาพถ่ายในส่วนที่ต้องการเน้น

เทคนิคการเน้นภาพถ่าย ในส่วนที่เราต้องการ

ให้เด่น ขึ้น ด้วย Photoshop

เทคนิคแบบนี้ จริงๆ แล้วมีหลายแบบ นะคะ แต่ที่ดิฉันขอนำเสนอ

ในครั้งนี้คือ การทำให้ ส่วนที่เราไม่ต้องการทั้งหมด กลายเป็นภาพ ขาวดำ

1 เตรียมภาพที่เราต้องการ นำมาใช้

2. ทำ Selection ในส่วนที่ต้องการให้เด่นเขึ้น

3. ไปที่ Image > Adjustments > Curves..

3.1 จากนั้นปรับความสดใสของภาพ ด้วย Tool Curves

4. ไปที่ Select > Inverse เพื่อ เลือก จุด Selection เป็นรอบนอกแทน

>> ผลลัพธ์

5. ไปที่ Image > Adjustments >Desaturte

>> ผลลัพธ์

จากนั้นกด Ctrl+D เพื่อ เอา Selection ออก

จะได้ภาพที่ต้องการแล้วค่ะ ตกแต่งตัวหนังสือตามใจชอบ

ลองทำตามกันดูน๊ะค๊ะ

กิจกรรมครั้งที่ 1 เปิดโลก Computer Graphic

ความเข้าใจเกี่ยวกับคอมพิวเตอร์กราฟิก

Graphic คืออะไร ?

กราฟิก เป็นสิ่งที่เกี่ยวข้องกับตัวเราอย่างมาก

กราฟิก ไม่ว่าจะเป็น สัญลักษณ์ โลโก้ กระดาษ แผ่นพับ โฆษณา

กราฟิกมีที่มาจากคำใน ภาษากรีก คือ Graphikos ที่แปลว่า "การวาดเขียน และเขียนภาพ“

หรือคำว่า "Graphein" ที่แปลว่า "การเขียน"

นิยามของ Graphics

ศิลปะอย่างหนึ่ง ที่แสดงออกด้วยความคิดอ่าน โดยใช้เส้น รูปภาพ ภาพเขียน ไดอะแกรม และอื่นๆ

การสื่อความหมายด้วยการใช้ภาพวาด ภาพสเกต แผนภาพ ภาพถ่าย และอื่นๆ ที่ต้องอาศัยศิลปะ

และศาสตร์ เข้ามาช่วย เพื่อให้ผู้ดูเกิดความคิด

และตีความหมายได้ตรงตามที่ผู้สร้างสรรค์ต้องการสื่อ

เช่น แผนภูมิ แผนภาพโฆษณา การ์ตูน เป็นต้น

โสตทัศนวัตถุที่ผลิตขึ้นเพื่อแสดงสัญลักษณ์ หรือความหมายของสิ่งหนึ่งสิ่งใด

ทำให้คนได้มองเห็นความจริง หรือความคิดอันถูกต้องชัดเจนจากวัสดุกราฟิกนั้นๆ

การพิมพ์ การแกะสลัก การถ่ายภาพ และการจัดทำหนังสือ

คอมพิวเตอร์กราฟิกส์คืออะไร

กราฟิกที่นำคอมพิวเตอร์มาดำเนินการ ตั้งแต่การเตรียมการ ออกแบบ

นำเสนอ ใช้งาน ความสำคัญของกราฟิกส์

เป็นสื่อกลางในการสื่อความหมาย เกิดการเรียนรู้ การศึกษา

เกิดความน่าสนใจ ประทับใจ และน่าเชื่อถือ กระตุ้นความคิด

ก่อให้เกิดความคิดสร้างสรรค์ ส่งเสริมความก้าวหน้าทางความคิด

พิกเซล ( Pixel) พิกเซล (Pixel) เป็นคำผสมของคำว่า Picture กับคำว่า Element

หรือหน่วยพื้นฐานของภาพ เทียบได้กับ "จุดภาพ" 1 จุด แต่ละพิกเซลเปรียบได้กับสี่เหลี่ยมเล็กๆ

ที่บรรจุค่าสี โดยถูกกำหนดตำแหน่งไว้บนเส้นกริดของแนวแกน x และแกน y

หรือในตารางเมตริกซ์สี่เหลี่ยม ภาพบิตแมปจะประกอบด้วยพิกเซลหลายๆ พิกเซล

จำนวนพิกเซลของภาพแต่ละภาพ จะเรียกว่า ความละเอียด หรือ Resolution โดยจะเทียบ

จำนวนพิกเซลกับความยาวต่อนิ้ว ดังนั้นจะมีหน่วยเป็น พิกเซลต่อนิ้ว ( ppi: pixels per inch)

หรือจุดต่อนิ้ว ( dpi; dot per inch) ภาพขนาดเท่านั้นแต่มีความละเอียดต่างกัน

แสดงว่าจำนวนพิกเซลต่างกัน และขนาดของจุดพิกเซลก็ต่างกันด้วย

ประเภทของโปรแกรมคอมพิวเตอร์กราฟิก

Photo Retouching

โปรแกรมที่เหมาะสำหรับการแก้ไข ตกแต่งภาพ และ ทำเอฟเฟกต์ให้กับภาพ

ที่ได้สร้างขึ้นมาแล้ว ซึ่งอาจจะ มาจากภาพถ่ายจริง

ได้แก่ Adobe PhotoShop, Corel Photopaint, PaintShop

Graphic Illustrator

โปรแกรมสำหรับการออกแบบงานกราฟิก หรืองาน Lay out

ซึ่งเป็นงาน สองมิติ มีการเขียนรูปในลักษณะการเน้น

เส้นเน้นรูปทรงเรขาคณิต ซึ่งไม่ ใช่รูปถ่ายได้แก่ Adobe Illustrator, CorelDraw

Computer Aided Design

โปรแกรมสำหรับการเขียนภาพที่แสดงออกถึงมิติ ขนาด

ที่ ให้ความชัดเจน ของวัตถุที่ต้องการสร้างขึ้นมา ได้แก่ Auto CAD, Prodesign

3D Photo Realistic

โปรแกรมที่สามารถสร้างภาพสามมิติ ที่มีมวลและปริมาตร

และมีคุณสมบัติของพื้น ผิว จนเกิดความสมจริงของแสง และเงา

ได้แก่ 3D studio MAX, Auto CAD 3D

Presentation

โปรแกรมกราฟิก สำหรับช่วยในการนำเสนองาน

ใน ลักษณะเป็นสไลค์ประกอบคำ บรรยาย มีการสร้างภาพ

กราฟฟิกที่ดูแล้วเข้าใจง่ายขึ้น เช่น กราฟชนิดต่าง ๆ หรือ ก

ารสร้างแผนผังการจัดองค์กร โปรแกรมประเภทนี้ ส่วนมากใช้ในงานธุรกิจ

Animation

เป็นโปรแกรมสร้างภาพเคลื่อนไหวตามลำดับ โปรแกรมจะ

แสดงภาพเป็นลำดับให้ แลดูเหมือนภาพเคลื่อนไหว โดย อาจมีเทคนิคต่างๆ

ประกอบการแสดงภาพเช่น การซ้อน ภาพ , เลื่อนภาพ, การเลื่อนภาพให้หายไปได้

และ การ แปลงภาพ รวมถึงมีลักษณะการโต้ตอบกับผู้ใช้ด้วย

ความคาดหวังของรายวิชานี้

สามารถใช้โปรแกรมต่างๆได้ง่าย สะดวกสบายยิ่งขึ้น

และยังให้ความรู้ อีกมากมาย สามารถนำไปใช้ประโยชน์ ในชีวิตประจำวัน