SlideShare a Scribd company logo
การเขียน Storyboard
            นางสาวเยาวลักษณ์ พรมดี
ภาควิชา วิทยาการคอมพิวเตอร์ มหาวิทยาลัยขอนแก่น
การเขียน Storyboard

• การเขียน Storyboard เป็นขั้นตอนของการเตรียมการนาเสนอข้อความ
  ภาพ รวมทั้ ง สื่ อ ในรู ป ของมั ล ติ มี เ ดี ย ต่ า งๆ ลงในกระดาษ เพื่ อ ให้ ก าร
  นาเสนอข้อความ และสื่อในรูปแบบต่างๆ เหล่านี้เป็นไปอย่างเหมาะสมบน
  หน้าจอคอมพิวเตอร์
ความหมาย
• Story-board คือ การสร้างภาพให้เห็นลาดับขั้นตอน
  ตามเนื้อเรื่องที่ต้องการ โดยเฉพาะการสร้าง
  ภาพเคลื่อนไหว
• รายละเอียดที่ควรมีใน Story-board ได้แก่ คาอธิบาย
  แต่ละสื่อที่ใช้ (ข้อความ รูปภาพ ภาพเคลื่อนไหว เสียง
  วีดิโอ)
การจัดทา Storyboard

• ตัวอย่างเช่นในหัวข้อ Presentations จากโฟลว์ชาร์ตก็เป็นการแจงแจง
  รายละเอียดลงไปว่าในส่วนนี้ประกอบด้วยภาพ ข้อความ ภาพเครื่องไหว
  มีเสียงหรือเพลงประกอบหรือไม่ และมีการเรียงลาดับการทางานอย่างไร
  มีการวางหน้าจออย่างไรรวมทั้งการกาหนดแหล่งของข้อมูล เช่น ภาพและ
  เสียงว่าได้มาอย่างไรจากแหล่งไหน
การเตรียมข้อมูลสาหรับ Storyboard

•       ข้อมูลสาหรับ Storyboard อาจมีทั้งภาพ เสียง ข้อความ
 ภาพเคลื่อนไหว (Animation Movies) หรืออื่นๆ ซึ่งจะต้องมีการ
 จัดเตรียมขึ้นมาก่อนที่จะนาไปใส่โปรแกรม มีรายละเอียดที่เกี่ยวข้องดังนี้
 การจัดเตรียมภาพสาหรับโปรแกรม
การจัดเตรียมเสียง
สร้างภาพเคลื่อนไหว (Animation File)
ตัวอย่าง Storyboard

More Related Content

What's hot

การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)
การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)
การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)
Dr.Kridsanapong Lertbumroongchai
 
ความปลอดภัยการใช้งานดิจิทัลและกฎหมายเบื้องต้น (Digital Safety and Laws)
ความปลอดภัยการใช้งานดิจิทัลและกฎหมายเบื้องต้น (Digital Safety and Laws)ความปลอดภัยการใช้งานดิจิทัลและกฎหมายเบื้องต้น (Digital Safety and Laws)
ความปลอดภัยการใช้งานดิจิทัลและกฎหมายเบื้องต้น (Digital Safety and Laws)
Dr.Kridsanapong Lertbumroongchai
 
การวางโครงเรื่อง (Plotting)
การวางโครงเรื่อง (Plotting)การวางโครงเรื่อง (Plotting)
การวางโครงเรื่อง (Plotting)
Dr.Kridsanapong Lertbumroongchai
 
การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)
การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)
การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)
Dr.Kridsanapong Lertbumroongchai
 
ใบความรู้ที่ 1 หลักการสร้างหนังสั้น
ใบความรู้ที่ 1 หลักการสร้างหนังสั้นใบความรู้ที่ 1 หลักการสร้างหนังสั้น
ใบความรู้ที่ 1 หลักการสร้างหนังสั้น
chaiwat vichianchai
 
การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)
การสร้างสื่อภาพกราฟิกเคลื่อนไหว  (Motion Graphic)การสร้างสื่อภาพกราฟิกเคลื่อนไหว  (Motion Graphic)
การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)
Dr.Kridsanapong Lertbumroongchai
 
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
Dr.Kridsanapong Lertbumroongchai
 
