Computer

เอกสารประกอบการเรียน วิชา คอมพิวเตอร์เพ่ ือการออกแบบผลิตภณั ฑ์

สารบญั

พน้ื ฐานการออกแบบ การเลือกสี 22
การวางคอมโพส 1 เคร่ ืองมอื ตกแต่งภาพ 23-26
องค์ประกอบงานกราฟิ ก 2 การปรับแต่งสแี ละความคมชัดของภาพ 27
เส้น 2 การย้อนกลับการกระทำ� ท่ผี ่านมาด้วย 28
รปู ร่าง, รปู ทรง, นำ้� หนัก, พ้ืนผวิ 3 History Palette
ท่วี ่าง, สี 4 การสร้างภาพ Vector ใน Photoshop 28
คุณลักษณะของสี 5 การใช้งาน Layer 29
การพิมพ์ข้อความและตวั อกั ษร 30
- แม่สที ่เี ป็นวัตถุ การปรับแต่งรปู ร่างให้กบั ภาพ 31
- นำ้� หนักของสี 5 การปรับแต่งรปู ร่างให้กบั ภาพ แบบกำ� หนดค่า 32
ความจัดของสี 6 การใช้ Fillter เพ่ ือสร้างผลงาน 33
การผสมส,ี ลำ� ดบั ข้นั ของสี 7 การพิมพ์งาน 34
สรี ้อน, สเี ยน็ 8 การแสดงสญั ลักษณง์ านพิมพ์ 34
หลักการใช้สใี นการออกแบบ 9
การแบ่งกลุ่มของสที ่ใี ห้ผลต่อความร้สู กึ Adobe Illustrator CS4 - CS5
กบั งานออกแบบ 10 ความร้เู บ้อื งต้น:ร้จู ัดโปรแกรม Illustrator 36
ความหมายของสตี ่างๆ ในทางจิตวิทยา 11 ส่วนประกอบหลักของโปรแกรม Illustrator 36
ตวั อกั ษร เคร่ ืองมอื ท้งั หมดใน Illustrator 37
พื้นฐานกราฟิกท่ีต้องรู้ การสร้างไฟล์ใหม่สำ� หรับงานด้านต่างๆ 38
Bitmap VS. Vector 12 การบนั ทกึ งาน (Save) 38
การกำ� หนดความละเอยี ดการใชง้ าน 13 ส่วนประกอบต่างๆ ของวัตถุ 39
ไฟล์แบบต่างๆ 13 การใช้สี / ข้อควรระวัง 39
โหมดสใี นการทำ� งานกราฟิ ก 13 การกำ� หนดมุมมอง (Zoom/Pan) 40
Adobe Photoshop CS4 การเลือกสใี นกล่องเคร่ ืองมอื 41
ความร้เู บ้อื งต้น:ร้จู ักโปรแกรม Photoshop การกำ� หนดขนาดของเส้น (Stroke) 41
ส่วนประกอบต่างๆ ของโปรแกรม 15 การสร้างวัตถุ 41
ส่วนประกอบของ Toolbox 15 การสร้างวัตถุ แบบกำ� หนดค่า 42
การสร้างไฟล์ใหม่ 16 การสร้างวัตถุ ด้วย Pen Tool 42
การจัดการ Panel 16 การวาดเส้นด้วยพู่กนั Paintbrush Tool 43
การพับเกบ็ Panel 17 การหมุนวัตถุด้วย Rotate 44
การใช้ Slider บน Control Bar 17 การย่อ/ขยายวัตถุ Scale 44
การปรับเปล่ ียน Workspace 18 การพิมพ์ตวั อกั ษร และ การปรับตำ� แหน่ง 44
Tool panel overview 18 การเพ่ ิม Stroke ให้ตวั อกั ษร หรือ วัตถุ 45
การเรียกใช้ Bridge (File Browser) 18 Reflect Tool, Shear Tool, Warp Tool 46
การใช้เคร่ ืองมอื ในการจัดมุมมอง 19 Twirl Tool, Scallop Tool, Crystallize Tool 47
Selection การเลือกแบบต่างๆ 19 Wrinkle Tool 47
เคร่ ืองมอื วาดภาพ 20 Symbols Tool 48
21 Knife Tool, Scissor Tool 49

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

สารบญั (ตอ่ )

การเรียงลำ� ดบั ของวัตถุ (Arrange) 50
การลอ็ ควัตถุ 50
การ Fill แบบไล่เฉดสี 50
Clipping Mask, Warp, Distort&Transfrom 51
การเปล่ ียนเส้นให้เป็นเส้นประ 51
การสร้างงาน 3 มติ ิ 52-54
Partfinder ตดั /เจาะ/รวมภาพ 55
การจัดวางตำ� แหน่งวัตถุด้วยคำ� สง่ั ALIGN 56
ชุดเคร่ ืองมอื สำ� หรับการเปล่ ียนภาพ 57
bitmap เป็น Drawing
การพิมพ์งานทางเคร่ ืองพิมพ์ 58-59
ข้นั ตอนการเตรียมไฟล์งานสำ� หรับแยกสี 60
Process Color CMYK
Tools/Hot KEY 61

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Graphic Design 1

พน้ื ฐานการออกแบบ
Graphic Design

สำ� หรับงานออกแบบกราฟิ กดไี ซน์ส่งิ สำ� คัญท่สี ดุ คอื การจัดวางองค์ประกอบลงไปในงาน
ออกแบบ หรือท่มี กั จะนิยมเรียกกนั ส้นั ๆ ว่าการวางคอมโพส

การวางคอมโพสคอื การนำ� องค์ประกอบต่างๆ เช่น เส้น สี ตวั อกั ษร หรือรปู ภาพมาวางเข้าด้วยกนั ในพ้ืนท่ๆี หน่ ึง
เพ่ ือสร้างผลงานท่สี ามารถส่อื สารส่งิ ท่ตี ้องการออกมา

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

องค์ประกอบงานกราฟกิ (Element of Design) Graphic Design 2

องคป์ ระกอบหลักๆ ในงานกราฟิ กจะแบ่งเป็น 8 ชนิดคอื เส้น, รปู ร่าง, รปู ทรง, นำ�้ หนัก, พ้ืนผวิ , ท่วี ่าง, สี
และตวั อกั ษร
เสน้ (Line) เกดิ จากจุดท่เี รียงต่อกนั หลายๆ จุด ถูกนำ� มาวางต่อเน่ ืองกนั จนเกดิ เป็นเส้นรปู ทรงต่างๆ ข้นึ มา
รปู ทรงของเส้นกจ็ ะส่อื ออกมาถงึ ความร้สู กึ ท่แี ตกต่างกนั ออกไป

