โครงงานการออกแบบคารแรคเตอรเพอสมนาคณลกคา

Character design for reward customers

นางสาว สสวรา ธรกล

โครงงานสหกจศกษานเปนสวนหนงของการศกษาตามหลกสตร

ปรญญาวทยาศาสตรบณฑต สาขาวชาเทคโนโลยมลตมเดย คณะเทคโนโลยสารสนเทศ

สถาบนเทคโนโลย ไทย-ญปน

พ.ศ. 2560

2

โครงงานการออกแบบคารแรคเตอรเพอสมนาคณลกคา

Character design for reward customers

นางสาว สสวรา ธรกล

โครงงานสหกจศกษานเปนสวนหนงของการศกษาตามหลกสตร วทยาศาสตรบณฑต สาขาเทคโนโลยมลตมเดย

คณะเทคโนโลยสารสนเทศ สถาบนเทคโนโลยไทย - ญป น

ปการศกษา 2560

คณะกรรมการสอบ ……………………………………………………. ประธานกรรมการสอบ (ผศ.เกษม ทพยธาราจนทร) ……………………………………………………. กรรมการสอบ (ดร.คณากาญจน รกไพฑรย) ……………………………………………………. อาจารยทปรกษา (ผศ.ดร. ฐตพร เลศรตนเดชากล) ……………………………………………………. ประธานสหกจศกษาสาขาวชา (ชาญ จารวงศรงส)

ลขสทธของสถาบนเทคโนโลยไทย – ญป น

3 ชอโครงงาน ออกแบบคารแรคเตอรเพอสมนาคณลกคา

ผเขยน นางสาว สสวรา ธรกล คณะวชา เทคโนโลยสารสนเทศ สาขาวชา เทคโนโลยมลตมเดย

อาจารยทปรกษา ผศ.ดร. ฐตพร เลศรตนเดชากล

พนกงานทปรกษา นาย โอฬาร กลองชต

ชอบรษท บรษท อสทอนโนเวชน จ ากด

ประเภทธรกจ/สนคา ท าเกยวกบระบบ GPS Tracking System & Fleet Management

บทสรป

ในการปฏบตงานสหกจศกษา ณ บรษท อสทอนโนเวชน จ ากด บรษทไดมการน าสนคาเขามาใหม เปนรมส าหรบรถยนต ซงสนคายงไมเปนทรจกมากนกเนองจากสนคาชนดนน าเขามาใหม ในทางการตลาดถอวาไมเปนผลดมากนก เพราะอาจมผลเกยวเนองกบยอดขายได ดงนนขาพเจาจงเขามามสวนรวมในการออกแบบคารแรคเตอร Sticker Line mynewasia และสอกราฟกอนๆใหกบบรษท ถอเปนการประชาสมพนธสนคารมรถยนตและเปนการสมนาคณลกคาตอบแทนทซอผลตภณฑของบรษท นอกจากนนขาพเจายงไดมโอกาสออกแบบคารแรคเตอร Sticker Line Eyefleet ซงเปนสนคากลอง GPS ของบรษทอกชนหนงเชนเดยวกน ประโยชนทไดรบจากการปฏบตงานสหกจศกษา คอ การไดฝกฝนการออกแบบกราฟกในหลายๆอยาง ไดน าความรทไดร าเรยนมาเพอใชจรงในการท างาน เรยนรกระบวนการท างานเพอชวยประชาสมพนธสนคาของบรษท เปนตน นอกจากนยงไดเรยนรเทคนคการใชโปรแกรมหรอการฝกใชความคดสรางสรรค การบรหารเวลา ความรบผดชอบ การตรงตอเวลา การเขาสงคม ทงหมดเปนประสบการณทมคาและหาจากทไหนไมได ท าใหเรารจกทจะพฒนาตวเองใหเกดประโยชนตอตวเองสงสด

4

Project’s name Character design for reward customers Writer Sasivara Dheerakul

Faculty Information Technology , Multimedia Technology

Faculty Advisor Asst. Prof. Dr. Thitiporn Lertrusdachakul Job Supervisor Mr. Oran Klongchit

Company’s name East innovation Co.,Ltd.

Business Type / Product GPS Tracking System & Fleet Management

Summary

I apprentice at East innovation Co.,Ltd. in the company import new product from international This is Car Umbrella but new product hasn’t well known. The marketing is not very well because it may affect sales in the future,so I have drawing and design character sticker line for reward customers about mynewasia (Car Umbrella) and another product GPS Box Eyefleet moreover I have design the other graphics media for the company but all character design the same company as well.

The benefit of cooperative education are the practice of graphic design in many ways,for example

The knowledge that has been learned for practical use in the work, learn the workflow to help promote the company's products. Also learn the techniques of using the program or the creative exercise and Time management responsibility Being punctual about all social encounters is a worthwhile experience and I can not find it anywhere at last Let us know to develop ourselves to the maximum benefit by yourself.

5

กตตกรรมประกาศ

โครงงานสหกจศกษานจะไมมโอกาสส าเรจลลวงไปไดดวยด หากไมไดรบความกรณาจากคณ

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

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

นางสาว สสวรา ธรกล ผจดท า

6

สารบญ

บทสรป 3

Summary 4

กตตกรรมประกาศ 5

สารบญ 6

สารบญรป 9

สารบญรป(ตอ) 10

สารบญตาราง 11

บทท 1 บทน า 12

1.1 ชอและทตงของสถานประกอบการ 12

1.2 ลกษณะธรกจของสถานประกอบการ หรอการใหบรการหลกขององคกร 13

1.3 รปแบบการจดองคกรและการบรหารองคกร 13

1.4 ต าแหนงและหนาทงานทนกศกษาไดรบมอบหมาย 13

1.5 พนกงานทปรกษา และ ต าแหนงของพนกงานทปรกษา 14

1.6 ระยะเวลาทปฏบตงาน 14

1.7 ทมาและความส าคญของปญหา 14

1.8 วตถประสงคหรอจดมงหมายของโครงงาน 14

1.9 ผลทคาดวาจะไดรบจากการปฏบตงานหรอโครงงานทไดรบมอบหมาย 15

1.10 นยามศพทเฉพาะ 15

7 บทท 2 ทฤษฎและเทคโนโลยทใชในการปฏบตงาน 17

2.1 โปรแกรม Adobe Illustrator 17

2.2 โปรแกรม Photoshop 19

2.2.2 ววฒนาการของโปรแกรม Adobe Photoshop 21

2.3 การออกแบบตวละคร 22

2.3.1 หลกการออกแบบตวละครใหนาสนใจ 23

2.3.2 สวนประกอบส าคญในการออกแบบตวละคร 23

2.3.3 การสรางสรรคดวยรปทรงเรขาคณต 24

2.4 ภาพกราฟก 25

2.5 องคประกอบพนฐานของภาพ 28

บทท 3 แผนงานการปฏบตงานและขนตอนการด าเนนงาน 35

3.1 แผนงานการฝกงาน 35

3.2 รายละเอยดทนกศกษาปฏบตในการฝกงาน 36

3.3 ขนตอนการด าเนนงานทนกศกษาปฏบตงาน 37

บทท 4 สรปผลการด าเนนงาน การวเคราะหและสรปผลตาง ๆ 57

4.1 ขนตอนและผลการด าเนนงาน 57

4.1.1.1 รบคอนเซปตคารแรคเตอร Sticker Line 57

4.1.1.2 ท าการศกษาขนตอนการท า Sticker Line 57

4.1.1.3 ท าการศกษาแนวโนมเทรนด Sticker Line ทไดรบความนยม 58

4.1.1.4 รางรปคารแรคเตอรคราวๆ เพอน าเสนอพนกงานปรกษา 58

4.1.1.5 ศกษาขอมลจากทมอยในผลตภณฑ 59

4.1.1.6 ลงมอท าจรงในโปรแกรม Illustrator และ Photoshop 59

4.1.1.7 น าผลงานสงมอบใหพนกงานทปรกษาตรวจสอบกอนน าไปใชจรง 59

8

4.1.2.1 รบคอนเซปตคารแรคเตอร Sticker Line 63

4.1.2.2 คนหารปกลอง GPS จากเวบไซต เพอมาวาด Sticker Line 64

บทท 5 บทสรปและขอเสนอแนะ 71

5.1 สรปผลการด าเนนงาน 71

5.2 ทกษะทไดรบจากการปฏบตงานสหกจศกษา 72

5.2.1 โปรแกรม Adobe Illustrator 72

5.2.2 โปรแกรม Adobe Photoshop 73

5.2.3 การวาดรป 73

5.3 ปญหาและแนวทางการแกไขปญหา 74

5.4 ขอเสนอแนะจากการด าเนนงาน 75

เอกสารอางอง 76

ภาคผนวก 77

83

ประวตผจดท าโครงงาน 86

9

สารบญรป รปภาพ หนา รปท 1.1 ภาพแสดงทตงสถานประกอบการ 11 รปท 1.3 ภาพรปแบบการจดองคกรและการบรหารองคกร 12

รปท 2.3 ภาพรปทรงแบบ simple shapes 21

รปท 2.4 ภาพเปรยบเทยบความแตกตางของภาพ bitmap และ vector 24

ภาพเกยวกบขนตอนการท า Sticker Line mynewasia

รปท 3.4 ภาพเปรยบเทยบดไซนตงตนกบดไซนทขนรายละเอยด 34 รปท 3.5 ภาพตงตนเปรยบเทยบกบภาพทขยบทาทางตวละคร 35 รปท 3.6 ภาพสงของทน ามาท าเปนพรอบใน Sticker Line 36 รปท 3.7 Text ทวาดจาก Brush ในโปรแกรม illustrator 38 รปท 3.9 ภาพขนตอนการ import file ในโปรแกรม illustrator 38 รปท 3.10 ภาพการเปดรปเขามาในโปรแกรม Photoshop 39 รปท 3.11 ภาพการวาง Text ของ Sticker Line 40 รปท 3.12 ภาพขนตอนการ export ภาพ 41 รปท 3.13 ภาพเวบไซตจ าลองการทดสอบ Sticker Line 42 ภาพเกยวกบขนตอนการท า Sticker Line Eyefleet

รปท 4.1 ภาพตนแบบคารแรคเตอร 45 รปท 4.2 ภาพคารแรคเตอรทท าทาทางแตกตางกนตามค าพด 46 รปท 4.3 ภาพขนตอนการ import file ในโปรแกรม illustrator 47

