SlideShare una empresa de Scribd logo
1 de 6
Descargar para leer sin conexión
การเขียน Storyboard
            นางสาวเยาวลักษณ์ พรมดี
ภาควิชา วิทยาการคอมพิวเตอร์ มหาวิทยาลัยขอนแก่น
การเขียน Storyboard

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

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

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

Más contenido relacionado

La actualidad más candente

หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)
หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)
หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)Dr.Kridsanapong Lertbumroongchai
 
การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)
การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)
การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)Dr.Kridsanapong Lertbumroongchai
 
การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)
การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)
การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)Dr.Kridsanapong Lertbumroongchai
 
ใบความรู้ที่่ 3.2 บทสคริปต์-storybord
ใบความรู้ที่่ 3.2 บทสคริปต์-storybordใบความรู้ที่่ 3.2 บทสคริปต์-storybord
ใบความรู้ที่่ 3.2 บทสคริปต์-storybordSamorn Tara
 
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)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
 
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...Dr.Kridsanapong Lertbumroongchai
 
การจัดวางตัวอักษร (Typography)
การจัดวางตัวอักษร (Typography)การจัดวางตัวอักษร (Typography)
การจัดวางตัวอักษร (Typography)Dr.Kridsanapong Lertbumroongchai
 
การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)
การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)
การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)Dr.Kridsanapong Lertbumroongchai
 
แสงและองค์ประกอบของภาพ
แสงและองค์ประกอบของภาพแสงและองค์ประกอบของภาพ
แสงและองค์ประกอบของภาพDr.Kridsanapong Lertbumroongchai
 
วิดีโอสำหรับมัลติมีเดีย (Video for Multimedia)
วิดีโอสำหรับมัลติมีเดีย (Video for Multimedia)วิดีโอสำหรับมัลติมีเดีย (Video for Multimedia)
วิดีโอสำหรับมัลติมีเดีย (Video for Multimedia)Dr.Kridsanapong Lertbumroongchai
 
การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...
การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...
การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...Dr.Kridsanapong Lertbumroongchai
 
การออกแบบตัวละครเพื่อการเขียนบท
การออกแบบตัวละครเพื่อการเขียนบทการออกแบบตัวละครเพื่อการเขียนบท
การออกแบบตัวละครเพื่อการเขียนบทDr.Kridsanapong Lertbumroongchai
 
สตูดิโอถ่ายภาพสำหรับงานมัลติมีเดีย
สตูดิโอถ่ายภาพสำหรับงานมัลติมีเดียสตูดิโอถ่ายภาพสำหรับงานมัลติมีเดีย
สตูดิโอถ่ายภาพสำหรับงานมัลติมีเดียDr.Kridsanapong Lertbumroongchai
 
อินโฟกราฟิก (Infographic) และหลักการออกแบบ
อินโฟกราฟิก (Infographic) และหลักการออกแบบอินโฟกราฟิก (Infographic) และหลักการออกแบบ
อินโฟกราฟิก (Infographic) และหลักการออกแบบDr.Kridsanapong Lertbumroongchai
 
ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต (Internet Fundamental)
ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต (Internet Fundamental)ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต (Internet Fundamental)
ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต (Internet Fundamental)Dr.Kridsanapong Lertbumroongchai
 
เอกสารประกอบหลักสูตร การผลิตหนังสั้นเพื่อการเรียนรู้
เอกสารประกอบหลักสูตร การผลิตหนังสั้นเพื่อการเรียนรู้เอกสารประกอบหลักสูตร การผลิตหนังสั้นเพื่อการเรียนรู้
เอกสารประกอบหลักสูตร การผลิตหนังสั้นเพื่อการเรียนรู้Chay Kung
 
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขายการเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขายDr.Kridsanapong Lertbumroongchai
 
การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)
การสร้างสื่อภาพกราฟิกเคลื่อนไหว  (Motion Graphic)การสร้างสื่อภาพกราฟิกเคลื่อนไหว  (Motion Graphic)
การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)Dr.Kridsanapong Lertbumroongchai
 
