บทช่วยสอน Illustrator: วิธีสร้างภาพเคลื่อนไหวด้วย Illustrator

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

Adobe suite กว้างขวางมากขึ้นเรื่อย ๆ และนำเสนอแอพพลิเคชั่นใหม่ ๆ สำหรับสาขาการสร้างสรรค์ใหม่ ๆ ในระดับที่เราฝันถึงเมื่อหลายปีก่อนโดยมีโปรแกรมเฉพาะสำหรับการสร้างแบบฟอร์มสำหรับโปรแกรมตัดต่อเสียงและวิดีโอ โดยปกติโปรแกรม Adobe จะส่งเสริมการรวมแพลตฟอร์มต่างๆที่ชุดโปรแกรมนี้นำมารวมถึงเช่นเครื่องมือจากโปรแกรมหนึ่งไปยังอีกโปรแกรมหนึ่ง วันนี้เราจะมาดูตัวอย่างวิธีการทำแบบง่ายๆ ภาพเคลื่อนไหว กับ ผู้วาดภาพประกอบ และส่งออกไปยัง Flash วันนี้ฉันพาคุณมา สอนวาดภาพประกอบ : วิธีการทำ ภาพเคลื่อนไหว กับ ผู้วาดภาพประกอบ.

เรากำลังจะสร้างแอนิเมชั่นสำหรับเว็บใน แฟลช (SWF) อย่างไรก็ตามเราจะสร้างมันขึ้นมาด้วย Illustrator Adob​​e. ในการเริ่มต้นเราจะเปิดเอกสารใหม่ในเส้นทาง ไฟล์ - เอกสารใหม่  และเราจะได้กล่องโต้ตอบพร้อมเมนูซึ่งเราจะใส่ชื่อและตรวจสอบให้แน่ใจว่าโปรไฟล์ที่เราเลือกนั้นเป็นของเว็บ

ในเอกสารใหม่แล้วเราจะเริ่มดำเนินการ สำหรับสิ่งนี้ ภาพเคลื่อนไหว ฉันได้เลือกภาพวาดเวกเตอร์ที่ฉันดาวน์โหลดจากอินเทอร์เน็ตจากหน้าที่เราพูดถึงในโพสต์ก่อนหน้านี้Freepik เครื่องมือค้นหาภาพฟรีและเวกเตอร์และฉันได้ปรับมันเล็กน้อย เราไปที่หน้าต่างเลเยอร์และตั้งชื่อให้ถูกต้อง เป็นสิ่งสำคัญมากที่จะต้องมีความเป็นระเบียบเรียบร้อยกับเลเยอร์ตั้งแต่แรกเราจะตั้งชื่อเป็น Pollo 01.

La ภาพเคลื่อนไหว มันจะเป็นอะไรที่เรียบง่ายเราจะนำลูกเจี๊ยบจากด้านหนึ่งของหน้าจอไปอีกด้านหนึ่งและเราจะให้ดวงตาของมันเคลื่อนไหว สิ่งแรกคือการทำซ้ำเลเยอร์ในหน้าต่างเลเยอร์โดยคลิกที่เลเยอร์และวางไว้บนไอคอนเลเยอร์ใหม่ การเปลี่ยนชื่อเลเยอร์เป็นสิ่งสำคัญ

เราจะคัดไก่ตาสองชั้นที่อยู่ในชั้น Pollo 02จากนั้นเราจะเลือกตาไก่

ด้วยสายตาของเวกเตอร์ไก่ในเลเยอร์ด้านบนไฟล์ Pollo 02เลือกแล้วเราคลิกปุ่มขวาและกล่องโต้ตอบที่เกี่ยวข้องเราไปตามเส้นทาง เปลี่ยน - สะท้อน.

เมื่ออยู่ในตัวเลือก การสะท้อนกดตัวเลือกแนวตั้งเท่านี้ก็เสร็จแล้ว ตอนนี้เราจะมีรูปวาดของไก่อยู่ด้านบนด้วยตาในทางเดียวและในอีกด้านหนึ่ง

ตอนนี้ขอไก่เพิ่มเป็นสองเท่า

อีกครั้งในการทำซ้ำเลเยอร์เราจะใช้ปุ่ม เลเยอร์ใหม่ จากเมนูเลเยอร์ คลิกที่เลเยอร์ Chicken01 และ Chicken02 ในขณะที่กดปุ่ม shift ค้างไว้แล้วลากไปที่ปุ่ม เลเยอร์ใหม่.

เราต้องเปลี่ยนชื่อไก่ทั้งหมดให้แน่ใจว่าได้ติดตามซีรีส์ในลักษณะที่เป็นไก่ Chicken01 และ Chicken02 อยู่ทางด้านซ้ายของโต๊ะทำงานและตามลำดับตัวเลขคือไก่ที่สร้างเลเยอร์ Chicken03 และ Poll04จะเป็นทางขวาและอื่น ๆ ตามลำดับของเลเยอร์ในหน้าต่างเลเยอร์ นี่เป็นสิ่งสำคัญมากเนื่องจากคุณต้องรู้ว่าไฟล์ ภาพเคลื่อนไหว มันจะเรียงตามลำดับของเลเยอร์โดยเอาเลเยอร์แรกเป็นเฟรมแรกและอันสุดท้ายเป็นเฟรมสุดท้าย

เมื่อวางไก่ทั้งหมดอย่างถูกวิธี (ตามคำอธิบายก่อนหน้านี้) เราจะเข้าสู่หน้าต่างส่งออกเอกสารตามเส้นทางการส่งออกไฟล์และเมื่อถึงจุดนั้นเราจะเลือกนามสกุลไฟล์เป็นรูปแบบการส่งออก SWF o แฟลช. จากนั้นเราจะได้รับกล่องโต้ตอบอื่นซึ่งเราจะกำหนดค่าขั้นตอนสุดท้าย พร้อมตัวเลือก ขั้นพื้นฐาน เลือกแล้วเราจะเลือกส่งออกเป็น AI เลเยอร์ไปยังเฟรม SWF และเวอร์ชันของ แฟลช ที่เราจะเลือกจะเป็นคนสุดท้ายที่เขาเสนอให้เรา Adobe Flash Player 9. นอกจากนี้เราจะทำเครื่องหมายตัวเลือกขนาดครอบตัดของอาร์ตบอร์ด มีตัวเลือกที่น่าสนใจอีกมากมายซึ่งเราจะวิเคราะห์ในบทช่วยสอนอื่น

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

ข้อมูลมากกว่านี้ - Freepik เครื่องมือค้นหาภาพฟรีและเวกเตอร์