SlideShare a Scribd company logo
Concept to Creation: Story and
Storyboard
By Yaowaluck Promdee
Grit Education Consultancy Co., Ltd.
Index
- Introduction
- Design Concepts
- What’s Storyboard
- Storyboard Creation
- Workshop
Yaowaluck Promdee (Fang)
Managing Director,
Grit Education Consultancy
Education
BSc. Computer Science
M.IT. Information Technology
Experience
• Teacher Assistance since 2011
• Web Design Technology,
Human Computer Interaction and
Software Engineering.
Computer Science, KKU
• Consultant of Kith Software Co., Ltd.
Lecturer, ICT for students.
• Computer Graphic at
• Latchmere Performance Solution
Company, 2017.
Design Concepts - Creative thinking
Concept (n) – a general idea used to formulate a plan
- Defining the problem
- Research
www.gritthailand.com
Choose Part of the problem
Design Concept
Take Notes
Mind Map
Draw sketches
Storyboard
Design Concepts - Creative thinking
www.gritthailand.com
Storyboard
การสร้างภาพให้เห็นเป็นลําดับขั5นตอน
ตามเนื5อเรื:องที:ต้องการ โดยข้อความที:จะ
ปรากฏ ภาพ ลําดับของการกระทําของ
ตัวละคร เป็นลําดับขั5นตอน
“Display Thinking”
www.gritthailand.com
www.gritthailand.com

More Related Content

Similar to Concept to creation story and storyboard

Gifographic
GifographicGifographic
Tomato service
Tomato serviceTomato service
Tomato service
Tomato Ideas co., Ltd
 
แนวทางการพัฒนา e-Learning
แนวทางการพัฒนา e-Learningแนวทางการพัฒนา e-Learning
แนวทางการพัฒนา e-Learning
Boonlert Aroonpiboon
 
Skill and Competency for Information Professional
Skill and Competency for Information ProfessionalSkill and Competency for Information Professional
Skill and Competency for Information Professional
Maykin Likitboonyalit
 
Instructional Design for e-Learning
Instructional Design for e-LearningInstructional Design for e-Learning
Instructional Design for e-Learning
Boonlert Aroonpiboon
 
Practical Data Mining with RapidMiner Studio 7 : A Basic and Intermediate
Practical Data Mining with RapidMiner Studio 7 : A Basic and IntermediatePractical Data Mining with RapidMiner Studio 7 : A Basic and Intermediate
Practical Data Mining with RapidMiner Studio 7 : A Basic and Intermediate
Big Data Engineering, Faculty of Engineering, Dhurakij Pundit University
 
Week3 key information_management
Week3 key information_managementWeek3 key information_management
Week3 key information_managementKaruna Limjaroen
 
Week3 key information_management
Week3 key information_managementWeek3 key information_management
Week3 key information_managementKaruna Limjaroen
 
Remote Learning After Covid-19
Remote Learning After Covid-19Remote Learning After Covid-19
Remote Learning After Covid-19
Thiti Theerathean
 
เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์
เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์
เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์Witoon Thammatuch-aree
 
Apps for Teacher in the Digital Age
Apps for Teacher in the Digital AgeApps for Teacher in the Digital Age
Apps for Teacher in the Digital Age
Asst.Prof.Dr.Arnut Ruttanatirakul
 
CODE D
CODE DCODE D
Computer project
Computer projectComputer project
Computer project
NajiraAocharoen
 
Ms project
Ms projectMs project
Ms project
Bangalo Findsoul
 

Similar to Concept to creation story and storyboard (15)

Gifographic
GifographicGifographic
Gifographic
 
Tomato service
Tomato serviceTomato service
Tomato service
 
Week3 key information_management
Week3 key information_managementWeek3 key information_management
Week3 key information_management
 
แนวทางการพัฒนา e-Learning
แนวทางการพัฒนา e-Learningแนวทางการพัฒนา e-Learning
แนวทางการพัฒนา e-Learning
 
Skill and Competency for Information Professional
Skill and Competency for Information ProfessionalSkill and Competency for Information Professional
Skill and Competency for Information Professional
 
Instructional Design for e-Learning
Instructional Design for e-LearningInstructional Design for e-Learning
Instructional Design for e-Learning
 
