ITE 255 Graphic Design

ITE 255 Graphic Design สปดาหท หวขอ

1 (21 /07/14)

- ประวตการออกแบบ - องคประกอบของการออกแบบ - รจกกบ Adobe Photoshop -ฝกใชเครองมอ Marquee Tool , Lasso Tool -ฝกใชเครองมอ Spot Healing and Healing Brush Tool

ITE 255 Graphic Design

สปดาหท หวขอ 2

(28 /07/14) - หลกส าคญในการออกแบบกราฟก - ความสมดลของภาพ - การจดวางวตถในต าแหนงทเหมาะสม - แสง และ เงา - ฝกใชเครองมอ Rectangle Tool - ฝกใชเครองมอ Brush Tool and Magic Wand Tool

ITE 255 Graphic Design สปดาหท หวขอ

3 (04 /08/14)

- ส กบงานกราฟก - พนผว - การก าหนดชองวาง - ฝกใชเครองมอ Gradient Tool - ฝกใชเครองมอ Pen Tool - ฝกใชเครองมอ Eyedropper Tool

ITE 255 Graphic Design สปดาหท หวขอ

4 (18 /08/14)

-ฝกปรบภาพจาก Add a layer style

^ ^ Midterm ^ ^ (2 hr.)

ITE 255 Graphic Design สปดาหท หวขอ

5 (18 /08/14)

- Workshop

ITE 255 Graphic Design สปดาหท หวขอ

6 (25/08/14)

- ภาพชนดเวกเตอร - รจกกบ Adobe Illustrator - พนฐานการใช Illustrator ส าหรบวาดการตน

ITE 255 Graphic Design สปดาหท หวขอ

7 (01/09/14)

- ขนตอนการท างานสงพมพ - การเตรยมไฟลส าหรบสงพมพ - วาดการตนจากรปทรงเรขาคณต

ITE 255 Graphic Design สปดาหท หวขอ

8 (08/09/14)

- การใชงาน Pen Tool - จดการกบส

ITE 255 Graphic Design สปดาหท หวขอ

9 (15/09/14)

- ดราฟตภาพจรงใหเปนลายเสน

ITE 255 Graphic Design สปดาหท หวขอ

10 (22/09/14)

- ออกแบบลายสกรนบนเสอยด

ITE 255 Graphic Design สปดาหท หวขอ

11 (29/09/14)

- ออกแบบบรรจภณฑ / ฉลากสนคา

ITE 255 Graphic Design สปดาหท หวขอ

12 (06/10/14)

^ ^ Final ^ ^

เกณฑการใหคะแนน

• งานระหวางเรยน 40 คะแนน • Midterm 25 คะแนน • Final 25 คะแนน • เวลาเรยน 10 คะแนน

ประวตการออกแบบ

งานศลปะไดเรมมการสรางกนมาต งแตยคกอนประวตศาสตร ตงแต ยคหน มนษยไดเขยนภาพสและขดขดบนผนงถ า เปนภาพสตว การลาสตวและภาพลวดลายเรขาคณต โดยมจดมงหมายเพอแสดงออกเกยวกบวถชวตประจ าวน และแสดงความสามารถในการลาสตว ภาพเหลานถกระบายดวยถานไม และสทผสมกบไขมนสตว

ประวตการออกแบบ

พบไดทวไปในประเทศฝรงเศส และภาคเหนอของสเปนทมชอเสยงมากไดแก ถ าลาสโคซในฝรงเศส และ ถ าอลตามราในสเปน งานศลปะในยคเกาไมมเพยงแตการเขยนภาพเทานน ยงมการปนรปดวยดน

เหนยว หรอแกะสลกบนกระดกเขาสตวและงาชาง

ถ าลาสโคซ (Lascaux Cave) ต งอยบรเวณหบเขาทางตะวนตกเฉยงใตของประเทศฝรงเศส

ภายในถ ามภาพวาดยดหน มอายตงแต 15,000 ป กอนครสตศกราช มภาพวาดรปสตวตาง ๆ เชนภาพฝงกวาง ภาพกระทงด าขนาดใหญ และภาพวาดตาง ๆ อกประมาณ 2,000 ภาพ

ถ าอลตามรา (Altamira Cave) เปนถ าหนปนมขนาดความลก 300 หลา ภาพเขยนอนเกาแกภายใน

ถ าแหงน ถกคนพบโดยบงเอญ ในป ค.ศ. 1869 โดยมารเซลโน ซนซ เด เซาตโอลา นกโบราณคดสมครเลนและเปนเจาของทดนบรเวณดงกลาว

ประวตการออกแบบ

• จตกรรมเอเชยเหนอ (รสเซย)

• จตกรรมเอเชยกลาง (คาซคสถาน)

• จตกรรมเอเชยตะวนออก (ไตหวน)

• จตกรรมเอเชยตะวนออกเฉยงใต (บรไน)

• จตกรรมเอเชยใต (อนเดย)

ประวตการออกแบบ

ในประเทศไทยพบท

ผาแตม อ าเภอโขงเจยม จงหวดอบลราชธาน

ถ าเขาจนทรงาม อ าเภอสคว จงหวดนครราชสมา วสดอปกรณเครองมอ เครองใช เครองประดบ ไดแก เครองปนดนเผา จากแหลงโบราณคดบานเชยง เปนตน

ผาแตม

