WORK PROCESS Interactive Motion Mapping Installation
เนียเปนครัง้ นึงทีไ่ ดมโี อกาสไดลองทำงาน installation ซ�่งกอนหนานี้ พวกเราไดแต นัง่ มองหนาคนอืน่ ทำ ซ�ง่ ในใจของพวกเรา ทุกคน เนียคิดวา วันหนึง่ พวกเราตองไดทำ ทำแบบเนีย ที่พวกทานๆทั้งหลายทำ จน วันนีม้ ผี ูใหญใจดี หลายคนมาบอกวา ไป ทำสิง่ ทีฝ่ น มาใหดซู � ทำใหเราไดเร�ม่ ทำโปนเจ็ก นี้กันอยางจร�งจัง จร�งๆแลวเราทดลอง เร�อ่ งนี้ กันมาเปนปแลว ครัง้ นีเ้ ปนครัง้ แรก ที่พวกเราสำเร็จในอีก หนึ่งขั้น
TEAM
กลุม ผูส รางสรรคผลงานและหนาทีใ่ นการทำงาน เรามาดูความรูส กึ ของเขาเหลานัน้ กันดีกวา
อ.อติ เ ทพ แจ ด นาลาว
อ.อาจอง อรดีดลเชษฐ
อ.เมพิ ชชา ตั นตระกู ล
CONSULTING PROJECT
CONSULTING PROJECT
CONSULTING PROJECT
2
3
1
ธเนศ อาจจ�นดา
ธวัชชัย สอิ้ง
สราวุธ มั่นคง
CREATIVE DESIGNER &SENIOR GRAPHIC DESIGNER
S E N I O R PROGRAMER S O U N D DESIGNER
INSTALLATION &PROGRAMER
4
5
6
สุรเชษ มีเทพ
ธเนศ เจ�ยรไนวัช�ระ
ระว�ภาส สัมญญากุล
S E N I O R MOTION GRAPHIIC
S E N I O R INSTALLATION &PROJECT MANAGER
ART DIRECTOR &GRAPHIC DESIGNER
SPECIAL THANKS ศุภชัย ชวยเนียม SOUND EDITOR ณัฐนพิน มีเทพ SOUND EDITOR AF HOUSE BANGBUA WORK STATION
FEELING WITH WORK 1
ครั บ ความรู ส ึ ก กั บ งานนี ้ แน น อนภู ม ิ ใ จมากครั บ ซ� ่ ง อยากทำนานมากแล ว วั น นี ้ ม ี โ อกาสได ท ำก็ ร ู ส ึ ก เยี ่ ย มครั บ จร� ง ๆก็ ไ ด ท ดลองทำงานกั บ งานอาจารย แจ ส ที ่ ใ ห โ อกาสช ว ยทำ Thesis ปร� ญ ญาเอก เราก็ ไ ด ช ว ยทดลอง เร� ่ อ งเทคนิ ค เร� ่ อ งคอนเสปงานต า งๆ ซ� ่ ง มั น เวร� ค ผมจ� ง คิ ด ว า เราควรต อ งนำมาทำในงาน ของเราเอง และเมื่องานมันโอเคเราก็นำไปเสนอคณบดี ซ� ่ ง เขาก็ ช อบงานนี ้ อ ยากให เ อาไปโชว ซ� ่ ง นี ้ แ หละเป น โอกาสที ่ ด ี ม ากสำหรั บ ผม เป น ครั ้ ง แรกที ่ เ ด็ ก ป 3 ได ม า โชว ง านมี ห อ งส ว นตั ว 1ห อ งสร า งข� ้ น มาและมี ง านของ เราเองติ ด ตั ้ ง ในนั ้ น ทำให ต อ งรวมกลุ ม เพิ ่ ม และใช กำลั ง ทั ้ ง หมดใส ก ั บ มั น ต อ งนั ้ น เพราะเวลาที ่ เ หลื อ เพี ย ง1เดื อ น ป ญ หามี ม ากจนวั น สุ ด ท า ยที ่ ต ิ ด ตั ้ ง หน า งานก็ ย ั ง มี ป ญ หา แต ม ั น เป น ประสบการณ ท ี ่ ล่ ำ ค า สำหรั บ ผมมากผมจะจำมั น ตลอดไป ผมเช� ่ อ ว า ถ า ต อ ไปมี น อ งๆในคณะทำเขาจะทำมั น ได ด ี ก ว า ผม
4
สวัสดีครับ หนาที่หลักๆของผมคือ Motion Graphic Designer ซ� ่ ง ต อ งทำให ก ราฟ ก ที ่ ม ี เ ป น ภาพเคลื ่ น ไหว และออกแบบมาให ม ี ข นาดเข า กั บ รองเท า ได ม ากที ่ ส ุ ด ซ�่งปญหาหลักๆก็คือการmapกั บรองเท า นี ้ แ หละครั บ การทำให ก ราฟ ก ตรงกั บ รองเท า มากที ่ ส ุ ด ซ� ่ ง คิ ด ไว แล ว ว า ต อ งเจอ แต ม ั น คื อ การทำงานแบบนี ้ ค รั ้ ง แรก ของผมทำให ไ ด เ ร� ย นรู ห ลายสิ ่ ง หลายอย า งมากมาย ไปพร อ มกั บ เพื ่ อ นๆ พวกเราประสบความสำเร็ จ ได ด ว ยการลงมื อ ทำด ว ยความตั ้ ง ใจจร� ง ๆ และขอ ขอบคุ ณ อาจารย แ ละเพื ่ อ นๆในกลุ ม มากครั บ
2
สำหรั บ ผม ผมรู ส ึ ก ดี ก ั บ งานนี ้ ม าก หายเหนื ่ อ ยครั บ กั บ สิ ่ ง ที ่ ท ุ ม เทมาทั ้ ง หมด ตลอดเวลา2-3เดื อ นที ่ ผ า น มารู ส ึ ก ว า ผลที ่ อ อกมาเกิ น คาดมากๆ ผมก็ ไ ม ค ิ ด ว า จะได ม ายื น ในจ� ด นี ้ ไ ด ท ำงานนี ้ ใ นป 3 งานแบบนี ้ ใ นส ว น ของTechnician Program จะหนั ก มาก สิ ่ ง ที ่ ผ มภู ม ิ ใ จ อี ก อย า งคื อ เมื ่ อ ผู เ ล น เล น แล ว เกิ ด แรงบั น ดาลใจกั บ เขาให ช อบและสนใจงานแบบนี ้ ผลงานช� ้ น นี ้ ถ ื อ ว า เป น งานที่ใหญมากสำหรับผมและมีFeedbackกลับมาดีมาก ป ญ หาหลั กที ่ พ บคื อ เร� ่ อ งเวลาซ� ่ ง มี เวลาค อ นข างสั ้ น ตองหาความรู ใหมๆเพิ่มเติมในการทำ และการเปลี่ยน คอนเสปงานเพื ่ อ นำมาโชว แ ต ก ็ ผ านมาได
5
ความรู ส ึ ก ที ่ ม ี ต อ งานนี ้ ต อ งบอกเลยว า เหนื ่ อ ยมาก เพราะไม ไ ด ห ลั บ ได น อนมาเป น อาทิ ต ย ๆ แต ก ็ ภ ู ม ิ ใ จนะ ครับที่งานออกมาเสร็จอยางที่คิดไว วันที่โชวงานวัน แรกมี ค นมาถามผมด ว ยว า "งานนี ้ เ ป น Thesisหรอ" ผมจ� ง ตอบกลั บ ไปว า "ไม ใ ช ค รั บ ผมเป น แค เ ด็ ก ป 3 เอง" แต ว ั น ที ่ เ ขามาดู น ั ้ น งานมั น ไม เ สร็ จ สมบู ร ณ เ ลยแค 8 0% เองยั ง มี ก ราฟ ก บางตั ว ที ่ ย ั ง ไม ไ ด ล ง แต เ ขาบอกกลั บ มาวา "ทำไดขนาดนี้ก็เจงมากแลว" พรอมกับขอเบอร ติ ด ต อ เพื ่ อ นำไปโชว ท ี ่ อ ื ่ น ผมก็ ด ี ใ จที ่ ม ี ค นชอบงาน ป ญ หาที ่ พ บในหน า ที ่ ค ื อ เร� ่ อ งของแบบแปลน คื อ เมื ่ อ ไปถึ ง หน า งานจร� ง ๆกั บ ไม ใ ช แ บบที ่ แ ก ก ั น มา ทำให ม ี ป ญ หาหลายเร� ่ อ งมาก ทั ้ ง เร� ่ อ งที ่ ต ิ ด โปรเจคเตอร ติ ด เคร� ่ อ งมื อ ไม ค รบ จ� ง ทำให ต อ งไปแก ป ญ หาหน า งาน ซ� ่ ง วุ น วายมาก แต ก ็ ผ า นมาได ด ี ผมรู ส ึ ก ภู ม ิ ใ จ กั บ งานนี ้ ม ากครั บ
3
สำหรั บ ผมงาน installation design ช� ้ น นี ้ เ ป น งาน ช� ้ น แรกของผม แต ผ มได ศ ึ ก ษาและค น คว า หาความรู มาก อ นหน า นี ้ ป ระมาณ 1 ป ก อ นที ่ จ ะได ท ำงานช� ้ น นี ้ ในเร� ่ อ งของป ญ หาและอุ ป สรรค ใ นการทำงานนั ้ น แน นอนมี ป ญ หาหลายๆอย า งมาก แต ผ มก็ ม ี อ าจารย แจ ส ที ่ ค อยให ค ำปร� ก ษา และช ว ยกั น แก ไ ขป ญ หาจน ผ า นพ น ไปได และสิ ่ ง ที ่ ผ มประทั บ ใจมากคื อ มี ห ลายๆ บร� ษ ั ท ที ่ เ ค า ได ย ิ น ข า วว า มี ง านนี ้ จ ั ด แสดง เค า ก็ ต ั ้ ง ใจ เพื ่ อ มาดู ง านช� ้ น นี ้ และยั ง เช� ญ ชวนให พ วกผมพั ฒ นา ฝ ม ื อ และยั ง อยากร วมงานกั บ พวกผม ผมรูสึก ปราบ ปลื ่ ม มาก และผมก็ จ ะพั ฒ นาฝ ม ื อ ต อ ไป และสุดทายนี้ ผมอยากจะบอกว า ที ม ผมทุ ก คนทุ ม เทกั บ งานช� ้ น นี ้ มาก ทุกคนสุดยอดมากคับ เราจะผนึกกำลังและสราง สรรค ผ ลงานกั นต อ ไป
6
ผมรู ส ึ ก ภู ม ิ ใ จที ่ ไ ด ท ำงานนี ้ เพราะมั น เป น งานใหญ งานแรกก็ ถ ื อ ว า เป น งานที ่ ม ี ผ ลงานไม เ หมื อ นใคร เป น portfolioที ่ แ ปลกแตกต า งจากชาวบ า นชาวเมื อ ง เขาในระดั บ นึ ก ศึ ก ษาก็ โ อเคครั บ และความภู ม ิ ใ จที ่ ผ ม พบในงานคื อ เมื ่ อ ผมไปแสดงงานมั ก จะมี ค นมาถาม ประจำว า เป น งานอะไร เช น มี อ ยู ว ั น หนึ ่ ง มี ส ามี ภ รรยา ชาวต า งชาติ ค ู ห นึ ่ ง ถามผมว า "นี ้ เ ป น งานของสาขา อะไร ใช เ ป น งานปร� ญ ญาโทร� เ ปล า " ผมจ� ง ตอบไปว า "พวกผมแค ป 3 เองพี ่ " เขาก็ ท ำหน า ประหลาดใจพร อ ม กับบอกวา "ป3ทำไดขนาดนี้เลยหรอ พรอมกับยกนิ้ว ให " ผมก็ ร ู ส ึ ก ยิ ้ ม ๆในใจอะครั บ ภู ม ิ ใ จที ่ ง านออกมาแล ว คนอื่นรูสึกอลังกาล แตปญหาในการทำงานก็มีมากมาย มี ไ ปจนวั น ที ่ จ ะแสดงงานก็ ม ี ป ญ หาก อ นเวลาเป ด ตั ว ไม ถ ึ ง 2ชั ่ ว โมง พวกเราท อ จนคิ ด ว า วั น นี ้ ค งเป ด ตั ว ไม ท ั น แต ท ั ้ ง หมดก็ ผ า นมาได ด ว ยความตั ้ ง ใจจร� ง กั บ ผลงานซ� ่ ง เป น ก า วแรกในการต อ ยอดไปในงานช� ้ น ต อ ๆไปของพวกเรา
WORK PROCESS
ตอไปนี้เปนขั้นตอนในการทำงานซ�งแบง ออกเปน 4 หัวขอหลักๆคือ คิดและออกแบบ โมชั้นกราฟก โปรแกรมเมอร และ ออกแบบการติดตั้ง
CREATIVE DESIGN
1 STEP
ธเนศ อาจจ�นดา
ระว�ภาส สัมญญากุล
C R E A T I V E ART DIRECTOR D E S I G N E R &GRAPHIC & S E N I O R DESIGNER GRAPHIC DESIGNER
ทางดานงานคิดและออกแบบจะมีผูรับผิดชอบ หลักๆ คือ ธเนศ และ ระว�ภาส ซ�่งพวกเรานั้นมี แนวคิดที่จะสรางสรรค เร�่องราวเช�่อมโยงกับตัว สินคา โดยการจำรองหองข�้นมาเปร�ยบเสมือน ผูใชงานนั้นไดเขาไปอยูใน Galaxy จร�งๆ เพื่อให ผูเ ลนไดรบั ประสบการณใหม โดยมีขน้ั ตอนในการ คิดและออกแบบคือ GO TO GALAXY ซ�่งเปร�ยบ เหมือนกับวาเมือ่ ใสรองเทาคูน แ้ี ลว ก็สามารถเดิน ทางไปในอวกาศได ซ�งในระบบสุรย� ะของเรามีดาว เดนๆอยู 8 ดวงเราจ�งจับจ�ดเดนของและคาแรค เตอรของดาวมาสรางเร�อ่ งราวของดาวแตละดวง โดยการจำลองพื้นที่ข�้นมาแลวใหผูใชนำไฟฉายไป ฉายที่ดาวทั้ง 8 ดวงแลวก็จะเกิดเร�่องราว ที่ถาน ทอดไปบนรองเทาซ�งเปร�ยบเหมือนกับผูถ อื ไฟฉาย คือ ดวงอาทิตย ทีเ่ ปนจ�ดกำเนิด และ เกิดเร�อ่ งราว ของดาว แตละดวง ก็เหมือกับทีโ่ ลกหมุนรอบดวง อาทิตย และโลกก็หมุนรอบตัวเอง
2 STEP
ศึ ก ษาเนื ้ อ หาของดาวแต ล ะดวงว า มี จ � ด เด น อยางไร เพื่อนำไปตอยอดในการสรางเร�่องราว และกราฟฟกที่จะใช ใหสมบูรณมากที่สุด
3 STEP
หา Reference จากงานที ่ ม ี เ นื ้ อ หาเกี ่ ย วกั บ หร� อ คล า ย กั บ งานของเราเพื ่ อ มาเป น ไอเดี ย ในการออกแบบกราฟฟ ก และ เล า เร� ่ อ ง
4 STEP
เร� ่ ม เข� ย น Story board จากการสรุ ป หาเนื ้ อ หา โดยจับจ�ดเดนของดาวแต ล ะดวงซ� ง มี เนื ้ อ หาเช� ่ อ มโยงและก็ ถ า ยทอดไปบนรองเท า
Mercury
5
Venus
STEP
Earth
Marh
Juprter ทำกราฟฟ ค ที ่ จ ะนำไปทำโม ช ั ่ น กราฟฟ ก ในงาน
Saturn
Uranus
Naptune
MOTION GRAPHIC
1 STEP
สุรเชษ มีเทพ
ธเนศ อาจจ�นดา
S E N I O R CREATIVE M O T I O N DESIGNER GRAPHIIC & S E N I O R GRAPHIC DESIGNER
ตองการสื่อ ความหมายของ Galaxy ใหเปน ไปในรูปแบบกราฟฟกเพราะการทำให กราฟฟก มีชว� ต� ช�วา มันเปนอะไรทีส่ นุกสนานมาก จะเปนไป ในรูปแบบที่ดู ตื่นเตน และ ในขณะเดียวกัน จะยึด movement ของจั ง หวะที ่ ด ู น ุ ม นวล เพื ่ อ สร า ง ความน า สนใจในงานหร� อ สร า งเสน ห ของ Graphic ที่ ดูแลวตอง งายไมยุงยาก จะมี ref Movement ของงานดังนี้
http://www.behance.net/gallery/Live-Maps/2532049 http://www.behance.net/gallery/Moritz/3312764 http://www.behance.net/gallery/Canal-Encuentro-An uario-2011/3477513
TECHNICAL HARDWARE
1 STEP
ธวัชชัย สอิ้ง
S E N I O R PROGRAMER S O U N D DESIGNER
เราจะมาพูดแตเร�อ่ งเนือ้ ๆไมเอาน้ำ มาดูกนั เลยครับ ในสวนของ Technical Hardware แบงออกเปน 2 สวนใหญๆคือ1.1 Sensor รับแสงในสวนการทำงาน สวนนี้คือ การสั่งการโดยการสองแสงเขาหาตัว sensor รับแสง จากนั้น sensor มันจะสงตอไปที่ มอรเตอร เพือ่ ไปสัง่ การการกด keyboard เพือ่ สัง่ การให ภาค Solfwareตอไปสำหรับ วงจรทีใ่ ช งานคือ วงจรทำงานดวยแสง (FK401)วงจรสว�ตซ ทำงานดวยแสง เปนวงจรอิเล็กทรอนิกสอยาง หนึง่ ทีใ่ ชแสงมาควบคุมใหรเ� ลยเปด-ปดอุปกรณไฟฟาคือ เมือ่ โฟโต ทรานซ�สเตอรไดรบั แสงวงจรจะสัง่ ใหรเ� ลย ทำงาน ร�เลยก็จะทำให อุปกรณไฟฟาที่นำมาตอ ทำงาน แตเมือ่ ใดทีไ่ มมแี สงมากระทบโฟโต ทรานซ�ส เตอรวงจรก็สง่ั ใหรเ� ลยหยุดทำงาน อุปกรณไฟฟา ก็หยุด ทำงานทันที
ภาคส ว นต อ มาคื อ ส ว นที ่ ต อ จาก Sensor ในภาคสวนนี้ จะมีอปุ กรณ หลักๆคือ keyboard และ มอรเตอรเพือ่ สัง่ การกด สำหรับไฟแหลงจาย ทีต่ อ งใชคอื 12v DC จายcommon กับมอเตอรทง้ั 8 ตัวเมือ่ มีการรับคาทีส่ ง มาจาก sensor แหลงจาย ทีจ่ า ยเขามา ทีม่ อเตอรตวั นัน้ จะทำการสัง่ มอเตอร หมุนไปสัมผัสที่ keyboardและสงจายตอในภาคสวน ของ solfwareตอไป
1.2 ปุม กดสำหรับในภาคสวนนี้ จะคลายๆกันกับ สวนของ sensor แตจะไมมใี นสวน วงจร แตจะเปน สวนของ สว�ตช ทีเ่ ปนตัวสัง่ การของมอเตอรแทน โดย user จะเปนคนสัง่ การโดยการกดลงไปkeyboard ในสวนนีจ้ ะเหมือนกับ ภาคสวน sensor ทุกอยาง เ เพียงแตปมุ ทีก่ ดลงไปจะไมหมือนกันและจะมีแหลงจาย แรงไฟเทากัน คือ 12v DC
TECHNICAL SOFTWARE
1 STEP
สราวุธ มั่นคง
ธวัชชัย สอิ้ง
INSTALLATION S E N I O R &PROGRAMER PROGRAMER S O U N D DESIGNER
1.ในสวนของ Technical Solfwareในสวนนี้ไมมี อะไรมากมายเพราะจะเปนในสวนของโปรแรกมสัง่ การทั้งหมด โดยแบงออกเปน สอง fade คือ fade 1 ในสวนแรก เปนการใช actionscript 3 ใน การเร�ยก movieclipทัง้ หมด แตจะมีขอ แมของมัน คือ การรวมลายทั้งหมด ไดจำกัดเพียง 3 ลาย เทานั้น โดยที่ user สามารถจะสอง ดาวดวงไหน ก็ได เมือ่ เร�ยกข�น้ มา จะสามารถรวมกันไดจำกัดเพียง 3 ลาย และเมื่อลายใดลายหนึ่งหาย ก็จะสามารถ เร�ยกมาเพิม่ ไดและเมือ่ user สองไฟฉายคาง หร�อ สองหลายครัง้ movie จะไมเลนใหมจนกวา movie นั ้ น จะจบลงไป หลั ก การทำงานคร า วๆเมื ่ อ keyboard รับคา จะเปนการสัง่ movieclipเพือ่ เลน โดยที่เร�ยกจาก swfเขามาเลน เมื่อเลนจบใหลบ ออกไปและไมสามารถ กดซ้ำไดเมื่อยังเลนอยูแต กด movie อื่นไดและผสมผสานกันได 3 ลายและ เพิ่มการ import sound เขามาเพิ่มความสนใจใน สวนที่ 2 จะเปนการพัฒนาจากสวนแรก คือ การ ไมจำกัด รอยของดวงดาวที่ผสมผสานกัน ได เต็ ม ที ่ ท ั ้ ง 8 ลายหลั ก การทำงานคร า วๆเมื ่ อ keyboard รับคา จะเปนการสัง่ movieclipเพือ่ เลน โดยที่เร�ยกจาก swfเขามาเลน เมื่อเลนจบใหลบ ออกไปและไมสามารถ กดซ้ำไดเมือ่ ยังเลนอยูแ ตกด movie อื่นไดและผสมผสานกันไดทุกลายและเพิ่ม
การ import sound เขามาเพิม่ ความสนใจสำหรับ ในสวนสุดทาย เปน สวนที่พิเศษและแตกตางจาก 2 สวนทีผ่ า นมาคือ จะซอน movie ลับไว ผูท ส่ี อ ง ลายตามกำหนด จะมี movie ที่ซอนโผลมาให user เห็น(ในสวนนี้ ยังอยูใ นชวง พัฒนา)หลักการ ทำงานคราวๆเมือ่ keyboard รับคา จะเปนการสัง่ movieclipเพื่อเลน โดยที่เร�ยกจาก swfเขามาเลน
เมือ่ เลนจบใหลบออกไปและไมสามารถ กดซ้ำไดเมือ่ ยังเลนอยูแ ตกด movie อืน่ ได เหมือนกับ สวนที่ ผานมาจะเพิ่ม event ที่ 9 มาเลนสำหรับในสวนนี้ เปน 2 keyboard ทีบ่ อกปุม ทีใ่ ชกด ทีแ่ ตกตางกัน ทัง้ wall และ floorโดยเหตุผลทีท่ ำใหมนั แตกตางกัน เพราะ เพื่อรองรับ pc เคร�่องเดียว และ pc 2 เคร�อ่ ง โดยไมมปี ญ หาการใชงาน
I N S TA L L AT I O N DESIGN
1 STEP
ธเนศ เจ�ยรไนวัช�ระ
สราวุธ มั่นคง
S E N I O R INSTALLATION INSTALLATION &PROGRAMER &PROJECT MANAGER
สวนขอ space ก็ออกแบบจาก concept ที่วา go to Galaxy ถาคิดถึงการข�้นไปอยูบนอวกาศ แลวเห็นพื้นที่รอบๆ เปนคนเปนของปกติ อารมณก็คงไมได ผมจ�งคิดจะทำเปนหองที่กั้นทั้ง 4 ดานข�้น เพื่ออารมณและความรูสึกของ ผูเขาชม และอีกประเดนหนึ่งคือการควบคุมแสง ที่จะใหใหกราฟฟคที่ฉายออกมา ดูเดนและสวย มากข�้น และเพื่อควบตัวเซ็นเซอรที่ใชการรับ แสงในการทำงาน ในสวนของ Faceที่ 1 เปนชวง ที่ทำงานในคลาส มีคนในกลุม 3 คนเปนสวนของ prop ที่เกาะอยูตรงกำแพง เปนเหมือนเศษ ละอองผลึก ที่กระจัดกระจายออก ตามอวกาศ รวมทั้ง ที่พื้น อีกดวยเปนการวางการติดตั้ง ของ projector ทั้ง 2 แบบ โดยมีตำแหนงที่ แตกตางกัน
BEHIND THE SCENES