ความหมายของสตอรี่บอร์ด
ความหมายของสตอรี่บอร์ดความหมายของสตอรี่บอร์ด
ความหมายของสตอรี่บอร์ด
rungtip boontiengtam
 
เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...
เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...
เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...
Dr.Kridsanapong Lertbumroongchai
 
แสงและองค์ประกอบของภาพ
แสงและองค์ประกอบของภาพแสงและองค์ประกอบของภาพ
แสงและองค์ประกอบของภาพ
Dr.Kridsanapong Lertbumroongchai
 
อินโฟกราฟิก (Infographic) และหลักการออกแบบ
อินโฟกราฟิก (Infographic) และหลักการออกแบบอินโฟกราฟิก (Infographic) และหลักการออกแบบ
อินโฟกราฟิก (Infographic) และหลักการออกแบบ
Dr.Kridsanapong Lertbumroongchai
 
หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)
หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)
หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)
Dr.Kridsanapong Lertbumroongchai
 
สคริปต์ Story board-หนังสั้นเพียงเพราะ..
สคริปต์ Story board-หนังสั้นเพียงเพราะ..สคริปต์ Story board-หนังสั้นเพียงเพราะ..
สคริปต์ Story board-หนังสั้นเพียงเพราะ..Samorn Tara
 
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
Dr.Kridsanapong Lertbumroongchai
 
การเขียนบทความวิจัยนวัตกรรมเทคโนโลยีดิจิทัลเพื่อการศึกษา (Research Article Wr...
การเขียนบทความวิจัยนวัตกรรมเทคโนโลยีดิจิทัลเพื่อการศึกษา (Research Article Wr...การเขียนบทความวิจัยนวัตกรรมเทคโนโลยีดิจิทัลเพื่อการศึกษา (Research Article Wr...
การเขียนบทความวิจัยนวัตกรรมเทคโนโลยีดิจิทัลเพื่อการศึกษา (Research Article Wr...
Dr.Kridsanapong Lertbumroongchai
 
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
Dr.Kridsanapong Lertbumroongchai
 
การผลิตสื่อวิดีโอระบบดิจิทัลเบื้องต้น (Basic Digital Video Production)
การผลิตสื่อวิดีโอระบบดิจิทัลเบื้องต้น (Basic Digital Video Production)การผลิตสื่อวิดีโอระบบดิจิทัลเบื้องต้น (Basic Digital Video Production)
การผลิตสื่อวิดีโอระบบดิจิทัลเบื้องต้น (Basic Digital Video Production)
Rachabodin Suwannakanthi
 
การใช้เทคโนโลยีสารสนเทศสำหรับจัดเก็บและวิเคราะห์ข้อมูล (Information Technolog...
การใช้เทคโนโลยีสารสนเทศสำหรับจัดเก็บและวิเคราะห์ข้อมูล (Information Technolog...การใช้เทคโนโลยีสารสนเทศสำหรับจัดเก็บและวิเคราะห์ข้อมูล (Information Technolog...
การใช้เทคโนโลยีสารสนเทศสำหรับจัดเก็บและวิเคราะห์ข้อมูล (Information Technolog...
Dr.Kridsanapong Lertbumroongchai
 
โครงสร้างรายวิชา เทคโนโลยีสารสนเทศ
โครงสร้างรายวิชา เทคโนโลยีสารสนเทศโครงสร้างรายวิชา เทคโนโลยีสารสนเทศ
โครงสร้างรายวิชา เทคโนโลยีสารสนเทศPichamon Wongsurapinant
 
หลักสูตรออนไลน์แบบเปิดมหาชน (Mooc : Massive Open Online Courses)
หลักสูตรออนไลน์แบบเปิดมหาชน (Mooc : Massive Open Online Courses)หลักสูตรออนไลน์แบบเปิดมหาชน (Mooc : Massive Open Online Courses)
หลักสูตรออนไลน์แบบเปิดมหาชน (Mooc : Massive Open Online Courses)
Dr.Kridsanapong Lertbumroongchai
 

What's hot (20)

การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)
การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)
การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)
 
ความปลอดภัยการใช้งานดิจิทัลและกฎหมายเบื้องต้น (Digital Safety and Laws)
ความปลอดภัยการใช้งานดิจิทัลและกฎหมายเบื้องต้น (Digital Safety and Laws)ความปลอดภัยการใช้งานดิจิทัลและกฎหมายเบื้องต้น (Digital Safety and Laws)
ความปลอดภัยการใช้งานดิจิทัลและกฎหมายเบื้องต้น (Digital Safety and Laws)
 
การวางโครงเรื่อง (Plotting)
การวางโครงเรื่อง (Plotting)การวางโครงเรื่อง (Plotting)
การวางโครงเรื่อง (Plotting)
 
การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)
การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)
การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)
 
ใบความรู้ที่ 1 หลักการสร้างหนังสั้น
ใบความรู้ที่ 1 หลักการสร้างหนังสั้นใบความรู้ที่ 1 หลักการสร้างหนังสั้น
ใบความรู้ที่ 1 หลักการสร้างหนังสั้น
 
การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)
การสร้างสื่อภาพกราฟิกเคลื่อนไหว  (Motion Graphic)การสร้างสื่อภาพกราฟิกเคลื่อนไหว  (Motion Graphic)
การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)
 
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
 