จงหวดอบลราชธาน

ถ าเขาจนทรงาม อ าเภอสคว จงหวดนครราชสมา

ความหมายของการออกแบบ

การออกแบบมความหมายกวางขวาง และแตกตางกนไปลกษณะงานนนหรออาชพนนๆ เชน จตรตกร กใหความหมายของการออกแบบ ทเกยวกบ การน าองคประกอบศลปมาสรางสรรคศลปะเพอความงามเปนหลก ตางจากสถาปนก ซงการออกแบบทเกยวกบโครงสราง เพอประโยชนใชสอยเปนหลก เปนตน โดยมผใหความหมายเกยวกบการออกแบบมากมายพอสรปไดดงน

การออกแบบ

หมายถง การสรางสรรคสงใหม หรอการปรบปรงดดแปลงของเกาทมอยแลวใหดยง มรปแบบทแปลกไปจากเดม โดยมการวางแผนอยางเปนกระบวนการกอนลงมอปฏบตเลอกวสด โครงสรางและวธการทเหมาะสมตลอดจนค านงถงความงามและประโยชนใชสอย

การออกแบบ

หมายถง การสรางสรรคผลงานในรป 2 มต 3 มต ใหเกดความสวยงามและสามารถน ามาใชใหเกดประโยชนตามความเหมาะสมกบสภาพตางๆ

การออกแบบ

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

การออกแบบ

หมายถง การแกปญหาและรหลกการในศลปะ น ามาใชใหเ กดประโยชนใชสอยและความงาม

ประเภทของการออกแบบ

1 การออกแบบสรางสรรค เปนการออกแบบเพอ น าเสนอความงาม ความพงพอใจ เนนความคด

สรางสรรค แปลกๆ ใหมๆ ใหเกดความสะเทอนใจ เราใจ ซงการสรางสรรคนอาจเปนการพฒนาจากสงทมอยเดม หรอสรางขนใหมกได งานออกแบบ

สรางสรรคนม 5 ลกษณะ คอ

1

งานออกแบบจตรกรรม (Painting) คองานศลปะ ดานการวาดเสน ระบายส เพอแสดงอารมณ และความรสก ในลกษณะ สองมต

จ าเปนตองใช ความคดสรางสรรค ในผลงานแตละชนของผสราง

2

งานออกแบบประตมากรรม (Sculpture)คองานศลปะดาน การปน แกะสลก เชอมตอในลกษณะสามมต คอมทงความกวาง ยาว

และหนา

3

งานออกแบบภาพพมพ (Printmaking) คองานศลปะทใชกระบวนการพมพมาสรางสรรครปแบบดวยเทคนคการพมพตางๆ เชน ภาพพมพไม

โลหะ หน และอนๆ

4

งานออกแบบสอประสม (Mixed Media) คองานศลปะทใชวสดหลากหลายชนด เชน กระดาษ ไม โลหะ พลาสตก เหลก หรอวสดอนๆ

น ามาสราง ความผสาน กลมกลน ใหเกดผลงานทแตกตางอยางกวางขวาง

5

งานออกแบบภาพถาย (Photography) ยคนเปนยคทการถายภาพ

กลายเปนเรองงายๆ ส าหรบผทสรางสรรคงานถายภาพ ซงเทคโนโลยการถายภาพ มการพฒนาไปอยางรวดเรว การถายภาพอาจเปนภาพ คน สตว สงของ ธรรมชาตทวๆไป โดยมงเนนการสรางสรรค เนอหาท

แปลกใหม เพอสนองความตองการของผถายภาพ

2. การออกแบบสญลกษณและเครองหมาย (Symbol & Sign)

เปนการออกแบบเพอสอความหมาย เปนสญลกษณหรอเครองหมายท ท าความเขาใจกบผพบเหน โดยไมจ าเปน ตองมภาษาก ากบ เชน ไฟแดง

เหลอง เขยว ตามสแยก หรอเครองหมายจราจรอนๆ

เครองหมาย (Symbol)

คอสอความหมายทแสดงความนยเพอเปนการช เตอน หรอก าหนดใหสมาชกในสงคม รถง ขอก าหนด อนตราย เชน เครองหมายจราจร เครองหมายสถานท เครองหมายทใชกบเครองกล เครองหมายทใชกบเครองไฟฟา เครองหมายตามลกษณะสงของ เครองใช ฯลฯ

สญลกษณ

คอ สอความหมายเพอบอกใหทราบถงสงใดสงหนง ซงไมมผลในทางปฏบตเหมอน เครองหมาย แตมผลทางดานการรบร ความคด หรอทศนคต ทพงมตอสญลกษณนนๆ เชน

สญลกษณของชาต เชน ธงชาต ฯ

สญลกษณขององคกรตางๆ เชน สถาบนการศกษา กระทรวง สมาคม พรรคการเมอง ฯ

สญลกษณ

สญลกษณของบรษทหางรานทางธรกจ เชน ธนาคาร บรษท หางราน ฯ สญลกษณของสนคางและผลตภณฑตางๆ เชน ตราสนคาหรอผลตภณฑ ทผลตจ าหนาย ตามทองตลาด ฯ สญลกษณทเกยวกบกจกรรมตางๆ ในสงคม เชน การกฬา การรวมมอในสงคม การท างาน ฯ

3. การออกแบบโครงสราง