เส้นแนวนอน ให้ความร้สู กึ สงบ ราบเรียบ
เสน้ ตรงแนวตัง้ ให้ความร้สู กึ ม่ังคงแขง็ แรง
เสน้ ทแยง ให้ความร้สู กึ ไม่ม่งั คง รวดเรว็ แสดงถงึ การ
เคล่ ือนไหว
เส้นตัดกัน ให้ความร้สู กึ ประสาน แขง็ แกร่ง หนาแน่น
เสน้ โค้ง ให้ความร้สู กึ อ่อนช้อย อ่อนน้อม
เสน้ ประ ให้ความร้สู กึ โปร่ง ไม่สมบูรณ์ หรือในบาง
กรณอี าจจะใช้เป็นสญั ลักษณใ์ นการแสดงถงึ ส่วนท่ถี ูก
ซ่อนเอาไว้
เส้นโค้งก้นหอย ให้ความร้สู กึ เคล่ ือนไหวไม่มที ่สี ้นิ สดุ
เส้นโค้งแบบคล่นื ให้ความร้สู กึ ถงึ การเคล่ ือนไหวอย่าง
น่ ิมนวล
เสน้ ซิกแซ็ก ให้ความร้สู กึ น่ากลัว อนั ตราย

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Graphic Design 3

รปู รา่ ง (Shape), รูปทรง (From), น�ำ้ หนกั (Value)
รูปรา่ ง : เป็นองค์ประกอบต่อเน่ ืองมาจากเส้น เกดิ จากการนำ� เส้นแบบต่างๆ มาต่อกนั จนได้รปู ร่าง 2 มติ ทิ ่มี ี
ความกว้างและความยาว (หรือความสงู ) ในทางศลิ ปะจะแบ่งรปู ร่างออกเป็น 2 แบบคอื รปู ร่างท่คี ุ้นตา เช่น ดอกไม้ หรือ
คน และอกี แบบรปู ร่างแบบฟรีฟอร์ม เป็นแนวท่ใี ช้รปู ร่างส่อื ความหมายท่จี ินตนาการไว้ ไม่มรี ปู ทรงท่แี น่นอน แต่ดูแล้ว
เกดิ จินตนาการถงึ อารมณท์ ่ตี ้องการส่อื ได้
รูปทรง : เป็นรปู ร่างท่มี มี ติ เิ พ่ ิมข้นึ มากลายเป็นงาน 3 มติ คิ อื มคี วามลึกเพ่ ิมเข้ามาด้วย
น้�ำหนัก : เป็นส่วนท่มี าเสริมให้ดูออกว่ารปู ทรงมนี ำ�้ หนักขนาดไหน เบา หรือหนัก ทบึ หรือโปร่งแสง นำ�้ หนักจะ
เกดิ จากการเตมิ สแี ละแสงเงาลงไปในรปู ทรงจนได้ผลลัพธอ์ อกมาตามท่ตี ้องการ

พืน้ ผิว (Texture) พ้ืนผวิ คือส่งิ ท่แี สดงให้ร้วู ่ารปู ร่างหรือรปู ทรงท่นี ำ� มาใช้งานมสี มั ผสั อย่างไร โดยแบ่งเป็น 2
สมั ผสั คอื สมั ผสั ได้ด้วยมอื เช่น พ้ืนผวิ ขรขุ ระของรปู ป้ันท่แี สดงออกถงึ ความแขง็ แกร่ง หยาบกระด้าง กบั อกี แบบคือ
สมั ผสั ได้ด้วยสายตา เช่น พ้ืนผวิ ของส่วนต่างๆ ในภาพ ท่มี องเหน็ กร็ ้วู ่าลายแบบน้ีหมายถงึ ผวิ สมั ผสั ใด

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Graphic Design 4

ท่วี า่ ง (Space) อาจจะเกดิ จากความต้งั ใจหรือไม่ต้งั ใจของนักออกแบบกไ็ ด้ ท่วี ่างไม่ได้หมายความถงึ พ้ืนท่วี ่าง
เปล่าในงานเพียงอย่างเดยี ว แต่หมายความรวมไปถงึ พ้ืนท่ที ่ไี ม่สำ� คัญหรือ Background ด้วย ในงานออกแบบงานกราฟิ ก
ท่วี ่างจะเป็นตวั ช่วยให้งานดูไม่หนักจนเกนิ ไป และถ้าควบคุมท่วี ่างน้ีให้ดๆี ท่วี ่างน้ีกจ็ ะเป็นตวั ท่ชี ่วยเสริมจุดเด่นให้เหน็
ชัดเจนมากข้นึ

สี (Color) เป็นตวั แสดงอารมณไ์ ด้ดไี ม่ว่าจะเป็นอารมณแ์ บบจืดชืด เศร้าหมอง หรืออารมณท์ ่เี กดิ จากฤดูกาล
ต่างๆ สามารถท่จี ะใช้สแี สดงอารมณไ์ ด้ท้งั ส้นิ

ในอดตี กราฟิ กดไี ซน์น้ันมสี ดี ำ� กบั สขี าวเป็นพ้ืนฐาน ต่อมากม็ สี อี ่นื ๆ
มาสร้างความสมบูรณใ์ ห้กบั กระบวนการออกแบบ

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Graphic Design 5

คุณลักษณะของสี
“สคี ือแสงท่มี คี วามถ่ ขี องคล่ ืนในขนาดท่ตี ามนุษย์สมั ผสั ได้” ความเป็นสี (Hue) หมายความว่าเป็นสเี ป็นสอี ะไร
เช่น สแี ดง สเี หลือง สมี ่วง สเี ขยี ว และอ่นื ๆ ตามวงจรสธี รรมชาติ
สมี อี ยู่ 2 ชนิดคือ สที ่เี ป็นแสง ได้แก่ สที ่เี กดิ จากการหักเหของแสงกบั สที ่เี ป็นสขี องตวั วัตถุ

แม่สที ี่เป็นวตั ถุ ได้แก่ สเี หลือง สแี ดง สนี ำ�้ เงนิ
และสเี กดิ จากการผสมกนั ของแม่สี
นำ้� หนกั ของสี (Value) หมายถงึ ความสว่างหรือ
ความมืดของสี เช่น ถ้าเราเอาสขี าวไปผสมกบั อกี
สหี น่ ึงสนี ้ันจะสว่างข้นึ

