วันศุกร์ที่ 15 สิงหาคม พ.ศ. 2557

รายงานการเรียนรู้การใช้ซอฟต์แวร์สร้างสรรค์ผลงาน

ชื่อโครงงาน บุหรี่มือสอง
กลุ่มที่ 9
สมาชิกกลุ่ม  
1. นายฤทธิกุล ธรฤทธิ์ เลขที่ 15
2. นางสาวพาขวัญ แดงนภาพรกุล เลขที่ 30
3. นางสาวลลิตา อุดี เลขที่ 31
ห้อง 5/12
วิธีดำเนินการ
1. เพื่อสมาชิกศึกษาข้อมูลเกี่ยวกับโปรแกรม  Adobe Flash CS3
2. ขอโปรแกรมจากอาจารย์
3. หาแหล่งการเรียนรู้การทำพื้นหลัง ด้วยโปรแกรม Adobe Flash CS3
4. ทำตามขั้นตอนที่ได้จากแหล่งเรียนรู้
ผลการดำเนินการ (สรุปความรู้ที่ได้)
1. ได้ประสบการ์การใช้โปรแกรม Adobe Flash CS3
2. รู้จักเครื่องมือต่างในโปรแกรม Adobe Flash CS3
3.สามารถทำพื้นหลังด้วยโปรแกรม Adobe Flash CS3 ได้
แหล่งเรียนรู้ http://www.youtube.com/watch?v=qpwAyIODxnE
หลักฐานประกอบ -

วันเสาร์ที่ 26 กรกฎาคม พ.ศ. 2557

สาธิตการใช้ซอฟต์แวร์ : Adobe Flash CS3 เรื่อง การทำพื้นหลัง


Adobe Flash CS3 เรื่อง การทำพื้นหลัง

 1. เปิดโปรแกรม Adobe flash Cs3 >> เลือก Create New >> Flash File (Action Script 2.0)


2. แถบเมนู เลือก Insert >> New Symbol
 ตั้งชื่อว่า " พื้นหลัง"
 Type : Graphic


3. แถบ Tools ที่ด้านซ้ายมือของผู้อ่าน เลือก >> Rectangle Tool

4. วาดรูปสี่เหลี่ยมลงบนพื้นที่ว่าง


5.
แถบ Tools ที่ด้านซ้ายมือของผู้อ่าน เลือก >> Selection Tool
แล้วคลิกที่รูปสี่เหลี่ยมเพื่อ Select รูป

6. หน้าต่าง Color ด้านขวามือบนสุดของผู้อ่าน เลือกรายละเอียดตามนี้ (เพื่อทำพื้นหญ้า)


7. แถบ Tools ที่ด้านซ้ายมือของผู้อ่าน เลือก >> Free transform tools  แล้วคลุมที่รูปสี่เหลี่ยม เพื่อทำการหมุนรูป




8. หากต้องการลบเส้น ที่แถบ Tools ที่ด้านซ้ายมือของผู้อ่าน เลือก >> Selection Tool แล้วคลิกที่เส้นเพื่อ Select รูป จากนั้น กดปุ่ม Delete บนแป้นพิมพ์







9. หมุนรูปให้อยู่ในลักษณะนี้



10. หน้าต่าง Properties อยู่ล่างสุด เลือกรายละเอียดตามนี้ <ต้องทำการ select รูปก่อน>

W :1200
H : 400




11. ที่หน้าต่าง Timeline อยู่บนสุด ดับเบิ้ลคลิกที่คำว่า Layer 1 เพื่อเปลี่ยนชื่อเป็น หญ้า





12. เพิ่ม Layer2 โดยการคลิก Insert Layer
มุมซ้ายสุด ดับเบิ้ลคลิกที่คำว่า Layer2 แล้วเปลี่ยนชื่อเป็น ท้องฟ้า (เมื่อต้องการวาดหรือสร้างอะไรเพิ่มก่อนวาดให้ Insert layer ก่อน)



13. แถบ Tools ที่ด้านซ้ายมือของผู้อ่าน เลือก >> Rectangle Tool เพื่อวาดรูปสี่เหลี่ยม


14. แถบ Tools ที่ด้านซ้ายมือของผู้อ่าน เลือก >> Selection Tool
แล้วคลิกที่รูปสี่เหลี่ยมเพื่อ Select รูป หน้าต่าง Color ด้านขวามือบนสุดของผู้อ่าน เลือกรายละเอียดตามนี้ (เพื่อทำท้องฟ้า)