รปท 4.4 ภาพท import เขามาในโปรแกรม Photoshop 48

10 รปท 4.6 ภาพการวาง Text ของ Sticker Line 49 รปท 4.7 ภาพขนตอนการ export ภาพ 50 รปท 4.8 ภาพเวบไซตจ าลองการทดสอบ Sticker Line 51

สารบญรป(ตอ) รปภาพ หนา รปท 4.1 คารแรคเตอรแบบท 1 54 รปท 4.2 คารแรคเตอรแบบท 2 55 รปท 4.3 คารแรคเตอรแบบปจจบน 56 รปท 4.4 คารแรคเตอรทไมไดใช 57

รปท 4.5 ภาพคารแรคเตอรดไซน Sticker Line Eyefleet 59

11

สารบญตาราง

ตาราง หนา ตารางท 3.1.1 ตารางแสดงเกยวกบโครงงานแผนปฏบตสหกจ 31 ตารางท 3.1.2 ตารางแสดงเกยวกบงานทไดรบมอบหมายประจ าวน 32

12

บทท 1 บทน า

1.1 ชอและทตงของสถานประกอบการ

ชอสถานประกอบการ : บรษท อสทอนโนเวชน จ ากด (East innovation Limited) ทตงของสถานประกอบการ : เลขท 6 ซอย ออนนช 74/1 แยก 1 แขวงประเวศ เขตประเวศ กรงเทพมหานคร รหสไปรษณย 10250

เบอรโทรศพท : 02-052-4466

Fax : 02-322-3926 E-mail : service@eastinnovation.com

Call-Center : 02-052-4466

รปท 1.1 รปแผนทสถานทตงสถานทประกอบการ

13

1.2 ลกษณะธรกจของสถานประกอบการ หรอการใหบรการหลกขององคกร

เปนบรษทเกยวกบตดตงอปกรณตดตามรถ (GPS) อายฟลตระบบ GPS ตดตามรถยนตประสทธภาพสง คดสรรเฉพาะอปกรณตดตามรถเกรดพรเมยมผลตใหมสงตรงจากโรงงานทผานการรบรองมาตรฐาน ISO และโปรแกรมตดตามรถยนตแบบออนไลนได

1.3 รปแบบการจดองคกรและการบรหารองคกร

รป 1.3 ภาพแผนผงรปแบบการจดองคกร

1.4 ต าแหนงและหนาทงานทนกศกษาไดรบมอบหมาย

Graphic Design เปนต าแหนงงานทไดรบมอบหมาย งานทไดท าสวนมากจะเปนการตดตอรปภาพ แตงรปภาพ ออกแบบสอตามทไดรบค าสง เชน แบนเนอร , โปสเตอร , นามบตร , ตรายาง เปนตน

14

1.5 พนกงานทปรกษา และ ต าแหนงของพนกงานทปรกษา ชอ : นาย โอฬาร กลองชต ต าแหนง : Business Development Director บรษท อสทอนโนเวชน จ ากด เบอรโทรศพท : 087-483-4444

E-mail : oran@eastinnovation.com

1.6 ระยะเวลาทปฏบตงาน 4 เดอน หรอระยะเวลาประมาณ 18 สปดาห เรมปฏบตงานต งแตวนจนทรท 29 พฤษภาคมถงวนศกรท 29 กนยายน 2560 1.7 ทมาและความส าคญของปญหา

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

1.8 วตถประสงคหรอจดมงหมายของโครงงาน

1. เพอสมนาคณใหกบลกคาทซอผลตภณฑของบรษท 2. เพอน าขอมลจากผลตภณฑมาสรางเปนคารแรคเตอรเพอสอถงสนคาใหเปนทจดจ าไดงาย 3. สรางเอกลกษณใหกบสนคาดวยคารแรคเตอร

15

1.9 ผลทคาดวาจะไดรบจากการปฏบตงานหรอโครงงานทไดรบมอบหมาย

หวขอโครงงานทไดรบมอบหมาย ผลทคาดวาจะไดรบ

ออกแบบและจดท า Sticker Line สนคาของ mynewasia และ GPS eyefleet

ประชาสมพนธสนคาของบรษทใหมคนรจกมากยงขน

ฝกฝนการออกแบบคารแรคเตอรของสงทตองการโดยใชคอนเซปตทมอย

พฒนาการใชเครองมอของโปรแกรม Adobe Photoshop ใหคลองขน

พฒนาการใชเครองมอของโปรแกรม Adobe Illustrator ใหคลองขน

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

1.10 นยามศพทเฉพาะ ในการด าเนนงานสหกจศกษา ขาพเจาไดรวบรวมนยามศพทเฉพาะทอยในผลงานโครงงานสหกจของขาพเจาไวทงหมด 4 ค าศพทเฉพาะ ดงน

1.10.1 ตวละคร (Character) คอ ผทท าใหเกดเหตการณในเรอง และผถกกระท าทตองรบผลจากเหตการณนน ลกษณะนสยของตวละครมกเปนเนอหาส าคญของเรอง แตบางครงหากตวละครนนไมมบทบาทมากนกในเนอเรอง สวนมากมกจะเรยกวาตวประกอบหรอตวละครสมทบกได

16

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

1.10.3 กราฟก (Graphic) คอ ศลปะแขนงหนงซงใชการสอความหมายดวยการใชเสน ภาพวาด

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

1.10.4 คอนเซปต (Concept) คอ เปาหมายของการออกแบบของผลงาน อกท งเปนความคด

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

17

บทท 2 ทฤษฎและเทคโนโลยทใชในการปฏบตงาน

2.1 โปรแกรม Adobe Illustrator

เปนโปรแกรมในตระกลของ Adobe ทมความสามารถในการวาดภาพทมลกษณะเปนลายเสน หรอท รจกกนในชอของเวกเตอรกราฟก (Vector Graphic) พฒนาโดยบรษท Adobe System ซงเดมทโปรแกรมรนแรกจดท าขนในป ค.ศ. 1986 เพอใชท างานกบเครอง macintosh ตอมาพฒนารนท 2 เพอใชงานระบบ window ได เนองจากโปรแกรม Illustrator เปนโปรแกรมทวาดภาพในลกษณะลายเสน จงเหมาะส าหรบงานทตองการภาพทคมชด อกทงปรบเปลยนรปแบบไดตามความเหมาะสมตามความตองการของผใช ตวโปรแกรม Illustrator จงจดเปนโปรแกรมระดบมออาชพทใชกนเปนมาตรฐานในการออกแบบระดบสากล ดงน งานสงพมพ

- งานโฆษณา โบรชวร นามบตร หนงสอ หรอนตยสาร เรยกไดวาครอบคลมเกอบทกสงพมพท

ตองการความคมชดมากเปนพเศษ โปรแกรม Illustrator สามารถออกแบบไดหมด

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

- การสรางภาพสามมต การออกแบบปกหนงสอ ทค นหนงสอ การออกแบบสกรน CD-ROM ลายเสอ

โลโก และการออกแบบการดอวยพร เปนตน

งานทางดานการตน

- การสรางภาพการตนตางๆนน โปรแกรม Illustrator ไดเขามามบทบาทและชวยในการ

วาดรปไดเปนอยางด สามารถใชเครองมอสรางภาพการตน

18 งานเวบไซตบนอนเตอรเนต

- ใชสรางภาพตกแตงเวบไซตไมวาจะเปน Background ป มตอบโต แบนเนอรโฆษณา แถบหวเรอง

ตลอดจนภาพประกอบตางๆ ทปรากฎบนหนาเวบ

2.1.1 รนของโปรแกรม Adobe Illustrator มดงน

- Adobe Illustrator 1.0 ใชส าหรบระบบปฏบตการ Mac OS มกราคม ค.ศ. 1987 - Adobe Illustrator 1.1 ใชส าหรบระบบปฏบตการ Mac OS มนาคม ค.ศ. 1997 - Adobe Illustrator 88 ใชส าหรบระบบปฏบตการ Mac OS มนาคม ค.ศ. 1988 - Adobe Illustrator 2.0 ใชส าหรบระบบปฏบตการ Windows เปนครงแรก มกราคม ค.ศ. 1989 - Adobe Illustrator 3.0 ใชส าหรบระบบปฏบตการ Mac OS ตลาคม ค.ศ. 1990 - Adobe Illustrator 3.5 Solaris, Silicon Graphics ค.ศ. 1990 - Adobe Illustrator 4.0 ใชส าหรบระบบปฏบตการ Windows พฤษภาคม ค.ศ. 1992 - Adobe Illustrator 5.0 ใชส าหรบระบบปฏบตการ Mac OS มถนายน ค.ศ. 1993 - Adobe Illustrator 5.5 ใชส าหรบระบบปฏบตการ Mac OS มถนายน ค.ศ. 1994 - Adobe Illustrator 4.1 ใชส าหรบระบบปฏบตการ Windows ค.ศ. 1995 - Adobe Illustrator 6.0 ใชส าหรบระบบปฏบตการ Mac OS กมภาพนธ ค.ศ. 1996 - Adobe Illustrator 7.0 ใชส าหรบระบบปฏบตการ Mac และ Windows พฤษภาคม ค.ศ. 1997 - Adobe Illustrator 8.0 ใชส าหรบระบบปฏบตการ Mac และ Windows กนยายน ค.ศ. 1998 - Adobe Illustrator 9.0 ใชส าหรบระบบปฏบตการ Mac และ Windows มถนายน ค.ศ. 2000 - Adobe Illustrator 10.0 ใชส าหรบระบบปฏบตการ Mac และ Windows พฤศจกายน ค.ศ. 2001 - Adobe Illustrator CS ใชส าหรบระบบปฏบตการ Mac และ Windows 11.0 ตลาคม ค.ศ. 2003 - Adobe Illustrator CS2 ใชส าหรบระบบปฏบตการ Mac และ Windows 12.0 เมษายน ค.ศ. 2005 - Adobe Illustrator CS3 ใชส าหรบระบบปฏบตการ Mac และ Windows 13.0 มนาคม ค.ศ. 2007

19

รปท 2.1 ไอคอนโปรแกรม Adobe Illustrator

2.2 โปรแกรม Photoshop

