เว็บไซต์บันทึกและสนับสนุนการเรียนรู้วิชาออกแบบภาพเคลื่อนไหว โดย นางสาวพลอยนภัส เรืองศิริโท

วันอังคารที่ 17 มกราคม พ.ศ. 2555

สัปดาห์ที่6


Story board  : Son of Sun 

       สัปดาห์นี้ ส่งงาน Story board เรื่อง Son of Sun  อาจารย์แนะนำการทำงานในแต่ละขั้นตอน การเขียนเนื้อเรื่อง  การออกแบบตัวละคร Sound Effect 

วันอังคารที่ 10 มกราคม พ.ศ. 2555

สัปดาห์ที่ 5


วันนี้อาจารย์ตรวจงาน Storyboard งานประกวด 


บรรยากาศในชั้นเรียน

วันศุกร์ที่ 6 มกราคม พ.ศ. 2555

Banner สวยๆ ด้วย Flash Intro and Banner Maker

      ถามว่า Banner คืออะไร Banner มันก็คือป้ายโฆษณาค่ะ เราจะเห็นได้จากเว็บหรือบล็อกต่างๆ บางทีตามเว็บต่างๆเขาทำสวยจนต้องหันมามอง แล้วเข้ามาคลิ๊กดูเนื้อหาข้างใน เป็นแม่เหล็กดึงดูดได้ดีทีเดียว นอกจากทำเป็นป้ายโฆษณาแล้ว ยังเอามาทำเป็นลายเซ็นของเราตามเว็บบอร์ดได้ด้วยนะค่ะ
      วันนี้เลยมาลองชวนเพื่อนๆ มาสร้างBanner ไว้เป็นของตัวเองกันดีกว่า เอาไว้ติดบล็อกหรือไม่ก็วางใน WebBoard ด้วย Aleo Softwave จะสวยหรือไม่สวยก็ขึ้นอยู่กับเพื่อนๆจ้า วิธีทำก็ไม่ยาก ตามมาดูกันเลย


  1. ขั้นตอนที่ 1ก็ดาวน์โหลดโปรแกรม Flash Intro and Banner Maker มาติดตั้งก่อนนะค่ะ
  2. เมื่อดาวน์โหลดมาได้แล้ว ก็ทำการติดตั้งได้เลยคะ สำหรับการติดตั้งFlash Intro and Banner Maker ยอมรับ accept สำหรับติดตั้งหลังจากนั้นก็คลิ๊ก next ไปเรื่อยๆติดตั้งไม่ยากค่ะ
  3. เริ่มต้นใช้งานกันเลย พอเปิดโปรแกรมมาจะมีหน้าต่างอยู่ 2อย่าง คือโปรแกรมกับPreviewผลงานที่สร้าง

สำหรับโปรแกรม Flash Intro and Banner Maker มีิธีใช้งานเรียงตามเมนูหลักๆ เลยค่ะ 6 ขั้นตอนหลักๆ


ขั้นตอนที่1 เลือกขนาดของป้ายแบนเนอร์ค่ะ


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

ขั้นตอนที่ 3 ปรับเปลี่ยน effect จะให้มีลูกเล่น effect แบบไหนปรับเปลี่ยนได้ตามชอบใจ
ขั้นตอนที่ 4 เปลี่ยนตัวอักษร จะเพิ่มจะลบตัวอักษรแบบไหนลองดูนะค่ะ


ขั้นตอนที่ 5เว็บลิงค์ค่ะ ปกติเราทำป้ายแบนเนอร์เพื่อลิงค์ไปหาเว็บหรือบล็อกอยู่แล้ว อันนี้สำคัญแน่ๆ ใส่ url ที่เราต้องการให้แบนเนอร์ของเราลิงค์ไปหา


ขั้นตอนสุดท้าย publish ค่ะ สร้าง code html เพื่อเอาไปวางในเว็บ บล็อก หรือสร้างเป็นลายเซ็นตามเว็บบอร์ด

การ publish ไฟล์เราสามารถเลือกได้ค่ะว่าจะทำเป็นไฟล์ประเภทใด swf,gif,avi

หลังจากบันทึกไฟล์ที่เรา publish เสร็จแล้ว อัพโหลดไปฝากที่เว็บฝากไฟล์ไว้ค่ะ เสียดายที่ฝากกับ ziddu เพื่อแสดงผลไม่ได้ ดิฉันใช้ฝากไว้กับ google site ค่ะ ทุกครั้งที่ฝาก ไฟล์แฟลชประเภทนี้ใช้บริการ ฟรีกับ Google site  https://sites.google.com/site/ploynapatarti3322/myfile








แนะนำโปรแกรมต่างๆที่ใช้ทำ Banner

                สำหรับเพื่อนๆคนไหนที่ไม่ถนัด Photo shop แต่อยากมี Banner สวยๆไว้ใช้งาน โปรแกรมพวก   นี้ช่วยได้เยอะค่ะ