เปนการออกแบบเพอใชเปนโครงยดเหนยว ใหอาคาร สงกอสรางสามารถทรงตว และรบน าหนก อยได อาจเรยกวา การออกแบบสถาปตยกรรม คอการออกแบบสงกอสรางประเภทตางๆ ออกแบบอาคาร เชน การออกแบบ ทพก อาศย ออกแบบเขอน ออกแบบสะพาน ออก แบบอาราม , โบสถ

3. การออกแบบโครงสราง ทคงทนและถาวร นกออกแบบเรยกวา สถาปนก ผ ให ความส าคญกบงานดานนเปนอยางมาก นอกจากนนการออกแบบโครงสรางยงเปน สวนหนงของ งานประตมากรรม ทเนนคณภาพของการออกแบบสามมต และยงหมายถงการออกแบบเครองเรอน ฉากและเวท อกดวย

4. การออกแบบหนจ าลอง

เปนการออกแบบเพอเปนแบบส าหรบยอ ขยาย ผลงานตวจรง หรอเพอศกษารายละเอยดของสงนนๆ เชน

- หนจ าลองบาน - หนจ าลองผงเมอง - หนจ าลองเครองจกรกล - หนจ าลองทางวทยาศาสตร ฯลฯ

หนจ าลองเหลานอาจจะสรางจากงานออกแบบ หรอสรางเลยนแบบจากสงทมอยแลว เพอศกษารายละเอยด หรอขอมลตางๆ ซงอาจจ าแนกได ดงน

- หนจ าลองเพอขยาย หรอยอแบบ เชน อาคาร อนสาวรย เหรยญ ฯลฯ

- หนจ าลองยอสวนจากสงแวดลอม เชน ลกโลก ภมประเทศ ฯลฯ

- หนจ าลองเพอศกษารายละเอยด เชน หนจ าลองภายในรางกายคน เครองจกรกล ฯลฯ

5. การออกแบบสงพมพ

เปนการออกแบบเพอการผลตงานสงพมพ ชนดตาง ๆ ไดแก หนงสอ

ปกหนงสอ ปกรายงาน หนงสอพมพ โปสเตอร นามบตร

5. การออกแบบสงพมพ

เปนการออกแบบเพอการผลตงานสงพมพ ชนดตาง ๆ ไดแก การดอวยพร หวกระดาษจดหมาย แผนพบ แผนปลว ลายผา

6. การออกแบบผลตภณฑ

เปนการออกแบบเพอน ามาใชสอยในชวตประจ าวน โดยเนนการผลตจ านวนมาก ในรปสนคา เพอใหผานไปยงผซอ ผบรโภคในวงกวาง คอการผลต ผลตภณฑ ชนดตาง ๆ ซง มขอบเขตกวางขวางมากด และแบงออกไดมากมาย หลายลกษณะ นกออกแบบรบผดชอบเกยวกบประโยชนใชสอย

และความสวยงามของ ผลตภณฑ

ประเภทของการออกแบบ

งานออกแบบ ประเภทนไดแก งานออกแบบเฟอรนเจอร งานออกแบบครภณฑ

งานออกแบบเครองสขภณฑ งานออกแบบเครองใชสอยตางๆ งานออกแบบเครองประดบ อญมณ

งานออกแบบเครองแตงกาย งานออกแบบภาชนะบรรจผลตภณฑ งานออกแบบผลตเครองมอตางๆ

7. การออกแบบโฆษณา

เปนการออกแบบเพอชแนะและชกชวน ทางดานผลตภณฑ บรการ และความคด จากความคดของคน คนหนง ไปยงกลมชนโดยสวนรวม ซงการโฆษณาเปนปจจยส าคญทจ าเปนส าหรบการด ารงชวตของประชาชน และ

ธรกจ เพราะจะชวยกระตน หรอผลกดนอยางหนงในสงคม เพอใหประชาชนเกดความตองการ และเปรยบเทยบ สงทโฆษณาแตละอยาง เพอเลอกซอ

เลอกใชบรการ หรอเลอกแนวคด น ามาใชประโยชนในชวตประจ าวนของเรา

การโฆษณาผลตภณฑ เ ชน โฆษณาขายอาหาร ขายสงกอสราง ขายเ ค ร อ ง ไ ฟ ฟ า ข า ย ผ ล ต ผ ล ท า ง เกษตรกรรม

การโฆษณาบรการ เชน โฆษณาบรการทองเทยว บรการซอมเครองจกรกล บรการหางานท า บรการของ สายการบน

8. การออกแบบพาณชยศลป

เปนการออกแบบเพอใชฝมอ แสดงความงามทใชในการตกแตง อาจจะเปนสงของเครองใชเลกๆ นอยๆ สวนใหญจะเนนความสวยงาม

ความนารก ซงเปนความสวยงามทมลกษณะเราใจตอผพบเหนในทนททนใด และแสดงความสวยงามหรอศลปะเดนกวาประโยชนใชสอย ลกษณะของการออกแบบพาณชยศลปยงมงออกแบบในลกษณะของแฟชน

ทมการเปลยนแปลงไปเรอยๆ ตามสมยนยม

การโฆษณาเหลานม สอทจะใชกระจายสประชาชน ไดแก

สอกระจายเสยงและภาพ เชน วทย ทว โรงภาพยนตร

สอสงพมพ เชน หนงสอพมพ นตยสาร วารสาร