Value of colors Intensity of colors

ความจดั ของสี (lntensity) หมายถงึ ความสดหรือความบริสทุ ธ์ขิ องสๆี หน่ ึง เช่น สที ่ถี ูกสดี ำ� ผสมเข้าไปจะทำ� ให้
หม่นหมอง

ความจัดของสจี ะเรียงลำ� ดบั จากจัดสดุ ไปหม่นสดุ ด้วยการเพ่ ิมปริมาณของสดี ำ� ท่ผี สมเรียงกนั ไปตามลำ� ดบั

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Graphic Design 6

การผสมสี
การผสมสสี ำ� หรับนักออกแบบกราฟิ กมอี ยู่ 2 แบบคอื CMYK และ RGB

ลำ� ดับขัน้ ของสี

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Graphic Design 7

สีร้อน (Warm Color) และสเี ยน็ (Cool Color)
สีร้อน : ได้แก่ สเี หลือง เหลืองส้ม ส้ม แดงส้ม แดง ม่วงแดง และม่วง ให้ความร้สู กึ ร่ ืนเริง ฉูดฉาด จึงมอี ทิ ธพิ ล
ต่อการดงึ ดูดและสร้างความน่าสนใจให้กบั ผลงานได้ดกี ว่าสโี ทนอ่นื นิยมนำ� สรี ้อนมาใช้ในการออกแบบทางด้านส่อื
โฆษณา บางส่วนของงานออกแบบท่ตี ้องการเน้นเป็นพิเศษ เป็นต้น
สเี ยน็ : ได้แก่ สเี หลือง เหลืองเขยี ว เขยี วนำ้� เงนิ นำ้� เงนิ ม่วงนำ�้ เงนิ และม่วง ให้ความร้สู กึ สงบ สดช่ ืน เยน็
สะอาด โดยสมี ่วงและเหลืองจะเป็นวรรณะกลางๆ คืออยู่ได้ท้งั กลุ่มสรี ้อนและสเี ยน็

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

หลักการใช้สีในการออกแบบ Graphic Design 8
1. การใช้สแี บบเอกรงค์ (Monochrome)
ได้แก่ การไล่สเี ดยี วกนั ให้มนี ำ้� หนักแก่อ่อนลงไปตาม 2. การใช้สขี ้างเคียงทำ� ให้เกดิ ความกลมกลืนแบบ 2 สี
ลำ� ดบั และ 3สี

3. การใช้สคี ู่ตรงข้ามเป็นการเล่นกบั การตดั กนั ของสี 4. การใช้สเี กอื บตรงข้ามเป็นการตดั กนั ของสที ่ไี ม่ใช่คู่สี

5. การใช้สตี รงข้าม 2 คู่เคยี งกนั มคี วามขดั แย้งน้อยเพราะมี 6. การใช้สแี บบ 3 เส้าเป็นการใช้แม่สมี าตดั กนั ทำ� ให้มี
สขี ้างเคยี งกนั กลมกลืนอยู่ ความเด่นของท้งั 3 สี

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Graphic Design 9

การแบ่งกล่มุ ของสีทใ่ี ห้ผลต่อความร้สู ึกกบั งานออกแบบ


1. กลุ่มสที ่กี ่อให้เกดิ ความร้สู กึ ต่ นื เต้น (exitement color)
เหมาะสำ� หรับใช้กบั การออกแบบ ประเภทการเตอื นให้ระวังอนั ตราย ได้แก่ สแี ดง สเี หลือง และสแี สด
2. กลุ่มสซี ่ ึงแสดงความเป็นผู้หญิง (feminine color)
เหมาะสำ� หรับใช้กบั การออกแบบท่เี น้นความเป็นผู้หญิง หรือผลิตภณั ฑส์ ำ� หรับผู้หญิง ได้แก่ สชี มพู สฟี ้ า

สเี หลืองอ่อน และสเี ขยี วอ่อน
3. กลุ่มสซี ่ ึงแสดงความเป็นผู้ชาย (masculine color)
เหมาะสำ� หรับใช้กบั การออกแบบท่เี น้นความเป็นผู้ชาย หรือผลิตภณั ฑส์ ำ� หรับผู้ชาย ได้แก่ สดี ำ� สนี ำ�้ เงนิ
สเี ทา และสแี ดง
4. กลุ่มสที ่เี น้นความสด (fresh color)
เหมาะสำ� หรับใช้กบั การออกแบบท่เี น้นความสดของสนิ ค้า เช่น อาหาร เคร่ ืองด่ มื เป็นต้น ได้แก่ สเี หลือง
สเี ขยี วเหลือง และสนี ำ้� เงนิ
5. กลุ่มสที ่แี สดงออกถงึ สขุ ภาพ (healthy color)
เหมาะสำ� หรับใช้กบั การออกแบบผลิตภณั ฑท์ ่เี น้นด้านสขุ ภาพ เช่น อาหารเสริม ยา ได้แก่ สเี หลือง
สนี ำ�้ ตาล และสเี ขยี ว
6. กลุ่มสที ่แี สดงออกถงึ ความน่าเช่ ือถอื (sophisticated color)
เหมาะสำ� หรับการใช้ออกแบบซ่ ึงต้องการจูงใจให้ผู้ดูเช่ ือถอื ในสนิ ค้า หรือผลิตภัณฑน์ ้ันๆ ได้แก่ สดี ำ�
สเี หลืองทอง สนี ำ�้ ตาล และสที อง


GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

ความหมายต่างๆ ของสใี นทางจิตวทิ ยา Graphic Design 10

แด ง กระต้นุ หยุด ต่ นื เต้น วัยร่นุ ความร้อนแรง อนั ตราย เร่ ืองเร่งด่วน ฉุกเฉิน

ส ้ม ระวัง เตอื น ขจัดความร้สู กึ เฉ่ ือยชาให้ความร้สู กึ อบอ่นุ และให้ความร้สู กึ
กระตอื รือร้น
เหล ือง ฉลาด ความรู้ สว่าง
เข ยี ว ปลอดภยั อนุญาติ
นำ�้ เ งนิ ผู้ชาย สะอาด ระเบยี บ

ม่ว ง เวทย์มนต์ ลึกลับ ไสยศาสตร์

ชม พู ผู้หญิง อ่อนหวาน

