T H A N E T A R C H I N D A P R O T F O L I O S H O WSchool of Digital Media Sripatum University

Bachelor of Fine and Applied Arts

GUI

GRAPHIC

DESIGN

TN.Ecq

5st

ลนเกลาแผนดินไทยAWARD SIPA

Web site design

MacBook Pro

MacBook Pro

AWARDSIPAลนเกลาแผนดินไทย

2010

การประกวด เว็บไซตระดับชาติของ SIPAซ่ึง เปนงานช้ิงแรกท่ีประกวด หลังจากท่ีเรียนคณะน้ีมาได 1 ปเลยคิดวาเรานาจะทำอะไรเพ่ือสรางช่ือเสียงใหตัวเราและเปนประโยชนใหคณะและมหาวิทยาลัยบาง หลังจากน้ันเราก็ไดสงผลงานไปและก็เปนไปตามในทีมวากันไว ถาเราเต็มท่ี เช่ือสิเราตองไดอะไรกลับมางานนี้ผมรับ ทำหนาที ่ ริ ่เริมสรางสรรค คิด Concept และ อกกแบบตัว Interfaceทั้งหมดและเปนคนที่ กำหนด ฟงคชั่นในการใช ซึงพอพูดถึงพระราชกรณีนกิจของสองพระองคมีมากมายทำให ผมใชวิธีนำเสนอโดยวาง Concept TimeLine Gold Color เพื่อให ศึกษาและจับตนชนปลายไดง ายขึ ้น และ ใชสีทองที ่มีนรรยะถึง

ความสำคัญความดีของพระราชกรณียกิจของทั้งสองพระองค งานนี้อยางที่บอกวาเปนงานแรก เพราะเรายังไมเคยเรียนทำเว็บไซต แตผมบอกกับเพ่ือนขาดเราผานเขารอบในประเภทของนักศึกษาและเราก็นำกลับมาปรับปรุงอีกคร้ังและก็นำไป นำเสนอคณะกรรมการท่ี SIPA ปรากฏวาเราได รางวัลชมเชยอันดับท่ี 2 หรือถาก็ ท่ี 5 เลยนะครับสำหรับงานคร้ังแรก และสงในระดับประเทศ แนนอนวาเราดีใจมาก แต เราก็ยังคิดวาเราจะทำตอจนกวาเราจะได อยู 1 ใน 3 สักครั้ง

one

2st

UPGRAD YOUR LIFEAWARD GIGABYTE

Web Flash design

MacBook Pro

โครงการประกวดสร างสรรค ผลงาน Upgrade Your Life : Digital Media DesignCompetition 2010 ซึ่งผมไดสงประกวดในประเภทงาน Interactive design ซึงมีมหาลัยทั้งรัฐบาลและเอกชนสงเขามาเปนจำนวณมาก หลังจากผานรอบคัดเลือกใหเหลือเพียง 10 ทีมเพ่ือทำงานจริงซึงใหเวลาประมาณ 1-2เดือน ในการทำงานหลังจากนั้นเราก็จะนำผลงานที่เราทำมานำเสนอขั้นตอนการทำตั้งแตกระบวกการคิดของเนื้อหากระบวนการออกแบบ จนกลายมาเปนงานนั้นมีขั้นตอนอยางไร หลังจากนั้นก็จะตัดสิน จากคณะกรรมการท่ีเปนผูเช่ียวชาญจากมหาวิทยาลัยตางๆแตไมมีจากมหาลัยเรา ปรากฎวา ประเถท Interactiveในอันดับ 1-3 นั้นเปนมหาลัยศรีปทุมที่เอา

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

two

UPGRAD YOUR LIFEDIGITALMEDIADESIGN

COMPETITION2010

SPUEX 1

E LEARNIG SRIPATUM UNIVRSITY

Flash E-learnig

MacBook Pro

MacBook Pro