ความหมายของสตอรี่บอร์ด
ความหมายของสตอรี่บอร์ดความหมายของสตอรี่บอร์ด
ความหมายของสตอรี่บอร์ด
 
เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...
เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...
เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...
 
แสงและองค์ประกอบของภาพ
แสงและองค์ประกอบของภาพแสงและองค์ประกอบของภาพ
แสงและองค์ประกอบของภาพ
 
อินโฟกราฟิก (Infographic) และหลักการออกแบบ
อินโฟกราฟิก (Infographic) และหลักการออกแบบอินโฟกราฟิก (Infographic) และหลักการออกแบบ
อินโฟกราฟิก (Infographic) และหลักการออกแบบ
 
หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)
หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)
หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)
 
สคริปต์ Story board-หนังสั้นเพียงเพราะ..
สคริปต์ Story board-หนังสั้นเพียงเพราะ..สคริปต์ Story board-หนังสั้นเพียงเพราะ..
สคริปต์ Story board-หนังสั้นเพียงเพราะ..
 
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
 
การเขียนบทความวิจัยนวัตกรรมเทคโนโลยีดิจิทัลเพื่อการศึกษา (Research Article Wr...
การเขียนบทความวิจัยนวัตกรรมเทคโนโลยีดิจิทัลเพื่อการศึกษา (Research Article Wr...การเขียนบทความวิจัยนวัตกรรมเทคโนโลยีดิจิทัลเพื่อการศึกษา (Research Article Wr...
การเขียนบทความวิจัยนวัตกรรมเทคโนโลยีดิจิทัลเพื่อการศึกษา (Research Article Wr...
 
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
 
การผลิตสื่อวิดีโอระบบดิจิทัลเบื้องต้น (Basic Digital Video Production)
การผลิตสื่อวิดีโอระบบดิจิทัลเบื้องต้น (Basic Digital Video Production)การผลิตสื่อวิดีโอระบบดิจิทัลเบื้องต้น (Basic Digital Video Production)
การผลิตสื่อวิดีโอระบบดิจิทัลเบื้องต้น (Basic Digital Video Production)
 
การใช้เทคโนโลยีสารสนเทศสำหรับจัดเก็บและวิเคราะห์ข้อมูล (Information Technolog...
การใช้เทคโนโลยีสารสนเทศสำหรับจัดเก็บและวิเคราะห์ข้อมูล (Information Technolog...การใช้เทคโนโลยีสารสนเทศสำหรับจัดเก็บและวิเคราะห์ข้อมูล (Information Technolog...
การใช้เทคโนโลยีสารสนเทศสำหรับจัดเก็บและวิเคราะห์ข้อมูล (Information Technolog...
 
โครงสร้างรายวิชา เทคโนโลยีสารสนเทศ
โครงสร้างรายวิชา เทคโนโลยีสารสนเทศโครงสร้างรายวิชา เทคโนโลยีสารสนเทศ
โครงสร้างรายวิชา เทคโนโลยีสารสนเทศ
 
หลักสูตรออนไลน์แบบเปิดมหาชน (Mooc : Massive Open Online Courses)
หลักสูตรออนไลน์แบบเปิดมหาชน (Mooc : Massive Open Online Courses)หลักสูตรออนไลน์แบบเปิดมหาชน (Mooc : Massive Open Online Courses)
หลักสูตรออนไลน์แบบเปิดมหาชน (Mooc : Massive Open Online Courses)
 

Similar to การเขียน Storyboard

คอมพิวเตอร์ช่วยสอน CAI
คอมพิวเตอร์ช่วยสอน CAIคอมพิวเตอร์ช่วยสอน CAI
คอมพิวเตอร์ช่วยสอน CAI
Wuttipong Tubkrathok
 
โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์Kanjanaporn Thompat
 
งานคอมนะ
งานคอมนะงานคอมนะ
งานคอมนะ
JorJames Satawat
 
โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์ โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์ Kanjanaporn Thompat
 
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน1214
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน1214ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน1214
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน1214ปรียา พรมเสน
 
โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์Kanjanaporn Thompat
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
JorJames Satawat
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1JorJames Satawat
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
JorJames Satawat
 
การนำเสนองานด้วยเทคโนโลยีสารสนเทศ
การนำเสนองานด้วยเทคโนโลยีสารสนเทศการนำเสนองานด้วยเทคโนโลยีสารสนเทศ
การนำเสนองานด้วยเทคโนโลยีสารสนเทศ
Sup's Tueng
 
ขอบข่ายโครงงาน
ขอบข่ายโครงงานขอบข่ายโครงงาน
ขอบข่ายโครงงาน
Bream Mie
 
โครงงาน
โครงงานโครงงาน
โครงงาน
Bream Mie
 
รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์aonaon080
 
การนำเสนองาน
การนำเสนองานการนำเสนองาน
การนำเสนองานPongsak51124
 
การนำเสนองาน
การนำเสนองานการนำเสนองาน
การนำเสนองานPongsak51124
 
การนำเสนองานด้วยเทคโนโลยีสารสนเทศ
การนำเสนองานด้วยเทคโนโลยีสารสนเทศการนำเสนองานด้วยเทคโนโลยีสารสนเทศ
การนำเสนองานด้วยเทคโนโลยีสารสนเทศYongyut Nintakan
 
ป๊อก 5555
ป๊อก 5555 ป๊อก 5555
ป๊อก 5555 aonaon080
 

Similar to การเขียน Storyboard (20)

Storyboard
StoryboardStoryboard
Storyboard
 
คอมพิวเตอร์ช่วยสอน CAI
คอมพิวเตอร์ช่วยสอน CAIคอมพิวเตอร์ช่วยสอน CAI
คอมพิวเตอร์ช่วยสอน CAI
 
โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์
 
งานคอมนะ
งานคอมนะงานคอมนะ
งานคอมนะ
 
โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์ โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์
 
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน1214
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน1214ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน1214
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทของโครงงาน1214
 
โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์โครงงานคอมพิวเตอร์
โครงงานคอมพิวเตอร์
 
โครงงานคอมใบงานที่ 3
โครงงานคอมใบงานที่ 3โครงงานคอมใบงานที่ 3
โครงงานคอมใบงานที่ 3
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
การนำเสนองานด้วยเทคโนโลยีสารสนเทศ
การนำเสนองานด้วยเทคโนโลยีสารสนเทศการนำเสนองานด้วยเทคโนโลยีสารสนเทศ
การนำเสนองานด้วยเทคโนโลยีสารสนเทศ
 
ขอบข่ายโครงงาน
ขอบข่ายโครงงานขอบข่ายโครงงาน
ขอบข่ายโครงงาน
 
โครงงาน
โครงงานโครงงาน
โครงงาน
 
รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์รายงานโครงงานคอมพิวเตอร์
รายงานโครงงานคอมพิวเตอร์
 
การนำเสนองาน
การนำเสนองานการนำเสนองาน
การนำเสนองาน
 
การนำเสนองาน
การนำเสนองานการนำเสนองาน
การนำเสนองาน
 
การนำเสนองานด้วยเทคโนโลยีสารสนเทศ
การนำเสนองานด้วยเทคโนโลยีสารสนเทศการนำเสนองานด้วยเทคโนโลยีสารสนเทศ
การนำเสนองานด้วยเทคโนโลยีสารสนเทศ
 
ป๊อก 5555
ป๊อก 5555 ป๊อก 5555
ป๊อก 5555
 
ใบงานที่3
ใบงานที่3ใบงานที่3
ใบงานที่3
 

More from Yaowaluck Promdee

A basic of UX for beginner
A basic of UX for beginnerA basic of UX for beginner
A basic of UX for beginner
Yaowaluck Promdee
 
TCAS 2563
TCAS 2563TCAS 2563
Portfolio design
Portfolio designPortfolio design
Portfolio design
Yaowaluck Promdee
 
Concept to creation story and storyboard
Concept to creation  story and storyboard Concept to creation  story and storyboard
Concept to creation story and storyboard
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
 

More from Yaowaluck Promdee (20)

A basic of UX for beginner
A basic of UX for beginnerA basic of UX for beginner
A basic of UX for beginner
 
TCAS 2563
TCAS 2563TCAS 2563
TCAS 2563
 
Portfolio design
Portfolio designPortfolio design
Portfolio design
 
Concept to creation story and storyboard
Concept to creation  story and storyboard Concept to creation  story and storyboard
Concept to creation story and storyboard
 
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
 

การเขียน Storyboard

  • 1. การเขียน Storyboard นางสาวเยาวลักษณ์ พรมดี ภาควิชา วิทยาการคอมพิวเตอร์ มหาวิทยาลัยขอนแก่น
  • 2. การเขียน Storyboard • การเขียน Storyboard เป็นขั้นตอนของการเตรียมการนาเสนอข้อความ ภาพ รวมทั้ ง สื่ อ ในรู ป ของมั ล ติ มี เ ดี ย ต่ า งๆ ลงในกระดาษ เพื่ อ ให้ ก าร นาเสนอข้อความ และสื่อในรูปแบบต่างๆ เหล่านี้เป็นไปอย่างเหมาะสมบน หน้าจอคอมพิวเตอร์
  • 3. ความหมาย • Story-board คือ การสร้างภาพให้เห็นลาดับขั้นตอน ตามเนื้อเรื่องที่ต้องการ โดยเฉพาะการสร้าง ภาพเคลื่อนไหว • รายละเอียดที่ควรมีใน Story-board ได้แก่ คาอธิบาย แต่ละสื่อที่ใช้ (ข้อความ รูปภาพ ภาพเคลื่อนไหว เสียง วีดิโอ)
  • 4.
  • 5. การจัดทา Storyboard • ตัวอย่างเช่นในหัวข้อ Presentations จากโฟลว์ชาร์ตก็เป็นการแจงแจง รายละเอียดลงไปว่าในส่วนนี้ประกอบด้วยภาพ ข้อความ ภาพเครื่องไหว มีเสียงหรือเพลงประกอบหรือไม่ และมีการเรียงลาดับการทางานอย่างไร มีการวางหน้าจออย่างไรรวมทั้งการกาหนดแหล่งของข้อมูล เช่น ภาพและ เสียงว่าได้มาอย่างไรจากแหล่งไหน
  • 6. การเตรียมข้อมูลสาหรับ Storyboard • ข้อมูลสาหรับ Storyboard อาจมีทั้งภาพ เสียง ข้อความ ภาพเคลื่อนไหว (Animation Movies) หรืออื่นๆ ซึ่งจะต้องมีการ จัดเตรียมขึ้นมาก่อนที่จะนาไปใส่โปรแกรม มีรายละเอียดที่เกี่ยวข้องดังนี้  การจัดเตรียมภาพสาหรับโปรแกรม การจัดเตรียมเสียง สร้างภาพเคลื่อนไหว (Animation File) ตัวอย่าง Storyboard