เท า ความม่นั คง สมำ่� เสมอ ผู้มอี ำ� นาจ บุคลิกท่แี ขง็ แกร่ง ความคลาสสคิ ความตกตำ่�
ความร้สู กึ หดหู่ มวั หมอง

ขา ว ควมบริสทุ ธ์ิ สะอาด เรียบง่าย และความนอบน้อม

ด ำ� สดี ำ� แสดงถงึ พลังอำ� นาจ

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Graphic Design 11

ตวั อักษร (Font)
หน้าท่หี ลักของการออกแบบกราฟิ กเป็นเร่ ืองของการส่อื สารไปยังผู้รับสาร องค์ประกอบหน่ ึงของการส่อื ความ
หมายท่สี ำ� คัญกค็ อื ตวั อกั ษร และตวั อกั ษรกค็ อื ส่วนหน่ ึงของความสวยงามในงานกราฟิ ก

การเลือก Font ไปใช้ในงานออกแบบมขี ้อควรคำ� นึงอยู่ 2 ข้อคอื
1. ความหมายต้องเข้ากนั ความหมายของคำ� และตวั อกั ษรท่เี ลือกใช้ควรจะไปด้วยกนั ได้
2. อารมณข์ องตวั อกั ษร และอารมณข์ องงานต้องไปในทศิ ทางเดยี วกนั

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Essential Skill 12

พนื้ ฐานกราฟกิ ทีต่ ้องรู้
Essential Skill

Bitmap VS. Vector

ภาพท่ใี ช้ในคอมฯ จะมอี ยู่ 2 แบบคอื ภาพแบบ Bitmap และภาพแบบ Vector

Bitmap คือ ภาพท่เี กดิ จากการนำ� จุดเหล่ ียมเลก็ ๆ สสี นั ต่างๆ หรือท่เี รียกกนั ว่า จุดพิกเซลมาเรียงกนั จนเกดิ
เป็นรปู ภาพท่ตี ้องการ

Vector คอื ภาพท่มี ลี ักษณะของการสร้างให้แต่ละส่วนเป็นอสิ ระต่อกนั เช่น วงกลม เส้นตรง ทรงกลม ลูกบาศก์
และอ่นื ๆ เรียกว่ารปู ทรงพ้ืนฐานต่างชนิดมาผสมกนั มที ศิ ทางการลากเส้นไปในแนวต่างๆ เพ่ ือสร้างภาพท่แี ตกต่างกนั
ไป จึงเรียกภาพประเภทน้ีว่า Vector Graphic
ลักษณะเด่นของ Vector คอื ภาพท่สี ามารถยืดหรือหดภาพเทา่ ใดกไ็ ด้ โดยท่ภี าพจะไม่แตก ความละเอยี ดของ
ภาพไม่เปล่ ียนแปลง และยังคงคุณภาพของภาพไว้ได้เหมอื นเดมิ แล้วกย็ ังสามารถขยายเฉพาะความกว้างหรือความสงู
กไ็ ด้ และไฟล์มขี นาดเลก็ กว่าภาพ Bitmap

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Essential Skill 13

กำ� หนดความละเอียดอยา่ งไรใหเ้ หมาะสมกับการนำ� ไฟล์ไปใชง้ าน
ภาพสำ� หรับใช้ในคอมพิวเตอร์ : 72 พิกเซล/น้ิว
ภาพสำ� หรับส่อื ส่งิ พิมพ์ขนาดเลก็ ถงึ ปานกลาง : 120 - 150 พิกเซล/น้ิว
ภาพสำ� หรับส่งิ พิมพ์คุณภาพสงู เช่น ปกหนังสอื หรือโปสเตอร์ : 300 พิกเซล/น้ิว
ไฟลแ์ บบต่างๆ สำ� หรบั งานกราฟิกดีไซน์
- ไฟล์ JPEG
- ไฟล์ BMP
- ไฟล์ Tiff
- ไฟล์ Png
- ไฟล์ PSD
- ไฟล์ Ai
- ไฟล์ PDF
- ไฟล์ EPS
โหมดสีในการท�ำงานกราฟกิ

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

ADOBE PHOTOSHOP CS 4

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 15

ความรูเ้ บื้องต้น : รู้จักโปรแกรม
Photoshop

โปรแกรม Photoshop เป็นโปรแกรมในตระกูล Adobe ท่ใี ช้สำ� หรับตกแต่งภาพถ่ายและภาพกราฟฟิ ก ได้อย่างมี
ประสทิ ธภิ าพ ไม่ว่าจะเป็นงานด้านส่งิ พิมพ์ นิตยสาร และงานด้านมลั ตมิ เี ดยี อกี ท้งั ยังสามารถ retouching ตกแต่งภาพ
และการสร้างภาพ ซ่ ึงกำ� ลังเป็นท่มี นิยมสงู มากในขณะน้ี เราสามารถใช้โปรแกรม Photoshop ในการตกแต่งภาพ การใส่
Effect ต่าง ๆให้กบั ภาพ และตวั หนังสอื การทำ� ภาพขาวดำ� การทำ� ภาพถ่ายเป็นภาพเขยี น การนำ� ภาพมารวมกนั การ
Retouch ตกแต่งภาพต่าง

ส่วนประกอบต่างๆ ของโปรแกรม ab
dc
h

eg

f

a. Application bar = ควบคุมตวั โปรแกรมและหน้าต่างโปรแกรม เช่น ย่อขนาด
b. Workspace = เปล่ ียน Layout ของเคร่ ืองมอื และคำ� สง่ั ต่างๆ ให้เหมาะสมกบั การทำ� งาน
c. Menu = เมนูหลัก ชุดคำ� สง่ั ต่างๆ สำ� หรับทำ� งานท่รี วบรวมคำ� สง่ั เอาไว้
d. Options bar = แสดง Options คุณสมบตั ยิ ่อยสำ� หรับปรับแต่งเคร่ ืองมอื ท่เี ลือกใช้งานอยู่
e. Toolbox = กล่องเคร่ ืองมอื เป็นส่วนท่โี ปรแกรมเกบ็ เคร่ ืองมอื ต่างๆ ท่ตี ้องการใช้ในทำ� งาน
f. Active image area = พ้ืนท่ที ำ� งาน
g. Penels = กลุ่มของหน้าต่างสำ� หรับควบคุมค่าการปรับแต่งต่างๆ รวมท้งั แสดงรายละเอยี ด
ปลีกย่อยในตอนทำ� งาน
h. Collapse To Icon Button = ป่ ุมใช้สำ� หรับย่อขนาดส่วนประกอบต่างๆ ซ่อนลงไป

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 16

