การใช pen tool ในการออกแบบชนงาน

เปนสงทจ าเปนมาก เพราะงานทกชนทถก

ออกแบบขนมาจะตองเรมจากการรางดวยดนสอกอนทงสน เมอได

ลกษณะงานทลงตวแลวจงมาสรางแบบทสมบรณดวยโปรแกรมทตนเองถนด ซงอาจเปน โปรแกรม

Flash โปรแกรม Photoshop โปรแกรม Illustrator

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

บทท 4 การใช pen tool ใน Program Photoshop ออกแบบงานอยางงาย

ไมวาจะใชโปรแกรมใดนกเรยนตองฝกฝนดวยตนเอง ในบทเรยนนเราจะใชการ Draft รปดวย

โปรแกรม Photoshop กอนอนมารจกกบสวนประกอบของเสน Path กอน

เสน path ทเราใชงานกนอยม 2 ประเภท คอเสน Path แบบเปดและเสน Path แบบ

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

ท าไดโดย กดปม Ctrl คางไวแลวคลกทวางกจะสามารถเรมตนเสนใหมไดโดยจะสงเกตไดวาท

pen tool จะเกดรปดอกจนทรเลกๆ ซงแสดงวาเปนการเรมตน

สวนเสน path แบบปด คอเสนทหวทายชนกน หากจะเรมตนวาดรปใหมกใชวธ

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

ท pen tool จะเกดรปดอกจนทรเลกๆ ซงแสดงวาเปนการเรมวาดอกรป

ส าหรบการ Daft เสน มขนตอนดงน

1. เมอลากภาพตนแบบมาไวในไฟลแลวให new layer จากนนคลกท pen tool เลอน

เมาส ไปดานบนคลกเลอก

2. ลากเสนทละจดจนเสนมาชนกน

3. คลกขวาทเสนสามารถเลอกท างาน เชน

- แปลงเสน path ใหเปน selection

- แปลงเสน path ใหเปนเสนตามตองการโดยเมอก าหนดแนว selection แลวใหก าหนด

ขนาดและรปแบบของแปรงกอนจากนนคลกขวาทเสน path เลอก Stroke path

-

หรอ ท าเครองหมายถกท Simulate pressure เพอท าใหเสนมลกษณะเรยวแหลม

4. นอกจากนนการกดปม Shift ขณะลากเสนจะเปนการก าหนดใหเสนเปนแนวราบ หรอตงฉาก

หรอ เอยง 45 องศาได

5. การสรางเสนโคงลกษณะตาง ๆ

- เสนโคงปกต

- เสนโคงรปตว S

วธแรก ลากเมาสไปในทศทางเดยวกน

วธท 2 วาดเสนโคงตามปกตแลวหมนปลาย Direction point ขนของบนโดยไม

ตองปลอยเมาส

วธท 3 ลากเสนโคงสลบทศทางกนดงภาพ

-

6. การปรบแตงสวนตางๆ ของเสน path จะมเครองมอทเขามาชวยอก 2 ตวคอ Path

selection tool ใชในการยายเสน Path หรอสามารถคดลอกเสนโดยคลกท Alt แลว

น าเมาส ไปคลกทปลายจด Anchor point จะปรากฏเครองหมายบวก ท เปนการ

คดลอกสามารถใชเมาส ลากออกมาไดเลย

และ Direction tool ใชในการปรบเปลยนรปทรงของเสนโดยการคลกทจด Anchor

point

หรอในกรณทเสนโคงนนมมมกจะสามารถยายมมได ดงภาพ

7. การแกไขรปทรงใหเสน path

- การแกไขความโคงของเสน path สามารถแกไขไดโดยใช Direction tool คลกท

เสนแลวลากปรบไดเลย

- การแกไขมมใหรปทรงกสามารถปฏบตเชนเดยวกนและยงสามารถปรบทศทางของ

Direct Point ไดอกดวย

……………………………………………………………….

1

ใบงานท 1 แบบฝกทกษะส าหรบผทเรมตนใชงาน (10 คะแนน)

1. การลากเสนตรงโดยใช Pen tool

กอนอนให New Layer กอน มฉะนน

จะเคลอนยายภาพไมได ใหนกเรยนคลก

ตามจดแตละจดโดยไมตองลาก

เมอตองการเรมตนเสนให กดปม Ctrl

คางไวแลวคลกทวางกจะสามารถ

เรมตนเสนใหมไดตามทไดกลาวมาแลว

เมอเสรจแลวใหคลกท Brush tool เลอกขนาดของหวแปรง ในทนใหเลอก ขนาด ดงน

จากนนเลอกสของเสน คลกขวาทเสนเลอก Stroke path จะปรากฏเสนทมขนาดและส

ตามทเลอกไว

2. การ Draft เสนวงกลม ใชเพยง 4 เสนและใหกดปม Shift ขณะลาก

3. การ Draft เสนทเปนเสนโคงตอกน

4. เสน path ทมมมและมเสนโคง แบบท 1 ใหคลกท ปม Shift แลวคลกลากลงตาม

ลกศรแตพอถงจดท 2 ใหปลอยปม Shift คลก 1 ครงแลวปลอยคลกอกครงแลวลากลง

ตามลกศรท าเชนนไปจนเสรจ (หากคลกแลวลากลงทนท จะไดเสนเปนรป หวง

วานกเรยนคงจ าได)

5. เสน path ทมมมและมเสนโคง แบบท 2 ตองใชวธการหมนขา Direction line โดย

กดปม Alt คางไวแลวลาก Direction line ขนขางบน

6. การวาดเสนโคงทมเสนตรงผสมกน แบบท 1ใหวาดเสนโคงตามปกตแตกอนทลากเสน

ตรงใหกดปม Alt คางไวแลวคลกทจดท 2 จะเปนการหกขา Direction line จากนน

จงลากเสนตรงไปทจดท 3 และลาก Pen tool จากจดท 3 ขนไปดานบน จากนนคลก

ทจดท 4 ลาก Pen tool ลงดงภาพ

1 2 3 4

7. การวาดเสนโคงทมเสนตรงผสมกน แบบท 2 ใหวาดเสนโคงตามปกตแตกอนทลากเสน

ตรงใหกดปม Alt คางไวแลวคลกทจดท 2 จะเปนการหกขา Direction line จากนน

จงลากเสนตรงไปทจดท 3 และลาก Pen tool จากจดท 3 ลงไปดานลาง จากนนคลก

ทจดท 4 ลาก Pen tool ขน ดงภาพ ตอจากนนใหปฏบตเชนเดยวกนจนถงจดท 6

เมอฝกจนคลองในไฟล Exercises 1 แลวใหนกเรยน เปดไฟลใหมขนาด A4 วาดเสน

ทงหมด 7 เสน ตามตวอยางโดยไมตองใชแบบ ตงชอไฟล เปน ชอ ชน เลขท (เปน ภาษาไทย )

ดงตวอยาง

เจนตา ม4หอง3

ม.4 สงไฟลมาท Pat130501@gmail.com

ม.5 สงไฟลมาท Patpatgraphic@gmail.com

เกบคะแนนวนท 10 มถนายน 2559 เวลา 24.00 น.

1 2 3 4 5 6