เปนงานชิ้นแรกที่ชวยงานของมหาวิทยาลัยหลังจากที่ไดเขามาทำงานใน DMCC ซึงผมไดทำหนาที่ในการชวยออกแบบหนา Interface design ทั้งหมดกับรุนพี่อีกคนหนึ่ง เปน Based Learing ที่เปนการใหความรู ในการจัดการเรียนการสอนแบบโครงการ ใหกับอาจารยในมหาวิทยาลัยศรีปทุม ซึงตัวเนื้อหาผมไมไดยุงเกี่ยวแตมีหนาท่ีในการออกแบบ Graphic ท่ีใชในงานทั้งหมดมากกวา ซึ่งงานนี้ก็เปนงานแรกๆที่ชวยทำใหมหาวิทยาลัย แตกวาจะเสร็จก็นานอยูครับ เพราะมีการแกไขในสวนเน้ือหาเปนเวลานาน แตสุดทายก็เสร็จและไดนำเอาไปใชจริง กับอาจารยในมหาวิทยาลัยซึงงานี้ก็ไดประสบการณในการทำงานรวม

กับอีกหลายๆสวนที่ศูนย DMCC รวมกันรับผิดชอบอยูซ่่ึงก็ยังมีทีอ่ืนชวยทำ และ ยังไดชวยสรางประโยชนกับมหาวิทยาลัย และคณะอีกทางหนึ่งดวยครับ

four

BASEDLEARINGการจัดการเร�ยนการสอนแบบโครงการ

SRIPATUMUNIVERSITY

GRAPHICDESIGNER

DIGITAL MEDIA CREATIVE CENTER

DIGITAL MEDIAInternship.

CREATIVEGRAPHICDESIGNERDIGITALMEDIACREATIVECENTER

DMCC

หลังจากที่ไดทำงานประกวดไดสักพัก ก็ไดมีโอกาสเขาไปทำงานในคณะซึ่งเปนการทำงานจริง ซึ่งมีโอกาสไดทำงานจริงหลายตอหลายคร้ังชวงน้ันเปนชวงท่ีเวลาท่ีหลังเลิกเรียนจนถึง สามทุมจะเปนเวลาในการทำงานในศูนยที ่เรียกวา DMCC หรือ (DigitalMedia Design Center) เปนศูนยที่รับทำงานออกแบบทั้งในและนอกมหาลัยทั้งไดเงินและไมไดเงิน แตเนนการใหประสบการณกับนักศึกษามากวา ซึงผมก็ไมไดซีเรียดเร่ืองเงินแตผมซีเรียดเร่ืองงานมากกวาเพราะเปนการไดสรางภูมิคุมกันกอนใครโดยท่ีมีโอกาสไดทำงานจริงกอน ซึงตำแหนงผมเปนตำแหนงที่ไดรับความกดดันมากในชวงแรกที่เจามาทำเพราะผมทำงานในตำแหนง ของจุดเร่ิมตนของงาน คือ Graphic Designer ปกติ

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

three

SPUEX 2

SDM SHOWNAEW2011

DIGITAL MEDIAExhibition

SDMSHOWNAEW2011DIGITALMEDIASRIPATUMUNIVERSITY

นิทรรศการ SDM SHOWNAEW 2011 ท่ีจัดขึ้นเมื่อวันที่ 29 เม.ย - 5 พ.ค 54 ที่จัดขึ้นที่ Digitalgatway ซึ่งงานนี้เปนงานทำขึ้นเพ่ือโปรโมทงานนักศึกษา คณะดิจิทัลมีเดียและมหาวิทยาลัย ซึ่งผมไดรับผิดชอบงานนี้แบบเต็มในเรื่องการออกแบบกราฟฟกที่ใชในงานเริ่มตั้งแต โลโกที่ใชในงานไปจนกราฟฟกในโปรชัวร กราฟฟกตามแบกดรอป และ กราฟฟกวอรซึ ่งงานนี้เปนงานที่ไดรับความไววางใจใหคิดออกแบบตามช่ืองานซึงก็เปนงานอีกงานท่ี สรางประโยชนใหกับมหาวิทยาลัยและคณะดิจิทัลมีเดีย แนนอนวาตัวผมเองก็ไดประสบการณจาการคิดออกแบบในงานนี้เชนกันเพราะกวาจะผานการกั่นกรองจากคณาจารยก็ใชเวลาในการทำงานมากเพราะมีระยะเวลาในการทำท่ีส้ัน