สว่ นประกอบของ Toolbox e

d a. Tool panel กล่องเคร่ ืองมอื
a b. Action tool เคร่ ืองมอื ท่ถี ูกเลือกใช้อยู่
b c. Hidden tool เคร่ ืองมอื ท่ซี ่อนอยู่
c d. Tool name ช่ ือเคร่ ืองมอื
e. Tool shortcut คีย์ลัด
f. Hidden tool triangle สญั ลักษณส์ ามเหล่ ียมเพ่ ือแสดงว่า
เคร่ ืองมอื น้ันๆ มเี คร่ ืองมอื อ่นื ซ่อนอยู่

f

การสร้าง ไฟลใ์ หม่ เลือก File > New

ต้ังช่ ืองาน
กำ� หนดขนาด
กำ� หนดความละเอยี ดของภาพ
กำ� หนดโหมดสี
กำ� หนดพ้ืนหลัง

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

การจดั การ Panel Adobe Photoshop CS 17
a
b a. Title bar
b. Tab
c c. Drop zone

การพับเกบ็ Panel

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

การใช้ Slider บน Control Bar Adobe Photoshop CS 18
ab การปรบั เปลีย่ น Workspace
c

d

a. Menu arrow
b. Scrubby slider
c. Click to open pop-up slider box.
d. Drag slider or angle radius.

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 19

การเรียกใช้ Bridge (File Browser)
เป็นเคร่ ืองมอื ท่ใี ช้เปิ ดดูภาพ และรายละเอยี ดต่างๆ ของภาพน้ันได้ และยังสามารถเปิ ดไฟล์ผ่านทาง File Browser
ได้อกี ด้วย โดยการเลือกภาพและลากมาวาง

การใชเ้ ครอ่ื งมือในการจดั มุมมอง
Zoom tool
click ท่ภี าพ เพ่ ือขยายหรือย่อมุมมอง หรือสามารถเจาะจงเพ่ ือดูภาพ
เฉพาะส่วนได้ ซ่ ึงขนาดของภาพจะเทา่ เดมิ แต่เราเข้าไปดูภาพในระยะใกล้ -
ไกลตามต้องการ

Zoom in Zoom ดูเฉพาะบางส่วน
Zoom out

Hand tool
ในการทำ� งานเราสามารถลากภาพไป มาในทศิ ทางท่ตี ้องการได้ โดยใช้
hand tool หรือกด spacebar ค้างเอาไว้

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 20

Selection การเลอื กแบบต่างๆ
การทำ� งานใน Photoshop โดยปกตจิ ะเป็นการทำ� งานท้งั ภาพ แต่เราสามารถกำ� หนดขอบเขตของการกระทำ� ได้
โดยการใช้ selection
Marquee tools ใช้สำ� หรับสร้าง selection

สร้าง selection แบบส่เี หล่ ียม

สร้าง selection แบบทรงกลม

Move tools ใช้สำ� หรับย้ายตำ� แหน่ง

Lasso tools สร้าง selection แบบอสิ ระ โดยคลิกซ้ายค้างไว้ และลากเม้าส์
เพ่ ือให้เกดิ selection ท่ตี ้องการ
สร้าง selection แบบอสิ ระ โดยคลิกเม้าส์ เพ่ ือกำ� หนดจุด ให้เกดิ selection
ท่ตี ้องการ ซ่ ึงเส้นท่เี กดิ ข้นึ เป็น selection จะเป็นเส้นตรง
สร้าง selection แบบอสิ ระ โดยคลิกซ้ายและลากเม้าส์ เพ่ ือให้เกดิ selection ท่ ี
ต้องการ (ไม่ต้องกดค้าง)
สร้าง selection แบบอสิ ระ โดยคลิกเม้าส์ ลงบนพ้ืนท่ที ่ตี ้องการ โดยโปรแกรม
Magic Wand tools จะคำ� นวณจากสที ่แี ตกต่างกนั มาเป็นตวั กำ� หนดขอบเขต





การเพ่ ิม หรือลบ selection
หลังจากท่เี ราสร้าง selection แล้วเรายังสามารถเพ่ ิม หรือลบ selection ได้โดยใช้ Option menu ของเคร่ ืองมอื
ในการสร้าง selection

การ add selection เพ่ ิม selection หรือ กด shift ค้างไว้
การ subtract selection ลบ selection หรือ กด Alt ค้างไว้
การ intersected selection

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 21

เครื่องมอื วาดภาพ
Brush Tool เราสามารถวาดภาพใน Photoshop ได้โดยใช้พู่กนั ซ่ ึงสามารถเปล่ ียน ขนาดความโตและ
รปู แบบของ ปลายพู่กนั

ปรับขนาดความโตของปลายพู่กนั
เลือกรปู แบบของปลายพู่กนั

และสามารถเลือกปลายพู่กนั ได้จาก Brush Palette

ปรับแต่งโดย เลือกให้มเี คร่ ืองหมายถูกในรปู แบบท่ตี ้องการ

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 22

Pencil Tool ลักษณะการใช้งานเหมอื นกบั Brush ทุกประการ แต่เส้นท่ไี ด้จะคม

การเลอื กสี

c a. = สี Foreground
a d b. = เปล่ ียนเป็นค่าเร่ ิมต้น
b c. = สลับสรี ะหว่าง Foreground และ Background
d. = สี Background

สามารถเลือกสไี ด้ท่ ี swatches palette
โดยคลิกเลือกสที ่ตี ้องการ สที ่เี ลือกจะไปแทนท่สี ี Foreground เดมิ
swatches color

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 23

เครือ่ งมือตกแตง่ ภาพ

Healing Brush tool เป็นเคร่ ืองมอื สำ� หรับคดั ลอกภาพไปแปะทบั ลงบนพ้ืนท่ ี ท่ไี ม่ต้องการ

1. เลือกเคร่ ืองมอื
2. click ลงบนพ้ืนผวิ ท่ตี ้องการคัดลอก ในขณะท่ ี click ให้กดป่ ุม Alt ค้างเอาไว้
3. นำ� เม้าสม์ าพ่นลงบนพ้ืนท่ที ่ตี ้องการ