Practical Data Mining with RapidMiner Studio 7 : A Basic and Intermediate
Practical Data Mining with RapidMiner Studio 7 : A Basic and IntermediatePractical Data Mining with RapidMiner Studio 7 : A Basic and Intermediate
Practical Data Mining with RapidMiner Studio 7 : A Basic and Intermediate
 
Week3 key information_management
Week3 key information_managementWeek3 key information_management
Week3 key information_management
 
Week3 key information_management
Week3 key information_managementWeek3 key information_management
Week3 key information_management
 
Remote Learning After Covid-19
Remote Learning After Covid-19Remote Learning After Covid-19
Remote Learning After Covid-19
 
เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์
เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์
เครื่องมือในการออกแบบบัญชีด้วยคอมพิวเตอร์
 
Apps for Teacher in the Digital Age
Apps for Teacher in the Digital AgeApps for Teacher in the Digital Age
Apps for Teacher in the Digital Age
 
CODE D
CODE DCODE D
CODE D
 
Computer project
Computer projectComputer project
Computer project
 
Ms project
Ms projectMs project
Ms project
 

More from Yaowaluck Promdee

Portfolio design
Portfolio designPortfolio design
Portfolio design
Yaowaluck Promdee
 
Observation and interviewing
Observation and interviewingObservation and interviewing
Observation and interviewing
Yaowaluck Promdee
 
Requirement gathering-and-lean-canvas
Requirement gathering-and-lean-canvasRequirement gathering-and-lean-canvas
Requirement gathering-and-lean-canvas
Yaowaluck Promdee
 
Good bad design
Good bad designGood bad design
Good bad design
Yaowaluck Promdee
 
Bootstrap Framework
Bootstrap Framework Bootstrap Framework
Bootstrap Framework
Yaowaluck Promdee
 
Tables and forms with HTML, CSS
Tables and forms with HTML, CSS  Tables and forms with HTML, CSS
Tables and forms with HTML, CSS
Yaowaluck Promdee
 
Navigation and Link
Navigation and LinkNavigation and Link
Navigation and Link
Yaowaluck Promdee
 
Graphic, Color and tools
Graphic, Color and toolsGraphic, Color and tools
Graphic, Color and tools
Yaowaluck Promdee
 
Page layouts flexible and fixed layout with CSS
Page layouts flexible and fixed layout with CSSPage layouts flexible and fixed layout with CSS
Page layouts flexible and fixed layout with CSS
Yaowaluck Promdee
 
CSS Boc model
CSS Boc model CSS Boc model
CSS Boc model
Yaowaluck Promdee
 
CSS Font & Text style
CSS Font & Text style CSS Font & Text style
CSS Font & Text style
Yaowaluck Promdee
 
Style and Selector Part2
Style and Selector Part2Style and Selector Part2
Style and Selector Part2
Yaowaluck Promdee
 
Style and Selector
Style and SelectorStyle and Selector
Style and Selector
Yaowaluck Promdee
 
Design sitemap
Design sitemapDesign sitemap
Design sitemap
Yaowaluck Promdee
 
Good/Bad Web Design
Good/Bad Web DesignGood/Bad Web Design
Good/Bad Web Design
Yaowaluck Promdee
 
HTML 5
HTML 5HTML 5
Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations
Yaowaluck Promdee
 
Web Interface
Web InterfaceWeb Interface
Web Interface
Yaowaluck Promdee
 
Game design
Game designGame design
Game design
Yaowaluck Promdee
 
Powerpoint
Powerpoint Powerpoint
Powerpoint
Yaowaluck Promdee
 

More from Yaowaluck Promdee (20)

Portfolio design
Portfolio designPortfolio design
Portfolio design
 
Observation and interviewing
Observation and interviewingObservation and interviewing
Observation and interviewing
 
Requirement gathering-and-lean-canvas
Requirement gathering-and-lean-canvasRequirement gathering-and-lean-canvas
Requirement gathering-and-lean-canvas
 
Good bad design
Good bad designGood bad design
Good bad design
 
Bootstrap Framework
Bootstrap Framework Bootstrap Framework
Bootstrap Framework
 