ทำใหตองทำงานรวงเวลาเยอะและยังสงผลใหไดพัฒนาศักยภาพของตัวเองเพิ่มขึ ้นไปอีกระดับหนึ่งซึ่งผมก็ภูมิใจกับการที่่ไดรับโอกาสในการทำงานครั้งนี้และออกมาไดเปนท่ีนาพึงพอใจอยางทีไดคาดหวังเอาไว

five

SDMEX 1

PANTIP GUIDEDIGITAL MEDIA

Print.

งานนี้เปนงานของทางคณะซึ่งเปนการที่ดร.กมล คณะบดีของคณะดิจิทัลมีเดียไดเขียนเร่ืองราว เก่ียวกับ digital publishinglหรือ E-magazine ท่ีเรารูจักท่ีปจจุบันท่ีใชงานงายและสะดวกสบาย ซ่ึงผมในฐานะท่ีทำงานในคณะก็เลยไดรับหนาที ่ในการจัดวางLay out ในหนาของ Digital forward ในหนังสือ Pantip guide ซึงเปนหนังสือท่ีเก่ียวกับเทคโนโลยีตางๆซึงผมก็ มีจุดมุงหมายในการที่จะวางใหเรียบๆ เนียบๆ แตดูดีเพ่ือให ถูกใจคณะบดี ซ่ึงในทีแรกกอวางไป2-3 แบบ ก็ไมมากนักเน่ืองจากเปนงานเรงและรีบ ก็ไดงานออกมาเปนงานที่เปนการขายเน้ือหาและตัวคณะดิจิทัลมีเดียไปในตัวซึงงานนี้ก็มีประโยชนในดานโฆษณาคณะ

และมหาลัยกับกลุมเปาหมายอีกกลุมหนึ่งใหไดรูจักเรา และ ยังไดโชวถึงศักยภาพของคณะในอีกทางซึ่งงานนี้ก็เปนอีกงานหน่ึงท่ีผมได ออกแบบและไดนำไปใชงานจริง

six

PANTIPGUIDEDIGITALFORWARD

DIGITALMEDIA

SRIPATUMUNIVERSITY

SDMEX 2

DMA MAGAZINEDIGITAL MEDIA

Print.

DMAMAGAZINETHE PLAYGROUNDOFDIGITALCONTENTS

DIGITALMEDIA

งานนี ้เปนงานของทางคณะไดเขียนคอลัมพเกี ่ยวกับคณะดิจ ิท ัลมีเดียซึงเปนการโฆษณาคณะที ่บอกถึงศักยภาพของและผลงานของนักศึกษา ซึ่งผมก็เปนคนออกแบบ Lay out ที่จะนำไปใชในหนังสือdma magazine ในหนาของคอลัมพที่มีหัวขอวา Playground of digitalcontentsซึงกอมีอยู ประมาณ 6 หนาซึ ่งเนนใหอัตลักษณ เปนภาพของคณะART&DESIGNซึงกออีกเชนเคยในการออกแบบนี้ไดทำออกมา 1-2แบบ ดวยเวลาท่ีเรงรีบแตก็ออกมาไดเปนท่ีนาพอใจ

seven

ADDESIGN

AD DESIGNDIGITAL MEDIA

Print.

ADDESIGNDIGITALMEDIACREATIVECENTER

DMCC

นี ้เปนหนังสือ AD DESIGN ที ่ทางคณะสถาปตยกรรม รวม กับคณะดิจิทัลมีเดียรวมกันทำขึ้นมา ซึ่งผมไดออกแบบหนาสำคัญของคณะในหลายๆหนาทั ้ง หนาอาจารยในคณะ และ หนานักศึกษาของคณะตั้งแตป 1 - 4 ซึ่งเปนงานอีกงานหนึ่งที่ทำระหวางทำงานใน DMCC ซึงในหนังสือก็เปนเน้ือหาผลงานของคณะตลอดปและยังเปนการนำเสนอคณะใหบุคคลภายนอกไดเขาใจและรูจักคณะเราใหมากขึ้นซึ่งเปนประโยชนตอคณะและมหาวิทยาลัย

eight

3st

UPGRAD YOUR LIFEAWARD GIGABYTE

Web Flash design

MacBook Pro