เปนโปรแกรมในตระกลของ Adobe เชนเดยวกบ illustrator มความสามารถในการสรางและแกไขรปภาพ เหมาะส าหรบการแกไขภาพ ใสเอฟเฟคใหกบภาพ นอกจากนยงสามารถตกแตงภาพตามความตองการไดอกดวย Photoshop ถอเปนโปรแกรมทมเครองมอมากมายเพอสนบสนนงานในรปแบบตางๆตามความตองการของผใช เชน การสรางงานประเภทสงพมพ งานวดทศน งานน าเสนอ งานมลตมเดย ตลอดจนงานออกแบบและพฒนาเวบไซต เปนตน โปรแกรม Photoshop พฒนาโดยบรษท Adobe System รนแรกน นเรมตนสรางข นในป ค.ศ. 1990 และไดรบการพฒนาเรอยมาจากรนท 2, 2.5, 3, 4, 5, 5.5, 6, 7, CS จนถงเวอรชนลาสดในปจจปนทเรยกกนวาเวอรชน CC (Creative Cloud) โดยไดท าการเพมประสทธภาพการจดการกบภาพกราฟกขนเรอย ๆ จากเดมทเนนใชงานเพอการสรางภาพสงพมพไดหนมาเนนเกยวกบการจดการภาพกราฟกทใชบนเวบมากยงขนนอกจากนแลว Adobe System ยงไดสรางโปรแกรม ImageReady ซงเปนโปรแกรมทใชสรางภาพเคลอนไหวควบคมากบโปรแกรม Photoshop อกดวยเพอเพมความสามารถเกยวกบการท าภาพกราฟกทใชส าหรบการท าเวบโดยเฉพาะ ปจจบนโปรแกรม Photoshop เปนโปรแกรมทไดรบความนยมอยางมากจากผสรางเวบไซต ไมวาจะเปนการน ามาสรางหรอตกแตงภาพ เนองมาจากคณสมบตทโดดเดน ใชงานงาย มเอฟเฟคตาง ๆ ให

20 เลอกใชงานมากมาย เมอนกถงโปรแกรมทใชตกแตงภาพแลว โปรแกรม Photoshop ถอเปนตวเลอกแรกๆทเหลากราฟกดไซนเลอกใชเลยทเดยว 2.2.1 ความสามารถพนฐานของโปรแกรม Adobe Photoshop

- ตกแตงหรอแกไขรปภาพ - ตดตอภาพบางสวน หรอทเรยกวา crop ภาพ - เปลยนสของภาพ จากสหนงเปนอกสหนงได - สามารถลากเสน แบบฟรสไตล หรอใสรปภาพ สเหลยม วงกลม หรอสรางภาพไดอยางอสระ - มการแบงชนของภาพเปน Layer สามารถเคลอนยายภาพไดเปนอสระตอกน - การท า cloning ภาพ หรอการท าภาพซ าในรปภาพเดยวกน - เพมเตมขอความ ใส effect ของขอความได - Brush หรอแปรงทาส ทสามารถเลอกรปแบบส าเรจรปในการสรางภาพได

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

Photoshop สามารถท างานกบระบบส RGB, CMYK, Lab และ Grayscale และสามารถจดการกบไฟลรปภาพทส าคญได เชน ไฟลนามสกล JPG, GIF, PNG, TIF, TGA โดยไฟลท Photoshop จดเกบในรปแบบเฉพาะของตวโปรแกรมเอง จะใชนามสกลของไฟลวา PSD จะสามารถจดเกบคณลกษณะพเศษของไฟลทเปนของ Photoshop เชน เลเยอร, ชาแนล, โหมดส ไดอยางสมบรณ

21

รปท 2.2 ไอคอนโปรแกรม Adobe Photoshop

2.2.2 ววฒนาการของโปรแกรม Adobe Photoshop

โปรแกรม Photoshop นนสามารถนบไดทงหมด 2 รนใหญๆ โดยรนแรก จะลงทายดวยทศนยม ตอมาในภายหลงจงเปลยนเปนชอรนทลงทายดวยดวย CS ซงมค าเตมวา Creative Suite นบเปนรนท 8.0 ทเปลยนมาใชค าวา CS หลงจากทโปรแกรม Photoshop ไดพฒนามาถง CS6 ทางบรษทไดออกโปรแกรม Photoshop รนใหม ชอ Adobe Photoshop Creative Cloud หรอ Adobe Photoshop CC ซ งม รปแบบการใหบรการตางกบรนของ CS6 อยางสนเชง ยกตวอยางเชน

- Adobe Photoshop CS6 จายเงนซอเพยงครงเดยว - Adobe Photoshop CC จายเงนคาบรการเปนรายเดอน - Adobe Photoshop CS6 ถามการอพเกรดเวอรชนจะตองจายเงนเพม รปแบบ ลบของเดมทงแลว

ตดตงใหม - Adobe Photoshop CC อพเกรดฟรตลอดอายการใชงาน รปแบบ อพเกรดตอจากของเกาไดเลยใน

Patch - Adobe Photoshop CS6 ไมมเนอทออนไลนให

22

- Adobe Photoshop CC มบรการจดสรรเนอทออนไลฟรสงสด 100GB เพอใหสะดวกตอการสงงานใหกบผรวมงานอนทอยตางสถานท

- Adobe Photoshop CS6 ไมมทมงานคอยใหค าปรกษา - Adobe Photoshop CC มทมงานคอยใหค าปรกษาตลอดเวลา ตงแตการใชเครองมอไปจนถงวธ

ตดตงโปรแกรม โปรแกรมของ Adobe จะม ชอ รนของโปรแกรมอยท งหมด 2 ชอ คอ Element และ Extended Elements หมายถงรนทถกตดความสามารถบางอยางในโปรแกรมออกไปจงท าใหราคาถกยงขนและเหมาะส าหรบมอใหมทตองการเรยนรการเครองมอเพอใชงานโปรแกรม Photoshop สวนรนทมค าวา Extended หมายถง รนทสามารถท างานรวมกบภาพ 3 มตไดดวย

2.3 การออกแบบตวละคร

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

23

2.3.1 หลกการออกแบบตวละครใหนาสนใจ 1. มเอกลกษณ มรปแบบลกษณะเฉพาะ มความแตกตาง เปนทนาสนใจและนาจดจ า 2. มบคลก ทาทางการเคลอนไหวทโดดเดน มลกษณะเฉพาะตว 3. มรปราง สสน และมสญลกษณทจดจ าไดงาย 4. มการแสดงอารมณชดเจน ชวยใหเขาใจสงทน าเสนอ

2.3.2 สวนประกอบส าคญในการออกแบบตวละคร การออกแบบตวละคร คอ การจดองคประกอบเขาดวยกนใหเกดเปนบคลกตาง ๆ ทสามารถสอบคลกของตวละครไดชดเจน การแบงสดสวนของตวละครจะแยกออกเปนสวน หว ตวแขน ขาและอน ๆ ไมควรมสดสวนเทากนเพราะจะท าใหดนาเบอ ตรงกนขามยงสดสวนมความแตกตางกนเทาไร ตวละครจะยงดเตะตามากขน เชน ตวใหญมากแตหวเลก หรอตวผอมแตหวโต เปนตน การสรางจดสนใจ ใหกบตวละครควรเนนทจดใดจดหนงเพยงจดเดยว เพราะหากวางจดสนใจไวหลายจดจะเกดการแขงกนเอง ท าใหบคลกตวละครดไมโดดเดนเทาทควร ซงการออกแบบตวละครขนอยกบสวนประกอบหลก 3 อยางคอ ขนาด(size) รปทรง (shape) และสดสวน (proportion) ดงน 2.3.2.1 ขนาด (size) เปนเรองของการเปรยบเทยบ ใหญกวาหรอเลกกวา ขนาดมความส าคญในแงของการสราง ความรสกทแตกตางกน ขนาดใหญใหความรสกถงน าหนกทมากกวาแขงแรงกวา มนคงกวาและมอ านาจเหนอกวา ในขณะทขนาดเลกใหความรสกถงน าหนกทนอยกวาออนแรงกวาคลองแคลววองไวกวาและมลกษณะตกเปนเบยลาง 2.3.2.2 รปทรง (shape) รปทรงหลก ๆ มอย 2 แบบ คอ Free Shape กบ Simple Shape โดย Free Shape คอ รปทรงซงไมมโครงสรางและแบบแผนทแนนอน เปลยนรปรางไดตลอดเวลา เชน ควนไฟ กอนเมฆ รอยหมกซมบนผา หรอแผนทประเทศตางๆ สวน Simple Shape คอรปทรงแบบงายๆ ไมยงยากไมสลบซบซอน มโครงสรางทแนนอน เชน วงกลม สามเหลยม สเหลยม ในการออกแบบตวละครศลปนนก

24 ออกแบบจะใหความส าคญกบ Simple Shape มากกวา Free Shape เพราะ Simple Shape เปนรปทรงทสะดวกตอการใชงาน เตะตาผชมไดมากกวาจดจ างายและสามารถสอบคลกตวละครออกมาไดอยางชดเจน

รปท 2.3 รปทรงแบบ simple shapes 2.3.2.3 สดสวน (proportion) ตวละครทมรปทรง (shape) และสดสวน (proportion) ผดเพยนไปจากความจรงมากเทาไรกจะยงมความเปนการตนมากขนเทานน การสรางการตนจะตองเขยนใหเกนจรงหรอนอยกวาความเปนจรง ซงสามารถท าไดหลายวธทงขยายใหใหญขน ยดใหยาวออก บบใหเลกลงหรอหดหายไปเลยการเพม ลด ตดเนน เกยวของกบสดสวนอยางมาก

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

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

2.4 ภาพกราฟก