15. แถบ Tools ที่ด้านซ้ายมือของผู้อ่าน เลือก >> Free transform tools  แล้วคลุมที่รูปสี่เหลี่ยม เพื่อทำการหมุนรูป


16.  หน้าต่าง Properties อยู่ล่างสุด เลือกรายละเอียดตามนี้ <ต้องทำการ select รูปก่อน>

W :1200
H : 400



17.  จัดวางตำแหน่งรูปให้เรียบร้อยด้วย Free transform tools 



18. ที่แถบ Tools ย่อ/ขยาย ภาพโดยใช้ Zoom tool
 
 

19. ตัวอย่างการย่อภาพ


 
20. แถบ Tools ที่ด้านซ้ายมือของผู้อ่าน เลือก >> Free transform tools  แล้วคลุมที่รูปสี่เหลี่ยม เพื่อทำการปรับขนาดรูป โดยไปที่หน้าต่าง  Properties ที่อยู่ล่างสุด เลือกรายละเอียดตามนี้




21. ที่หน้าต่าง Timeline อยู่บนสุด Insert Layer ได้ Layer 3 แล้วเปลี่ยนชื่อเป็น ต้นไม้ เพื่อวาดรูป





 22. แถบ Tools ที่ด้านซ้ายมือของผู้อ่าน เลือก >> Brush Tool
 เพื่อวาดรูป และ Fill Color เพื่อลงสี  


23. วาดรูปตามใจชอบ (อย่าลืม Insert Layer ทุกครั้งก่อนวาด)



-copyright@ลลิตา อุดี-

วันศุกร์ที่ 27 มิถุนายน พ.ศ. 2557

graphic-animation

วิดิโอสอนวิธีทำ ADOBE FLASH

เทคนิคการวาดภาพและการทำ ANIMATION ด้วยโปรแกรม ADOBE FLASH



โปรแกรม Adobe Flash เป็นโปรแกรมที่ใช้สร้างสรรค์งานกราฟิก ที่ช่วยในการปรับแต่ง แก้ไข หรือออกแบบภาพ โดยทำได้ง่ายด้วยเทคนิค “ตัด เชื่อม ปรับเปลี่ยนรูปร่าง” โปรแกรม Adobe Flash มีการใช้งานโปรแกรม Adobe Flash เบื้องต้น ได้แก่ เทคนิคการวาดภาพกราฟิกส์และการ์ตูนด้วยการตัดเชื่อมปรับเปลี่ยนรูปร่าง, การสร้าง Graphic Symbol, การใช้เครื่องมือต่างๆของโปรแกรม และการสร้าง Animation ในโปรแกรม Adobe Flash ได้แก่ ภาพเคลื่อนไหวแบบ Motion Tween (แบบเคลื่อนที่), Shape Tween (แบบเปลี่ยนรูปทรง)  และ Frame by Frame (แบบเฟรมต่อเฟรม)

การใช้งานโปรแกรม Adobe Flash

เข้าที่โปรแกรม Adobe Flash  จะปรากฏหน้าต่างของโปรแกรม



ภาพ หน้าต่างของโปรแกรม Adobe Flash


เครื่องมือโปรแกรม มีดังนี้

- แถบเครื่องมือหลัก (Main Toolbar) เป็นแถบเครื่องมือควบคุมการทำงานหลักของโปรแกรม
- แถบเครื่องมือ (Toolbox) กลุ่มเครื่องมือสร้างงานและจัดการวัตถุของโปรแกรม Flash
- Document Tab คือ ส่วนควบคุมเอกสาร
- Timeline เป็นส่วนสำคัญของโปรแกรม Flash ที่ทำหน้าต่างควบคุมการนำเสนอผลงาน
- Layer ส่วนควบคุมการสร้างชั้นงาน เพื่อให้ชิ้นงานแต่ละชิ้นมีอิสระ และสะดวกต่อการแก้ไข ปรับแต่ง
- Stage & Workspace เป็นพื้นที่ส่วนใหญ่ของหน้าต่างโปรแกรม มีลักษณะการทำงานคล้ายๆ กับเวทีการแสดง
- Panel หน้าต่างเล็กๆ ที่ทำหน้าที่แสดงคำสั่งควบคุมย่อยต่างๆ ของโปรแกรม