โครงการประกวดสร างสรรค ผลงาน Upgrade Your Life : Digital Media DesignCompetition 2011 ซึ่งผมไดสงประกวดในประเภทงาน Interactive design ซึงมีมหาลัยทั้งรัฐบาลและเอกชนสงเขามาเปนจำนวณมาก หลังจากผานรอบคัดเลือกใหเหลือเพียง 10 ทีมเพ่ือทำงานจริงซึงใหเวลาประมาณ 1-2เดือน ในการทำงานหลังจากนั้นเราก็จะนำผลงานที่เราทำมานำเสนอขั้นตอนการทำตั้งแตกระบวกการคิดของเนื้อหากระบวนการออกแบบ จนกลายมาเปนงานนั้นมีขั้นตอนอยางไร หลังจากนั้นก็จะตัดสิน จากคณะกรรมการท่ีเปนผูเช่ียวชาญจากมหาวิทยาลัยตางๆแตไมมีจากมหาลัยเรา ปรากฎวา ประเถท Interactiveพวกเราไดรางวัลอันดับ 3 ตกมากจากปท่ีแลว

แตไมมีใครไดท่ี 1 เลยในปน้ีเพราะกรรมการบอกวายังไมมีใครงานถึงพอที่จะได ที่ 1

nine

UPGRAD YOUR LIFEDIGITALMEDIADESIGN

COMPETITION2011

MacBook Pro

SDMEX 3

SDM CHANNEL 2012DIGITAL MEDIA

Installation

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

เปนงานท่ีไดถูกนำเอาไปโชวในงาน PR ของคณะซ่ึงเปนการเปดตัว Media ใหมๆ ซ่ึงเปนงานประเภท InteractiveInstallationเปนงานท่ีใหผูใชมีสวนรวมในการสรางเร่ืองและรับรูเร่ืองราว โดยใชเทคนิค Motion Mapping ซ่ึงเปนการ ใชโปรเจคเตอร ฉายไปบนวัตถุเพ่ือสรางหรือเลาเร่ืองราวซึงงานน้ีเปนรองเทาNikeAIRMAX1 ท่ีมีคุณสมบัติพิเศษคืออัดระบบศูนยญากาศไปใตรองเทา และ ประสบกับ รองเทาคูน้ี เกิดคร้ังแรก โดยวิศวะกรยานอวกาศ เราจึงนำมาเปนแรงบัลดารใจในการสรางผลงานโดยใช แนวความคิด คือ GO TO GALAXY ซ่ึงเปรียบเหมือนกับวาเม่ือใสรองเทาคูน้ีแลวก็สามารถ

ten

GO TOGALAXY

DIGITALMEDIA

INTERACTIVEINSTALLATION

SDMEX 4

AD COMPUTER ARTSDIGITAL MEDIA

Print.

ADCOMPUTERARTSDIGITALMEDIACREATIVECENTER

DMCC

เปนการวาง AD ลงบนหนังสือ computerาขาสดปเ่ีทะณควัตาณษฆโรากนปเงึซ stra

ใหม 5 สาขา และ เปนการนำเอาผลงานนักศึกษาใหมมาโชวอีกดวย ผมรับหนาที่เปนคนคิดและออกแบบทั้งหมด ซึ่งก็เปนงานกอนที่ผม กำลัง จะออกจาก DMCCอยางเต็มตัว เพื่อที่จะมาทำงาน The sisและก็เปนอีกงานหนึ ่งที ่ทำใหคณะและมหาวิทยาลัย

eleven

SPUEX 3

SPU MICROSITESIRPATUM UNIVERSITY

Web site design

MacBook Pro

MacBook Pro

เปนงานทายสุดแตยังไมสุดทายนะผมวาที ่ไดโอกาสทำ Microsite มหาลัยของป2012 ที่ผมเปนคนออกแบบโดยที่ไดไกดไอเดียมาจาก โลโกคือรูปทรง หกเหลี่ยมซึ่งผมก็ไดออกแบบ ตามที่ทาน ดร, ไดแนะนำมา ซึ่งก็ออกมาเปนอยางที่เห็นครับซ่ึงตอนน้ี ก็กำลังออนอยูดวยต้ังแตชวงแรกๆที่ไดเปดรับสมัคร ซึ่งอันนี้มีประโยชนกับมหาวิทยาลัยโดยตรง

twelve

SPUMICROSITE

SIRPATUMUNIVERSITY

DIGITALMEDIA