ภาพกราฟกในคอมพวเตอรแบงออกเปน 2 ประเภท คอ 2.4.1. ภาพเวคเตอร (Vector) จะเปนภาพทประกอบดวยเสนลกษณะตางๆ เชน เสนตรง โคง และรปทรงของเลขาคณต จะถกจดเกบในค าสงของโปรแกรมและคาตวเลข ซงเวลาท าการแสดงผลจะมการค านวณทกๆ ครง สงผลใหภาพลกษณะเชนนมความคมชดและไมแตกเมอมการขยายใหภาพมขนาดใหญขน ออบเจกต (Object) เปนลกษณะรปทรงวตถงายๆ ยกตวอยางเชน วงกลม เสนตรง ทรงกลม ลกบาศก และอนๆ เรยกวารปทรงพนฐาน สามารถใชในการสรางออบเจกตทซบซอนขน กราฟกแบบเวกเตอรสามารถสรางรปภาพโดยการรวมเอาออบเจกตหลายๆชนดมาผสมกนเราสามารถผสมออบเจกตตางชนดกน เชน วงกลมและเสนตรงเพอสรางภาพทมลกษณะแตกตางกน กราฟกแบบเวกเตอรใชค าสงงายๆ เพอสรางออบเจกตพนฐาน ถาเขยนเปนภาษาค าพดแบบธรรมดา ค าสงอาจจะอานไดวา "ลากเสนตรงจากจด A ไปยงจด B" หรอ "ลากวงกลมรศม R โดยมจดศนยกลางอยทจด P" 2.4.2. ภาพบตแมป (Bitmap) จะเปนภาพทประกอบจากจดสขนาดเลกๆจ านวนมากเรยงเรยงตวกนในลกษณะรปแบบตาราง เรยกวา พกเซล (pixel) โดยในแตละภาพจะมคาและขนาดทแนนอน ถามการขยายเพมมากขนจากขนาดเดมจะท าใหมองเหนเปนภาพหยาบหรอรปภาพแตกอยางชดเจน

26 พกเซล (Pixel) เปนองคประกอบพนฐานของภาพบตแมป อธบายงายๆคอ การเอาองคประกอบยอยรวมกนเขาท าใหเกดภาพ เพอประกอบเปนรายการสงของตางๆ ตวพกเซลนนจะเปนลกษณะชองๆเปนบลอกๆ เปนตนวา เอาแตละชนของบลอกกระจกมาประกอบกนเปนหนาตาง แตละเขมของการเยบปกถกรอยประกอบกนกลายเปนผลงานทางดานเยบปกถกรอย 1 ชน หรอแตละจดของโลหะเงนประกอบกนเปนรปภาพ 1 รป นนคอองคประกอบอาจจะเปนแกวชนใหญบนหนาตาง หรอจดโลหะเงนเลกๆ บนแผนฟลมกได โดยแตละชนเปนองคประกอบทแยกจากกน เปรยบเทยบไดกบพกเซลซงถอเปนหนวยยอยทเลกทสดของรปภาพ พกเซลมความส าคญตอการสรางกราฟกของคอมพวเตอรมาก เพราะทกๆ สวนของกราฟก เชน จด เสน แบบลายและสของภาพ ลวนเรมจากพกเซลทงสน พกเซลหนงๆ อาจจะมขนาดความเขมและสแตกตางกนได ในโลกแหงดจตอลของรปภาพคอมพวเตอร พกเซล ไดถกใชส าหรบสงตางๆ เปนตนวาจดแตละจดบนหนาจอคอมพวเตอร จดแสดงความละเอยดของเครองพมพแบบเลเซอร หรออปกรณแสดงผลประเภทกราฟกอนๆ ของระบบคอมพวเตอร ซงบางครงอาจท าใหเราสบสนไดเพอใหเกดความชดเจน ขอใหค าจ ากดความดงตอไปน พกเซล หมายถง องคประกอบยอยในไฟลกราฟกแบบบตแมป วดโอพกเซล หมายถง องคประกอบยอยของภาพในหนาจอคอมพวเตอร จดหรอดอต หมายถง ความละเอยดของภาพทพมพโดยเครองพมพแบบเลเซอร รโซลชน (Resolution) รโซลชน (Resolution) หรอคาความละเอยดของภาพ หมายถง รายละเอยดทอปกรณแสดงกราฟกชนดหนงมอย คารโซลชนมกระบเปนจ านวนพกเซลในแนวนอนคอแนวแกน X และจ านวนพกเซลในแนวตงคอแนวแกน Y ดงนนรโซลชน 720 x 348 จงหมายความวา อปกรณแสดงกราฟกชนดนสามารถแสดงพเซลในแนวนอนไดไมเกน 720 พกเซล และแสดงพกเซลในแนวตงไดไมเกน 348 พกเซล ผผลตอปกรณแสดงกราฟกบางรายจะระบคารโซลชนเปนระดบสง (High Resolution) ปานกลาง (Medium Resolution) และระดบต า (Low Resolution) โดยพจารณาจากจ านวนพกเซลในแนวนอนเพยงอยางเดยว ซงมหลกวา ถาคานอยกวา 128 เปนระดบต า คาระหวาง 128 ถง 512 เปนระดบกลาง คาสงกวา 512 เปน

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

รปท 2.4 ภาพเปรยบเทยบความแตกตางของภาพ bitmap และ vector

ความแตกตางระหวางภาพเวคเตอร และภาพบตแมป ภาพ บตแมป (Bitmap) 1. ลกษณะภาพประกอบขนดวยจดตางๆ มากมาย 2. ภาพมจ านวนพกเซลคงทจงตองการคาความละเอยดมากขนเมอขยายภาพ โดยจะค านวณคาสทละ pixels ท าใหภาพแตกเมอขยายภาพใหใหญ 3. เหมาะส าหรบงานกราฟก ในแบบตองการใหแสงเงาในรายละเอยด 4. แสดงภาพบนจอทนท เมอรบค าสงยายขอมลจากหนวยความจ าทเกบภาพไปยงหนวยความจ าของจอภาพ ภาพเวคเตอร (Vector) หรอสโตรก (Stroked) 1. ใชสมการทางคณตศาสตรเปนตวสรางภาพ โดยรวมเอา Object (เชน วงกลม เสนตรง) ตางชนดมาผสมกน 2. สามารถยอและขยายขนาดไดมากกวา โดยสดสวนและลกษณะของภาพยงเหมอนเดม ความละเอยดของภาพไมเปลยนแปลง 3. เหมาะส าหรบงานแบบวาง Layout งานพมพตวอกษร Line Art หรอ Illustration

28 4. คอมพวเตอรจะใชเวลาในการแสดงภาพมากกวา เนองจากตองท าตามค าสงทมจ านวนมากกวา

2.5 องคประกอบพนฐานของภาพ

องคประกอบพนฐานของภาพแบงออกเปน 8 ชนดคอ จด, เสน , รปรางหรอรปทรง,

น าหนก, พนผว, พนทวาง, ส และตวอกษร

2.5.1 จด (Point,Dot)

- จดเปนพนฐานในทางศลปะทกสาขา ถอเปนสวนประกอบทเลกทสดขององคประกอบของภาพ

- หากน าจดมาเรยงตอกนตามต าแหนงทเหมาะสม และซ าๆ กน จะท าใหเรามองเหนเปน เสน รปราง

รปทรง ลกษณะผว

- น าสายตาไดด อยในสวนประกอบของภาพในธรรมชาตแทบทงสน

- จดจะเปนตวบอกและก าหนดต าแหนงในภาพ

2.5.2 เสน (Line)

- เกดจากจดทเรยงตอกน หรอเกดจากการลากเสนไปยงทศทางตางๆ อกทงเสนยงเกดจากเคลอนท

ของจด หรอถาน าจดมาวางเรยงตอๆ กนกจะเกดเปนเสนขน

- เสนมมตเดยว คอ ความยาว ไมมความกวาง มหลายลกษณะ เชน ตง นอน เฉยง โคง เปนตน ให

อารมณความรสกแตกตางกน

- ท าหนาทเปนขอบเขตของทวาง รปราง รปทรง ส น าหนก รวมทงเปนแกนหลกโครงสรางของ

รปรางรปทรงตางๆ

29

2.5.3 รปรางและรปทรง (Shape and Form)

- รปราง คอ พนทๆ ลอมรอบดวยเสนทแสดงความกวาง และความยาว รปรางจงมสองมตตางจาก

รปทรง คอ ภาพสามมตทตอเนองจากรปราง โดยมความหนา หรอความลก ท าใหภาพทเหนมความ

ชดเจนและสมบรณในตว

รปรางและรปทรงแบงออกเปน 3 ประเภท

1. รปเรขาคณต (Geometric Form) มรปรางรปทรงทแนนอน มาตรฐาน สามารถวดหรอค านวณได ม

กฎเกณฑ เชน รปสเหลยม,รปวงกลม,รปวงร,หาเหลยม,หกเหลยม,พระมด เปนตน รปเรขาคณต

เปนโครงสรางพนฐานของรปทรงตางๆ ดงน นหากตองการสรางสรรครปอนๆ ควรศกษารป

เรขาคณตใหเขาใจในระดบนงเพอการตอยอดไปสรางรปภาพแบบอนได

2. รปทรงธรรมชาต (Nature Form) เปนการเลยนแบบธรรมชาต หมายถงการน ารปทรงทมอยตาม

ธรรมชาต เชน ดอกไม,ใบไม,สตว,แมลง,มนษย เปนตน มาใชเปนแมแบบในการออกแบบและ

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

ลอเลยนธรรมชาต โดยใชรปทรงเชน ตกตาหม,อวยวะของรางกาย เปนตน ยงคงเปนรปทรงตาม

ธรรมชาตใหเหนอย บางครงไดมการน าวสดทมอย ตามธรรมชาต เชน เปลอกหอย,กงไม,ขนนก มา

ออกแบบ ดดแปลง สรางสรรคผลงาน รปทรงกไมไดเปลยนแปลงไปจากเดมมากนก

3. รปทรงอสระ (Free Form) เปนรปแบบโครงสรางทไมแนนอน ใหความรสกเคลอนไหว ลนไหล

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

ธรรมชาต ทถกกระท าจนมรปลกษณะเปลยนไปจากเดมจนไมเหลอสภาพเดม

30

2.5.4 น าหนก (Value)

- เปนสวนทมาเสรมใหดออกวารปทรงมน าหนกขนาดไหนเบา หรอหนก ทบ หรอโปรงแสง

- น าหนกจะเกดจากการเตมสและแสงแรเงาลงไปในรปทรงจนไดผลลพธออกมาตามทตองการ

- ในการท างานกราฟกรปรางจะมผลอยางมากตออารมณของงาน เชน ถาตองการงานทอารมณผหญง

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

มตมากขนกอาจจะเปนรปทรงของดอกไมในมมมองทแปลกตา กจะสามารถสออารมณทตองการ

