สร้างภาพเคลื่อนไหว Animation โดยฟรีแวร์ Stykz เหมาะสำหรับผู้สนใจสร้างงาน Animation โดยพื้นฐานทั่วไป สำหรับการนำนิทานของคุณเอง หรือบอกเล่าเรื่องราวหรือตัวละครของคุณ ในรูปแบบของภาพการ์ตูนเคลื่อนไหว ที่คุณสามารถศึกษาและทำได้ด้วยตนเอง
จุดเด่นของโปรแกรมก็คือ
ไม่มี Ads หรือ โฆษณาแอบแฝง จากผู้ให้บริการ แต่ถ้าใครต้องการจะสนับสุนนก้สามารถทำโดยการบริจาคหรือ Donate ที่เว็บไซต์ชองผู้พัฒนาเท่านั้นเอง
เป็น Multi-Platform Animating โปรแกรมรองรับการทำงานหลาย OS เช่น Windows,Mac,Linux
สนใจดาวโหลด
Stykz
ในหน้าต่างการดาวโหลด จะมี 3 ตัวเลือกให้เลือกดาวโหลด คือ Windows,Mac,Linux
เริ่มต้นการดาวโหลดและติดตั้งใช้งาน
สามารถโหลดและติดตั้ง ได้อย่างรวดเร็ว
เปิดโปรแกรมขึ้นมา
เริ่มสำรวจหน้าตาการทำงาน
หากต้องการจะเริ่มทำตามตัวอย่าง เพื่อเป็นแนวทาง สามารถ คลิกที่บทเรียนช่วยสอนการวาดตัวการ์ตูนแรก ดูก่อน
บทเรียน
This tutorial will show you how create a simple waving animation; it will teach
you the principles of frame-based animation and how to use certain parts of the
Stykz program
บทเรียนจะช่วยสอนการสร้างภาพเคลื่อนไหวง่ายๆ โดยเน้นหลักการเคลือ่นไหวที่ใช้เฟรม หรือ กรอบ มาเป็นตัวกำหนด
Launch Stykz (if it isn't already open), and from the Welcome Center, click
on Default Document. (If the Welcome Center is not open, choose
File > New from the menu bar.)
Assuming that the Starting Figure set in the Preferences window
(
Preferences > General > New Document Settings > Starting
Figure) is "Stykz Figure", your document window should look like
this:
เปิดโปรแกรมขึ้นมา คลิกที่ค่า Default Document
Make sure the Select tool (the topmost tool in the Tool Palette window) is
selected; if not, click on it to select it.
ดูว่าเครื่องมือในการเลือก ถูกเลือก
Creating the First Frame
เริ่มต้นสร้างเฟรมที่ 1 ก่อน
The figure on the Stage (the document window) has red and yellow circles and
black lines. The circles are called
nodes, and the lines and
circles are called
segments. The red nodes are used to rotate
the attached segment(s) and are called
pivot nodes. The yellow
one is used to move the figure around the Stage and is called the
drag
node.
รูปร่างบนหน้าจอ จะมีปุ่มวงกลมเล็ก สีแดง เหลือง และเส้นสีดำ วงกลมจะเรียกว่า Node เป็นจุดเชื่อมต่อของวัตถุ และวงกลทกับเส้นรวมกันจะเรียกว่า Segments โดย Node สีแดง ใช้สำหรับการหมุน แขนขา หรือเซกเม้นต์ที่มาต่อ ซึ่งทางเทคนิคเรียกว่า Pivot Node หรือจุดหมุน ส่วน จุดสีเหลือง สำหรับการเคลื่อนที่ไปรอบๆ จอ ทางเทคนิคเรียกว่า Drag Node
Click on the drag node and drag the figure to the lower-left corner of the
Stage:
เริ่มโดยการปรับตำแหน่งของตัวละคร โดยคลิกที่แดรกโนด ลากลงมาด้านล่างซ้าย
As soon as you release the mouse button, the thumbnail representation of the
Stage for the current frame is automatically updated
หลังจากปล่อยเม้าส์ ภาพปัจจุบันก็จะแสดง update ในเฟรม ตามที่เราทำทันที
Create Another Frame
สร้างเฟรม ที่ 2 ต่อ
Click on the New Frame button in the Frames palette to create a
new frame.
โดยการคลิกที่ปุ่ม New frame
The Stage will not appear to change, but the Frames palette will get another
thumbnail entry and the red border will be around Frame 2, indicating that it's
the current frame:
จอภาพจะปรากฏเฟรมที่ 2 ขึ้นมา เป็นภาพย่อ Thumbnail และมีขอบสีแดงรอบรอบ แสดงว่าเป็นเฟรมที่กำลังทำงานอยู่ในปัจจุบัน
Move the Figure
ย้ายตำแหน่งของรูปร่าง
Drag the figure about 1/4 of the way across the stage; as you start dragging,
you'll see a gray version of the figure from the previous frame displayed - this
is called an
onionskin, and it is used for positioning the
figure on the current frame relative to the one on the previous frame:
ขยับรูปร่างไปทางขวามือ 1/4 ของหน้าจอ เราจะเห็นภาพเดิมของรูปร่างคงตำแหน่งเดิมไว้ ทางเทคนิคเรียกว่า onionskin เปลือกหอม ซึ่งจะใช้สำหรับกำหนดตำแหน่งของรูปร่างในเฟรมล่าสุดให้สอดคล้องหรือสัมพันธ์กันนั้นเอง
Create Frames 3 and 4
สร้างเฟรมที่ 3 และ 4
Create Frames 3 and 4 just like we created Frame 2: click the Next
Frame button in the Frames palette, drag the figure another 1/4 of the
way across the stage, and then do it one more time. You'll end up with the Stage
looking like this:
คลิก Next Frame ขยับรูปร่างออกไป ตามลำดับ 1/4 ของหน้าจอ จนได้ภาพย่อของเฟรม ตามภาพ
Make the Figure Wave
การทำให้รูปร่างขยับโบกมือขึ้นลง
To make the figure wave, you will need to click on the pivot node on the left
arm and drag it upwards - this will cause the arm to pivot around the elbow.
Release the mouse when it's about where shown in the image below:
โดยการคลิกที่ จุดหมุน Pivot node ที่แขนซ้ายของรูปร่าง แดรกขึ้นไปเล็กน้อย ทำให้ดูเหมือนข้อแขนขยับโดยมีข้อศอกเป็นจุดหมุน
Click New Frame, and then move the arm again:
คลิก New Frame และขยับแขนไปอีกครั้ง
Then do it again several more times, moving the arm back and forth. Your
Frames Palette will look something like this:
ทำเพิ่มอีกหลายๆ เฟรม และขยับแขน ขึ้นลงไปมา ดูในกรอบควบคุมเฟรม จนได้ภาพประกอบประมาณด้านล่าง
Playing Your Animation
ทดลองเล่นภาพเคลื่อนไหว
คลิกที่ปุ่ม Play บนแถบควบคุมเฟรม จะเปิดหน้าต่างการแสดงขึ้นมา พร้อมเมนูควบคุมการเล่น หากต้องการเล่นต่อเนื่องให้เลือก Loop
That's it! You created your first animation! (OK, it wasn't a great
animation, but that comes later when you've built up your skills. :-D )
There's a lot more you can do with Stykz, but at least this gives you the
basics to start animating!
เป็นการเรียนรู้เทคนิคการสร้างภาพยนตร์การตูนอนิเมชั่น พื้นฐาน อาจจะยังไม่สวยงามหรือน่าสนใจ ซึ่งต้องการรายละเอียดและองค์ประกอบ เช่น บา ฉาก ตัวละคร ดนตรี ฯลฯ อีกหลายๆ ส่วน
สำหรับบทนี่้ เป็นเพียงตัวอย่างและแนวทาง สำหรับท่านที่สนใจงานด้านนี้ ไปพัฒนา ศึกษาและต่อยอดต่อไป