Patch tool เป็นเคร่ ืองมอื สำ� หรับคัดลอกภาพ คล้ายกบั แตกต่างกนั ตรงท่ผี ู้ใช้จะต้อง
สร้าง selection ท่พี ้ืนผวิ ท่เี สยี หายก่อน

1. เลือกเคร่ ืองมอื
2. สร้าง selection ท่พี ้ืนผวิ ท่เี สยี หาย
3. ลาก selection ท่สี ร้างไปวางยังตำ� แหน่งท่ตี ้องการ
Color Replacement tool
สามารถเปล่ ียนสขี องภาพให้เเป็นตามสที ่ตี ้องการ
อาจใช้สำ� หรับ Remove red eyes
1. เลือกเคร่ ืองมอื
2. เลือกสที ่ตี ้องการให้ปรากฎในกล่องเคร่ ืองมอื
3. นำ� เม้าสม์ าลากลงบนพ้ืนท่ที ่ตี ้องการ

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 24

เครื่องมอื ตกแตง่ ภาพ

Clone Stamp tool เป็นเคร่ ืองมอื สำ� หรับคัดลอกภาพไปแปะทบั ลงบนพ้ืนท่ ี ท่ไี ม่ต้องการ

1. เลือกเคร่ ืองมอื
2. click ลงบนพ้ืนผวิ ท่ตี ้องการคัดลอก ในขณะท่ ี click ให้กดป่ ุม Alt ค้างเอาไว้
3. นำ� เม้าสม์ าพ่นลงบนพ้ืนท่ที ่ตี ้องการ (ปล่อบป่ ุม Alt)
Erase tool ลบส่วนท่ไี ม่ต้องการด้วยยางลบ

1. เลือกเคร่ ืองมอื
2. ปรับหัวแปรงให้ได้ขนาดตามต้องการ
3. นำ� เม้าสม์ าลากลงบนพ้ืนท่ที ่ตี ้องการลบ

Backgroung Erase tool ลบเฉพาะสี Backgroung 1. เลือกเคร่ ืองมอื
Magic Erase tool ลบเฉพาะสที ่ตี ่อเน่ ืองกนั 2. เลือกสที ่ตี ้องการลบ (กด Alt)
3. นำ� เม้าสม์ าลากลงบนพ้ืนท่ที ่ตี ้องการลบ

ภาพจะถูกลบเฉพาะสที ่ถี ูกเลือก

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 25

เคร่อื งมอื ตกแตง่ ภาพ

Gradient tool เป็นเคร่ ืองมอื สำ� หรับไล่เฉดสใี ห้กบั วัตถุ ซ่ ึงมใี ห้เลือกปรับหลากหลายรปู แบบ

เลือกปรับหลากหลายรปู แบบ

Click ปรับรายละเอยี ดด้วยตวั เองได้

Paint Bucket tool
เคร่ ืองมอื สำ� หรับเทสลี งบนพ้ืนท่ที ่ตี ้องการ

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 26

เคร่อื งมอื ตกแตง่ ภาพ

Blur tool เป็นเคร่ ืองมอื สำ� หรับทำ� ให้ภาพเบลอ

Sharpen tool เป็นเคร่ ืองมอื สำ� หรับทำ� ให้ภาพคมชัด

Smudge tool เป็นเคร่ ืองมอื สำ� หรับลบรอยเป้ื อนท่ภี าพโดยการเกล่ ียภาพ จากพ้ืนท่ใี กล้ๆ เข้าไป

Dodge tool เป็นเคร่ ืองมอื สำ� หรับเพ่ ิมความขาวและสดใสให้ภาพ

Burn tool เป็นเคร่ ืองมอื สำ� หรับเพ่ ิมความเข้มให้ภาพ

Sponge tool เป็นเคร่ ืองมอื สำ� หรับทำ� ภาพให้ ซีดจาง (ดงึ สอี อกไปจากภาพ)

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 27

การปรบั แต่งสแี ละความคมชัดของภาพ
ใน Photoshop เราสามารถ ปรับแต่ง สี ความคมชัด และรายละเอยี ดต่างๆ ได้โดยการเลือกท่ ี

Image>Adjustment
การปรับความสว่างความคมชัดของภาพ
เล่ ือนปรับแต่งค่าความสว่าง
เล่ ือนปรับแต่งค่าความคมชัด
Brightness

Contrast

การปรับสขี องภาพ Color Balance
เราสามารถเลือกปรับสจี ากภาพให้เหมอื นจริง หรือว่าแตกต่างจากของจริงได้ สามารถเลือกปรับได้ในแต่ละสี


GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 28

การย้อนกลบั การกระท�ำที่ผา่ นมาดว้ ย History Palette
จาก Menu Bar เลือก window>History

เราสามารถย้อนกลับการกระทำ� ต่างๆ จากหน้าต่าง history
ซ่ ึงหน้าต่างน้ีจะเกบ็ ข้นั ตอนการทำ� งาน การเรียกใช้คำ� สง่ั
ท่ผี ่านมา และเราสามารถ ลบข้นั ตอนเหล่าน้ันท้งิ ได้โดย
การเลือกและ click ท่ ี icon รปู ถงั ขยะ หรือลากข้นั ตอนน้ันๆ
มาปล่อยลง ท่ ี icon รปู ถงั ขยะ

การสรา้ งภาพ Vector ใน Photoshop

หลังจากท่เี ราสร้าง shape ข้นึ มา จะเกดิ
layer ใหม่ข้นึ มา 1layer หากต้องการทำ� ให้
layer น้ันเป็น layer ปกติ ให้ click ขวา
ท่ ี layer และเลือก Rasterize layer


นอกจากน้ีเรายังสามารถกำ� หนดค่าต่างๆของรปู ร่างท่ตี ้องการสร้างจากหน้า set tool-specific options
เช่น กำ� หนด จำ� นวนด้านของ polygon กำ� หนดสี

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 29

การใชง้ าน Layer


layer เปรียบเสมอื น การวาดภาพลงบนแผ่นใส หลายๆแผ่น
และนำ� มาวางซ้อนทบั กนั ณ. ตำ� แหน่งเดยี วกนั เราจึงสามารถ
มองเหน็ วัตถุได้พร้อมกนั แต่แยกกนั อยู่คนละช้ัน ของแผ่นใส
หรือ แยกกนั อยู่คนละ layer น่ันเอง


new layer Delete layer
การเปล่ ียนลำ� ดบั ข้นั ของ layer ทำ� ได้โดยการ click ท่ ี layer ลากปล่อยยังลำ� ดบั ท่ตี ้องการ