สอบคคล เชนการแจกสนคาสงคนไปขาย สงสนคาไปตามบาน

9. การออกแบบศลปะประดษฐ

เปนการออกแบบทแสดงความวจตรบรรจง มความสวยงาม เพอใหเกดความสขสบาย รนรมย มากกวาการ แสดงออกซงความรสกนกคดอนใด

ความวจตรบรรจงในทนหมายถง การตกแตงสรางสรรคลวดลาย หรอรปแบบ ดวยความพยายาม เปนงานฝมอทละเอยด ประณต เชน

การจดผกซงเปนเครองจมอาหารคาวของไทย แทนทจะจดพรก มะเขอ แตงกวา ตนหอม ลงในจานเทานน แมครวระดบฝมอบางคนจะประ ดษฐ ตกแ ต งพ ช ผ ก เหลาน นอยางสวยงามมาก เ ชน ประดษฐเปนดอกไม รปสตว หรอลวดลายตางๆ งานศลปะประดษฐมหลายประเภท

งานจดดอกไมใบตอง เชน รอยมาลย จดพวงระยาดอกไม โคมดอกไม งานเยบปกถกรอยตกแตง เชน ปกลวดลายตางๆ ถกโครเชท

งานแกะสลกของแขง เชน แกะสลกหนาบานประต โลหะ

10. การออกแบบตกแตง

เปนการออกแบบเพอการเปนอยในชวตประจ าวน โดยเฉพาะออกแบบเพอ เสรมแตงความงาม ใหกบอาคารบานเรอน และบรเวณทอยอาศย เพอใหเกดความสวยงามนาอยอาศย การออกแบบตกแตงในทน หมายถงการออกแบบตกแตงภายนอก และการออกแบบตกแตงภายใน

การออกแบบตกแตงภายใน หมายถง การออกแบบตกแตงทเสรมและจดสภาพภายในอาคาร ใหสวยงาม นาอยอาศย ซงหมายรวมถง ภายในอาคารบานเรอน ทท างาน รานคา โรงเรยน

การออกแบบตกแตงภายนอก เปนการออกแบบตกแตงนอกอาคารบานเรอน ภายในรว ทสมพนธกบตวอาคาร เ ชน สนาม ทางเดน เ รอนตนไม บรเวณพกผอน และสวนอนๆ บรเวณบาน

Photoshop

Adobe Photoshop

เปนโปรแกรมส าหรบการจดการ และการตกแตงภาพ ทไดรบความนยมโปรแกรมหนง จากหลายๆ โปรแกรม

เปดโปรแกรมโดยดบเบลคลกท ไอคอน

1. Menu Bar และ Option Bar คอ แถบทรวบรวมค าสงหลกทกค าสงในการใชงานโปรแกรม และแถบตวเลอกของเครองมอ ซงปรากฏขนเมอเลอกใชเครองมอในกลองเครองมอ (Toolbox) ใชก าหนดคณสมบตของเครองมอทเลอกท างานอยในขณะนน

กลองเครองมอ (Toolbox) คอกลองเกบเครองมอตางๆ ทใชในการท างาน เชน เครองมอเกยวกบ

การเลอกและแกไข

3.พาเลท (Palette) คอกลมของหนาตางทรวบรวมคณสมบตการท างานของเครองมอ ชวยควบคมรายละเอยดปลกยอยในขนตอนการท างาน

1. Marquee Tool (คยลด M) ใชส าหรบสราง Selection ลกษณะการท างานจะเปนการสรางเสนประเพอก าหนดขอบเขตสงทเราจะใชงาน ซงเปนเครองมอทตองใชบอยมาก โดยม 2 ลกษณะ คอ สรางขอบเขตแบบสเหลยม กบวงกลม โดยสามารถเลอกไดโดยการกดคลกขวาท Marquee Tool

2. Lasso Tool (คยลด L) ใชส าหรบสราง Selection เหมอนกนแตจะแตกตางกบ Marquee Tool ตรงลกษณะการก าหนดขอบเขตโดยเมอคลกขวาท Lasso Tool จะมใหเลอกการใชงาน 3 แบบ - แบบแรก คอ การน าเมาสวาดขอบเขตทเราตองการ - แบบท 2 Polygonal Lasso Tool จะเปนการก าหนดขอบเขตแบบทละจดซงจะไดเสนประทเปนเสนตรงเสมอ - แบบท 3 Magnetic Lasso Tool จะเปนการก าหนดขอบเขตโดยเครองมอจะใชเกณฑในการวาดจากความตางของส (นยมใชในการตดตอ)

3. Eraser Tool (คยลด E) ดจากรปกสามารถสามารถไดแลววาคอยางลบไวส าหรบลบสงทไมตองการออกไป 4. Hand Tool (คยลด H แตใชการกด Spacebar คางไว และใชเมาสลากทหนาจอจะสะดวกกวา)

5. Move Tool (คยลด V) ใชส าหรบเคลอนยายสงทเราตองการโดยการคลกเมาสซายคางลากและปลอย

6. Magic Wand Tool (คยลด W) ใชส าหรบสราง Selection ในลกษณะการคลกเพยงครงเดยวโดย Selection ทไดจะเปนโทนสเดยวกนกบทเราคลก

