วันจันทร์ที่ 23 มกราคม พ.ศ. 2560

รวมเล่มนิทานด้วยโปรแกรมประยุกต์

หลักการเขียนนิทาน          

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

องค์ประกอบของนิทาน

  1. ชื่อเรื่อง มีแนวคิดมาจากตัวละครหลัก หรือเรื่องราวที่เกิดขึ้นในนิทาน ควรตั้งชื่อเรื่องให้มีความน่าสนใจ
  2. โครงเรื่องของนิทาน เป็นการเล่าเรื่องที่มีลำดับเหตุการณ์ก่อน-หลัง ต้องไม่ซับซ้อน สั้นและกระชับ
  3. ตัวละคร ขึ้นอยู่กับจินตนาการของผู้เขียน เช่น คน สัตว์ เจ้าชาย นางฟ้า แต่ไม่ควรมีตัวละครมากเกินไป
  4. ฉาก สถานที่หรือสิ่งแวดล้อม รวมถึงบรรยากาศต่าง ๆ ที่เกี่ยวข้องกับเนื้อเรื่อง เช่น ในป่า บ้าน ปราสาท ในน้ำ
  5. บทสนทนา การพูดคุยของตัวละคร ควรใช้ภาษาที่เข้าใจง่าย กระชับ สนุกสนาน
  6. คติสอนใจ ข้อคิดที่ผู้อ่านควรได้รับเมื่อจบนิทาน เพื่อเป็นการปลูกฝุงคุณธรรม และกล่อมเกลาจิตใจ

          หนังสือนิทานที่สร้างด้วยโปรแกรมประยุกต์ จะมีลักษณะคล้ายหนังสื่อจริง สามารถเปิดอ่านได้ในเครื่องคอมพิวเตอร์ สื่อสารกับผู้อ่านในลักษณะของมัลติมีเดีย คือ มีทั้งข้อความ ภาพนิ่ง ภาพเคลื่อนไหว และเสียง แต่ยังคงรักษารูปแบบความเป็นหนังสือไว้ทั้งรูปร่าง ลักษณะการเปิดอ่าน เราเรียกหนังสือที่สร้างด้วยโปรแกรมประยุกต์นี้ว่า E-Book หรือ หนังสืออิเล็กทรอนิกส์ ซึ่งมีโปรแกรมเฉพาะในการสร้าง เช่น FlipAlbum, Desktop Auther ในการอ่านต้องติดตั้งโปรแกรมแสดงผลที่เรียกว่า Reader หรือ Browser โดยโปรแกรม FlipAlbum จะใช้โปรแกรม FlipViewer ในการอ่าน เรามาดูขั้นตอนการรวมเล่มนิทานด้วยโปรแกรม FlipAlbum จากคลิปวีดีโอด้านล่างกันเลยครับ...


ดาวน์โหลดเพลงประกอบนิทานได้ตามลิงก์นี้ คลิกเลย
ส่วนประกอบของหนังสือนิทาน มีดังนี้

  1. ปกหน้า - ปกหลัง
  2. ภาพประกอบ
  3. เนื้อหา
  4. ภาพพื้นหลัง
  5. เพลงประกอบ

วันพุธที่ 18 มกราคม พ.ศ. 2560

การออกแบบโปสเตอร์ ด้วย Photoshop

รู้จักกับโปสเตอร์

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

          แบนเนอร์ คือ ภาพกราฟิกที่มีลักษณะเหมือนป้ายโฆษณา แต่ขนาดเล็กกว่าผ่านระบบอินเทอร์เน็ต เป็นส่วนที่ผู้ชมจะต้องเห็นเป็นส่วนแรก ดังนั้นสิ่งสำคัญที่ควรคำนึงถึง คือ การออกแบบเพื่อดึงดูดใจผู้ชมให้เกิดความประทับใจ มีข้อความชักชวน หรือนำเสนอจุดเด่นของเนื้อหา มีรูปภาพประกอบที่สวยงามเหมาะสมและสัมพันธ์กัน
 
ตัวอย่างโปสเตอร์
ตัวอย่างแบนเนอร์