ออกไปไดพรอมกบเปนการสรางความนาสนใจเพมขนมาอกดวย

2.5.5 พนผว (Texture)

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

ถาเราเลอกพมพงานลงในกระดาษ Glossy ทมความเงาและแวววาว งานนนจะสอออกไปไดทนทวา “หรหรา

มระดบ” หรอ ถาเราใสลวดลายทดคลาย ๆ สนม หรอรอยเปอนลงไปในงานกจะสอไดทนทถง “ความเกา”

ดงนนในการท างาน นกออกแบบจงควรเลอกสรางพนผวทงในองคประกอบตาง ๆ ทใสลง

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

เหมาะสม

2.5.6 พนทวาง (Space)

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

เปลาในงานเพยงอยางเดยว แตหมายถงรวมไปถงพนททไมส าคญหรอ Background ดวย ในการออกแบบ

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

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

อกดวย

31

2.5.7 ส (Color)

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

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

ทาทาย หรอสโทนเยนส าหรบงานตองการใหดสภาพ สบายๆ เปนตน

จตวทยาของส ( Psychology of color ) เพราะสนนมอทธพลตอผชมในการดานการสอถง

อารมณและความรสก ความรสกเกยวกบสจะมหลากหลายความรสก โดยมากแลวในการออกแบบภาพตว

ละครนนมกจะใช Background เปนตวสอความหมายมากกวา

ส (color) เปนสวนประกอบของศลปะทมความส าคญและคอนขางจะมบทบาทโดดเดน

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

ศลปะไดอกหลายอยาง เชน การปายสเปนเสน สลดสเปนจดการใชสเปนพนผว นาหนกและบรเวณวาง

นอกจากนสยงสามารถท าใหผพบเหนเกดอารมณความรสกตางๆ เชน

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

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

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

ดวย เพราะยงมสเขยวเขม ทแสดงถงความสมบรณ มงคง และสเขยวออนทแสดงถงความเงยบสงบ

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

กระชมกระชวย

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

ความกลาหาญ

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

ทซอนอยภายใน อกทงใหความรสก เศราผดหวง

2.5.7.6 สฟา ใหความรสก สดใส สะอาด เรยบรอย

2.5.7.7 สชมพ ใหความรสก ออนหวาน นมนวล นารก

2.5.7.8 สนาเงน เปนสทไดรบความนยมมากทสด เพราะสน าเงน จะแสดงออกถงความเชอมน ความ

ไววางใจ และความปลอดภยไดเปนอยางด ใหความรสก สขม เยอกเยน สงบ

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

ธรรมชาต เรยบงาย แตคงทน

2.5.7.10 สเทา ใหความรสก เศรา สงบ สขม เรยบรอย สภาพ

2.5.7.11 สด า ใหความรสก หดห เศราลกลบ หนกแนน สขาว ใหความรสก บรสทธ ใหมสะอาด แบรนดท

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

2.5.8 ตวอกษรหรอฟอนต (Type/Font) ตวอกษรเปนสงส าคญเมอตองท างานกราฟกดไซน ในเรองงานกราฟกทดบางงาน นก

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

33 ความหมายออกมาไดในดไซนทสวยงาม การเลอกตวอกษรหรอฟอนตนนตองค านงถงความเขากนของงาน

ดวย

ประเภทและลกษณะของ font - Serif เปนฟอนตทมลกษณะเปนทางการ ไดรบการพฒนามาจากรปแบบตวอกษรทเขยนดวยมอ

ลกษณะเดนอยทหาง (serif) จงเปนทมาของชอประเภทฟอนตน - San serif พฒนาจาก serif ใหมการลดทอนตดสวน serif ออกจนดทนสมย เรยบงาย เหมาะส าหรบ

การใชงานในแบบไมเปนทางการมากเกนไป - Script ตวอกษรทมลกษณะเหมอนเขยนดวยลายมอ ซงตวฟอนตนจะเปนลายมอลกษณะตางๆกน

ไป สวนมากนยมออกแบบใหตวอกษรมลกษณะเอยงเลกนอย ไมตรงเปะมากนกสอถงความไมตงใจ

- Display ตวอกษรทออกแบบเฉพาะใหมลกษณะแปลกตาเพอใชในการสรางหวโฆษณา ประกาศ ไมเนนน าไปใชในการพมพบทความ หรอเนอหาจ านวนมาก เพราะความลกษณะเฉพาะของตวอกษร

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

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

Typeface คอแบบของตวอกษรทออกแบบหรอคดคนขนมาโดยนกออกแบบตวอกษร ซงในแตละ

typeface จะม shape ทแตกตางกนออกไป สวน Font นนเปนเพยงรปแบบหรอลกษณะหนงของ typeface

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

รปแบบเอกลกษณเฉพาะตว ยกตวอยางเชน ขนาด ความหนา ความกวาง และความเอยงเทากน ตวอยางของ

TYPEFACE ทมรปแบตวอกษรไทย เชน Angsana , Browallia , Cordia เปนตน

34

ลกษณะของ type face - Normal/regular ประเภทตวธรรมดา - Bold ประเภทตวหนา - Italic ประเภทตวเอยง - Extra ประเภทตวหนาพเศษ - Light ประเภทตวบางพเศษ - Extended ประเภทตวกวางพเศษ - Narrow ประเภทตวแคบพเศษ - Outline ประเภทตวอกษรแบบมขอบ

35

บทท 3 แผนงานการปฏบตงานและขนตอนการด าเนนงาน

3.1 แผนงานการฝกงาน ตารางท 3.1.1 ตารางแสดงเกยวกบโครงงานแผนปฏบตงานสหกจ

หวของาน เดอนท 1 เดอนท 2 เดอนท 3 เดอนท 4 รบคอนเซปตงานจากพนกงานทปรกษา ศกษาวธท า Sticker Line ศกษาและคนหาขอมลผลตภณฑ ออกแบบ Sticker Line หลายๆแบบเพอเลอกดไซนหลก

สแกนภาพดไซนเพอน าเขาคอมพวเตอร คดค าพดทใสใน Sticker Line ลงมอท าจรงในโปรแกรม AI เขยนค าพดลงในโปรแกรม AI Export งานเขาโปรแกรม Ps จดวางภาพดไซน ในโปรแกรม Ps พรอมใสค าพด

ตรวจเชคความเรยบรอยของงานทท าเสรจ แกไขรายละเอยดของภาพเรองค าพดและดไซน

36 ตารางท 3.1.2 ตารางแสดงเกยวกบงานทไดรบมอบหมายประจ าวน

หวของาน เดอนท 1 เดอนท 2 เดอนท 3 เดอนท 4 ตดตอรปทเตรยมใชในเวบไซต แกไขพรเซนเทชน แปลภาษาในพรเซนเทชน งานดไซน

- ท ำ Banner - ท ำนำมบตร - ท ำปำยรำงวล - ออกแบบตรำยำง - ท ำ icon - ท ำรปปกใสเวบไซต

คดค าบรรยายขอมลใสในเวบไซต แกไขโบรชวล

3.2 รายละเอยดทนกศกษาปฏบตในการฝกงาน 3.2.1 ส ารวจกลมเปาหมายของลกคา ในการจดท าโครงงานสหกจศกษาในครงนขาพเจาไดรบมอบหมายใหออกแบบและจดท า Sticker Line เพอสมนาคณลกคารมรถยนต mynewasia และออกแบบคารแรคเตอรเพอจดท า Sticker Line ของกลอง GPS Eyefleet ซงกลมลกคาของ Sticker Line คอ ลกคาทซอสนคารมรถยนตของ mynewasia

37 สวนมากจะเปนวยท างานและเปนบคคลทมอปนสยรกรถยนตหรอชอบแตงรถยนต สวนของกลอง GPS จะเปนหนวยงานหรอบรษททตองการเชคความเคลอนไหวของรถยนต 3.2.2 คนหาขอมลผลตภณฑ ถงแมจะไดรบคอนเซปตส าหรบการสรางคารแรคเตอร Sticker Line มาแลวกตาม แตการคนหาขอมลผลตภณฑเพอมาเชอมโยงกบคารแรคเตอร Sticker Line จะท าใหเกดผลดกบผลตภณฑมากกวา เหมอนเปนการประชาสมพนธบอกขอดของสนคาไดไปในตว 3.2.3 คนหา Reference เพมแรงบนดาลใจ เมอเรามแบบอยในหว สงทส าคญทสดคอเราจะน าเสนองานออกมาอยางไรใหตรงใจกลมเปาหมายมากทสด ซงเราอาจจะคนหาแบบทคลายคลงกนดเพอเกบเปนคลงขอมลในสมอง แลวเลอกทจะน าออกมาน าเสนอใหเปนแบบฉบบของเรา สมยนถอเปนเรองทควรท ามากถาตองการใหงานออกมาด แตอยาลมวาตองน าไปปรบใชมใชอาศยท าตามแบบ

3.3 ขนตอนการด าเนนงานทนกศกษาปฏบตงาน

ภายในระยะเวลาปฏบตงานสหกจศกษาทงหมดเปนระยะเวลา 4 เดอน หรอ 18 สปดาห ขาพเจาไดรบการมอบหมายงานเกยวกบการออกแบบ Sticker Line เพอสมนาคณลกคาและออกแบบคารแรคเตอรกลอง GPS ซงผลงานการออกแบบ Sticker Line ทง 2 ชด มขนตอนการด าเนนงานทคลายคลงกน มเพยงบางขนตอนเทานนทแตกตางกน

3.3.1 ในสวนของโครงงานทไดรบมอบหมายงานสหกจศกษา Sticker Line mynewasia

38 3.3.1.1 ศกษาขอมลเกยวกบการท า Sticker Line ศกษาขอจ ากดเกยวกบการท า Sticker Line เพอใหรปทท าออกมาถกตองและไมถก reject ผลงาน ซงการศกษาขอจ ากดททาง Line Creator ก าหนดกอนลงมอท าผลงาน ท าใหทราบถงความเปนไปและสงทตองท า เชน รปแบบของภาพ, คาความละเอยดของภาพ,ขนาดของภาพในแตละรป เปนตน เพอใหเปนไปตามแนวทางท Line Creator ก าหนด 3.3.1.2 ศกษา Reference

ในความคดของขาพเจาการทเราจะออกแบบอะไรสกอยางหนงไดบางครงการศกษา

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

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

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

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