การวาดภาพด้วยเทคนิคตัดเชื่อมปรับเปลี่ยนรูปร่าง

ถ้าต้องการเปลี่ยนรูปทรงของภาพสามารถใช้เทคนิค Drag & Drop เพื่อทำให้รูปทรงต่างๆเป็นเป็นรูปทรงอิสระอื่นๆ ได้ตามต้องการ
โดยเริ่มต้นจากการวาดรูปทรงพื้นฐานที่ต้องการ โดยใช้เครื่องมือ Rectangle Tool
จากนั้นใช้เครื่องมือ Selection Tool แล้วนำเมาส์ไปชี้บริเวณเส้นขอบของรูปภาพ แล้วกดเมาส์ค้างไว้ แล้วลากเมาส์ตามรูปทรงที่ต้องการ
รูปจะบิดตัวตามทิศทางการลากเมาส์ ทำให้ได้รูปร่างตามที่ต้องการ
ถ้าต้องการให้เพิ่มความโค้ง สามารถทำได้โดยคลิกที่บริเวณเส้นขอบของรูปแล้วลากออกมา รูปจะหดตัวตามทิศทางการลากเมาส์ ทำให้ได้รูปร่างตามที่ต้องการ



ภาพ รูปร่างที่ใช้เทคนิคตัดเชื่อมปรับเปลี่ยนรูปร่าง


ภาพ ตัวอย่างรูปการ์ตูนที่ใช้เทคนิคตัดเชื่อมปรับเปลี่ยนรูปร่าง


การสร้าง Graphic Symbol

เริ่มต้นการสร้าง Graphics Symbol โดยเลือกคำสั่ง Insert > New Symbol…
จะปรากฏหน้าต่าง จากนั้นตั้งชื่อ Symbol ในช่อง Name และเลือกประเภทของ Symbol ซึ่งมี 3 แบบดังนี้- Graphics Symbol (ภาพนิ่ง)- Button Symbol  (ปุ่มสำหรับคลิกหรือกด)- Movie Clip Symbol (ภาพเคลื่อนไหว)จากนั้นคลิกที่ปุ่ม OK
สร้าง Symbol ตามที่ต้องการจนครบทุกภาพ แล้วลาก Symbol ที่ต้องการทำภาพเคลื่อนไหวเข้ามาใน Stage


การสร้างภาพเคลื่อนไหว (Animation)
ภาพเคลื่อนไหวแบบ Frame by Frame  เป็นการวาดวัตถุที่ละเฟรมเรียงต่อไปเรื่อยๆ โดยวัตถุที่นำมาสร้างจะอยู่ในรูปแบบใดก็ได้


ภาพ ตัวอย่างภาพเคลื่อนไหวแบบ Frame by Frame


ภาพเคลื่อนไหวแบบ Motion Tween เป็นการสร้างภาพเคลื่อนไหวที่กำหนดเฉพาะจุดต้นและจุดสุดท้าย


ภาพ ตัวอย่างภาพเคลื่อนไหวแบบ Motion Tween


ภาพเคลื่อนไหวแบบ Shape Tween เป็นเทคนิคการแปลงภาพจากภาพหนึ่งเป็นอีกภาพหนึ่ง



ภาพ ตัวอย่างภาพเคลื่อนไหวแบบ Shape Tween


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


แหล่งที่มา :: ADOBE FLASH 

โปรแกรมสร้างอนิเมชั่น (animation) สำหรับ Second Life ดาวโหลดฟรี



1. Posemaker 
[Win32 and Linux]


2. QAvimator 
[Windows, Mac OS X, and Linux]
ตัวนี้มีวีดีโอสอนการใช้งานจาก Linden Lab ด้วยครับ
http://forums.thaisecondlife.net/index.php/topic,569.0.html


3. Slat 
[ตัวนี้ไม่รองรับ vista นะครับ]


4. Blender
ตัวแรกคือ Blender โปรแกรมสามมิติครอบจักรวาล สามารถโหลด Blender-Second Life Animation Script พร้อมตัวสอนได้จากลิงค์ในหน้านี้ครับ


5. DAZ Studio
อีกตัวคือ DAZ Studio ตัวนี้แปลกใจว่าเป็นของฟรี เจ้าของเป็นบริษัท 3d ชื่อดังพอตัว (DAZ3d เจ้าของโปรแกรม BRYCE ) อ่านดูจากข้อมูลโปรแกรมเหมือนจะทำมาเป็นคู่แข่งของ Poser กลายๆ เวลาทำ animation ต้องไปดาวโหลดไฟล์ template มา แล้ว import เข้าไปก่อนนะครับ