การออกแบบโปสเตอร์มีข้อควรพิจารณา ดังนี้
  1. ไม่ควรนำเสนอหลายประเด็นในโปสเตอร์แผ่นเดียว
  2. การจัดวางองค์ประกอบควรเน้นความเรียบง่ายและสื่อความหมายชัดเจน ใช้ข้อความที่สั้น กระชับ เข้าใจง่าย
  3. ควรใช้ภาพประกอบที่สื่อความหมายชัดเจน ดูเข้าใจง่าย
  4. ควรใช้ตัวอักษรขนาดใหญ่ อ่านง่าย ได้สัดส่วนกับขนาดโปสเตอร์
การออกแบบโปสเตอร์
  1. ทำความเข้าใจเกี่ยวกับวัตถุประสงค์ในการออกแบบโปสเตอร์ว่าเพื่อประชาสัมพันธ์ แนะนำ หรือรณรงค์เรื่องใด
  2. ค้นหาข้อมูล รูปภาพ เพิื่อกำหนดหัวข้อ ข้อความ และภาพที่ต้องการสื่อความหมาน
  3. ลงมือสร้างพื้นหลังของโปสเตอร์
  4. จัดวางองค์ประกอบต่าง ๆ เช่น ภาพ ข้อความ
  5. ใส่เทคนิคพิเศษต่าง ๆ เพื่อตกแต่งภาพ ข้อความ ให้ดูน่าสนใจมากขึ้น
ให้นักเรียนลองทำการออกแบบโปสเตอร์ โดยใช้โปรแกรม Photoshop ตามตัวอย่างภาพด้านล่างนี้ โดนมีคลิปวีดีโอสาธิตการแต่งภาพให้ดูเป็นแนวทางด้วย

คลิปประกอบการออกแบบโปสเตอร์


ดาวน์โหลดภาพประกอบการออกแบบโปสเตอร์

วันจันทร์ที่ 16 มกราคม พ.ศ. 2560

ทำเมนู Rollover Image ด้วย Photoshop

การทำภาพหัวเว็บไซต์ ด้วย Photoshop

ให้นักเรียนตัดต่อภาพหัวเว็บ แล้วบันทึกแฟ้มชื่อ หัวเว็บ ทั้งสกุลไฟล์ psd และ jpeg




ดาวน์โหลดภาพประกอบการทำภาพหัวเว็บด้านล่างเลย

เว็บสวยด้วยมือเรา

          โปรแกรมสำหรับสร้างเว็บไซต์มีหลายโปรแกรม Dreamweaver เป็นอีกโปรแกรมหนึ่งที่มีการติดต่อกับผู้ใช้งานเป็นแบบกราฟฟิก ใช้งานง่าย
          จุดเด่นของโปรแกรม Dreamweaver คือ เครื่องมือมีความยืดหยุ่น สามารถทำ Rollover Image หรือสลับภาพได้ ปุ่มควบคุมการทำงานจัดแบ่งเป็นหมวดหมู่ เสริมแต่งลูกเล่นด้วยการสร้างวินโดส์ป๊อบอัพ ใส่เสียง สร้างภาพเคลื่อนไหวและอีกมากมาย และโปรแกรมจะแหปลงเป็นภาษา HTML ให้อัตโนมัติ รวมถึงสมารถใช้งานงานภาษาไทยได้
          ก่อนที่จะทำเว็บไซติเราจะต้องทำการเชื่อมระหว่างโปรแกรมกับโฟลเดอร์ที่เราจะทำงานก่อน หรือเรียกว่าการสร้างไซต์ เพื่อให้ง่ายต่อการจัดการเว็บไซต์ของเราและจะได้เป็นระเบียบมากขึ้น งั้นเรามาดูวิธีการสร้างไซต์กันก่อนเลยนะครับ

การสร้างไซต์ (Dreamweaver)


การสร้างตารางให้กับเว็บเพจ



การทำภาพหัวเว็บไซต์ ด้วย Photoshop


ดาวน์โหลดภาพประกอบการทำภาพหัวเว็บด้านล่างเลย

การสร้างเทมเพลตเว็บไซต์ ตอนที่ 1



การสร้างเทมเพลตเว็บไซต์ ตอนที่ 2


การทำเมนู Rollover Image