40

รปท 3.5 ภาพตงตนเปรยบเทยบกบภาพทขยบทาทางตวละคร

3.3.1.6 ดราฟรปสงของทใชในงาน Sticker Line ใหเปนสไตลของตวเอง เมอไดทาทางของตว Sticker ตามทตองการแลว ขนตอมา คอ การหาพรอบสงของมาประกอบรปเพอท าใหรปมความสมบรณมากยงขน เทคนคการท างานในสวนตรงน คอ หาสงของทเขากบทาทางตวละครเขามาประกอบฉาก จะท าใหดมความเขากนและมความนาสนใจมากยงขน ประกอบกบการเลอกใชสสดใส มความทนสมย จะท าใหดงดดสายตาของผทพบเหนดวย

41

รปท 3.6 รปสงของบางสวนทน ามาท าเปนพรอบใน Sticker Line

3.3.1.7 เขยน Text ทใชใสตว Sticker Line

สงส าคญทสดเมอไดทาทางตวละครทตองการท าเรยบรอยแลว ตองม Text ทใชในการ

น าเสนอดวย ขาพเจาจงสราง Text ขนมาโดยการใชลายมอของตวเองจาก Brush ในโปรแกรม Illustrator แลวใชเครองมอ Direct Selection Tool ดดมมตวอกษร จากนนใชเครองมอ Smooth Tool ลากผานมมท าใหตวอกษรมความนมนวลมากยงขน เมอเขยน Text เสรจแลวจงน าตวอกษรมาประกอบเปนค าพด การเขยน Text ใสลงไปใน Sticker Line Text ไมจ าเปนจะตองมขนาดเทากนทกตวอกษรมฉะนนอาจเปนความตงใจมากเกนไป ควรมตวเลกตวใหญสลบกนบางใหเหมอนฟอนตในการตน มการดดตวอกษรใหตวดขนลง

42

รปท 3.7 Text ทวาดจาก Brush ในโปรแกรม illustrator

3.3.1.8 เกบรายละเอยดตวคารแรคเตอร Sticker Line เมอท าเสรจสนครบทกกระบวนการในโปรแกรม Illustrator แลว จงท าการเกบรายละเอยดตวละครใหเรยบรอย โดยตรวจสอบมม Object ใหพอดขอบ การลงแสงสเงา และรายละเอยดยบยอยของผลงาน เชน ใสโลโก 3.3.1.9 import ไฟลทท าเสรจแลวเพอน าไปท าตอในโปรแกรม Photoshop เตรยมไฟลทตองการจะน าไปใชท าภาพตอในโปรแกรม Photoshop โดยกดเลอกค าสง File > Save for web จากนนกด Save โดยดขนาดไฟลแตละรปไมใหเกน 1 MB ตามคมอทไลนก าหนด

43

รปท 3.9 ภาพขนตอนการ import file ในโปรแกรม illustrator

3.3.1.10 น ารปทตองการใส Text ไปเปดในโปรแกรม Photoshop โดยเปดหนากระดาษในโปรแกรม Photoshop ขนาด 370x320 px และเวนขอบภาพดานละ 10 px เพอความสมดลของภาพในเวลาสงในหนาแชท ใหมพนทวางทเหมาะสมระหวางตวภาพทตดขอบแลวกบเนอหา ซงไฟลทไดจะเหมอนมขอบสเหลยมเปนกรอบเวลาใช

44

รปท 3.10 ภาพการเปดรปเขามาในโปรแกรม Photoshop

3.3.1.11 ลาก Text เขามาในโปรแกรม Photoshop เพอจดวางขอความ หลงจากทจดวางภาพทตองการท า Sticker Line เสรจเรยบรอยแลว ใหน าไฟล Text ทเปนลายมอของเราเขามาใสในโปรแกรม Photoshop โดยใชเครองมอ Rectangular Marquee Tool ลากครอบสวนทตองการ แลวเลอก Menu Edit > Copy merged เพอคดลอกสวนขอความไปวางในหนาไฟล Sticker ทท า โดยระวงไมใหขอความตกขอบเสน Grid

45

รปท 3.11 ภาพการวาง Text ของ Sticker Line

3.3.1.12 Export ไฟลเพอเตรยมน าไปใชงาน เมอใสขอความและจดวาง Layout ไฟลทงหมดเรยบรอยแลว ขนตอนตอไปคอการ export

ไฟลงานออกไปใช โดยอยาลมเชคคาความละเอยดของภาพ ไปท menu image > image size แลวหาค าวา

resolution โดยทางไลนครเอเตอรไดใหค าแนะน าเกยวกบคาความละเอยดมากกวา 72 dpi ยงคาความละเอยด

มากเทาไหรจะท าใหไฟลภาพใหญเกนไป ควรระวงในจดนดวย

46

รปท 3.12 ภาพขนตอนการ export ภาพ

3.3.1.13 น าไฟลภาพ Sticker Line ท export จากโปรแกรม Photoshop มาทดสอบเมอสงในหนาแชท หลงจากท export ภาพอยางเสรจสมบรณ เราอาจจะตองการดภาพ Sticker Line ทเราท า

เสรจเมอสงเขาไปในหนาแชทขณะสนทนา ดงนนขาพเจาจงหาเวบไซต Simulation จ าลองการทดสอบสง

ภาพ Sticker Line ขณะสนทนาในหนาแชท เพอดวาภาพทเราท าตองแกไขสวนใดสวนนงเปนพเศษหรอไม

โดยเขาไปท http://www.stampers.me/simulation/ ตวเวบไซตจะจ าลองเหมอนเราก าลงใชงานหนาแชทอย

47

รปท 3.13 ภาพเวบไซตจ าลองการทดสอบ Sticker Line

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

48

จากรปแรกซายไปขวา

1. รปทเขยนขอความ “ดแลตวเองดวยนะ” สอถงวารมกนแดดรถยนต mynewasia ของเราสามารถปองกนแดดได ท าใหรถของคณอณหภมลดลง

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

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

49

3.3.2 ในสวนของโครงงานทไดรบมอบหมายงานสหกจศกษา Sticker Line Eyefleet

3.3.2.1 คนหารปกลอง GPS เพอมาเปนแบบในการวาดรป ส าหรบการวาด Sticker Line ของกลอง GPS Eyefleet คอนขางงายกวาของ mynewasia

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

ของเราเอง ขาพเจาจงคนหารปท เปนกลอง GPS จรงๆแลวน ามาวาดเปนแบบฉบบของตนเอง ใหคง

เอกลกษณของสนคาเอาไวใหมากทสด

3.3.2.2 ออกแบบคารแรคเตอรตามคอนเซปตทไดรบลงในกระดาษ เมอไดรปตนแบบของกลอง GPS แลว หลงจากนนจงไดคอนเซปต Sticker Line เพอมา

ออกแบบตอ ซงคราวนคอนเซปตทไดรบ คอ เปนตวกลองสด า มโลโกตดอยทกลอง GPS ทาทางใน Sticker

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

ตอไป

3.3.2.3 ลงมอวาดรปในโปรแกรม Illustrator ขาพเจาไดออกแบบภาพตวกลอง GPS ลงในกระดาษโดยอาศยรปตวกลอง GPS จรงๆ

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

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

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

50

รปท 4.1 ซาย ภาพสนคาจรง

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

51

รปท 4.2 ภาพคารแรคเตอรทท าทาทางแตกตางกนตามค าพด

3.3.2.5 export file Sticker Line เพอน าไปใชตอในโปรแกรม Photoshop

เมอเสรจสนขนตอนการออกแบบตามทก าหนดไวแลว ขนตอนตอมาคอการน าไฟลไปท าตอในโปรแกรม Photoshop ซงการ save for web อยาลมเลอกประเภทของไฟลเปน png24 ซงมคณภาพไฟลทชดทสด ภาพทไดออกมาจะเปนรปๆตามทเรา export ออกมาใช ทส าคญตองก าหนดรปแบบสของภาพเปน RGB ไมใช CMYK

52

ภาพท 4.3 ภาพขนตอนการ export file ในโปรแกรม illustrator

3.3.2.6 เปดโปรแกรม Photoshop เพอดงไฟลทตองการท าตอเขามา

โดยท าการลากไฟลทจะท าตอเขามาในโปรแกรม ซงสามารถตดไฟลโดยใชเครองมอ Crop Tool หรอ Rectangular Marquee Tool กไดขนอยกบความถนด ขนตอนนเปนขนตอนท าตว Sticker Line ใหเปนรปๆเพอใหตรงตามขอก าหนดททาง Line Creator ก าหนดไว จากรปดานลางจะเหนเสนไกดสฟาตามขอบน น คอ การเวนขอบรปโดยประมาณ 10 px เพอใหเวลาสง Sticker ไปบนหนาแชทไมตดขอบกบบอลลนขอความนนเอง

53

ภาพท 4.4 ภาพท import เขามาในโปรแกรม Photoshop

3.3.2.7 ลาก Text เขามาในโปรแกรม Photoshop เพอจดวางขอความ หลงจากทจดวางภาพทตองการท า Sticker Line เสรจเรยบรอยแลว ใหน าไฟล Text ทเปนลายมอของเราเขามาใสในโปรแกรม Photoshop โดยใชเครองมอ Rectangular Marquee Tool ลากครอบสวนทตองการ แลวเลอก Menu Edit > Copy merged เพอคดลอกสวนขอความไปวางในหนาไฟล Sticker ทท า โดยระวงไมใหขอความตกขอบเสน Grid การวางขอความสามารถวางไดอสระเพยงแคค านงถงเสนขอบเทานน

54

ภาพท 4.5 ภาพการวาง Text ของ Sticker Line 3.3.1.8 Export ไฟลเพอเตรยมน าไปใชงาน เมอใสขอความและจดวาง Layout ไฟลทงหมดเรยบรอยแลว ขนตอนตอไปคอการ export

ไฟลงานออกไปใช โดยอยาลมเชคคาความละเอยดของภาพ ไปท menu image > image size แลวหาค าวา

resolution โดยทางไลนครเอเตอรไดใหค าแนะน าเกยวกบคาความละเอยดมากกวา 72 dpi ยงคาความละเอยด

มากเทาไหรจะท าใหไฟลภาพใหญเกนไป ควรระวงในจดนดวย

55