ตัวอย่าง ฺฺBanner


Banner ที่ทำมาจาก Flash Intro and Banner Maker ที่ไปทดลองใช้งานดู
               
    วันนี้ดิฉันได้นำเอาโปรแกรมต่างๆมาฝากทั้งหมด 5 ตัว เลือกโหลดไปศึกษากันดูนะคะ 
  1. Sig Maker 2.0
  2. Banner Program
  3. U_Banner Maker 0.6.8
  4. Websmartz BannerDesignerProV 3.0
  5. Flash Intro and Banner Maker V2.4.99
ขอให้สนุกกับ Banner อันใหม่นะึค่ะ

วันอังคารที่ 27 ธันวาคม พ.ศ. 2554

สัปดาห์ที่4

      วันนี้อาจรย์สอนเรื่องการจัดไฟล์เอกสาร และให้ไปทำมาใหม่ มีการรายงานหน้าห้องวันนี้มีผู้ที่รายงานแค่คนเดียว คือ นายอานนท์ ทองรอด นำเสนอรายงาน เรื่อง FADE,DISSOLVE แล้วอาจารย์ก็สอนต่อ การทำ Titleในโปรแกรม Window Movie Maker และให้ไปลองทำดู อาจารย์ได้แนะนำโปรแกรมต่างๆให้ไปทดลองใช้ เช่น

  • Crazy Talk 6
  • Audacity
  • DRAGON_STOP_MOTION_v2.2.1-XFORCE
  • TOONBOOM_ANIMATE_PRO_V2.0_RETA

วันอังคารที่ 20 ธันวาคม พ.ศ. 2554

สัปดาห์ที่ 3 ขั้นตอนการออกแบบ Animation Gif Banner

         วันนี้อาาจารย์ได้สอนถึงวิธีการทำงานและขั้นตอนในการออกแบบ Animation Gif Banner
แต่ละขั้นตอน ขั้นตอนการดำเนินงาน 3 ส.
  1.  สืบค้น หา/โจทย์? แบนเนอร์สำหรับเว็บบล็อกของเรา
         1.1  สร้างบล็อก มีขั้นตอน...ต้องดำเนินการอย่างไรบ้าง ต้องมีส่วนประกอบอื่นอะไรบ้าง
         1.2  เตรียม...ภาพ ข้อความ
         1.3  เสียง
         1.4  ผลพิเศษ fx
         1.5  นำเสนอ
                = Storyboard =
         ตัวอย่างการเขียน Storyboard

วันศุกร์ที่ 16 ธันวาคม พ.ศ. 2554

การออกแบบ Banner

หลัก 3 ส.

ขั้นตอนที่ 1 สืบค้น
หลายคนอาจจจะสงสัยกันนะค่ะว่า Banner คืออะไร 
Banner คือป้ายโฆษณาสินค้าหรือบริการต่างๆ ที่สามารถนำไปแสดงผ่านหน้าเว็บไซต์ โดยภายในจะมีเนื้อหา รูปภาพแสดงสินค้าหรือบริการอยู่ และ อาจจะเพิ่มสีสันด้วยการกระพริบ-เคลื่อนไหวของป้ายแบนเนอร์ เพื่อให้ผู้ใช้ internet ที่เข้ามาเห็น เกิดความสนใจที่จะคลิกเข้าไปดูเนื้อหานั้นๆ อาจจะเป็นความสนใจในเนื้อหาของ banner หรือ web site หรือ สินค้าที่ขาย หรือ สนใจในบริการที่มีให้อะไรก็แล้วแต่ แล้วก็กดที่ภาพ "Banner" นั้น เพื่อดูรายละเอียดเพิ่มเติมในหน้าเว็บที่ลิ้งค์ไปหาแหละจร้า
Banner (แบนเนอร์) สามารถหมายถึง
          - ป้ายโฆษณา แผ่นป้ายโฆษณาขนาดใหญ่ โดยส่วนใหญ่จะเป็นแผ่นป้ายยาว
          - เว็บแบนเนอร์ กรอบคำโฆษณาสำหรับติดไว้ในเว็บไซต์อื่น เพื่อชักจูงให้คนเข้ามาเยี่ยมชมเว็บไซต์ของตน
ขนาดมาตรฐาน
เว็บแบนเนอร์มีขนาดมาตรฐานหลายขนาด เพื่อให้ใช้กับการจัดวางบนหน้าเว็บที่แตกต่างกัน ขนาดมาตรฐานมีดังต่อไปนี้ (ในหน่วยพิกเซล กว้าง×สูง)














                                                            
      ป้ายตัวอย่างสวยๆ





"ขอบคุณ" แบนเนอร์สวยจาก Dek-d


อ้างอิง

2. วิกิพีเดีย สารนุกรมเสรี         http://th.wikipedia.org/wiki
Related Posts Plugin for WordPress, Blogger...