ARTI3322-rinnaphat Animation Design

แบนเนอร์มาตรฐานสากล ตัวอย่างแบนเนอร์ 300 x 480 เว็บแบนเนอร์ จากวิกิพีเดีย สารานุกรมเสรี  http://th.wikipedia.org/wiki/เว็บแบนเนอร์/ เว็บแบนเนอร์ ( อังกฤษ : web banner ) เรียกโดยย่อว่า แบนเนอร์ คือรูปแบบหนึ่งของ การโฆษณา บน เวิลด์ไวด์เว็บ เป็นการวางภาพโฆษณาลงไปบน หน้าเว็บ แล้วทำ ไฮเปอร์ลิงก์ กลับไปยังเว็บที่โฆษณา ด้วยจุดประสงค์เพื่อดึงดูดผู้เข้าชมให้เข้าไปยังเว็บไซต์ที่โฆษณานั้นผ่านการ คลิก เว็บแบนเนอร์สร้างขึ้นจากไฟล์รูปภาพทั่วไปเช่น GIF JPEG PNG หรือใช้ จาวาสคริปต์ เชื่อมโยงเทคโนโลยี มัลติมีเดีย อย่างอื่นเช่น แฟลช ช็อกเวฟ จาวา หรือ ซิลเวอร์ไลต์ เป็นต้น และอาจมีการใช้ภาพเคลื่อนไหว เสียง หรือวิดีโอมาผสมผสานเพื่อนำเสนอให้โดดเด่นมากที่สุด ปกติแล้วภาพในเว็บแบนเนอร์จะมี อัตราส่วน ขนาดกว้างยาวที่สูง (ซึ่งจะทำให้แบนเนอร์มีขนาดกว้างแต่แบน หรือสูงแต่แคบ) ในลักษณะเดียวกับ ป้ายโฆษณา (เรียกว่าแบนเนอร์เหมือนกัน) ซึ่งภาพเหล่านี้จะถูกจัดวางลงในหน้าเว็บที่มีเนื้อหาน่าสนใจ อย่างเช่นบทความจากหนังสือพิมพ์หรืองานเขียนวิพากษ์วิจารณ์ ตัวอย่างเว็บแบนเนอร์ทั่วไป ขนาด 4...

การสร้างภาพเคลื่อนไหว จากโปรแกรม Photoshop มาสร้างภาพเคลื่อนไหวโดย Photoshop CS3 กัน ปัจจุบันมีโปรแกรมการสร้างภาพเคลื่อนไหวออกมามากมาย แต่ก็ต้องเสียเวลาไปหาและมา install ใหม่ในเครื่อง แต่จริงๆแล้วในโปรแกรม Photoshop CS3 สามารถสร้างภาพเคลื่อนไหวได้เช่นกันและไม่ยากอย่างที่คิด วันนี้มาดูกันเลยนะคะว่ามีวิธีอย่างไร 1.เมื่อเปิดโปรแกรม Photoshop CS3 แล้วเปิดไฟล์ภาพที่ต้องการขึ้นมาด้วยคำสั่ง File > Open โดยครั้งนี้อาจจะมีเปิดมา 2 ภาพ ที่สามารถเชื่อมต่อกันได้เป็นการเคลื่อนไหว ดังรูปค่ะ  2.จากนั้นให้ copy ภาพหนึ่งไปไว้รวมในไฟล์เดียวกันกับอีกภาพหนึ่ง ในที่นี้จะ copy ภาพ baby4 ไปไว้รวมกับ baby5 แล้วก็ลบภาพ baby4 ออกไปได้เลยค่ะ แล้วภาพ baby 5 จะมี 2 layer ดังรูปค่ะ 3.จากนั้นไปดึง dialog animation ออกมา โดยไปคลิกเลือกที่เมนู Window > Animation ดังรูปค่ะ 4.เมื่อ dialog Animation ขึ้นมาแล้ว ก็ไปคลิกเพื่อเพิ่มอีกรูปขึ้นมา ดังรูปค่ะ 5.จากนั้นให้ไปที่ Layer แล้วเอารูปดวงตาออกตรง Layer ที่ 1 หรือจะเอาออกอีก Layer หนึ่งก็ได้ ตามความต้องการ ทำดังรูปได้เลยค...

การเขียน Storyboard Posted on  21/06/2011  by oilnatnarin                       การเขียนสตอรี่บอร์ดเป็นขั้นตอนของการเตรียมการนำเสนอข้อความ ภาพ รวมทั้ง สื่อในรูปของมัลติมีเดียต่างๆ ลงในกระดาษ เพื่อให้การนำเสนอข้อความ และสื่อในรูปแบบต่างๆ เหล่านี้เป็นไปอย่างเหมาะสมบนหน้าจอคอมพิวเตอร์ต่อไป ขณะที่ผังงานนำเสนอลำดับ และขั้นตอนของการตัดสินใจ สตอรี่บอร์ดนำเสนอเนื้อหา และลักษณะของการนำเสนอ ขั้นตอนการสร้างสตอรี่บอร์ดรวมไปถึงการเขียนสคริปต์ (ซึ่งสคริปต์ในที่นี้ คือ เนื้อหา) ที่ผู้ใช้จะได้เห็นบนหน้าจอซึ่งได้แก่ เนื้อหา ข้อมูล คำถาม ผลป้อนกลับ คำแนะนำ คำชี้แจง ข้อความเรียกความสนใจ ภาพนิ่ง และภาพเคลื่อนไหว ฯลฯ Storyboard คือ การสร้างภาพให้เห็นลำดับขั้นตอนตามเนื้อเรื่องที่ต้องการ โดยเฉพาะการสร้างภาพเคลื่อนไหว รายละเอียดที่ควรมีใน Storyboard ได้แก่  คำอธิบายแต่ละสื่อที่ใช้ (ข้อความ รูปภาพ ภาพเคลื่อนไหว เสียง วีดิโอ)        การจ...