ภาพท 4.6 ภาพขนตอนการ export ภาพ 3.3.1.9 น าไฟลภาพ Sticker Line ท export จากโปรแกรม Photoshop มาทดสอบเมอสงในหนาแชท หลงจากท export ภาพอยางเสรจสมบรณ เราอาจจะตองการดภาพ Sticker Line ทเราท า

เสรจเมอสงเขาไปในหนาแชทขณะสนทนา ดงนนขาพเจาจงหาเวบไซต Simulation จ าลองการทดสอบสง

ภาพ Sticker Line ขณะสนทนาในหนาแชท เพอดวาภาพทเราท าตองแกไขสวนใดสวนนงเปนพเศษหรอไม

โดยเขาไปท http://www.stampers.me/simulation/ ทางเวบไซตจะมพนหลงใหเลอก 3 ธมซงท งหมด

เปนธมหลก (Default) และธมทไลนใหใชฟร 2 ธม

56

ภาพท 4.7 ภาพเวบไซตจ าลองการทดสอบ Sticker Line

57

บทท 4 สรปผลการด าเนนงาน การวเคราะหและสรปผลตาง ๆ

4.1 ขนตอนและผลการด าเนนงาน โครงงานเกยวกบการออกแบบคารแรคเตอรสนคาเพอสมนาคณลกคามขนตอนและรายละเอยดการด าเนนงานดงน

4.1.1 ภาพคารแรคเตอร Sticker Line mynewasia

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

4.1.1.2 ท าการศกษาขนตอนการท า Sticker Line เนองจากเปนครงแรกทไดรบมอบหมายใหท า Sticker Line จงจ าเปนตองศกษาขนตอนการท าและขนาดของภาพทใชใน Sticker Line เสยกอน โดยขาพเจาไดท าการศกษาขอมลจากเวบไซต https://creator.line.me/th/guideline/sticker/ ซงเปนเวบไซตหลกส าหรบเหลาครเอเตอรทตองการท า Sticker Line ขายเปนของตนเอง เมอไดท าการศกษาแลวท าใหไดรถงขนาดภาพทเหมาะสม รปแบบของภาพทตองท า รวมทงความละเอยดและขอบงคบตางๆททาง Creator Line ก าหนดไวดงน 4.1.1.2.1 รปแบบของภาพตองเปนไฟล png เทานน ไมสามารถใชเปนไฟล jpeg ได 4.1.1.2.2 ใชความละเอยด 72dpi หรอสงกวาและโหมดส RGB 4.1.1.2.3 ขนาดสงสดของภาพละไฟลคอ 1 MB

58 4.1.1.2.4 ในกรณทบบอดรปทงหมดเปนไฟล ZIP แลวอพโหลด ไฟล ZIP ตองมขนาดไมเกน 20 MB 4.1.1.2.5 พนหลงของรปตองโปรงใสทงหมด 4.1.1.2.6 ขนาดของรปมหนวยเปนพกเซลทงหมด 4.1.1.2.7 สตกเกอรจะถกลดขนาดโดยอตโนมต กรณาตรวจสอบใหแนใจวารปมความสงและความกวางเปนเลขค

4.1.1.3 ท าการศกษาแนวโนมเทรนด Sticker Line ทไดรบความนยม ส าหรบยคท อนเทอรเนตไดรบความนยมอยางมาก การสอสารถอเปนเรองส าคญโดยเฉพาะผคนในยคปจจบนนเนนการสอสารผานทางแอพพลเคชนไลน ปฏเสธไมไดวา 1 ในความนยมบนแอพพลเคชนไลน คอ Sticker Line ทสามารถบงบอกอารมณผใชในชวงเวลานนไดเปนอยางด ท าใหการสอสารงายขน ดงนนการศกษาเทรนดของ Sticker Line ถอเปนสงส าคญ ซงจะท าใหเรารวาความนยมของ Sticker Line ในปจจบนเปนอยางไร แลวน ามาปรบมาใชกบ Sticker Line ทเราออกแบบได โดยตวขาพเจาไดสรปเทรนดความนยมของ Sticker Line คราวๆ ดงน 4.1.1.3.1 คารแรคเตอรมความนารก ดงดดใจ 4.1.1.3.2 ตวหนงสอสามารถใชสอสารในชวตประจ าวนได ครอบคลมทกอรยาบท 4.1.1.3.3 มความแปลกใหม ไมซ าใคร

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

59

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

4.1.1.6 ลงมอท าจรงในโปรแกรม Illustrator และ Photoshop เมอไดรบความเหนชอบจากพนกงานทปรกษาแลว จงน ารปทเปนภาพคารแรคเตอรดไซนมาจดท าจรงในโปรแกรม Illustrator และ Photoshop โดยปรบเปลยนรายละเอยดบางสวนตามความเหมาะสม

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

60 ววฒนาการการออกแบบคารแรคเตอร Sticker Line

ภาพท 5.1 คารแรคเตอรแบบท 1

เปนดไซนทออกแบบมาแลวไมไดใชเนองจากเมอน าไปท า Sticker Line อาจท าใหไมเหนรายละเอยดหนาเลกๆบนรม เพราะภาพเมอถกอพโหลดขนไปจะถกลดขนาดโดยอตโนมต เปนตวคารแรคเตอรเรมแรกทลงมอออกแบบพรอมกบคารแรคเตอรแบบท 2 โดยการเลอกใสรายละเอยดเพอใหเกดความนาสนใจ ซงจะมตวคารแรคเตอรบางตวทไมไดน ามาใชในเปน 1 ในทาทาง Sticker Line ทง 40 ตว จงมการโยกยายบางตวน าไปใชในงานอนๆ เชน งาน Online เปนตน

61

ภาพท 5.2 คารแรคเตอรแบบท 2

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

62

ภาพท 5.3 คารแรคเตอรแบบปจจบน

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

63

ภาพท 5.4 คารแรคเตอรดไซน Sticker Line mynewasia ทไมไดน าไปใช

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

4.1.2 ภาพคารแรคเตอร Sticker Line eyefleet

4.1.2.1 รบคอนเซปตคารแรคเตอร Sticker Line ส าหรบคอนเซปต Sticker Line ของ eyefleet นนจะเปนกลอง GPS สด า มตราโลโกของบรษทอยบนตว ทเหลอเนนความเปนฟรสไตล ตว Sticker Line จะตองสอสารในชวตประจ าวนได

64 4.1.2.2 คนหารปกลอง GPS จากเวบไซต เพอมาวาด Sticker Line เมอไดรบคอนเซปตคราวๆจากพนกงานทปรกษา ขนตอนตอมาคอการรางรปเพอมาท า Sticker Line จรงๆโดยรางรปแบบทจะท าใสกระดาษไวกอน 3 แบบ แลวเทยบกบรปกลอง GPS จรงๆ

4.1.2.3 เลอกแบบทใกลเคยงความเปนจรงทสด เมอลงมอวาดแบบทจะท าไวแลว จงเลอกแบบทใกลเคยงกลอง GPS มากทสดออกมา

แบบนงเพอลงมอวาดจรงในโปรแกรม Illustrator จากนนจงน าแบบทวาดสงใหพนกงานทปรกษาด เมอผานการเหนชอบแลวจงยดดไซนรปแบบนนออกมาใชจรง

4.1.2.4 ลงมอท างานจรงในโปรแกรม Illustrator และ Photoshop ดงทกลาวไปเบองตน เมอไดดไซนหลกทผานการอนมตจากพนกงานทปรกษาแลวจงได

จดการลงมอท าจรงในโปรแกรม Illustrator และ Photoshop ซงมการเปลยนแปลงแบบดไซนเลกนอยตามความเหมาะสม โดยคงเอกลกษณของกลอง GPS ของ Eyefleet เอาไวใหมากทสด แตเปลยนการน าเสนอเปนรปแบบคารแรคเตอรการตนเทานน

4.1.2.5 เขยนฟอนตดวยลายมอตวเองในโปรแกรม illustrator อกหนงสงทส าคญทสดของการท า Sticker Line คอ ขอความทตองใสใน Sticker Line

เพอสอสารกบผรบสารทเปนฝายตรงขาม ตวขาพเจามปญหากบการเลอกฟอนตทเอามาใสใน Sticker Line เนองจากฟอนตเดมทมไมเขากน จงไดแกปญหาดวยการเขยนฟอนตดวยมอโดยใช Brush แลวดดใหใกลเคยงลายมอขาพเจาเพอปองกนปญหาทางดานลขสทธทจะเกดตามมาทหลงได จากน นน ามาใสใน Sticker Line

65

4.1.2.6 น าผลงานทเสรจแลวสงมอบใหพนกงานทปรกษาตรวจสอบกอนน าไปใชจรง

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

ผลงานการออกแบบ Sticker Line ทงหมด ชดแรก Sticker Line Eyefleet

Concept การออกแบบ : กลอง GPS สด า ททองมโลโกของบรษทอย แสดงทาทางไดหลายอารมณ สงของทกลองนใชสอดแทรกดวยสของบรษท คอ มวงและสมภายในรป มจ านวนทงหมด 40 ตว แบงออกเปนสของบรษท 8 ตว อก 32 ตวเปนทาทางฟรสไตล

66

67

รปท 5.5 ภาพผลงานคารแรคเตอรดไซน Sticker Line Eyefleet

68

ผลงานการออกแบบ Sticker Line ทงหมด ชดท 2 Sticker Line Mynewasia

Concept การออกแบบ : รถยนตสเทาทมรมรถสน าเงนอยบนหลงคา เอกลกษณ คอ ตาโตสด า แกมเปนไฟหนารถสามารถเปลยนสไดตามอารมณ เชน สชมพ สแดง สเหลอง เปนตน ลอเปนเทาและมอได มจ านวนทงหมด 40 ตว แบงออกเปนทาบงคบ 6 ตว อก 34 ตวเปนทาฟรสไตลทผานการพจารณาแลวเรยบรอย

69

70

รปท 5.6 ภาพผลงานคารแรคเตอรดไซน Sticker Line mynewasia

71

บทท 5 บทสรปและขอเสนอแนะ