7. Brush Tool (คยลด B) ใชส าหรบวาดภาพปกต แตสามารถเปลยนหวแปรงได โดยในเวบทวไปมใหโหลดมากมาย ซงจะได Brush ทสวยๆ ในการสรางลายตางๆ ไมจ าเปนตองวาดรปเกงเลย

8. Gradient Tool (คยลด G) ใชส าหรบไลสในพนททตองการม option ใหปรบสทตองการไล โดยเมอคลกขวาท Gradient Tool จะมอกเครองมอคอ Paint Bucket Tool ใชส าหรบเทสลงใน Selection ทเราท าไว 9. Dodge Tool & Burn Tool (คยลด O) Dodge Tool ใชส าหรบระบายสวนทตองการใหสเกดความสวาง สวน Burn Tool ใชส าหรบระบายสวนทตองการใหสเกดความเขม

10. Horizantal type Tool (คยลด T) เปนเครองมอส าหรบพมพตวอกษร โดยสามารถพมพตรงสวนไหนกได (สามารถเพม Font เพอใชงานได) 11. Eyedropper Tool ใชส าหรบดดสบรเวณทตองการเพอน ามาใช Note:แต สวนตวผมจะใช Brush อยและกด Alt คางไอคอน Brush จะกลายเปนไอคอน Eyedropper และคลกบรเวณทตองการสนนๆ เมอปลอยเมาสกจะกลบเปน Brush เชนเดม

12. Zoom Tool (คยลด Z) ใชส าหรบซมเขา-ออกในงานทท าอย Note: ขณะใช Zoom Tool อยจะอยในสถานะซมเขา แตถากด Alt คางจะเปนสถานะซมออก 13. Foreground Color & Background Color เปนทส าหรบเลอกสทตองการในการใชงาน Note: กด X จะเปนการสลบสระหวาง Foreground และ Background ในการใชงาน

เรมกนเลย

ทเมน File > New…

เปดไฟลภาพขนมาโดยไปทเมน File > Open

ภาพทใชอยางนอย 3 ภาพ คอ

ภาพบคคล 1 ภาพ (ภาพตวเอง) , ภาพสตว 2 ภาพ

เลเยอร LAYER

เรยกวาเปนชนของสงทใสเขาไปในชนงาน เพราะหลกการท างานของ Photoshop นน คอการน าชนตางๆ เหลานเขามาผสมกนเพอปรบแตงใหภาพออกมาสวยงาม