การลบ layer ทำ� ได้โดยการ click ท่ ี layer ลากไปปล่อยยัง
การป้ องกนั การแก้ไข สามารถ lock layer ได้ โดย click ท่รี ปู กุญแจให้จมลงไป

เราสามารถใส่ effect ให้กบั วัตถุ ท่อี ยู่ในแต่ละ layer ได้
โดยการ click ท่ ี icon จะเกดิ หน้าต่างข้นึ มาให้เรา
สามารถกำ� หนด effect ต่างๆ ได้ตามต้องการ

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 30

การพมิ พ์ข้อความและตวั อักษร

การพิมพ์ ข้อความ ในPhotoshop สามารถพิมพ์ได้เหมอื น
โปรแกรมโดยทว่ั ๆ ไป ทุกประการ และยังสามารถ กำ� หนดค่า
รายละเอยี ด และเพ่ ิม effect ได้



การกำ� หนดรปู แบบตวั อกั ษรด้วย warp text



การกำ� หนดรปู แบบตวั อกั ษรด้วย warp text ทำ� ได้โดยการ click ท่ ี
icon จะเปิ ดหน้าต่างข้นึ มาให้กำ� หนดค่าตามต้องการ

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

การปรบั แตง่ รปู ร่างให้กบั ภาพ Adobe Photoshop CS 31

การย่อขยาย แบบแกนเดยี ว จาก Menu Bar เลือก Edit>Free Transform Path

การย่อขยาย แบบสองแกน

การหมุน

การบดิ เอยี ง กดป่ ุม Ctrl ค้างไว้ขณะทำ� งาน


GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 32

การปรับแต่งรปู ร่างใหก้ ับภาพ แบบก�ำหนดคา่
เราสามารถกำ� หนดค่า Transform ได้จาก option menu ด้านบน โดยการพิมพ์เป็นตวั เลข เป็นเปอร์เซน็ ต์


ขนาดกว้าง - ยาว มุมหมุน การบดิ เอยี งภาพ

w = 200%

rotate = 90 องศา

จาก Menu Bar เลือก Edit>Transform>Perspective

perspective

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 33

การใช้ Fillter เพอ่ื สร้างผลงาน
Fillter คอื การสร้าง Effect ให้กบั ภาพน่ันเอง ในโปรแกรมจะมมี าให้บางส่วน และสามารถตดิ ต้ังเพ่ ิมเตมิ ได้
ซ่ ึงเรียกว่า Plugin

เราสามารถดูผลลัพธข์ อง Fillter แต่ละแบบได้จาก Fillter Gallery ท่ ี menu fillter>Fillter Gallery
ส่วนแสดงภาพ เลือก fillter แต่ละประเภท

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Photoshop CS 34

การพมิ พง์ าน : File>Print

A.Preview print การแสดงสัญลักษณง์ านพิมพ์
B.Position and scale image
C.Set printer and print job options
D.Set paper orientation
E.Specify prepress output options
F.Specify color management and proofing options


Page marks
A.Gradient tint bar
B.Label
C.Registration marks
D.Progressive color bar
E.Conner crop mark
F.Center crop mark
G.Description
H.Ster target

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

ADOBE ILLUSTRATOR CS

Version CS4 - CS5

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Illustrator CS 36

ความรเู้ บอื้ งตน้ : ร้จู กั โปรแกรม
Illustrator

โปรแกรม Illustrator เป็นโปรแกรมในตระกูล Adobe ท่ใี ช้สำ� หรับคู่กบั โปรแกรม Photoshop เลยกว็ ่าได้ สำ� หรับ
การทำ� งานกราฟิ กแล้ว Illustrator จะทำ� หน้าท่หี ลักๆ คอื การวาดภาพกราฟิ ก การพิมพ์ข้อความต่างๆ ลงไปในช้ินงาน
ซ่ ึงหากเป็นงานกราฟิ กส่งิ พิมพ์แล้ว การออกแบบมกั จะจบท่ ี โปรแกรมน้ีก่อนท่จี ะส่งโรงพิมพ์เพ่ ือตพี ิมพ์เป็นงานจริง

งานทีเ่ หมาะสมกับ Illustrator
งานส่งิ พิมพ์ งานกราฟิ กทว่ั ไป / งาน 2 มติ ิ ท่ตี ้องสร้างข้นึ มาใหม่ Logo และสญั ลักษณต์ ่างๆ /
งานจัด Layout ส่อื ส่งิ พิมพ์ / งานสร้างภาพประกอบ การ์ตนู

สว่ นประกอบหลักของโปรแกรม Illustrator CS d c

b
e

h

a

fg

i f. Tool Panel กล่องเคร่ ืองมอื
g. Panel title bar กลุ่มหน้าต่างควบคุมค่าการปรับแต่งต่างๆ
a. Artboard หน้ากระดานทำ� งาน h. Tabbed Document : Illustrator
b. Menu ชุดคำ� สง่ั ต่างๆ i. Status bar แสดงสถานะต่างๆ ท่ที ำ� งานอยู่
c. Application bar
d. Workspace Switcher GRAPHIC DESIGN
e. Control Panel แสดง Options ปรับแต่ง BY THAMMARAT JAROONCHON

เคร่อื งมือท้งั หมดใน Illustrator Adobe Illustrator CS 37

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

การสรา้ งไฟลใ์ หมส่ �ำหรับงานดา้ นต่างๆ Adobe Illustrator CS 38
File > New

Name สำ� หรับต้ังช่ ือ
New Document Profile เลือกรปู แบบโพรไฟล์ทำ� งาน
Number of Artboards กำ� หนดค่าจำ� นวนกระดาษวาดภาพ
Size เลือกขนาดกระดาษวาด
Width/Height ขนาดความกว้าง/ความสงู ตามขนาดหน่วยวัดท่เี ลือกไว้
Unit เลือกหน่วยวัด
Orientation เลือกรปู แบบกระดานวาดแนวต้ัง/แนวนอน
Bleed กำ� หนดระยะก้นั หน้า/หลัง บน/ล่างกระดานวาด !!! ควรเลือกโหมดสีใหถ้ กู ต้องกับงาน
Color Mode โหมดสสี ำ� หรับการทำ� งาน เพราะจะมีผลกบั การมองผา่ นทางจอ
CMYK ใช้ในการทำ� งานด้านส่อื ส่งิ พิมพ์ และการผลติ งานจรงิ !!!