5.1 สรปผลการด าเนนงาน จากการปฏบตงานสหกจศกษาทบรษท อสทอนโนเวชน จ ากด ซงปฏบตงานในต าแหนง Graphic Design รวมเปนระยะเวลาทงหมด 4 เดอน หรอ 18 สปดาห สามารถสรปผลการด าเนนงานสหกจศกษาทงหมดได ดงน 5.1.1 โครงงานเกยวกบการออกแบบคารแรคเตอรสนคาเพอสมนาคณลกคารมรถยนต mynewasia 5.1.1.1 คารแรคเตอร Sticker Line mynewasia จากการด าเนนงานในการออกแบบและจดท า Sticker Line เพอสมนาคณลกคาส าหรบสนคารมรถยนต mynewasia ซงไดจดท าและออกแบบจ านวนทงสน 1 ชด รวมทงหมด 40 ตว โดยมทาบงคบใน Sticker Line ทงหมด 6 ตว คอ ทาสวสด ขอบคณ ขอโทษ รอน เยนและลากอน ทเหลอทงหมด 34 ตว เปนทาฟรสไตลมค าพดทพนฐานทสามารถใชสอสารไดในชวตประจ าวนได ขนาดรปแตละรป คอ 370 x 320 ขนาดรปนเปนขนาดใหญทสดทไลนก าหนดไว ทงหมดอยในขนตอนสงผลงานพจารณา จากการสงผลงานใหพนกงานทปรกษาพจารณาไดรบคอมเมนตวา ตวคารแรคเตอรมความนาสนใจ มเอกลกษณ และตรงตามคอนเซปตทไดวางไว 5.1.2 โครงงานเกยวกบการออกแบบคารแรคเตอรสนคากลอง GPS Eyefleet 5.1.1.2 คารแรคเตอร Sticker Line GPS Eyefleet จากการด าเนนงานในการออกแบบและจดท า Sticker Line ส าหรบสนคากลอง GPS Eyefleet ซงไดออกแบบและจดท าจ านวนทงสน 1 ชด 40 ตวเชนเดยวกบของ mynewasia โดย Sticker Line GPS Eyefleet

72 ไมไดมทาบงคบเหมอน Sticker Line mynewasia แตทาทางใน Sticker Line จะตองสามารถใชสอสารในชวตประจ าวนได ตวกลอง GPS จะตองเปนสด าและมตราโลโกบรษทอยในตว ผลการด าเนนการออกแบบและจดท า Sticker ชดนคอนขางรวดเรวมากกวาชดกอน เนองจากมประสบการณการท า Sticker Line ชดกอนท าใหสามารถเรยนรขอจ ากดและขอผดพลาดได ดงนนผลการด าเนนงานจงเปนไปอยางรวดเรว อกทงมดไซนสนคาจรงใหออกแบบแลวปรบใชงานตามความเหมาะสมไดอกดวย 5.1.3 งานทไดรบมอบหมายประจ าวน ส าหรบงานในสวนทไดรบมอบหมายในชวตประจ าวน ขาพเจามสวนชวยในเรองงานเกยวกบการท ากราฟกอยบาง เชน การแปลภาษาในพรเซนเทชน การตดตอรปตามทไดรบมอบหมาย ท างานเอกสาร ออกแบบตรายาง ออกแบบนามบตร และการออกแบบสอกราฟกอนๆ เปนตน ซงกมงานทไดน าไปใชจรงและไมไดน าไปใชจรงบาง หรอสตอกงานไวใชในอนาคต ซงทไดน าไปใชจรงสวนมากจะเปนรปภาพกราฟกทน าไปใชในเวบไซต พรเซนเทชน และตว Sticker Line ทง 2 ชด

5.2 ทกษะทไดรบจากการปฏบตงานสหกจศกษา

ส าหรบทกษะทไดรบจากการปฏบตงานสหกจศกษา ณ บรษทอสทอนโนเวชน จ ากด ขาพเจาได

เรยนรทกษะเกยวกบงานในดานตางๆทไมเคยไดท ามากอนอกทงยงไดรบประสบการณการท างานเพอน ามา

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

เรยนรการท างานจรง รวมไปถงกระบวนการการท างานในดานตางๆ จากบรษท ยกตวอยางเชน การใช

โปรแกรมคอมพวเตอรทเกยวกบการท างานกราฟก เปนตน

5.2.1 โปรแกรม Adobe Illustrator

ในการท างานเกยวกบกราฟกตลอดระยะเวลาการปฏบตงานสหกจศกษา ท าใหขาพเจาไดม

โอกาสฝกฝนฝมอในการท างานจากโปรแกรมมากยงขน ซงสงทไดใชงานโปรแกรมนมากทสด คอ Sticker

Line ท ง 2 ชด ต งแตกระบวนการออกแบบคารแรคเตอร การท า Text ทใชใน Sticker Line จนถงการ

73 น าไปใชจรง เชน การท าไอคอนทใชใสในเวบไซต การท าแผนพบ การท าโปสเตอร การออกแบบตรายาง

การออกแบบปายรางวล การท า roll up เปนตน นอกจากนยงไดเทคนคการออกแบบสอบน Social Network

ในแบบตางๆ รวมการคนหาขอมล

5.2.2 โปรแกรม Adobe Photoshop

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

5.2.3 การวาดรป ถงแมขาพเจาจะไมไดใชทกษะการวาดรปโดยตรงกบชนงานนแตกมสวนทไดพฒนาการวาดรปจากโปรแกรม Illustrator มากขน ถอเปนการฝกความคดสรางสรรคจากการตอยอดจากโจทยทไดรบ ท าใหเกดความทาทายทจะท าผลงานใหประสบความส าเรจ ซงโครงงานของขาพเจาทงหมด 2 ชนนใชการวาดรปขนพนฐานจากรปทรงเรขาคณตทงนน ผสมผสานกบการใชเครองมอในโปรแกรม และยงมโอกาสไดใชเมาสปากกาในการเขยน Text เปนลายมอของเราเองดวย

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

74

5.3 ปญหาและแนวทางการแกไขปญหา จากการด าเนนงานสหกจศกษา ขาพเจาไดสรปปญหาทพบในการท าโครงงานสหกจดงน

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

2. เรองของการสอสาร บางครงขอมลขาวสารทไดรบอาจมมากเกนไปท าใหการรบสารสงสารเกดการ

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

วธการแกไขปญหา

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

2. รจกคนหาขอมลเพมเตม ทงจากผมประสบการณในเรองทเราท าอย หรอคนหาขอมลจากสอเพอให

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

75

5.4 ขอเสนอแนะจากการด าเนนงาน

1. ตองมพนฐานในการวาดรปพอสมควร รวมถงมพนฐานในการใชโปรแกรมทง Illustrator และ

Photoshop เบองตน หรออาจจะเปนโปรแกรมอนนอกเหนอจากนกได

2. รจกเปดกวางในการรบขาวสารขอมล รจกคดอะไรนอกกรอบ เพราะขอมลรอบตวสามารถน ามา

ปรบเปลยนใชเปนแรงบนดาลใจในการออกแบบได

3. รจกประยกตโดยการน าขอมลทศกษาจากผลตภณฑมาประยกตใชในการน าเสนอ Sticker Line เชน

ค าพด ทาทาง และองคประกอบอนๆ เปนตน

4. ควรดไซนงานในหลายๆรปแบบเผอไวใชงานและควรดไซนงานใหมความแตกตางกน มเอกลกษณ

อยในตวนนๆดวย

5. หมนศกษาเทรนดอยเสมอไมวาจะเปนเทรนดส เทรนด Sticker มาแรง หรอเทรนดอนๆทเกยวของ

จะท าใหเรารแนวโนมสงทควรท า

6. มความรเรองแสง เงา พนฐานศลปะ เลกนอย จะท าใหงานมมต มความสวยงามมากยงขน

7. รจกศกษะและดงานดไซนบอยๆ จะท าใหเราเกดการใชความคดสรางสรรค สามารถตอยอดและคด

งานออกไดงายขน

8. ศกษาเรยนรเรองแสงเงาและเสน Stroke จะท าใหชนงานมความสวยงาม แตกตางมากยงขน

76

เอกสารอางอง

ทพยสคนธ เพชรโอภาส, 2560, การออกแบบตวละครพนฐานส าหรบเดก [Online] Available : http://www.east.spu.ac.th/journal/booksearch/upload/1539-03-content_20.pdf [27 สงหาคม 2560] สทศศา นารอด, 2560, การออกแบบตวละคร [Online] Available : https://sites.google.com/a/rsb.ac.th/animation-kruaom/bth-thi-10-kar-xxkbaeb-taw-lakhr-style-art-direction [27 สงหาคม 2560] Jaruwan Suttimusig, 2011, องคประกอบศลป (Composition) [Online], Available : https://www.gotoknow.org/posts/417795 [2 กนยายน 2560] ผชวยศาสตราจารยสภวรรณ พนธจนทร 2560, สกบอารมณความรสก [Online], Available : http://www.nana-bio.com/image%20web2/nana%20story/color.html [5 กนยายน 2560] ชลล ตะพง 2015, คอนเซปต (Concept) คออะไร [Online], Available : http://printexpressthai.com/blog_detail.php?ID=29 [7 กนยายน 2560] Suranart Niamcome 2011, Typeface vs Font ตางกนตรงไหน [Online], Available : https://goo.gl/hsgZ78 [10 กนยายน 2560]

77

ภาคผนวก

78

ภาคผนวก ก.

รายงานประจ าสปดาห

79

ภาคผนวก ข.

ผลงานทท าระหวางปฏบตงานสหกจ

80

ออกแบบนามบตร

81

ออกแบบปายรางวล

วาดแบบไอคอนใชบนเวบไซต

82

ออกแบบไอคอนใชบนเวบไซต

ออกแบบหนาปกทใชบนเวบไซต kaidee.com

83

แกไขแบบกลองผลตภณฑ

84

85

ออกแบบ templete rich message ทกทาย

86

ประวตผจดท าโครงงาน

ชอ – สกล นางสาว สสวรา ธรกล วน เดอน ปเกด 28 กนยายน 2538 ประวตการศกษา ระดบประถมศกษา โรงเรยนเซนตโยเซฟทพวล ระดบมธยมศกษา โรงเรยนเซนตโยเซฟทพวล ระดบอดมศกษา สถาบนเทคโนโลยไทย-ญป น ทนการศกษา - ไมม - ประวตการฝกอบรม

- Rabbit Character Design Contest - Field trips at The monk studio

ผลงานทไดรบการตพมพ - ไมม -