Tables and forms with HTML, CSS
Tables and forms with HTML, CSS  Tables and forms with HTML, CSS
Tables and forms with HTML, CSS
 
Navigation and Link
Navigation and LinkNavigation and Link
Navigation and Link
 
Graphic, Color and tools
Graphic, Color and toolsGraphic, Color and tools
Graphic, Color and tools
 
Page layouts flexible and fixed layout with CSS
Page layouts flexible and fixed layout with CSSPage layouts flexible and fixed layout with CSS
Page layouts flexible and fixed layout with CSS
 
CSS Boc model
CSS Boc model CSS Boc model
CSS Boc model
 
CSS Font & Text style
CSS Font & Text style CSS Font & Text style
CSS Font & Text style
 
Style and Selector Part2
Style and Selector Part2Style and Selector Part2
Style and Selector Part2
 
Style and Selector
Style and SelectorStyle and Selector
Style and Selector
 
Design sitemap
Design sitemapDesign sitemap
Design sitemap
 
Good/Bad Web Design
Good/Bad Web DesignGood/Bad Web Design
Good/Bad Web Design
 
HTML 5
HTML 5HTML 5
HTML 5
 
Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations
 
Web Interface
Web InterfaceWeb Interface
Web Interface
 
Game design
Game designGame design
Game design
 
Powerpoint
Powerpoint Powerpoint
Powerpoint
 

Recently uploaded

1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf
สุเมธี​​​​ ตี่พนมโอรัล / សុមេធី ទីភ្នំឱរ៉ាល់ (Sumedhi TyPhnomAoral)
 
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf
สุเมธี​​​​ ตี่พนมโอรัล / សុមេធី ទីភ្នំឱរ៉ាល់ (Sumedhi TyPhnomAoral)
 
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf
สุเมธี​​​​ ตี่พนมโอรัล / សុមេធី ទីភ្នំឱរ៉ាល់ (Sumedhi TyPhnomAoral)
 
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf
สุเมธี​​​​ ตี่พนมโอรัล / សុមេធី ទីភ្នំឱរ៉ាល់ (Sumedhi TyPhnomAoral)
 
4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf
4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf
4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf
สุเมธี​​​​ ตี่พนมโอรัล / សុមេធី ទីភ្នំឱរ៉ាល់ (Sumedhi TyPhnomAoral)
 
การเคลื่อนที่ของคลื่น ปรากฎการคลื่นกล ความเร็วคลื่น ส่วนประกอบของคลื่น
การเคลื่อนที่ของคลื่น ปรากฎการคลื่นกล ความเร็วคลื่น ส่วนประกอบของคลื่นการเคลื่อนที่ของคลื่น ปรากฎการคลื่นกล ความเร็วคลื่น ส่วนประกอบของคลื่น
การเคลื่อนที่ของคลื่น ปรากฎการคลื่นกล ความเร็วคลื่น ส่วนประกอบของคลื่น
RSapeTuaprakhon
 

Recently uploaded (6)

1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา บาลีไวยากรณ์ ประโยค 1-2 (2511-2567).pdf
 
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค ป.ธ.3 (2500-2567).pdf
 
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf
3_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา สัมพันธ์ไทย ประโยค ป.ธ.3 (2500-2567).pdf
 
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf
1-2_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลมคธเป็นไทย ประโยค 1-2 (2510-2567).pdf
 
4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf
4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf
4_ปัญหาและเฉลยข้อสอบบาลีสนามหลวง วิชา แปลไทยเป็นมคธ ประโยค ป.ธ.4 (2505-2567).pdf
 
การเคลื่อนที่ของคลื่น ปรากฎการคลื่นกล ความเร็วคลื่น ส่วนประกอบของคลื่น
การเคลื่อนที่ของคลื่น ปรากฎการคลื่นกล ความเร็วคลื่น ส่วนประกอบของคลื่นการเคลื่อนที่ของคลื่น ปรากฎการคลื่นกล ความเร็วคลื่น ส่วนประกอบของคลื่น
การเคลื่อนที่ของคลื่น ปรากฎการคลื่นกล ความเร็วคลื่น ส่วนประกอบของคลื่น
 

Concept to creation story and storyboard