RGB เป็นโหมดการแสดงผลตามหน้าจอ

การบันทึกงาน (SAVE)
File > ......
Save บนั ทกึ เป็นคร้ังแรก
Save As บนั ทกึ file ท่ที ำ� งานอยู่ให้เป็น file ใหม่
Save a Copy บนั ทกึ file ท่ที ำ� งานอยู่ให้เป็น file ใหม่ และสามารถทำ� งานบน file เดมิ ได้

Save for web บนั ทกึ file ท่ที ำ� งานอยู่ให้เป็น file ภาพท่ใี ช้บน internet GRAPHIC DESIGN

BY THAMMARAT JAROONCHON

สว่ นประกอบตา่ งๆ ของวตั ถุ Adobe Illustrator CS 39

c

d

a Strokae = เส้นขอบ
b

Fillb= สี

สามารถกด Tab เพ่ ือเปิ ด - ปิ ด เคร่ ืองมอื ได้ c Point หรือ Vertex = จุดท่เี ช่ ือมโยงกนั เป็นรปู ร่างต่างๆ
การใชส้ ี / ข้อควรระวงั d Bounding Box = เส้นกรอบอ้างองิ ตำ� แหน่งภาพ

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

การกำ� หนดมุมมอง (Zoom / Pan) Adobe Illustrator CS 40

Pan Zoom

1) เลือก เคร่ ืองมอื Zoom ( Ctrl + + )
2) Click ลงบนพ้ืนท่ ี ท่ตี ้องการขยาย

A A

1) เลือก เคร่ ืองมอื Zoom ( Ctrl + - )
2) Click ลงบนพ้ืนท่ ี ท่ตี ้องการขยาย กดป่ ุม Alt ค้างไว้ขณะ Click

A A

1) เลือก เคร่ ืองมอื A
2) แดรกคล์ งพ้ืนท่ ี ท่ตี ้องการขยาย

A1
2

1) เลือก เคร่ ืองมอื Pan ( กด Space Bar ค้างไว้ )
2) Click ลาก / เล่ ือนมุมมองได้ตามต้องการ

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

การเลือกสใี นกลอ่ งเครือ่ งมอื Adobe Illustrator CS 41
a
d c a. Fill / สขี องพ้ืนท่เี ลือก b. Stroke / สขี องเส้นขอบ
b c. ใช้สลับสกี นั ระหว่าง Fill & Stroke
d. ช่องแสดงสที ่เี ลือก
f e. เปล่ ียนสภี าพปกตเิ ป็นไล่สี f. การกำ� หนดไม่ให้มสี ี

e 2. กำ� หนดขนาดของเส้นได้ท่พี าเลท Stroke
การกำ� หนดขนาดเสน้ ขอบ ( Stroke )
1. เลือกท่วี ัตถุ

การสร้างวตั ถุ

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

การสรา้ งวัตถุแบบกำ� หนดคา่ Adobe Illustrator CS 42
1. Click เลือกรปู ร่างท่ตี ้องการสร้าง
2. Click บนพ้ืนท่ ี ท่ตี ้องการ
3. กำ� หนดขนาด ตามต้องการ

การสร้างวตั ถดุ ว้ ย Pen Tool

สำ� หรับดดั เส้นให้โค้ง
สำ� หรับลบจุด
สำ� หรับเพ่ ิมจุด

การดดั เส้น
สามารถคล๊ิกลงไปท่จี ุดเพ่ ือดดั ให้โค้งได้ตามต้องการ

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Illustrator CS 43

การวาดเส้นด้วยพ่กู ัน Paintbrush Tool
Paintbrush Tool เป็นการสร้างเส้นอย่างอสิ ระ เหมอื นพู่กนั โดยการกำ� หนดตำ� แหน่งจาก mouse

1. กำ� หนดปลายพู่กนั ท่ตี ้องการจะวาด โดยเลือกท่ ี Brushes 2. วาดโดยอสิ ระ

สามารถเลือก Brushes เพ่ ิมได้ท่ ี Window > Brush Libraries สามารถเลือกปรับ Stroke ได้
!!! กำ� หนดให้ไม่ Fill

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

การหมนุ วัตถุ Rotate Adobe Illustrator CS 44

Double Click เพ่ ือกำ� หนดค่า

การยอ่ /ขยายวตั ถุ Scale

การพมิ พ์ตัวอักษร และ การปรบั ตำ� แหนง่ 4)
From Menu Bar
Windows==>Type==>Character หรือ Ctrl+T

การพิมพ์โดยกำ� หนดขอบเขตท่ชี ัดเจน
1) Click
2) 3)

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Illustrator CS 45

ตวั อ่นื ๆ กเ็ หมอื นกนั แต่เป็น
แนวต้ัง

การเพ่มิ Stroke ใหต้ ัวอกั ษร หรอื วัตถุ Ungroup การ Create Outline จะแปลง Text
TEXT Create Outline เป็น Graphic ( ไม่อ้างองิ font ใน
การเปิ ด file ) ก่อนส่งสง่ั พิมพ์ควร
Create Outline ทุกคร้ัง เพ่ ือแก้
ปัญหาความผดิ พลาดในการพิมพ์

เปิ ดหน้าต่าง Appearance เลือก Add New Stroke

Stroke ท่อี ยู่ด้านบนจะแสดงผล
ก่อนส่วนท่อี ยู่ด้านล่าง

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Reflect Tool Adobe Illustrator CS 46

เลือกวัตถุ > กดป่ ุม Alt ค้างไว้และ Double click ท่เี คร่ ืองมอื แล้ว click วัตถุอกี คร้ัง

Shear Tool

บิดเอียง

Effect > Blur > Gaussian Blur

Warp Tool

ปรับหัวแปรงได้ท่นี ่ ี

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON

Adobe Illustrator CS 47

Twirl Tool

!!! Twist จะหมุนภาพจากจุดศนู ย์กลาง ใส่ค่าเป็นลบ จะหมุนกลับด้าน
!!! Twirl หมุนภาพจากจุดใดๆ กไ็ ด้

Scallop Tool ใช้ดึงขอบภาพให้หด

Click ค้างไว้ท่ ี
จุดศนู ย์กลาง

Crystallize Tool ท�ำขอบภาพให้เป็นรอยหยัก

Wrinkle Tool ทำ� ขอบภาพใหเ้ ปน็ รอยหยกั

GRAPHIC DESIGN
BY THAMMARAT JAROONCHON