สามารถท าอะไรกบเลเยอร (What're we can do with Layer)

แสดงหรอซอน (Show or Hide Layer) การคลกทรปดวงตาแตละครง จะเปนการเปดเพอแสดง หรอปดเพอซอนสงทอยในเลเยอร เชน ถาไมตองการใหแสดงภาพของเลเยอรใด กท าการปด หรอซอนไป

สามารถท าอะไรกบเลเยอร (What're we can do with Layer)

คดลอก และ ท าซ าเลเยอร (Copy and Duplicate Layer) แบงเปน การคดลอก เลเยอร จากชนงานหนงไปยงอกชนงานหนง ท าไดหลายวธ คลกเลเยอรทตองการ ใชโปรแกรมเมน Edit เลอก Copy หรอกดปม Ctrl C คลก Tab ของชนงานทเราตองการจะใหเลเยอรนนมาวางไวแลวคลก Edit เลอก Paste หรอกดปม Ctrl V

สามารถท าอะไรกบเลเยอร (What're we can do with Layer)

คลกเลเยอรทตองการ คลกขวาทเมาส เลอก Duplicate Layer จะไดหนาตางตามภาพ ใสชอในชอง Destination ใหเปนชอชนงานทตองการน าเลเยอรนไปไว

การคดลอกเลเยอรในชนงานเดยวกน

1. คลกทเลเยอร ใชโปรแกรมเมน Layer เลอก Duplicate Layer จะมหนาตางแสดง แตชอง Destination ไมตองก าหนดชอชนงานอน

2. คลกทเลเยอร ใชโปรแกรมเมน Layer เลอก New เลอก Layer via Copy (คยลด Ctrl + J)

3. คลกทเลเยอรนน และกดคย Alt พรอมกบลากเลเยอรไปยงต าแหนงใน Panel ทตองการวาง ปลอยเมาส

เพมเลเยอร (Add Layer)

คลกไอคอน Create a new Layer ซงอยดานลางของ Layer Panel ตดกบรปถงขยะ หรอ ใชค าสงจากเมนโปรแกรม เลอก Layer เลอก New เลอก Layer ตงชอ และ Enter

ลบเลเยอร (Delete Layer)

ท าโดย คลกทเลเยอรทตองการลบ กดปม Backspace หรอใชโปรแกรมเมน Layer เลอก Delete เลอก Layer หรอโดยการคลกทเลเยอรแลวลากมาทรปถง

การลอค และ ปลดลอค เลเยอร (Lock and Unlock Layer)

การลอคเลเยอร ท าไดโดย คลกทเลเยอรทตองการลอค แลวคลกทรปกญแจ สวนการปลดลอคกเพยงท าซ าขนตอนเดยวกน

การปลดลอคเลเยอร Background

วธปลดลอคท าไดโดย ดบเบลคลกทเลเยอร จะมหนาตางดงภาพขนมา จะตงชอเลเยอรใหมหรอไมกได เลเยอรนนกจะปลดลอคเปนเลเยอรธรรมดา

ตงชอเลเยอร (Name Layer)

วธตงชอใหกบเลเยอร ท าโดย

ดบเบลคลกทชอบนเลเยอรนน และพมพชอ เสรจแลว Enter

หากตองการ ปรบขนาดภาพ

เทคนค การเรยกคน ชนงานเดม ถาบงเอญเผลอท าการบนทกงานโดยไมตงใจ เชน บางครงเราท างานชนนนแลว อยากลองท าอะไรบางสงกบงานนน ซงไมไดเปนสงทเราตองการจรงๆ แตดนไปบนทกทบงานเดม แลวจะท าอยางไร เรยกงานกอนหนานนกลบคนมาได โดยการใช History panel (เทคนคน ใชไดกบงานทยงไมไดปด และยงคงอยบนหนาโปรแกรมจอ)

ซมภาพ การซมออก (Zoom Out) โปรแกรมเมน View เลอก Zoom out 1. การใชคยลด กดปม Ctrl + minus sign (เครองหมาย -) 2. เครองมอ ซม (Zoom Tool) คลกทรปแวนขยาย หรอ ใชคยลดโดยการกด Z + Alt ลกศรของเมาสจะเปลยน เปนรปแวนขยาย คลก ทภาพแตละครงกจะซมออกตามจ านวนครง ทคลก แตถา ตองการ ซมแบบตอเนอง ใหท าลกษณะเดยวกน แตคลกเมาสคางไว หรอ เลอนเมาสไปทางซาย ภาพจะท าซมออกแบบตอเนอง

ซมภาพ

การซมออก (Zoom Out) โปรแกรมเมน View เลอก Zoom out 3. กดปม Alt + Scroll Downward (เลอนตวหมนทอยตรงกลางของเมาส ลง) 4. การคยตวเลขขนาดทตองการซมออก ทชองบอกขนาดภาพ ซงอยดานลาง ซายมอ แลวกด Enter

ซมภาพ

การซมเขา (Zoom In) โปรแกรมเมน View เลอก Zoom in 1. การใชคยลด กดปม Ctrl - plus (เครองหมาย +)

2. เครองมอซม (Zoom Tool) คลกทรปแวนขยาย หรอ ใชคยลดโดยการ

กดตว Z ลกศรของเมาสจะเปลยนเปนรปแวนขยาย คลกทภาพแตละครงจะซมเขาตามจ านวนครงทคลก ถาตองการ ซมแบบตอเนอง ใหท าลกษณะเดยวกน แตคลกเมาสคางไว หรอ เลอนเมาสไปทางขวา ภาพจะท าซมเขาแบบตอเนอง

ซมภาพ

• การซมเขา (Zoom In) โปรแกรมเมน View - Zoom in 3. กดปม Alt + Scroll Upward (เลอนตวหมนทอยตรงกลางของเมาส ขน) 4. การคยตวเลขขนาดทตองการซมเขา ทชองบอกขนาดภาพ ซงอยดานลางซายมอ - แลวกด Enter

เทคนค กดป ม Ctrl + 0 = ค ำสงใหภำพแสดงเปน fit on screen หรอพอดกบหนำจอภำพ

กดป ม Ctrl + 1 = ค ำสงใหแสดงขนำดจรงของภำพเทำกบ 100%

ซมภาพ

เลอก Eraser Tool

ลอง Zoom Out ออกมาดผลงานและปรบแตงใหสมบรณ

ท าตาอกขาง

การเลอนภาพ (Scrolling and Panning Image)

1. ลกกลงของเมาส เลอนขน ส าหรบการเลอนภาพขน และกลบกน 2. ลกกลงของเมาส + กดป ม Ctrl ส าหรบการเลอนภาพแนวนอน ถาเลอนขนจะเปนการเลอนภาพไปทางขวา และกลบกน

การเลอนภาพ (Scrolling and Panning Image)

3. เครองมอ Hand Tool (ไอคอนรปมอทแสดงบนแถบเครองมอ) หรอ กดคยลด H เมาสจะเปลยนเปนรปมอ คลกคางไวทภาพแลวเลอนภาพไดตามทตองการ 4. กดปม Space Bar คางไว เมาสจะเปลยนเปนรปมอ คลกคางไวทภาพแลวเลอนภาพไดตามทตองการ

ตอดวย ห

ยาย Layer ห ลงมาใต Layer ภาพ

การบนทกงานแตละประเภท (Saving)

การบนทกงานแบงออกไดหลายแบบ เชน บนทกเปนไฟลงาน

Photoshop (PSD), TIFF, PNG, JPEG เพอใหเหมาะสมกบงานแตละประเภทจะน าไปใชตอไป

บนทกงานเปนไฟล PSD

การท างานใน โปรแกรม จะมการปรบแตงหลายแบบ เมอท าการบนทก ตองใหแนใจวาไดเลอกสงทปรบแตงไวในงานประเภทตางๆ อยางครบถวน เชน Layer, Alpha channel และ อนๆ แตอยาลมดใหแนใจวาชอง As a copy จะตองไมถกเลอก

และเพอประหยดเนอทของฮารดดสก ไมตองท าเครองหมายเลอกทชอง Maximize compatibility ถาแนใจวาไมไดน าไฟลนไปใชกบ Photoshop ตระกลอนเชน Photoshop Lightroom เปนตน

บนทกงานเปนไฟล TIFF (ส าหรบงานพมพ)

กอนบนทกงาน ใหท าการรวมเลเยอรใหเปน Flat Layer กอน เพอลดขนาดไฟล เพราะไฟลประเภทนจะมขนาดคอนขางใหญ แตอยาลมขณะบนทกตองแนใจวาไดเลอกทชอง Layer ไวดวย กรณนจะสามารถเปดไฟลเพอมาแกไขในโปรแกรม Photoshop ไดอก

แตถาแนใจวาไมตองการกลบมาแกไขอก ใหบนทกโดยไมตองเลอกชอง Layer และใหก าหนดคาใน TIFF Option แทนเพอใหเหมาะกบความตองการ

บนทกงานเปนไฟล PNG

การบนทกงาน ประเภทนจะมขนาดไฟลทคอนขางเลก แตไมสามารถเรยกกลบมาแกไขใน Photoshop ไดอก เหมาะกบงานประเภททใชแสดงผลบนเวปไซต

บนทกงานเปนไฟล JPEG

ไฟลประ เภท น จ ะ ใหภ าพ ทคอนขางสวยงาม แตกจะมขนาดของไฟลใหญพอสมควร กอนทจะบนทกกลองปรบคาคณภาพของภาพตามประเภทของงานทจะน าไปใชตอไป สามารถปรบไดต งแต 0 - 12 เรยงจากความละเอยดของภาพจากนอยไปหามาก

Free Form Selection Tool

ประกอบดวย Lasso, Polygonal, Magnetic เปนเครองมอสราง Selection ไดแบบอสระ ไมก าหนดรปทรงตายตวเหมอน (Marquee) วธใชงานคลายกน คยลดของเครองมอกลมน คอ L - Lasso สามารถลากเสน Selection ในรปทรงใดกได - Polygonal ส าหรบลากเสน Selection ในรปของเสนตรง - Magnetic การสราง Selection ลกษณะนเหมอนกบแมเหลกทใชส าหรบดดสงของ เพราะเมอเราลากเครองมอนผานขอบของสงทตองการเลอก เสน Selection กจะตดดดตดกบขอบนนตามการลากเสนของเรา

ฝกการใช Free Form Selection Tool

ฝกการใช Free Form Selection Tool

ขนตอนท 1 เปดรปทตองการขนมา เลอก Manetic Lasso และเรมท า Selection การใช Manetic นนคลกเพยงจดเรมตนครงเดยวแลวคอยๆลากไปตามขอบทตองการ Selection โดย Manetic จะใชหลกการของโทนสในการสราง Selection (ในขนตอนสราง Selection ควร zoom เขาไปใกลรปเพองายตอการท างาน)

บางจดทลากไปนนอาจจะไมไดดงใจตามทตองการ เพราะโทนสบรเวณนนอาจใกลเคยงกน ใหคลกทขอบบ า ง ค ร ง เ พ อ เ ป น ก า ร ด ง Selection ใหกลบมาทขอบ แตถายงมเสน Selection ทเลยออกไ ม ตอ งสน ใ จ ให ล า ก ต อ ไป ใหใ ก ล เ ค ย ง ท ต อ ง ก า ร ม า ก ท ส ด

จดสชมพ คอ จดทท าการคลกเพอไมใหเสนนนเลยออกจากขอบมากไป สงเกตวาจดสชมพนนจะอยบรเวณทสของภาพนน คอนขางอยในโทนสเดยวกน

ขนตอนท 3 หลงจากสราง Selection เสรจแลวใหท าการเกบรายละเอยดดวย Lasso Tool แบบปกต โดยวธการคอ

- สวนไหนท Selection เลยออกไป ใหท าการกด Alt คางและลากเสน ลอม สวนทเกน ออก

สวนไหนท Selection เลยเขามา ใหท าการกด Shift คางและลากเสน ลอมสวนทตองการ เพม

ในบรเวณนของภาพสามารถใช Magnetic กด Alt คางและลากเพอลบ Selection ออกกได เพราะวาจดนสคอนขางเดนชดวาตดกน

ขนตอนท 4 เมอท าการเกบรายละเอยดหมดแลวจะได Selection ทตองการตอไปกด Ctrl+Alt+D หรอไปท Select > Feather เพอท าการปรบคาความฟ งของขอบ ในทน Selection คอนขางเกบไดด จงเลอก 1 พอ แลวกด OK (ถาเสน Selection นนยงไมดเทาทควรปรบ สก 3-5 )

ขนตอนท 5 ลากรปท Selection ไปไวในรปอนไดเลยโดยใช Move Tool (V)

Spot Healing and Healing Brush Tool การปรบแตงดวยเครองมอทงสองน จะใชในบรเวณเลกๆ ไดด เชน จด หรอ พนผวแคบๆ เทานน Spot Helaing จะใชการคลกทจดทเราตองการแกไข เชน สว ไฝ บนใบหนา Healing Brush จะเปนการทาบรเวณพนผวทตองการแกไข เชน ผวหนาทมรขมขนคอนขางใหญ กอนการทาจะตองเลอก Pixel ของพนท ทจะน ามาใชกอน โดย กด Alt แลวคลกทจดนน

การใชแถบควบคมเครองมอ Spot Healing Brush มดวยกน 3 แบบ

• Proximility Match = เปนการเลอก Pixel บรเวณรอบๆ มาทดแทนทกครงในการคลก

• Create Texture = เปนการสราง texture บางๆ ขนมาครอบไวในบรเวณทเราคลก

• Content-Aware = เปนการเตม Pixel บรเวณรอบๆ มาทดแทนทกครงในการคลก

การใชแถบควบคมเครองมอ Healing Brush

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

เพมเตมในจดทใกลเคยงกน ขณะ ทใช Healing Brush Tool เมาสจะเปลยนเปนรปวงกลมเพอแสดงขนาดความกวางของหวแปรง ซงบางครงจะท าใหเหนรายละเอยดของภาพไมดนก .... สามารถกด Cap Lock เพอซอนขนาดหวแปรงชวขณะ พรอมทงสามารถท าการ Fade น าหนกของ Healing brush ได โดยการเลอก Edit เลอก Fade Healing Brush ปรบขนาด Opacity ใหเหมาะสม (คยลด Ctrl + Shift + F)

Patch Tool การท างานของเครองมอนจะเปนการแกไขวตถบนภาพทแนบเนยนมากเพราะจะไม ทงรอยรอยใหเหนวามการปรบแตง

เมอเลอกเครองมอแลว เมาสจะเปลยนเปนเหมอนกบรปเครองมอ และมลกศรอยดานบน ใหท า Selection โดยการลากเสน Selection ลอมรอบวตถทตองการแกไข เชน ลบ หรอ เพม แลวคลกลากไปยงต าแหนงใหม

อปกรณของเครองมอนสองแบบ ลกษณะการท าเหมอนกนแตผลทไดจะตางกน ทงนขนอยกบความตองการของชนงานดวยวาตองการแบบไหน แตตองเลอกใหเหมาะกบการใชงานนนๆ

แบบธรรมดา Normal / แบบ Content-Aware

การแกไขโดยใชเครองมอ Patch แบบ Normal มเทคนคการท าอย 2 ลกษณะ คอ Source กบ Destination

Source = เมอเราก าหนด Selection แลว ใหลากไปยงจดทตองการภาพมา

ทดแทนสวนทเราท า Selection ไว

Destination = ลกษณะเหมอน Source แตจะเปนการลากเพอน าสวนทท า Selection ไปวางไวทอน เหมอนกบเปนการเพมสงนนลงบนภาพ

การแกไขโดยใชเครองมอ Patch แบบ Content-Aware ลกษณะนนจะเหมอนกบ Patch แบบ Normal แตจะสามารถก าหนด

คณสมบตในการจดการกบภาพไดอก 5 แบบ ไดแก Very Strict, Strict, Medium, Loose, Very Loose

ลบสว แบบ สว สว • ขนตอนท 1 ใหเปดภาพทตองการจะแกไข ใชเครองมอ Zoom (Z) รป

แวนขยาย ท าการซมไปทบรเวณทตองการลบสวเพอใหงายตอการท างาน

เลอกเครองมอ Healing Brush Tool (J) ดงรป

คลกขวาลงไปทภาพเพอปรบขนาด ของหว Healing Brush

กด Alt คางไวเมาสจะเปลยนเปนรปเปา ใหคลกบรเวณสผวทดใกลๆ บรเวณสวทตองการจะลบจะเปนการดดสผวทดไวใชงาน ตอไปปลอย Alt และคลกบรเวณทจะลบสว

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

ท าซ า ไปเรอยๆ โดยลบสงทไมตองการออกจนกวาจะพอใจ

ขนาดและความละเอยดของภาพ (Image and Resolution)

รปภาพ ประกอบดวยจ านวนพกเซลมากมาย ยงภาพมความละเอยดมากเทาไร ภาพนนกมความชดเจนมากขน แตขนาดของภาพกจะใหญขนตามดวย วธค านวณจ านวนพกเซลของภาพ

ขนาดความกวาง (pixel) x ขนาดความสง (pixel) จะไดจ านวนพกเซลรวม

ขนาดและความละเอยดของภาพ (Image and Resolution)

ความละเอยดของภาพ (Resolution) ดไดจาก

จ านวนพกเซลรวมกนตอขนาดพนท เชน 300 pixel per inch (PPI) ทงนเพอใหเหมาะกบงานสงพมพ

ขนาดและความละเอยดของภาพ (Image and Resolution)

โปรแกรม Photoshop สามารถก าหนดขนาดของภาพ และความละเอยดไดขณะทสรางงานใหมขนมา สามารถก าหนดขนาด Width and Height เปน Pixels, Inches, Centimeters, Millimeters, Points, Picas, Columns

ถาตองการเปลยนแปลงขนาด หรอ ความละเอยดของชนงานหลงจากทไดก าหนดไวแลวตงแตตน ขนแรกจะตองเปดหนา Image Size โดยใชเมนโปรแกรม Image เลอก Image size กจะไดหนาตางดงกลาว สามารถท าการปรบแตงไดเปน 3 สวน

สวนทหนง Pixel Dimension เปนการปรบสดสวนขนาดของภาพทแสดงบนหนาจอ สวนทสอง Dimension size เปนการปรบขนาดของภาพทจะใชพมพ สวนทสาม Scale style, Constrain, Resample Image เปนสวนทใชก าหนดความสมพนธในการปรบแตงของสวนทหนง และ สอง

see you next week

pitiporn.sri@gmail.com