ตัวสอนการใช้งานสร้าง animation ด้วย Daz Studio
http://secondlife.dolphpun.com/daz3d/


6. Poser
เป็นหนึ่งในซอฟแวร์ที่อยู่คู่มือชาวเซคันด์ไลฟ์มาตั้งแต่ยุกแรกเริ่มก่อนที่จะมีการพัฒนาเครื่องมืออื่นๆตามขึ้นมาภายหลัง ปัจจุบัน Poser แบ่งออกเป็นถึง 3 เวอร์ชั่นตามความสามารถของโปรแกรม Posre Pro, Poser และ Poser Debut

ดุข้อมูลอ้างอิงได้จาก SL Wiki
http://wiki.secondlife.com/wiki/Create_Animations_with_Poser


แหล่งที่มา :: http://forums.thaisecondlife.net/index.php/topic,281.0.html



Pencil Animation Tutorial #1 *The Very Basics*


วิดิโอสอน โปรแกรม Pencil

Pencil Animation (โปรแกรมทําแอนิเมชั่น 2D)

Pencil Animation (โปรแกรมทําแอนิเมชั่น 2D) : 





โปรแกรมนี้มีชื่อว่า Pencil Animation หรือการสร้างภาพแอนิเมชั่นด้วยดินสอนั่นเอง โปรแกรมทําแอนิเมชั่น 2D นี้จะช่วยให้คุณวาดภาพการ์ตูน แล้ว ทำเป็นภาพแอนิเมชั่น (Animation) แบบ 2 มิติ (2D) ซึ่งในโปรแกรมนี้มีเครื่องมือมากมายที่ช่วยให้ การ์ตูน หรือตัวละคร ที่คุณวาดนั้น อะไรก็สุดแท้แต่ ให้ออกมาต่อกันหลายๆ ภาพเพื่อเป็นภาพ Animation แบบ 2D อย่างสมบูรณ์แบบ ด้วยเครื่องมือและตัวช่วยในการใช้งานที่สมบูรณ์แบบ เหมือน {โปรแกรมวาดภาพ} มืออาชีพ โดยสามารถวาดได้ทั้งภาพแบบ Bitmap และ ภาพเวคเตอร์กราฟฟิค

คุณสามารถใช้เครื่องมือพื้นฐานทั่วๆ ไปเช่นการลากเส้น ทำส่วนโค้ง สี่เหลี่ยม หรือ ฟรีสไตล์ ใส่พื้นหลัง (Background) ลงไปได้ มีบางลบ เทสี หรือจะเป็นครอป (Crop) รูปส่วนที่ต้องการ มีระบบการวาดรูปแบบลำดับชั้น (Layer) เหมือนโปรแกรมแต่งรูปขั้นเทพอย่างโฟโต้ชอป สามารถปรับสีจากแม่สี RGB (R - แดง G - เขียว B - น้ำเงิน) ได้อย่างละเอียดเลย




ซึ่งโปรแกรมในรูปแบบลักษณะประเภทนี้ เราส่วนมากจะไม่ค่อยได้เห็นโปรแกรมวาดรูป หรือ โปรแกรมทําแอนิเมชั่น ที่ได้แจกฟรีแบบ 100% แบบนี้ แถมยังสามารถเล่นได้บนทุกแพลตฟอร์มอีกต่างหาก (ทั้งบน Windows บนเครื่อง Mac หรือเป็นบนระบบปฏิบัติการ Linux) ลองโหลดเอาไปให้ลูกหลานลอกฝึกใช้ หรือผู้ใหญ่จะลองเล่นดูเองก็ได้นะครับ ไม่ว่ากัน

Note : สำหรับโปรแกรมทําแอนิเมชั่นนี้ ทางผู้พัฒนา โปรแกรม (Program Developer) เขาได้แจกให้ ทุกท่านได้นำไปใช้ทําแอนิเมชั่นกันฟรี (FREE) โดยท่าน ไม่ต้องเสียค่าใช้จ่ายใดๆ ทั้งสิ้นเลยครับ 


คลิ๊ก>> Download <<คลิ๊ก

แหล่งที่มา :: Pencil Animation