อินโฟกราฟิกในยุคการศึกษา 4.0 (Infographic in Education 4.0)
อินโฟกราฟิกในยุคการศึกษา 4.0 (Infographic in Education 4.0)อินโฟกราฟิกในยุคการศึกษา 4.0 (Infographic in Education 4.0)
อินโฟกราฟิกในยุคการศึกษา 4.0 (Infographic in Education 4.0)Dr.Kridsanapong Lertbumroongchai
 

La actualidad más candente (20)

หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)
หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)
หลักการจัดองค์ประกอบของงานภาพเคลื่อนไหว (Compositing)
 
การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)
การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)
การเขียนบทประกอบภาพกราฟิกเคลื่อนไหว (Script Writing for Motion Graphic)
 
การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)
การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)
การผลิตสื่อวีดิทัศน์สำหรับงานมัลติมีเดีย (Multimedia Video Production)
 
ใบความรู้ที่่ 3.2 บทสคริปต์-storybord
ใบความรู้ที่่ 3.2 บทสคริปต์-storybordใบความรู้ที่่ 3.2 บทสคริปต์-storybord
ใบความรู้ที่่ 3.2 บทสคริปต์-storybord
 
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
 
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
 
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...
การออกแบบเรซูเม่และแฟ้มสะสมผลงานในยุคดิจิทัล (Resume and Portfolio Design in ...
 
การจัดวางตัวอักษร (Typography)
การจัดวางตัวอักษร (Typography)การจัดวางตัวอักษร (Typography)
การจัดวางตัวอักษร (Typography)
 
การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)
การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)
การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)
 
แสงและองค์ประกอบของภาพ
แสงและองค์ประกอบของภาพแสงและองค์ประกอบของภาพ
แสงและองค์ประกอบของภาพ
 
วิดีโอสำหรับมัลติมีเดีย (Video for Multimedia)
วิดีโอสำหรับมัลติมีเดีย (Video for Multimedia)วิดีโอสำหรับมัลติมีเดีย (Video for Multimedia)
วิดีโอสำหรับมัลติมีเดีย (Video for Multimedia)
 
การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...
การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...
การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...
 
การออกแบบตัวละครเพื่อการเขียนบท
การออกแบบตัวละครเพื่อการเขียนบทการออกแบบตัวละครเพื่อการเขียนบท
การออกแบบตัวละครเพื่อการเขียนบท
 
สตูดิโอถ่ายภาพสำหรับงานมัลติมีเดีย
สตูดิโอถ่ายภาพสำหรับงานมัลติมีเดียสตูดิโอถ่ายภาพสำหรับงานมัลติมีเดีย
สตูดิโอถ่ายภาพสำหรับงานมัลติมีเดีย
 
อินโฟกราฟิก (Infographic) และหลักการออกแบบ
อินโฟกราฟิก (Infographic) และหลักการออกแบบอินโฟกราฟิก (Infographic) และหลักการออกแบบ
อินโฟกราฟิก (Infographic) และหลักการออกแบบ
 
ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต (Internet Fundamental)
ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต (Internet Fundamental)ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต (Internet Fundamental)
ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต (Internet Fundamental)
 
เอกสารประกอบหลักสูตร การผลิตหนังสั้นเพื่อการเรียนรู้
เอกสารประกอบหลักสูตร การผลิตหนังสั้นเพื่อการเรียนรู้เอกสารประกอบหลักสูตร การผลิตหนังสั้นเพื่อการเรียนรู้
เอกสารประกอบหลักสูตร การผลิตหนังสั้นเพื่อการเรียนรู้
 
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขายการเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
 
การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)
การสร้างสื่อภาพกราฟิกเคลื่อนไหว  (Motion Graphic)การสร้างสื่อภาพกราฟิกเคลื่อนไหว  (Motion Graphic)
การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)
 
อินโฟกราฟิกในยุคการศึกษา 4.0 (Infographic in Education 4.0)
อินโฟกราฟิกในยุคการศึกษา 4.0 (Infographic in Education 4.0)อินโฟกราฟิกในยุคการศึกษา 4.0 (Infographic in Education 4.0)
อินโฟกราฟิกในยุคการศึกษา 4.0 (Infographic in Education 4.0)
 

Similar a การเขียน Storyboard

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

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

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

Más de 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