บทเรียน Adobe Flash สำหรับผู้เริ่มต้น การเรียนรู้แมคโครมีเดียแฟลช วิธีสร้างแอนิเมชั่นด้วยแมงกะพรุน

เป็นเวลากว่าเจ็ดปีแล้วที่ฉันทำงานระยะไกลกับลูกค้าชาวต่างชาติจากสหรัฐอเมริกา แคนาดา ออสเตรเลีย เยอรมนี และประเทศอื่นๆ ฉันวาดทรัพยากรกราฟิกและแอนิเมชั่นสำหรับเกม อะโดบี แอนิเมชั่น ซีซี. ก่อนหน้านี้บรรณาธิการถูกเรียกตัว อะโดบี แฟลชซีซีมืออาชีพ.

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

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

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

การเลือกแท็บเล็ตกราฟิก

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

มีผู้ผลิตแท็บเล็ตกราฟิกหลายราย: Wacom, Genius, Huion เคยเจอแค่สองอันแรก โดยรวมแล้ว ฉันได้ลองใช้แท็บเล็ตจาก Wacom มาแล้วสี่เครื่องและอีกหนึ่งแท็บเล็ตจาก Genius เมื่อเริ่มต้นใช้งาน ฉันขอแนะนำ Wacom เป็นอย่างยิ่ง คุณภาพสูงในราคาที่สมเหตุสมผล

หากคุณไม่มีเงิน อย่าซื้อ Genius แต่ซื้อปากกา Wacom Bamboo Pen ขนาดเล็กราคาประหยัดที่สุด ฉันใช้เกือบจะแบบเดียวกันคือ Wacom Bamboo Pen&Touch S CTH-460 ไม่มีปัญหาร้ายแรงในการใช้งานเจ็ดปี อุปกรณ์ที่ดีที่จะเริ่มต้น. ถ้าประหยัดเงินได้ก็เลือกรุ่นที่ใหญ่กว่า ฉันใช้ Wacom Bamboo Fun Pen&Touch M CTH-670

ตัวเลขและตัวอักษรในชื่อรุ่นของ Wacom หมายถึงอะไร

ฉันจะอธิบายว่าตัวเลขและตัวอักษรในชื่อมีความหมายว่าอย่างไรเพื่อให้คุณสำรวจสวนจำลองของบริษัทได้ง่ายขึ้น

Wacom Bamboo Fun Pen&Touch M CTH -6 70

• ม– ขนาดของพื้นที่ทำงาน มี S - เล็ก (เล็ก), M - กลาง (กลาง), L - ใหญ่ (ใหญ่);
• ซีทีเอช- วิธี ผู้เล่นตัวจริง. มี CTL และ CTH - รุ่นสมัครเล่น ระดับเริ่มต้นพร้อมปุ่มเสริมและทัชแพด, PTH - รุ่นมืออาชีพ, DTH และ DTK - รุ่นมืออาชีพพร้อมจอแสดงผลในตัว
• 6 – ขนาดพื้นที่ทำงาน หน่วยเป็นนิ้ว มี 4 - เล็ก (เล็ก), 6 - กลาง (กลาง), 8 - ใหญ่ (ใหญ่) และ 13 และมากกว่า แต่จะใช้ได้กับแท็บเล็ตที่มีจอแสดงผลในตัวเท่านั้น บางครั้งร้านค้าและโฆษณาออนไลน์ไม่ได้ระบุดัชนีตัวอักษรจากนั้นคุณสามารถใช้ดิจิทัลเพื่อทำความเข้าใจขนาดของอุปกรณ์ได้
• 70 - รุ่นและรุ่น สิ่งสำคัญคือต้องเข้าใจว่ายิ่งตัวเลขนี้สูงเท่าไร อุปกรณ์ก็จะยิ่งใหม่เท่านั้น เพื่อการเปรียบเทียบ แท็บเล็ตเก่าของฉันมีดัชนี CTH-460 อะนาล็อกสมัยใหม่คือ CTH-490 รุ่นต่างกัน 10: 460, 470 เป็นต้น

ขนาดแท็บเล็ตกราฟิก

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

อาจสันนิษฐานได้ว่าไม่จำเป็นต้องใช้แท็บเล็ตกราฟิกขนาดใหญ่ เนื่องจากคุณจะไม่ใช้พื้นที่ทำงานทั้งหมด และพื้นที่กิจกรรมจะมีขนาดเท่ากับในรุ่นที่เล็กกว่า แต่นั่นไม่เป็นความจริง

เมื่อคุณทำงานบนแท็บเล็ต พื้นที่ทำงานของแท็บเล็ตจะถูกฉายทั่วทั้งความกว้างของจอภาพ ดังนั้น ยิ่งแท็บเล็ตมีขนาดใหญ่เท่าใด คุณก็จะสามารถใช้ลายเส้นได้แม่นยำมากขึ้นเท่านั้น และในทางกลับกัน ยิ่งจอภาพมีขนาดใหญ่และแท็บเล็ตมีขนาดเล็กลง คุณก็จะวาดได้ยากและไม่สบายตัวมากขึ้นเท่านั้น จากประสบการณ์ฉันสามารถพูดได้ว่าหลังจากเปลี่ยนจากขนาด S เป็น M เมื่อทำงานกับจอภาพกว้างพิเศษขนาด 29 นิ้ว งานของฉันก็สบายขึ้น 25-30% ฉันพบว่าการวาดโครงร่างที่ซับซ้อนนั้นใช้ความพยายามน้อยกว่า และประสบการณ์โดยรวมก็ให้ความรู้สึกที่นุ่มนวลและสนุกสนานมากขึ้น

แท็บเล็ตกราฟิกขนาดใหญ่ควรมีสภาพแวดล้อมการทำงานที่สะดวกสบายยิ่งขึ้น แต่ฉันไม่ได้ทำงานกับรุ่น L ดังนั้นฉันจึงได้แต่เดาเท่านั้น

ความแตกต่างระหว่างแท็บเล็ต Wacom มือสมัครเล่นและมืออาชีพ

เมื่อซื้อรุ่นโปรคุณจะได้รับ อุปกรณ์ไร้สายทำจากพลาสติกคุณภาพสูงกว่าด้วยความไวต่อแรงกด 2,048 ระดับ เทียบกับ 1,024 ระดับสำหรับรุ่นที่ราคาถูกกว่า ดีไซน์สวยงาม มีการควบคุมเพิ่มเติมในรูปแบบของปุ่มและวงแหวนสัมผัส ฉันพอใจกับซีรีส์ Bamboo รุ่นน้องที่ล้าสมัยซึ่งเลิกผลิตไปแล้ว ความแตกต่างของราคาระหว่างรุ่นสมัครเล่นและรุ่นโปรจะมากกว่าสองเท่า ตารางจะวางทุกอย่างตามลำดับ:

การตั้งค่า Wacom Bamboo Pen & Touch M CTH-670

ก่อนเชื่อมต่ออุปกรณ์ ให้ดาวน์โหลดไดรเวอร์จากเว็บไซต์ทางการของ Wacom

หลังจากเชื่อมต่อแท็บเล็ตและติดตั้งไดรเวอร์แล้ว ให้เปิดแอปพลิเคชัน การตั้งค่าของ Wacomซึ่งสามารถพบได้ผ่านทาง ค้นหาวินโดวส์(Win + S) หรือในแผงควบคุม

การตั้งค่าพื้นฐานของแท็บเล็ตของ บริษัท ไม่แตกต่างกันทั้งรุ่นมือสมัครเล่นและมืออาชีพได้รับการกำหนดค่าในลักษณะเดียวกัน

บนแท็บ ยาเม็ดคุณสามารถกำหนดค่าแท็บเล็ตสำหรับมือขวาและซ้ายรวมทั้งกำหนดการดำเนินการให้กับปุ่มต่างๆ ขั้นแรก ให้ติดตั้งพวกมันเข้าไป พิการเมื่อเวลาผ่านไป คุณจะสามารถกำหนดปุ่มลัดได้

ในแท็บถัดไป ปากกาพบพารามิเตอร์ที่สำคัญ:

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

ในแท็บเดียวกันในส่วน การติดตามกดปุ่ม กำลังทำแผนที่...เพื่อกำหนดค่าการฉายภาพพื้นที่ทำงานของแท็บเล็ตบนหน้าจอมอนิเตอร์ หน้าต่างจะเปิดขึ้น รายละเอียดโหมดปากกา.

ในบทที่ พื้นที่หน้าจอเลือก เฝ้าสังเกตหากคุณมีจอภาพหลายจอและระบุจอภาพหลัก หากมีจอภาพเพียงจอเดียวก็ปล่อยทิ้งไว้ หน้าจอทั้งหมด

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

อย่าลืมทำเครื่องหมายในช่องข้างๆ ใช้ Windows Inkเพื่อให้ไวต่อแรงกดในการทำงาน

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

ในแท็บที่เหลือ ฉันปิดใช้งานทุกอย่างแล้ว เนื่องจากฉันไม่ได้ใช้ท่าทางสัมผัสของโหมดสัมผัสหรือเมนูแบบเลื่อนลงที่เป็นกรรมสิทธิ์ เสร็จสิ้นการตั้งค่าแท็บเล็ตกราฟิก

สร้างภาพเคลื่อนไหว CC หรือ Flash Professional CC?

Adobe Animate CC เป็นการรีแบรนด์ Adobe Flash Professional CC โดยมีการเพิ่มนวัตกรรมหลายอย่างลงในโปรแกรม แม้จะมีชื่อเก่า แต่ก็ได้รับความนิยมอย่างมากในหมู่ศิลปิน แอนิเมเตอร์ และผู้พัฒนาเกมอินดี้ หลักการออกแบบเวกเตอร์ช่วยให้คุณสร้างสไปรท์สำหรับความละเอียดใดก็ได้ เวอร์ชันใดก็ตามที่คุณจะได้รับจะใช้ได้กับการวาดภาพ เครื่องมือวาดภาพยังคงเหมือนเดิมมาหลายปีแล้ว โดยมีการปรับปรุงเพียงเล็กน้อยเท่านั้น ฉันจะใช้ Adobe Animate CC แต่ทุกสิ่งที่เขียนจะมีผลกับ Adobe Flash Professional เวอร์ชันเก่าด้วย อย่างไรก็ตาม เมื่อเร็วๆ นี้ Adobe ได้เปลี่ยนมาใช้รูปแบบการสมัครสมาชิกรายเดือนเพื่อเข้าถึงผลิตภัณฑ์ของตน แทนที่จะใช้สิทธิ์การใช้งานเพียงครั้งเดียวที่มีราคาแพง ปัจจุบัน Adobe Animate CC มีราคา 20 ดอลลาร์ต่อเดือน

เปิดตัว Adobe Animate CC ครั้งแรก

หลังจากดาวน์โหลดเราก็สร้าง ไฟล์ใหม่และเลือกประเภท สคริปต์การดำเนินการ 3.0. ในหน้าต่างเดียวกัน คุณสามารถระบุพารามิเตอร์ฉากได้:

• ความกว้างและ ความสูง— ความกว้างและความสูงของฉากเป็นพิกเซล มาตั้งค่าเป็น 1920 x 1024 เช่นเดียวกับความละเอียดในจอภาพหรือสมาร์ทโฟนสมัยใหม่
• หน่วยไม้บรรทัด— หน่วยวัด ตั้งค่าพิกเซล
• อัตราเฟรม— จำนวนเฟรมต่อวินาที เหลือ 24
• สีพื้นหลัง— สีพื้นหลัง ตั้งค่าเป็นสีเทา

การตั้งค่าเหล่านี้สามารถเปลี่ยนแปลงได้หลังจากสร้างเอกสารแล้ว ในการทำเช่นนี้คุณต้องเลือกเครื่องมือ เครื่องมือการเลือก (ปุ่มลัด V) เปิดหน้าต่าง คุณสมบัติและขยายส่วนออกไป คุณสมบัติ. หากคุณไม่พบหน้าต่างนี้ ให้ใช้เมนู หน้าต่าง → คุณสมบัติหรือแป้นพิมพ์ลัด Ctrl + F3

การตั้งค่าปุ่มลัด

เพื่อเพิ่มประสิทธิภาพการทำงานของคุณ คุณต้องใช้ปุ่มลัดให้สูงสุด ในช่วงแรกๆ สิ่งนี้จำเป็นต้องทำความคุ้นเคยและจดจำชุดคีย์ใหม่ๆ แต่ในอนาคต ประสิทธิภาพของคุณจะเพิ่มขึ้นอย่างก้าวกระโดด ฉันได้กำหนดปุ่มลัดส่วนใหญ่ใหม่ให้อยู่ทางด้านขวาของแป้นพิมพ์ ทำไมอยู่ทางขวา? ความจริงก็คือฉันถนัดซ้ายและสะดวกกว่าสำหรับฉัน หากคุณถนัดขวาคุณจะต้องคิดแผนของคุณเอง นอกจากนี้ฉันใช้ Rapoo E9050 และ Apple Wireless Keyboard ซึ่งทำในรูปแบบแป้นพิมพ์แล็ปท็อปดังนั้นหากคุณใช้ขนาดเต็มให้ทำงานหนักอีกครั้งและสร้างแผนการของคุณเอง - มันจะคุ้มค่า ประหยัดเวลาได้มาก - และพิจารณาโครงการของฉันเป็นตัวอย่าง

รับแนวคิด: จัดกลุ่มคำสั่งพื้นฐานบนด้านที่สะดวกของแป้นพิมพ์เพื่อจัดเตรียม เข้าถึงได้รวดเร็วโดยไม่ต้องเปลี่ยนตำแหน่งมือตลอดเวลา โดยส่วนใหญ่ควรอยู่ในที่เดียวเพียงนิ้วของคุณเท่านั้นที่ "เดิน" ในรัศมีเล็ก ๆ โดยกดปุ่ม แน่นอนว่ายังมีทีมที่ต้องการเปลี่ยนตำแหน่งอยู่ แต่พวกเขาก็เป็นส่วนน้อยอย่างล้นหลาม นี่คือแผนภาพของฉัน:

ในกรณีส่วนใหญ่ ชุดค่าผสมใหม่จะไม่แทนที่ชุดค่าผสมเก่า แต่เสริมชุดค่าผสมดังกล่าว โดยมีการแนะนำคำสั่งใหม่หลายคำสั่ง คุณต้องกำหนดค่าผ่านเมนู แก้ไข → แป้นพิมพ์ลัด.... ในช่องค้นหา ให้ป้อนชื่อทีมในคอลัมน์ ทางลัดคลิกที่พื้นที่ว่างตรงข้าม คำสั่งที่จำเป็นและกดคีย์ผสมใหม่

อย่าพยายามทำความเข้าใจคำสั่งที่ให้ไว้ในตาราง เพราะจะมีการอธิบายคำสั่งทั้งหมดในบทเรียนต่อไปนี้ ในอนาคต เมื่อคุณเริ่มใช้งานมัน มีแนวโน้มว่าคุณจะกำหนดมันใหม่หลายครั้งจนกว่าคุณจะพบตัวเลือกที่สะดวกที่สุด

การตั้งค่าแปรง

เครื่องมือแปรง(ปุ่มลัด B) - เครื่องมือแปรงที่ใช้มากที่สุดในการวาดภาพ การตั้งค่าจะรวมอยู่ในสองหน้าต่าง:

การตั้งค่าแปรงเสร็จสมบูรณ์ มาทาสีกัน

วาดด้วยแปรง

เลือกสีที่เหมาะสมโดยใช้หน้าต่างสี (Ctrl + Shift + F9) เลือกเครื่องมือแปรง (B) และเริ่มต้นด้วยการขีดยาวหนึ่งครั้งโดยใช้แรงเล็กน้อยเพื่อร่างรูปร่างในอนาคต จากนั้นติดตามโครงร่างที่ได้เพื่อขจัดความไม่สม่ำเสมอทั้งหมดให้เรียบ - แปรงก็พร้อมแล้ว

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

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

หากต้องการตรวจสอบทั้งหมดข้างต้น ให้เปิดใช้งานเครื่องมือ เครื่องมือการเลือกย่อย(ปุ่มลัด A) และเลือกแปรงที่คุณเพิ่งวาด ตอนนี้คุณสามารถเห็นจุดต่างๆ ของเส้นทางเวกเตอร์และยังสามารถเปลี่ยนแปลงได้อีกด้วย

บทสรุป

วันนี้เราได้ตั้งค่า Adobe Animate CC และพร้อมที่จะเริ่มวาดภาพแล้ว ฝึกฝนเล็กน้อยก่อนดำเนินการต่อ เรียนรู้การวาดรูปทรงเรขาคณิตง่ายๆ โดยไม่ผิดเพี้ยน ลองใช้สีและการตั้งค่าแปรงต่างๆ (ทดลองกับพารามิเตอร์การปรับให้เรียบ)

วัสดุที่คล้ายกัน

วัตถุประสงค์และโครงสร้างของโปรแกรมแฟลช

ล่าสุด Flash กลายเป็นแฟชั่นไปแล้ว หลายคนเชื่อว่า Flash คือ ผลิตภัณฑ์ใหม่อย่างไรก็ตามมันไม่ใช่ ย้อนกลับไปในปี 1995 โปรแกรมขนาดเล็กชื่อ Future Splash Animator ปรากฏขึ้นสำหรับแอนิเมชั่นเวกเตอร์ของกราฟิกบนเว็บ และอีกสองปีต่อมาในปี 1997 Macromedia ก็ซื้อมันและเริ่มพัฒนาผลิตภัณฑ์ภายใต้ชื่อใหม่ Flash

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

องค์ประกอบพื้นฐานของ Flash Workbench

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

เมื่อเปิดโปรแกรมครั้งแรก จะเห็นดังรูปนี้ 1.

ข้าว. 1. องค์ประกอบพื้นฐานของอินเทอร์เฟซโปรแกรม Flash 5.0

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

มีเครื่องมือวาดภาพสำหรับการวาดภาพบนเดสก์ท็อป (ดูแถบเครื่องมือในรูปที่ 1) นี่คือสิ่งที่เราจะพูดถึงก่อนอื่น

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

ในรูป 1 ยังนำเสนอแผงลอย (แผงลอย, แผงเชื่อมต่อได้) ที่ออกแบบมาเพื่อกำหนดค่าการทำงาน สภาพแวดล้อมแฟลช. มาดูเครื่องมือวาดภาพพื้นฐานใน Flash กัน

การวาดภาพ

โครงร่าง จังหวะ เติม

ก่อนที่คุณจะเริ่มทำงานกับเครื่องมือวาดภาพ คุณควรแนะนำแนวคิดเรื่องโครงร่าง เส้นขีด และการเติม ลองดูพวกเขาโดยใช้ตัวอย่างง่ายๆ

เลือกเครื่องมือแก้ไขวงรีจากแถบเครื่องมือ (รูปที่ 2) แล้ววาดรูปวงรี รูปร่างจะถูกเติมด้วยสีโดยอัตโนมัติ (หากคุณกดปุ่ม Shift ค้างไว้ขณะวาดรูปวงรี รูปร่างที่คุณวาดจะเป็นรูปทรงวงกลม)

ข้าว. 2. การวาดภาพประกอบด้วยโครงร่าง เส้นขีด และการเติม

การวาดภาพประกอบด้วยโครงร่าง โครงร่างและการเติม (รูปที่ 2) หากต้องการเลือกโครงร่างของรูปภาพ ให้คลิกที่ปุ่มที่แสดงในรูป 3 ลูกศรสีแดง. เป็นผลให้เส้นขีดและการเติมหายไปเหลือเพียงโครงร่างเท่านั้น (รูปที่ 4)

ข้าว. 3. ลบปุ่มเติมและจังหวะ

ข้าว. 4. โดยการเอาการเติมและจังหวะออกเราจะได้เส้นชั้นความสูง

สายบริการ (ไม่แสดงเมื่อพิมพ์) โดยกดปุ่มที่แสดงในรูป 3 ส่งคืนองค์ประกอบที่ถูกลบ ง่ายต่อการเปลี่ยนเส้นขีดและสีเติม สามารถเปลี่ยนสีเติมได้โดยใช้ปุ่มเติมสี (รูปที่ 5) หลังจากที่คุณเลือกในจานสี (รูปที่ 5) สีใหม่รูปที่วาดจะไม่เปลี่ยนแปลง แต่เมื่อวาดวงรีใหม่ โครงร่างจะเต็มไปด้วยสีที่เลือกใหม่

ข้าว. 5. เครื่องมือสีเติมและเส้นขีด

หากต้องการเปลี่ยนสีเติมในรูปร่างปัจจุบัน คุณต้องเลือกสีใหม่และใช้เครื่องมือ Paint Bucket - มันถูกเน้นไว้ในรูปที่ 1 6.

ข้าว. 6. สามารถเปลี่ยนสีเติมของรูปร่างที่วาดได้โดยใช้เครื่องมือ Paint Bucket

สีของเส้นโครงร่างสามารถเปลี่ยนแปลงได้ เมื่อต้องการทำสิ่งนี้ ให้เลือกเครื่องมือสีเส้นโครงร่าง (เปลี่ยนสีเส้นโครงร่าง) - ในรูป 7 ลูกศรสีแดงชี้ไปที่มัน หลังจากนั้นจานสีจะเปิดขึ้นซึ่งคุณสามารถเลือกสีที่ต้องการได้จากนั้นคุณต้องเลือกเครื่องมือขวดหมึก (ซึ่งไฮไลต์ไว้ในรูปที่ 7) แล้วคลิกที่เส้นขีด เป็นผลให้มันเต็มไปด้วยสีที่เลือก

ข้าว. 7. เปลี่ยนสีของเส้นขีด

ในรูป 6 วงรีที่เราวาดจะแสดงในขนาดที่ใหญ่ขึ้น การเปลี่ยนขนาดโดยวิธีการตั้งค่าในลักษณะเดียวกับใน Photoshop โดยใช้คีย์ผสม Ctrl และ “+” หรือ Ctrl และ “-”

ความหนาและรูปแบบของเส้นขีดยังสามารถเปลี่ยนแปลงได้ ในการทำเช่นนี้คุณต้องสั่งการ หน้าต่าง > แผง > โรคหลอดเลือดสมองเรียกแผงโรคหลอดเลือดสมอง ในนั้นคุณสามารถปรับแต่งสไตล์ของเส้นขีดความหนาและสีได้ (รูปที่ 8)

ข้าว. 8. จากเมนูแผงโรคหลอดเลือดสมอง คุณสามารถเปลี่ยนพารามิเตอร์เส้นขีดได้

หากคุณเลือกสไตล์เส้นฮาร์ดไลน์ (รูปที่ 8) และใช้เครื่องมือ Ink Bottle Tool คุณจะได้เส้นหนึ่งพิกเซล เส้นฮาร์ดไลน์ไม่มีความหนา ดังนั้นจึงไม่มีค่าปรากฏในกล่องความหนาของเส้น ความหนาของเส้นอื่นๆ เช่น เส้นประ สามารถเปลี่ยนแปลงได้ (รูปที่ 9)

ข้าว. 9. ตัวอย่างการเปลี่ยนชนิดและความหนาของเส้นขีด

การปรับแต่งพารามิเตอร์เส้นอย่างละเอียดยิ่งขึ้นทำได้ในแผงลักษณะเส้น คุณสามารถเรียกมันได้โดยคลิกที่ปุ่มที่ระบุโดยลูกศรสีแดงในรูป 10. ในแผงลักษณะเส้น คุณสามารถเปลี่ยนความยาวของเส้นขีดและระยะห่างระหว่างเส้นขีดของเส้นประได้ เป็นต้น ถ้าในรูป. 8 ยอมรับค่าเริ่มต้น - 6 คะแนนสำหรับจังหวะและระยะห่างระหว่างจังหวะจากนั้นเลือกค่า 10 และ 12 คะแนนตามลำดับและอีกครั้งโดยใช้ Ink Bottle Tool คุณจะได้จังหวะดังในรูป . 10.

ข้าว. 10. การปรับจูนแบบละเอียดพารามิเตอร์เส้น

ดังนั้นเราจึงดูแนวคิดพื้นฐาน - โครงร่าง การเติม และเส้นขีด - โดยใช้ตัวอย่างการวาดรูปวงรี ตอนนี้เรามาพูดโดยตรงเกี่ยวกับเครื่องมือวาดภาพ

เครื่องมือสี่เหลี่ยมผืนผ้า

เครื่องมือสี่เหลี่ยมผืนผ้าตั้งอยู่ถัดจากเครื่องมือวงรี (รูปที่ 11)

นอกจากสี่เหลี่ยมแบบดั้งเดิมแล้ว คุณยังสามารถวาดรูปสี่เหลี่ยมที่มีขอบมนได้ด้วย หากต้องการตั้งค่าโหมดนี้ ให้เลือกไอคอนที่แสดงในรูปที่ 1 11 จะแสดงด้วยลูกศรสีแดง เป็นผลให้แผงการตั้งค่าสี่เหลี่ยมผืนผ้าจะปรากฏขึ้นโดยที่คุณกำหนดรัศมีของเนื้อปลาหลังจากนั้นเมื่อวาดรูปสี่เหลี่ยมผืนผ้ามุมจะถูกปัดเศษ การแก้ไขการเติมและเส้นโครงร่างของโครงร่างสี่เหลี่ยมทำได้ในลักษณะเดียวกับในกรณีของวงรี

ข้าว. 11. การทำงานกับเครื่องมือสี่เหลี่ยมผืนผ้า

เครื่องมือเส้น

เครื่องมือเส้นช่วยให้คุณวาดเส้นตรงได้ (รูปที่ 12) เมื่อกดปุ่ม Shift ค้างไว้ คุณสามารถวาดเส้นแนวตั้ง แนวนอน หรือ 45° ได้

ข้าว. 12. การทำงานกับเครื่องมือ Line

ในบางกรณี หากคุณต้องการวาดรูปสามเหลี่ยมหน้าจั่ว การใช้ตารางจะเป็นประโยชน์ คุณสามารถทำให้เส้นตารางมองเห็นได้โดยใช้คำสั่ง มุมมอง > ตาราง > แสดงตาราง(รูปที่ 13)

ข้าว. 13.เมื่อวาดถูกต้อง รูปทรงเรขาคณิตคุณสามารถใช้ตารางได้

เครื่องมือดินสอ

ข้าว. 14. ผลลัพธ์ของการทำงานกับเครื่องมือดินสอด้วยการตั้งค่าที่แตกต่างกัน (แถวบนสุดของสามเหลี่ยมคือโหมดยืดตรง แถวล่างคือหมึก)

เครื่องมือดินสออยู่ใต้เครื่องมือวงรี ในรูป รูปที่ 14 แสดงผลลัพธ์ของการทำงานกับดินสอโดยมีตัวเลือกต่าง ๆ ในการตั้งค่า ซึ่งมีทั้งหมด 3 แบบให้เลือก ด้วยการตั้งค่า Straighten เครื่องมือจะเปลี่ยนเส้นที่สั่นคลอนของเส้นขอบที่วาดด้วยมือให้เป็นเส้นตรง ด้วยการตั้งค่า Smooth จะทำให้เส้นเรียบขึ้น และในโหมด Ink ในทางปฏิบัติจะไม่เปลี่ยนเส้นขอบดั้งเดิม

เครื่องมือแก้ไขบรรทัด ลูกศร และเครื่องมือเลือกย่อย

เพื่ออธิบายวิธีการทำงานของเครื่องมือ Arrow เราต้องพิจารณาโครงสร้างของเส้นชั้นความสูงให้ละเอียดยิ่งขึ้น

ลองวาดเส้นโดยใช้เครื่องมือดินสอ ดังแสดงในรูป 15. ประกอบด้วยเส้นขอบและเส้นขีด

ข้าว. 15. การใช้เครื่องมือ Subselect คุณสามารถเลือกจุดยึดและส่วนของเส้นชั้นความสูงได้

ข้าว. 16. ตัวอย่างการย้ายจุดมุม

ข้าว. 17. ตัวอย่างการเปลี่ยนแปลงความโค้งของรูปร่าง

ข้าว. 18. เส้นขีดลากตามเส้นเค้าร่าง

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

จุดยึดอาจเป็นเชิงมุมหรือเรียบก็ได้ เมื่อเรานำเครื่องมือ Arrow เข้ามาใกล้เส้นมากขึ้น ลักษณะที่ปรากฏจะเปลี่ยนไป เมื่อเข้าใกล้จุดมุม มุมหนึ่งจะปรากฏขึ้นถัดจากภาพลูกศร - ในโหมดนี้คุณสามารถย้ายจุดมุมได้ (รูปที่ 16) และเมื่อเข้าใกล้ส่วนหรือจุดที่เรียบ ภาพส่วนโค้งจะปรากฏขึ้น - ในกรณีนี้ โหมด คุณสามารถเปลี่ยนความโค้งของรูปร่างได้ (รูปที่ 17 ) เมื่อเปลี่ยนเส้นชั้นความสูง เส้นขีดจะเป็นไปตามเส้นชั้นความสูง (รูปที่ 18)

วาดวงรีและใช้เครื่องมือลูกศรเพื่อเลือกการเติมด้วยการคลิกเพียงครั้งเดียว (สีของเติมที่เลือกจะถูกทำให้จางลงด้วยจุดสีขาว) และย้ายโดยใช้โหมดลากและวาง ดังแสดงในรูปที่ 1 19. หากคุณดับเบิลคลิก เส้นขีดที่อยู่ติดกับการเติมจะถูกเลือกด้วย การดับเบิลคลิกยังทำให้คุณสามารถเลือกเส้นที่ตัดกันได้

ข้าว. 19. ตัวอย่างการย้ายวัตถุที่เลือกด้วยเครื่องมือลูกศร

ข้าว. 20. ภาพต้นฉบับ

ลองพิจารณาการปรับเปลี่ยนรูปภาพที่เลือกประเภทอื่น การใช้เครื่องมือดินสอ วาดโครงร่างบางอย่าง เช่น ใบไม้ (รูปที่ 20) เลือกเครื่องมือ Arrow และเลือกใบไม้ที่วาดลงในกรอบสี่เหลี่ยม ตอนนี้คุณสามารถประมวลผลออบเจ็กต์ที่เลือกด้วยตัวแก้ไขที่มีอยู่

ในแผงตัวเลือก เลือกปุ่มเรียบแล้วคลิกหลาย ๆ ครั้ง - โครงร่างของใบไม้จะได้โครงร่างที่นุ่มนวลขึ้น (รูปที่ 21a)

ข้าว. 21. การใช้ตัวปรับแต่งจากแผงตัวเลือก: ก) เรียบช่วยให้คุณสามารถปรับรูปทรงของภาพให้เรียบ; b) ทำให้ตรงขึ้นทำให้สามารถปรับรูปทรงของภาพให้ตรงได้

รูปร่างจะเปลี่ยนไปหลังจากคลิกปุ่มปรับให้ตรงหลายครั้ง ดังแสดงในรูปที่ 1 21บี

การใช้เครื่องมือ Lasso คุณสามารถเลือกพื้นที่ของรูปร่างใดก็ได้ (รูปที่ 22)

ข้าว. 22. ตัวอย่างการเลือกโดยใช้เครื่องมือ Lasso

เครื่องมือแปรง

ข้าว. 23. ตัวอย่างการทำงานกับเครื่องมือแปรง

เครื่องมือแปรงสร้างเส้นทางเวกเตอร์และเติมด้วยสีที่เลือก แต่ไม่เหมือนกับเครื่องมือที่กล่าวถึงก่อนหน้านี้ มันไม่ได้สร้างเส้นขีด (รูปที่ 23) หากต้องการทราบว่าเครื่องมือแปรงสร้างเส้นทางประเภทใด โปรดดูที่รูป 24 โดยที่ใช้เครื่องมือ Subselect

ข้าว. 24. ตัวอย่างเส้นขอบที่สร้างขึ้นด้วยเครื่องมือแปรง

ข้าว. 25. ตัวเลือกการปรับแต่งเครื่องมือแปรง

แผงตัวเลือกมีสามตัวเลือกสำหรับการปรับแต่งเครื่องมือแปรง: โหมด ( ปุ่มด้านบน) ขนาดแปรง (ปุ่มกลาง) และรูปทรงแปรง (ปุ่มล่าง) (รูปที่ 25)

โหมดจะกำหนดลักษณะของปฏิสัมพันธ์ของเส้นที่วาดกับวัตถุที่วาดไว้แล้ว (รูปที่ 26) ดังที่เห็นได้จากรูปภาพ เมื่อวาดเส้นแนวนอนประเภทเดียวกันในโหมดต่าง ๆ การทาสีจะเกิดขึ้นในรูปแบบที่แตกต่างกัน:

สี ปกติพื้นที่เฟรมถูกทาสีทับ เส้นขีดและการเติมวัตถุที่กำลังทาสี

สี เติมพื้นที่ของเฟรมที่ถูกทาสีทับ และวัตถุที่กำลังทาสีถูกเติม เส้นขีดไม่ได้ถูกทาสีทับ

ทาสี ด้านหลังทาสีเฉพาะพื้นที่ว่างของเฟรมเท่านั้น

การเลือกสี เฉพาะพื้นที่ที่เลือกเท่านั้นที่ถูกทาสี

ทาสีภายใน เฉพาะสีเติมที่เริ่มทาสีเท่านั้นที่ถูกทาสีทับ

ข้าว. 26. โหมดต่างๆ ของการโต้ตอบของฝีแปรงกับวัตถุที่วาดไว้ก่อนหน้านี้

จำเป็นต้องอธิบายผลกระทบของพารามิเตอร์ Lock Fill - ปุ่มที่สอดคล้องกับคำสั่งนี้พร้อมไอคอนล็อคจะแสดงขึ้นในรูปที่ 1 27.

ข้าว. 27. ตัวอย่างพารามิเตอร์ Lock Fill

เมื่อเปิดใช้งานพารามิเตอร์ Lock Fill (กดปุ่ม) การไล่ระดับสีจะมีผลกับพื้นที่การทำงานทั้งหมด (รูปที่ 27) และเมื่อไม่ได้เปิดใช้งาน การเปลี่ยนจากสีหนึ่งไปอีกสีหนึ่งจะดำเนินการตามจังหวะแปรง (รูปที่ 28)

ข้าว. 28. ตัวเลือกล็อคการเติมไม่ได้เปิดใช้งาน

ยางลบ

ยางลบช่วยให้คุณสามารถลบเส้นและเติมได้และมีตัวเลข การตั้งค่าต่างๆ. ในแผงตัวเลือก คุณสามารถกำหนดขนาดและรูปร่างของยางลบได้ และเลือกโหมดการลบได้ (รูปที่ 29):

ลบปกติจะลบเส้นขีดและการเติมวัตถุ

ลบเติม การเติมของวัตถุจะถูกลบ (เส้นขีดจะไม่ถูกลบ)

ลบเส้น เฉพาะบรรทัดเท่านั้นที่ถูกลบ

ลบการเติมที่เลือก เฉพาะพื้นที่ที่เลือกเท่านั้นที่จะถูกลบ

ลบภายใน เฉพาะการเติมเท่านั้นที่จะถูกลบ และเมื่อคุณวาดเส้นด้วยยางลบ การลบจะทำได้เฉพาะภายในเส้นขอบที่เส้นนั้นเริ่มต้นเท่านั้น

ตัวปรับแต่ง Faucet ช่วยให้คุณสามารถลบการเติมหรือเส้นออกได้อย่างสมบูรณ์

ข้าว. 29. โหมดยางลบที่แตกต่างกัน

เครื่องมือปากกา

จนถึงตอนนี้ เราได้ดูเครื่องมือที่สร้างโครงร่างโดยอัตโนมัติแล้ว เครื่องมือปากกาช่วยให้คุณทำงานกับเส้นทางได้โดยตรง ด้วยเครื่องมือนี้ คุณสามารถสร้างส่วนตรงและส่วนโค้ง ปรับความยาวของเส้นตรง และความเอียงของส่วนโค้งได้

จุดอ้างอิงเชิงเส้น

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

ข้าว. 30. ตัวอย่างการสร้างโพลีไลน์โดยใช้เครื่องมือปากกา

จุดยึดเรียบ

ข้าว. 31. ตัวอย่างการสร้างเส้นโค้งเรียบโดยใช้เครื่องมือ Pen

หากต้องการสร้างจุดยึดที่ราบรื่น ให้เลือกเครื่องมือ Pen คลิก ปุ่มซ้ายเมาส์และเลื่อนเมาส์เล็กน้อยโดยไม่ต้องปล่อยซึ่งส่งผลให้จุดอ้างอิงราบรื่นและเส้นบอกแนวที่โผล่ออกมาจากจุดนั้นจะปรากฏขึ้น (รูปที่ 31) ด้วยการหมุนและขยายเส้นบอกแนวให้ยาวขึ้น คุณสามารถเปลี่ยนความโค้งของส่วนถัดไปได้

หากต้องการสร้างเส้นขอบแบบเปิด ให้ดับเบิลคลิกที่จุดสุดท้าย ปล่อยปุ่มเมาส์ เลื่อนเคอร์เซอร์และวางจุดยึดถัดไป ทำซ้ำขั้นตอนนี้ จะได้เส้นเรียบ ดังในรูป 31.

หากต้องการปิดเส้นทาง ให้เลื่อนเคอร์เซอร์เข้าใกล้จุดเริ่มต้นจุดยึดหรือเส้นเส้นทางมากขึ้น หลังจากที่เคอร์เซอร์เปลี่ยนเป็นปากกาที่มีวงกลม คลิกเมาส์ แล้วโครงร่างจะปิดลง

หากส่วนที่เป็นอิสระสองส่วนเชื่อมต่อกันที่จุดหนึ่ง มันจะเป็นจุดมุม ตัวอย่างเช่น หากคุณเชื่อมต่อส่วนตรงและส่วนโค้ง จุดมุมจะปรากฏขึ้นที่ทางแยก (รูปที่ 32)

ข้าว. 32. ที่จุดตัดของส่วนตรงและส่วนโค้งจะเกิดจุดมุม

จุดยึดสามารถเปลี่ยน ย้าย และลบได้

หากต้องการแปลงจุดมุมให้เป็นจุดเรียบ ให้เลือกเครื่องมือ Subselection คลิกที่จุดมุมและในขณะที่กดค้างไว้ ปุ่ม Altลากจุด - มันจะราบรื่นและเส้นบอกแนวจะปรากฏขึ้นเพื่อให้คุณสามารถเปลี่ยนความโค้งของส่วนที่เชื่อมต่อที่จุดที่เรียบนี้ (รูปที่ 33)

ข้าว. 33. ตัวอย่างการแปลงจุดมุมให้เป็นจุดเรียบ

ตามค่าเริ่มต้น จุดโค้งเรียบที่เลือกจะแสดงเป็นจุดกลวง และจุดมุมที่เลือกจะแสดงเป็นจุดสี่เหลี่ยมกลวง

การใช้ปากกาและเครื่องมือการเลือกย่อยเพื่อจัดการจุดยึด

ในทำนองเดียวกัน คุณสามารถสร้างจุดบนเส้นที่วาดด้วยเครื่องมือวาดภาพ Flash อื่นๆ ได้: ดินสอ แปรง เส้น วงรี สี่เหลี่ยมผืนผ้า และปรับเส้นเหล่านี้

โดยเฉพาะในรูป. รูปที่ 34 แสดงเส้นทางที่สร้างขึ้นโดยใช้เครื่องมือวงรีโดยการเปลี่ยนจุดที่เรียบจุดหนึ่งเป็นจุดมุม (โดยใช้เครื่องมือปากกา) และลากจุดมุมโดยใช้เครื่องมือการเลือกย่อย

ข้าว. 34. เส้นทางที่สร้างด้วยเครื่องมือวงรีโดยเปลี่ยนจุดที่เรียบจุดหนึ่งเป็นจุดมุมแล้วลาก

เครื่องมือหยด

เครื่องมือ Dropper ใช้เพื่อคัดลอกสีและรูปแบบของเส้นดินสอ โหมดแปรง และการเติม เมื่อคุณย้ายปิเปตไปที่เส้น เคอร์เซอร์จะเปลี่ยนไป - ไอคอนดินสอขนาดเล็กจะปรากฏใต้ปิเปต เมื่อคุณคลิกเครื่องมือหยดสีบนเส้น พารามิเตอร์ของเส้นทั้งหมด (สี ความหนา สไตล์) จะถูกคัดลอก และเครื่องมือหยดสีจะถูกแทนที่ด้วยเครื่องมือ Ink Bottle ซึ่งช่วยให้คุณสามารถใช้การตั้งค่าเหล่านี้กับบรรทัดอื่นได้

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

เครื่องมือถังสี

เราได้กล่าวถึงเครื่องมือ Paint Bucket แล้ว - มันถูกเน้นไว้ในรูปที่ 1 35 ตอนนี้เรามาดูความสามารถของมันโดยละเอียดมากขึ้น เครื่องมือนี้ใช้เพื่อเติมพื้นที่ปิด (และปิดบางส่วน) ด้วยการเติมสี การไล่ระดับสี และการเติมแรสเตอร์

หากคุณเคยทำงานกับการเติมภาพแรสเตอร์ใน Photoshop คุณอาจคุ้นเคยกับสถานการณ์เมื่อการเติม "เทออก" เหนือขอบของรูปทรงที่วาดไม่ประณีตมากในสถานที่เหล่านั้นที่มี "รู" ใน Flash การตั้งค่าเครื่องมือเติมสามารถทำได้หลายโหมด ช่วยให้คุณหลีกเลี่ยงข้อบกพร่องที่อธิบายไว้ข้างต้น

มีสี่ตัวเลือกในการกำหนดค่าเครื่องมือนี้:

อย่าปิดช่องว่าง อย่าปิดช่องว่าง

ปิดช่องว่างขนาดเล็ก ปิดช่องว่างเล็กๆ

ปิดช่องว่างขนาดกลาง ปิดช่องว่างขนาดกลาง

ปิดช่องว่างขนาดใหญ่ ปิดช่องว่างขนาดใหญ่

เลือกเครื่องมือดินสอแล้ววาดเส้นทางเปิด (รูปที่ 35) เลือกโหมดปิดช่องว่างขนาดใหญ่และกรอกโครงร่าง ดังที่เห็นได้จากรูป 35 การเติมจะยังคงอยู่ในโครงร่าง แม้ว่าโครงร่างดั้งเดิมจะเปิดอยู่ก็ตาม

ข้าว. 35. ตัวอย่างการปิดเส้นขอบในโหมดปิดช่องว่างขนาดใหญ่

ตอนนี้เรามาดูการเติมไล่ระดับสีและการดำเนินการกับมันกัน ในแผงการเติม ให้เลือกตัวเลือกการเติมในแท็บการเติม - การไล่ระดับสีเชิงเส้น จากนั้นวาดรูปสี่เหลี่ยมผืนผ้าเติมด้วยการเติมเชิงเส้นด้วยการไล่ระดับสีเชิงเส้นและภายในสี่เหลี่ยมผืนผ้าขนาดใหญ่ให้วาดรูปสี่เหลี่ยมผืนผ้าเล็กลง (รูปที่ 36) ดังที่คุณเห็นในรูปนี้ ในสี่เหลี่ยมเล็กๆ การเปลี่ยนจากสีขาวเป็นสีน้ำเงินจะเกิดขึ้นได้ด้วยการไล่ระดับสีที่เล็กลง หากคุณใช้ฟังก์ชัน Lock Fill และเติมสี่เหลี่ยมทั้ง 2 อัน คุณจะได้ภาพเหมือนในรูป 37. นั่นคือการไล่ระดับสีในสี่เหลี่ยมด้านในและด้านนอกจะเท่ากัน

ข้าว. 36. โหมดเติมไล่ระดับสีเมื่อพารามิเตอร์ Lock Fill ไม่ได้เปิดใช้งาน

ข้าว. 37. การไล่ระดับสีในโหมดเมื่อเปิดใช้งานพารามิเตอร์ Lock Fill

ในการเปลี่ยนทิศทางของการไล่ระดับสีเติมคุณต้องคลิกที่ปุ่มแปลงการเติมในแผงตัวเลือก (คลิกในรูปที่ 38) จากนั้นคลิกที่การเติมเนื่องจากเครื่องหมายผลลัพธ์จะปรากฏขึ้น (รูปที่. 38)

ข้าว. 38. ตัวอย่างการแก้ไขการเติมแบบไล่ระดับสี

เครื่องหมายกลมด้านบนใช้เพื่อหมุนการเติมไล่ระดับสี เครื่องหมายสี่เหลี่ยมใช้เพื่อเพิ่ม (ลด) การไล่ระดับสีของการเปลี่ยนสีจากสีหนึ่งไปยังอีกสีหนึ่ง และใช้เครื่องหมายกลมตรงกลางเพื่อย้ายจุดศูนย์กลางของการเติมไล่ระดับสี

เครื่องมือ Paint Bucket ยังช่วยให้คุณเติมเส้นทางปิดด้วยภาพแรสเตอร์ได้ มาสาธิตวิธีการทำกัน ขั้นตอนนี้โดยใช้ตัวอย่างง่ายๆ การใช้เครื่องมือสี่เหลี่ยมผืนผ้าวาดภาพจอภาพลงในหน้าจอที่จะแทรกภาพแรสเตอร์ (รูปที่ 39)

ข้าว. 39. ภาพเวกเตอร์ของจอภาพที่จะวางภาพแรสเตอร์ของภาพถ่าย

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

ข้าว. 40. แผงเติม แท็บเติม

ดังนั้นหากคุณเติมเส้นขอบปิดภายในสิ่งที่วาด หน้าจอมอนิเตอร์จากนั้นจะทำการเติมแรสเตอร์ ดังแสดงในรูป 41.

ข้าว. 41. ตัวอย่างการเติมแรสเตอร์

ในการแก้ไขการเติมแรสเตอร์คุณต้องคลิกที่ปุ่มแปลงการเติมในแผงตัวเลือก (คลิกในรูปที่ 42) จากนั้นคลิกที่การเติมแรสเตอร์ เป็นผลให้กรอบที่มีเครื่องหมายจะปรากฏขึ้น ( รูปที่ 42)

การใช้เครื่องหมายกลางสามารถลากภาพแรสเตอร์เพื่อให้ส่วนที่ต้องการของภาพถ่ายปรากฏบนจอภาพที่วาด (รูปที่ 43)

ข้าว. 42. กรอบการปรับเปลี่ยนการเติมแรสเตอร์

ข้าว. 43. คุณสามารถครอบตัดบิตแมปได้โดยการย้ายเครื่องหมายกลาง

เครื่องหมายอื่น ๆ ช่วยให้คุณสามารถปรับขนาดภาพแรสเตอร์ หมุน และทำให้เสียรูปได้ (รูปที่ 44)

ข้าว. 44. ตัวอย่างของการเสียรูปเติมแรสเตอร์

หลังจากนำเข้าภาพถ่ายหลายภาพ คุณสามารถตั้งค่าจานสีซึ่งคุณสามารถเลือกแรสเตอร์ที่จะเติมได้ (รูปที่ 45) เช่นเดียวกับจานสี

ข้าว. 45. ตัวอย่างจานสีที่มีหลายบิตแมป

การบวกและการลบรูปร่าง

เมื่อรูปร่างสองรูปร่างซ้อนทับกัน Flash จะรวมหรือแบ่งรูปร่างเหล่านั้นออก วาดรูปทรงที่มีสีเดียวกันสองรูปทรง - วงกลมและสี่เหลี่ยม (รูปที่ 46) เลือกสี่เหลี่ยม (โดยคลิกที่มันด้วยเครื่องมือลูกศร) จากนั้นวางซ้อนสี่เหลี่ยมบนวงกลมแล้วลบส่วนที่เลือกออก (โดยคลิกที่ อีกครั้งด้วยเครื่องมือลูกศร)

ข้าว. 46. ​​​​ตัวเลขเริ่มต้น

ผลก็คือร่างทั้งสองจะรวมเป็นหนึ่งเดียว ด้วยการคลิกที่โครงร่างของรูปร่างผลลัพธ์ด้วยเครื่องมือ Subselect คุณจะมั่นใจได้ว่าโครงร่างด้านในหายไป (รูปที่ 47)

ข้าว. 47. ตัวอย่างการรวมรูปร่างที่มีสีเดียวกันสองรูปเข้าด้วยกัน

ตอนนี้ให้ทำตามขั้นตอนเดียวกันกับรูปร่างที่มีสีต่างกัน ในกรณีนี้เส้นขอบภายในจะไม่หายไป (รูปที่ 48)

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

ตอนนี้ ถ้าคุณเลือกสี่เหลี่ยมและย้ายมันโดยใช้เครื่องมือ Arrow ส่วนหนึ่งจะถูกตัดออกจากวงกลม ดังแสดงในรูปที่ 1 49.

ข้าว. 49. ส่วนหนึ่งของวงกลมถูกตัดออกเป็นสี่เหลี่ยม

บางครั้งการใช้การรวมและการลบโครงร่างของรูปร่างเพื่อให้ได้โครงร่างที่ซับซ้อนก็มีประโยชน์

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

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

Niko คุณมีสิ่งสำคัญ - ความปรารถนา หากไม่ระเหยออกไปภายในสองสามสัปดาห์หรือหลายเดือน ผลลัพธ์ก็จะเป็นเช่นนี้ จะเริ่มต้นที่ไหน - ด้วยฮาร์ดแวร์

1. ซื้อ/ดาวน์โหลดแฟลชบทช่วยสอนจากอินเทอร์เน็ต ใช้เวอร์ชันล่าสุดเวอร์ชันใดเวอร์ชันหนึ่ง (Flash Cs4-Cs 6) ลืมตำราเรียนใน Macromedia, FlashMX นี่เป็นศตวรรษที่ผ่านมาแล้วในความหมายที่แท้จริง แม้ว่าจะไม่มีการเปลี่ยนแปลงมากนักตั้งแต่นั้นเป็นต้นมา

หากคุณกำลังวางแผนที่จะเรียนรู้ Action script (และสำหรับ Flasher ฉันคิดว่าอย่างน้อยพื้นฐาน as ก็จำเป็น) ให้หยุดที่ c As3 As2 กำลังกลายเป็นอดีตอย่างช้าๆ เราจะตามให้ทันเวลา

เนื่องจากฉันศึกษาเรื่องแฟลชมาเป็นเวลานาน ฉันไม่สามารถแนะนำสิ่งพิมพ์ใดโดยเฉพาะได้เนื่องจากฉันไม่คุ้นเคย

คุณอาจจะแปลกใจมาก แต่หนังสือเกี่ยวกับการเรียนรู้แฟลชทุกเล่มมีข้อมูลเหมือนกัน :) โดยเฉพาะอย่างยิ่งสำหรับหนังสือสำหรับผู้เริ่มต้น

ฉันชอบหนังสือ How to Cheat ใน Adobe Flash เป็นภาษาอังกฤษจาก Flash Animator Chris Georgenes มาก (เขาเขียนบทเรียนเกี่ยวกับ Flash Animation สำหรับ Adobe)

เป็นหนังสือชุดที่ตีพิมพ์ซ้ำทุกๆ เวอร์ชั่นใหม่ล้าง ถ้าคุณรู้ภาษาอังกฤษ ภาษาเป็นหนังสือที่ยอดเยี่ยม สบายตาพร้อมกราฟิกที่ยอดเยี่ยม

ดาวน์โหลด วิธีโกง Adobe Flash ใน Cs5ร่วมกับดิสก์ที่คุณสามารถทำได้

การศึกษาเรื่องแฟลชของฉันเริ่มต้นด้วยบทช่วยสอน สิ่งที่ช่วยฉันเป็นการส่วนตัวในการเรียนรู้ Flash ไม่ใช่ตัวหนังสือเรียน แต่เป็นหลักสูตรวิดีโอที่มาพร้อมกับหนังสือเรียน ดังนั้นเรามาดูประเด็นที่ 2 กันดีกว่า

2. บทเรียนวิดีโอ

ฉันคิดว่าบทเรียนแบบวิดีโอมีประสิทธิภาพมากที่สุดเนื่องจากฉันเองก็เรียน Flash โดยใช้หลักสูตรวิดีโอ

3. อีกสิ่งหนึ่งที่เกี่ยวกับการเรียนรู้แฟลชแอนิเมชั่นก็คือ คุณไม่สามารถทำได้หากไม่มีโปรแกรมอย่าง Swf Decompiller นี่คือตัวแบ่งไฟล์ SVF นั่นคือภาพเคลื่อนไหวสำเร็จรูป นั่นคือสิ่งที่เรากำลังพูดถึง ช่วยให้คุณดู (ไม่ขโมย :) ผลงานของมืออาชีพ และมีประโยชน์มากในการเรียนรู้แฟลช คุณนำงานที่เสร็จสมบูรณ์แล้วดูบนไทม์ไลน์เพื่อดูว่ามันเสร็จสิ้นอย่างไร และพยายามทำซ้ำ ภาพเคลื่อนไหวไม่ได้แสดงอย่างถูกต้องเสมอไป - มาสก์, ฝาแฝด แต่สามารถเข้าใจและคำนึงถึงหลักการได้

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

5. หากมีคำถามเกิดขึ้นระหว่างการศึกษา คุณสามารถฝากไว้ที่นี่หรือในชุมชนก็ได้ หัวข้อ. หรือในฟอรั่มอื่นๆ ที่มี flashers อาศัยอยู่

ฟอรั่มแฟลชที่ใหญ่ที่สุดที่ฉันรู้จักคือ flasher.ru. ดังนั้นผู้เริ่มต้นที่รัก เพลิดเพลินไปกับประโยชน์ของอินเทอร์เน็ตและทรัพยากรนี้โดยเฉพาะ :)

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

การมีแฟลชเป็นเครื่องมือที่เชี่ยวชาญ คุณจะไม่ใช่นักสร้างแอนิเมชั่นอย่างแท้จริง แต่เป็น "ผู้เสนอญัตติ" ที่รู้วิธีเคลื่อนย้ายวัตถุ

มีหนังสือเกี่ยวกับแอนิเมชั่นคลาสสิกมากมาย - หยุดก่อนเลย "จังหวะในแอนิเมชั่น", คุณสามารถเอามันไปได้.

ว่าจะหา Adobe Flash ได้ที่ไหน หากคุณต้องการที่จะค้นหาหรือนำบางสิ่งบางอย่างแล้ว ดีกว่ากูเกิ้ลไม่มีอะไร. เขารู้ทุกอย่าง :)

เป็นไปได้ไหมที่จะเรียนรู้วิธีการทำงานใน Flash ด้วยตัวเอง? นี่ค่อนข้างเป็นไปได้ นักสร้างแอนิเมชั่นแฟลชเก่งๆ เกือบทั้งหมดที่ฉันรู้จักจะสอนตัวเองเรื่องแฟลช โดยไม่ต้องมีหลักสูตรหรือการสอบ ความอดทน การทำงานหนัก - และทุกอย่างอยู่ในมือคุณ ฉันจะพูดแบบนี้ด้วยซ้ำ - ฉันไม่รู้จักนักแฟลชที่เข้าร่วมหลักสูตร พวกเขาสอนทุกอย่างด้วยตัวเอง

“ ขอบคุณสำหรับบล็อกฉันพบสิ่งที่มีประโยชน์มากมายสำหรับตัวเอง

ฉันเป็นนักออกแบบเวกเตอร์ล้วนๆ และการวาดภาพด้วย Flash ก็ไม่ใช่เรื่องยาก ปัญหาเริ่มต้นขึ้นเมื่อพูดถึงแอนิเมชั่น

คุณช่วยสอนพวก noobs ที่ไร้สมองและคดโกงที่สุดได้ไหม)) เพื่อที่ฉันจะได้เข้าใจ))"

( ทารา )

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

Adobe Flash Professional เป็นโปรแกรมมัลติฟังก์ชั่นขนาดใหญ่ที่ยากต่อการเรียนรู้และใช้งาน

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

Adobe Flash Professional ก็ไม่มีข้อยกเว้นสำหรับกฎนี้ โปรแกรมมีโหมดการวาดภาพที่แตกต่างกันสามโหมด โหมดการสร้างแอนิเมชั่นที่แตกต่างกันสามโหมด และฟีเจอร์ที่น่าสับสนอื่น ๆ อีกมากมายที่อาจทำให้ผู้ใช้กลัวจากโปรแกรมได้

หมายเหตุ: ผู้เขียน Adobe Flash Professional ได้ทำให้โปรแกรมเวอร์ชันล่าสุดค่อนข้างง่ายขึ้น - ฟังก์ชันต่างๆ เช่นการสร้างภาพเคลื่อนไหวแบบคลาสสิก ไม่มี Motion Editor มีการใช้ภาษาการเขียนโปรแกรมเพียงภาษาเดียวเท่านั้น: ActionScript 3.0 เป็นต้น

จากเมนูแก้ไข ให้เลือกการตั้งค่า (Windows) หรือ Flash > การตั้งค่า (Mac OS)
ในบรรดาการตั้งค่าต่างๆ คุณสามารถปิดการใช้งานหน้าจอต้อนรับ - ไม่มีเอกสารได้
ใน เวอร์ชันล่าสุดโปรแกรมคุณสามารถเลือกสีของหน้าต่างโปรแกรมได้ (แท็บ "ทั่วไป" - ส่วนต่อประสานกับผู้ใช้ - มืด, สว่าง)
คุณสามารถเปลี่ยนจำนวนการยกเลิกการดำเนินการที่เป็นไปได้ (“เลิกทำ”) - ค่าเริ่มต้นคือ 100
Flash รองรับการเลิกทำได้สูงสุด 9999 รายการ แต่คุณไม่จำเป็นต้องเลือกค่าสูงสุดเนื่องจาก... นี่จะทำให้โปรแกรมช้าลง

สีเน้น - คุณสามารถเปลี่ยนสีเริ่มต้นที่ใช้สำหรับกล่องขอบที่แสดงรอบๆ รูปวาดของวัตถุ กลุ่ม หรือสัญลักษณ์ได้

และอื่น ๆ.

การสร้างเอกสารใหม่

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

ในคอลัมน์สร้างใหม่ของหน้าต่างยินดีต้อนรับ เลือก ActionScript 3.0

หรือ: จากเมนูไฟล์ ให้เลือกใหม่
หน้าต่างเอกสารใหม่จะเปิดขึ้น

บนแท็บทั่วไป เลือกประเภทของไฟล์ Flash ที่คุณต้องการสร้าง (ActionScript 2.0 หรือ 3.0)
ภาษาเริ่มต้นคือ ActionScript 2.0 แต่คุณสามารถเลือก ActionScript 3.0 ได้ การใช้ ActionScript 3.0 ช่วยให้คุณใช้ฟังก์ชันทั้งหมดของโปรแกรมเวอร์ชันล่าสุด (CS5 และ CS6) ตัวอย่างเช่น หากคุณต้องการใช้การหมุน 3 มิติกับวัตถุเมื่อสร้างภาพเคลื่อนไหว คุณต้องเลือก ActionScript 3.0 (ActionScript 2.0 ไม่รองรับฟังก์ชันนี้)
ActionScript 3.0 กำหนดให้ผู้เยี่ยมชมต้องมี Flash Player เวอร์ชันล่าสุด

หมายเหตุ:
ในโปรแกรมเวอร์ชั่นใหม่ล่าสุด
1. ไม่รองรับ ActionScript 2.0
2. สามารถสร้างภาพเคลื่อนไหวในรูปแบบ HTML5 ได้

บนแท็บ สร้างจากเทมเพลตคุณสามารถเลือกเทมเพลตเพื่อเปิดเพื่อแก้ไขได้

คุณสามารถเปลี่ยนคุณสมบัติของโปรเจ็กต์ของคุณได้ตลอดเวลา - จากเมนูแก้ไข เลือกเอกสาร หรือใช้แป้นพิมพ์ลัด Ctrl+J (Windows) หรือ Command+J (Mac OS)

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

กำลังบันทึกเอกสาร

เอกสารใหม่ของคุณจะต้องได้รับการบันทึกก่อนที่จะเริ่มทำงานหรือเพิ่มเนื้อหาใดๆ

ตามค่าเริ่มต้น เอกสารจะถูกบันทึกในรูปแบบ Flash CS6 - .fla
1 จากเมนูไฟล์ เลือกบันทึก
2 เลือกโฟลเดอร์ที่จะบันทึกโปรเจ็กต์ ตั้งชื่อโครงการของคุณ
ใส่นามสกุล .fla ไว้ท้ายชื่อโปรเจ็กต์เสมอ

หมายเหตุ: คุณสามารถบันทึกโปรเจ็กต์ในรูปแบบ Flash CS5 ได้ (ฟีเจอร์นี้ไม่มีในโปรแกรมเวอร์ชันล่าสุด)
เอกสารที่สร้างใน Flash CS6 จะไม่เปิดใน Flash CS5 หรือเวอร์ชันก่อนหน้า
เอกสารที่สร้างใน Flash CS5 และรุ่นก่อนหน้าจะเปิดใน Flash CS6

กำลังเปิดเอกสาร

เลือกเมนูไฟล์ > เปิด
ไฟล์คำสั่ง > เปิดล่าสุด - เพื่อเปิดไฟล์ 10 ไฟล์ล่าสุด
คุณยังสามารถใช้หน้าจอต้อนรับเพื่อเปิดเอกสารได้

เมื่อติดตั้ง Adobe Flash Professional บนคอมพิวเตอร์ของคุณ มันจะติดตั้งและพร้อมกัน ตัวจัดการไฟล์ Adobe Bridge ซึ่งสามารถใช้ได้เมื่อทำงานกับไฟล์
จากเมนูไฟล์ ให้เลือกดูในบริดจ์หรือ ไปที่โปรแกรมสะพาน (เรียกดูในสะพาน)
เลือกรูปแบบไฟล์ .fla ใน Adobe Bridge ที่ ดับเบิลคลิกไฟล์จะเปิดขึ้นใน Adobe Flash

การตั้งค่าอินเทอร์เฟซ
หากจำเป็น ให้กำหนดค่าพื้นที่ทำงาน -

การสร้างแอนิเมชั่น

เทมเพลต
Adobe Flash มีเทมเพลตมาตรฐานมากมาย
เทมเพลตมาพร้อมกับขนาดและเวอร์ชัน ActionScript ที่ตั้งค่าไว้ล่วงหน้า
เลือกไฟล์ > ใหม่ และคลิกที่แท็บเทมเพลต
ตรวจสอบเทมเพลตแฟลชที่ให้มา

การวาดภาพ
Adobe Flash Professional มีโปรแกรมแก้ไขกราฟิกในตัวสำหรับภาพเวกเตอร์ที่ใช้ในการสร้างภาพเคลื่อนไหว

Adobe Flash มีโหมดการวาดภาพหลายโหมด ซึ่งโหมดการทำงานมีความแตกต่างในตัวเอง โปรดดูที่โหมดการวาด

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

หากต้องการสร้างภาพเคลื่อนไหวที่วาดด้วยมือแบบเฟรมต่อเฟรม คุณจะต้องใช้แท็บเล็ตกราฟิกในการวาดภาพ เนื่องจาก... หากปราศจากสิ่งนี้ การสร้างแอนิเมชั่นคุณภาพสูงจะเป็นเรื่องยากมาก
เกี่ยวกับแท็บเล็ตกราฟิก

การสร้างแอนิเมชั่นแบบง่ายๆ

มีสองวิธีหลักในการสร้างภาพเคลื่อนไหวใน Adobe Flash - ภาพเคลื่อนไหวแบบเฟรมต่อเฟรมและภาพเคลื่อนไหวแบบทวีน ในทางกลับกันแอนิเมชั่นของ Tweens มีหลายพันธุ์ -

ไม่ว่าจะสร้างแอนิเมชั่นด้วยวิธีไหนก็ต้องศึกษางาน
ไทม์ไลน์ (กราฟิกเวลา) หากคุณเข้าใจวิธีการทำงานของ Timeline ให้พิจารณาว่าการศึกษาโปรแกรมเสร็จสิ้นไปครึ่งหนึ่งแล้ว
ควรให้ความสนใจเป็นพิเศษ ทำงานกับเลเยอร์และต่อไป ทำงานร่วมกับบุคลากร .

เมื่อเชี่ยวชาญทุกข้อข้างต้นแล้ว คุณจะสามารถสร้างองค์ประกอบ Flash (เช่น แบนเนอร์ สไลด์ ฯลฯ) เพื่อแทรกลงในหน้า HTML ของคุณได้

คุณสามารถสร้างองค์ประกอบทั้งหมดสำหรับภาพเคลื่อนไหวของคุณได้ใน Adobe Flash Professional หรือคุณสามารถนำเข้าองค์ประกอบที่สร้างใน Adobe Illustrator, Adobe Photoshop, Adobe After Effects ฯลฯ โปรแกรม

อีกครึ่งหนึ่งของความสำเร็จในการเรียนรู้ Adobe Flash Professional คือการเรียนรู้ภาษา ActionScript 3.0 ในกรณีนี้ คุณจะสามารถใช้ฟังก์ชันทั้งหมดของโปรแกรมได้ รวมถึงการสร้างไซต์ Flash แบบโต้ตอบด้วย
ทางเลือกที่ด้อยกว่าคือการใช้ข้อมูลโค้ดที่มาพร้อมกับโปรแกรม (เมนูหน้าต่าง - ข้อมูลโค้ด)

ภาพรวมนี้ไม่มีบทช่วยสอน ActionScript แต่มีเนื้อหาดังกล่าวทางออนไลน์


การจัดการภาพเคลื่อนไหวแฟลช

หากคุณต้องการสร้างสิ่งที่ซับซ้อนกว่าแบนเนอร์หรือสไลด์เคลื่อนไหวแบบธรรมดา คุณจะต้อง:
ก. เรียนรู้การสร้างปุ่ม
ข. เรียนรู้การใช้โค้ด ActionScript

จำเป็นต้องมีปุ่ม (กราฟิกหรือข้อความ) เพื่อให้ผู้เยี่ยมชมเว็บไซต์ของคุณสามารถควบคุมภาพเคลื่อนไหวได้ - ดูปุ่ม

ภาพเคลื่อนไหวใน Adobe Flash สร้างขึ้นโดยใช้โค้ด ActionScript โปรแกรมเวอร์ชันก่อนหน้าใช้ ActionScript 2.0 เวอร์ชันล่าสุดใช้ ActionScript 3.0 เวอร์ชันเหล่านี้มีความแตกต่างอย่างมากและเข้ากันได้บางส่วน

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

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

สำหรับข้อมูลเบื้องต้นเกี่ยวกับ ActionScript อย่างรวดเร็ว โปรดดูที่ ActionScript

การสร้างไซต์แฟลช

ดูตัวอย่าง

มุมมองท้องถิ่น

คุณสามารถดูตัวอย่างภาพเคลื่อนไหวของคุณได้อย่างรวดเร็วโดยเลื่อนส่วนหัวของตัวควบคุมสีแดงไปมาบนไทม์ไลน์ของเฟรม (ดูด้านล่าง) เส้นเวลา).

หากต้องการดูว่าภาพเคลื่อนไหวจะมีลักษณะอย่างไรทางออนไลน์ (นั่นคือ โดยที่ภาพเคลื่อนไหวทั้งหมดซ้อนกันอยู่) ให้เลือก ควบคุม > ทดสอบวิดีโอ(ภาพยนตร์ทดสอบ) > ใน Flash Professional (ใน Flash Professional)
ในกรณีนี้ ภาพเคลื่อนไหวที่สร้างขึ้นจะถูกดูใน Flash Player ในตัว

หากต้องการทดสอบ Flash สำหรับโทรศัพท์มือถือ ให้ใช้เมนูควบคุม > ทดสอบวิดีโอ(ภาพยนตร์ทดสอบ) > ใน Device Central

สิ่งตีพิมพ์

เมื่อเผยแพร่ ตัวแก้ไขจะสร้างไฟล์ HTML ไฟล์ SWFและไฟล์อื่นๆ ที่จำเป็นสำหรับ Flash เพื่อให้ทำงานได้อย่างถูกต้อง
สำหรับการตั้งค่าการเผยแพร่ จากเมนูไฟล์ ให้เลือก ตัวเลือกการเผยแพร่(เผยแพร่การตั้งค่า)
หากต้องการเผยแพร่ ให้เลือกเผยแพร่จากเมนูไฟล์

ดูรายละเอียดเพิ่มเติม

การสร้างแอนิเมชั่น– กระบวนการที่น่าสนใจและน่าตื่นเต้น โดยเฉพาะอย่างยิ่งถ้าคุณมีความชัดเจนและมีประสิทธิภาพ บทเรียน. รายการคำแนะนำของวันนี้เป็นเช่นนั้นจริงๆ

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

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

นอกจากนี้ จากความรู้ที่ได้รับ คุณจะสามารถพัฒนาทักษะของคุณเพิ่มเติมได้ เนื่องจากหลักสูตรจำเป็นต้องทำความคุ้นเคยกับพื้นฐาน เครื่องมือของอะโดบี After Effects รวมถึงการรวบรวมทักษะที่ได้รับ เห็นด้วย นี่เป็น "รากฐาน" ที่ยอดเยี่ยมสำหรับการค้นพบพรสวรรค์ของคุณและพัฒนาตนเองเพิ่มเติม

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

ดูสิ่งนี้ด้วย:

• จะสร้างแอนิเมชั่นอัศวินได้อย่างไร?
• จะสร้างแอนิเมชั่นของสุนัขได้อย่างไร?
• มาเรียงลำดับการบ้านกันดีกว่า
• จะสร้างแอนิเมชั่นปลาได้อย่างไร?
• จะสร้างแอนิเมชั่นของเทียนได้อย่างไร?
• จะทำให้เครื่องบินเคลื่อนไหวได้อย่างไร?
• จะทำให้รถเคลื่อนไหวได้อย่างไร?
• จะสร้างแอนิเมชั่นด้วย UFO ได้อย่างไร?

จะสร้างแอนิเมชั่น Rick และ Morty ได้อย่างไร?

Adobe After Effects เป็นเครื่องมือที่ยอดเยี่ยมสำหรับผู้ที่สนใจเกี่ยวกับการเคลื่อนไหวและแอนิเมชั่น ความเป็นไปได้ไม่มีที่สิ้นสุด และช่วยให้คุณสร้าง GIF ที่สร้างสรรค์ได้มากมายไม่ว่าจะซับซ้อนแค่ไหนก็ตาม เมื่อเข้าร่วมหลักสูตรนี้ คุณจะได้เรียนรู้วิธีใช้ Adobe After Effects CC 2017 จากบทเรียนแรก

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

จะสร้างแอนิเมชั่นด้วยการหมุนหลอก 3 มิติได้อย่างไร?

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

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

ต้องขอบคุณบทเรียนนี้ คุณจะได้เรียนรู้เกี่ยวกับแนวทางใหม่ในการทำแอนิเมชั่น และจะสามารถสร้าง GIF ต้นฉบับได้ รวมถึงสำหรับโปรเจ็กต์เชิงพาณิชย์ด้วย

การสร้างภาพเคลื่อนไหวของหุ่นยนต์ที่โฉบเฉี่ยว

บทช่วยสอนที่ยอดเยี่ยมสำหรับผู้เริ่มต้นซึ่งจะเป็นประโยชน์สำหรับผู้ใช้ที่มีประสบการณ์ด้วย ลักษณะเฉพาะของคำแนะนำคือการสร้างแอนิเมชั่นตั้งแต่เริ่มต้นซึ่งเป็นสิ่งสำคัญโดยเฉพาะสำหรับผู้ที่ดูโปรแกรม Adobe After Effects เป็นครั้งแรก แต่ต้องการเรียนรู้แอนิเมชั่น เช่นเดียวกับบทเรียนก่อนหน้านี้ เราทำงานใน Adobe After Effects CC 2017 โดยแยกวิเคราะห์ภาพประกอบเป็นเลเยอร์ต่างๆ ซึ่งจากนั้นเราจะสร้างภาพเคลื่อนไหว

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

จะสร้างแอนิเมชั่นถุงชาได้อย่างไร?

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

เขาจะดูรายละเอียดในหน้าต่าง "โครงการ" วิธีกำหนดค่าความหมายของแต่ละรายการ คุณจะได้เรียนรู้วิธีสร้างโปรเจ็กต์ใหม่ตั้งแต่เริ่มต้นและกำหนดค่า ประเด็นใดบ้างที่ต้องแก้ไข การตั้งค่าใดที่สำคัญ

“พรีเซ็ต” คืออะไร และฉันควรเลือกอันไหน เรายังดูที่พารามิเตอร์ระยะเวลาและวิธีคำนวณอีกด้วย 25 เฟรมต่อวินาทีคืออะไร? เหตุใดสิ่งนี้จึงสำคัญและอะไรคือเคล็ดลับในการสร้างแอนิเมชั่นที่ราบรื่น เราใช้ภาพวาดจากอินเทอร์เน็ตเป็นพื้นฐาน

จะสร้างแอนิเมชั่นอัศวินได้อย่างไร?

ความพิเศษของบทเรียนนี้คือการสร้างแอนิเมชั่นตั้งแต่เริ่มต้น เรารวบรวมทักษะและความรู้ที่ได้รับจากบทเรียนก่อนหน้าและปรับปรุงให้ดีขึ้นด้วย คำแนะนำนี้เหมาะสำหรับผู้ใช้ขั้นสูงของโปรแกรม แต่จะเป็นประโยชน์สำหรับผู้เริ่มต้นที่ต้องการเน้นบางสิ่งบางอย่างสำหรับตนเอง ขยายฐานทางทฤษฎี และเปิดโอกาสที่เป็นไปได้มากขึ้นของโปรแกรม

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

จะสร้างภาพเคลื่อนไหวของแล็ปท็อปที่กำลังบินได้อย่างไร?

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

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

จะสร้างแอนิเมชั่นด้วยกระต่ายบนคลาวด์ได้อย่างไร?

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

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

หัวข้ออื่นๆ ความสำคัญของความรู้พื้นฐาน ปุ่มลัด การเขียนโค้ด กลุ่มเครื่องมือสำหรับการนำทาง การเคลื่อนไหว การสร้างวัตถุหรือข้อความ การรีทัช เราสร้างสรรค์วัตถุทางเรขาคณิตต่างๆ อย่างจริงจัง และยังรวบรวมทักษะในเครื่องมือนำทาง (แว่นขยาย มือ ฯลฯ)

จะสร้างแอนิเมชั่นเพนกวินได้อย่างไร?

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

เรารวบรวมทักษะของเราและสร้างแอนิเมชั่นพื้นฐานโดยใช้รูปทรงเรขาคณิตง่ายๆ คุณยังจะได้เรียนรู้วิธีการวาด เพิ่มรายละเอียด และสร้างองค์ประกอบแบบเคลื่อนไหวโดยใช้ไทม์ไลน์ มาดูไทม์ไลน์ให้ละเอียดยิ่งขึ้น - มันคืออะไร, วิธีขยาย, กำหนดค่า ฯลฯ เราหารือเกี่ยวกับเลเยอร์ คุณสมบัติ (คุณสามารถซ่อน ออกจาก บล็อก) การเปลี่ยนชื่อเลเยอร์

คุณยังจะได้เรียนรู้วิธีบล็อกวัตถุ รูปร่างของวัตถุ และวิธีการเปลี่ยนสี

จะสร้างแอนิเมชั่นสวิตช์สภาพอากาศได้อย่างไร?

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

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

จากทักษะที่ได้รับ คุณจะสามารถสร้างแอนิเมชั่นที่ซับซ้อนยิ่งขึ้นโดยใช้เทคนิคที่คล้ายกัน ซึ่งจะขยายขีดความสามารถของคุณอย่างมาก

จะสร้างแอนิเมชั่นด้วยตัวละคร Gravity Falls ได้อย่างไร?

บทเรียนที่ยอดเยี่ยมสำหรับตัวละครยอดนิยมจากการ์ตูน Gravity Falls - Mabel และ Dipper Pines ลักษณะเฉพาะของบทเรียนคือเราจำเป็นต้องสร้างภาพเคลื่อนไหวเฉพาะองค์ประกอบเล็กๆ ของภาพวาดเท่านั้น คุณสามารถใช้ภาพของคุณเองเป็นพื้นฐานหรือเลือกแหล่งที่มาจากอินเทอร์เน็ต

มาสร้างการเขียนล่วงหน้ากันเถอะ เราใช้จุดต่างๆ และปรับมันเพื่อแก้ไของค์ประกอบบางอย่างของภาพ และทำให้ส่วนหนึ่งของภาพไม่เคลื่อนไหว การเพิ่มภาพเคลื่อนไหวลงในไทม์ไลน์ เปลี่ยนการตั้งค่าเพื่อให้ได้เอฟเฟกต์ภาพเคลื่อนไหวที่ต้องการ

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

จะสร้างแอนิเมชั่นอวกาศใน Adobe After Effects ได้อย่างไร?

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

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

จะสร้างแอนิเมชั่นของสุนัขได้อย่างไร?

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

นอกจากนี้ จากบทเรียนนี้ คุณจะได้เรียนรู้ว่าจุดยึดหรือจุดยึด (จุดเฟรมที่เลือก) คืออะไร มีไว้เพื่ออะไร และทำงานอย่างไร เราจะใช้ปากกาเป็นเครื่องมือหลักตลอดบทเรียนเพื่อรับและรวบรวมทักษะใหม่ที่สำคัญ

มาเรียงลำดับการบ้านกันดีกว่า

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

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

จะสร้างแอนิเมชั่นกระถางดอกไม้สำหรับเด็กได้อย่างไร?

มาสร้างภาพประกอบที่น่ารักและเรียบง่ายกันเถอะ คุณสามารถวาดการออกแบบล่วงหน้าใน Abode Illustrator หรือสร้างภาพร่างในหน้าต่าง Adobe After Effects เราใช้การวาดภาพเป็นพื้นฐาน - ของเราหรือจากอินเทอร์เน็ตโดยเลือกแหล่งข้อมูลตั้งแต่หนึ่งแหล่งขึ้นไป

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

จะสร้างแอนิเมชั่นด้วย morphing ได้อย่างไร?

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

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

จะสร้างแอนิเมชั่นด้วยประภาคารได้อย่างไร?

เราทำงานร่วมกับภาพวาดที่สร้างขึ้นใน Adobe After Effects เราใช้ความคิดหรือการอ้างอิงของเราเองเป็นพื้นฐาน คุณยังสามารถวาดภาพใน Illustrator แล้วนำเข้าลงในโปรแกรมของเราได้ เราสร้างโปรเจ็กต์ที่มีองค์ประกอบแอนิเมชั่นหลายอย่าง

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

จะสร้างแอนิเมชั่นปลาได้อย่างไร?

บทเรียนนี้เน้นไปที่หัวข้อสำคัญสองหัวข้อ - การใช้ปากกาและการสร้างภาพเคลื่อนไหวให้กับวัตถุ เช่น ปลา วัตถุไม่ได้ถูกเลือกโดยเปล่าประโยชน์: ปลาเคลื่อนไหวได้อย่างราบรื่น ขยับร่างกายและครีบอย่างระมัดระวัง นี่คือสิ่งที่ต้องถ่ายทอดในบทเรียน บทเรียนนี้ยังช่วยให้เราปรับปรุงและรวบรวมทักษะการใช้ปากกาโดยการวาดวัตถุโดยตรงในหน้าต่าง Adobe After Effects

จะสร้างแอนิเมชั่นธีมรักบี้ได้อย่างไร?

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

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

จะสร้างแอนิเมชั่นเชฟแมวได้อย่างไร?

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

ผู้เขียนจะเน้นไปที่พื้นฐานด้วย ดังนั้นผู้ฟังจะมีโอกาสรีเฟรชความรู้และเสริมความรู้ นอกเหนือจากทฤษฎีแล้ว เรายังรวบรวมทักษะที่ได้รับมาทั้งหมดในทางปฏิบัติ หลังบทเรียน คุณจะมีแมวเคลื่อนไหวอยู่ในแฟ้มผลงานของคุณ ซึ่งจะเป็นตัวละครในอุดมคติสำหรับโปรเจ็กต์เชิงพาณิชย์ (การออกแบบเว็บไซต์ร้านอาหารหรือโฆษณาร้านกาแฟ)

จะสร้างแอนิเมชั่นจากการ์ตูนเรื่อง The Other Side of the Hedge ได้อย่างไร?

ในครั้งนี้ พื้นฐานของแอนิเมชันของเราคือตัวละครจากซีรีส์แอนิเมชั่นชื่อดังเรื่อง “On the Other Side of the Fence” เราใช้ GIF จากอินเทอร์เน็ตเป็นพื้นฐาน บทเรียนนี้มีจุดมุ่งหมายเพื่อรวบรวมทักษะที่ได้รับจากบทเรียนก่อนหน้า ตลอดจนได้รับความรู้ทางทฤษฎีใหม่ๆ เอาใจใส่เป็นพิเศษมุ่งเน้นไปที่ไทม์ไลน์และการใช้คีย์ นอกจากนี้เรายังใช้แนวคิดเรื่องความเร็วในการเคลื่อนที่อย่างจริงจัง ปรับและเปลี่ยนแปลงตามความจำเป็น

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

จะสร้างแอนิเมชั่นด้วยเบอร์เกอร์และตะเกียบญี่ปุ่นได้อย่างไร?

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

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

จะสร้างแอนิเมชั่นม้วนที่น่ากลัวได้อย่างไร?

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

คุณยังสามารถวาดตัวละครได้โดยตรงใน After Effects เรานำเข้าไฟล์ ใส่ใจกับการตั้งค่า เรายังสร้างเอกสารใหม่โดยคำนึงถึงการตั้งค่าด้วย เราใช้ไทม์ไลน์อย่างจริงจังและทำงานกับเลเยอร์ ศึกษาเมนูย่อยและตัวเลือกเลเยอร์ คุณจะได้เรียนรู้ว่าเส้นทางคืออะไร จุดยอด วิธีทำงานกับการเติม และอื่นๆ อีกมากมาย

จะสร้างแอนิเมชั่นของเทียนได้อย่างไร?

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

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

จะสร้างแอนิเมชั่นคีย์บอร์ด midi แบบหลอก 3D ใน After Effects ได้อย่างไร

หัวข้อของบทเรียนคือเทคโนโลยีคอมพิวเตอร์ที่น่าสนใจที่เรียกว่าสามมิติเทียม Pseudo 3D เป็นกราฟิกที่พยายามเลียนแบบพื้นที่เล่นเกมสามมิติ แต่ไม่ใช่อย่างใดอย่างหนึ่ง เอฟเฟกต์ที่คล้ายกันนี้มักใช้ในเกมคอมพิวเตอร์ ตัวอย่างหนึ่งของแนวทางดังกล่าวคือ เกมที่มีชื่อเสียงดูม

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

จะสร้างแอนิเมชั่นนักบินอวกาศได้อย่างไร?

เราสร้าง GIF โดยมีนักบินอวกาศในชุดอวกาศเคลื่อนตัวไปในอวกาศโดยมีฉากหลังเป็นดาวเคราะห์ เราทำงานกับพื้นหลังและรายละเอียดเล็กๆ น้อยๆ เพื่อสร้างภาพที่ราบรื่นพร้อมองค์ประกอบที่เคลื่อนไหวได้หลายอย่าง เรายังคงทำงานตามไทม์ไลน์ต่อไป เพื่อรวบรวมทักษะของเรา

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

จะสร้างแอนิเมชั่นของนักแซ็กโซโฟนได้อย่างไร?

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

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

จะสร้างแอนิเมชั่นด้วยเมาส์และตู้เย็นได้อย่างไร?

“เมาส์แขวนตัวเองในตู้เย็นได้อย่างไร” – เราสร้างแอนิเมชั่นที่ซับซ้อนด้วยเมาส์ห้อยที่มีลักษณะเฉพาะและตู้เย็นป๊อปอัปตามกราฟิกแบบเวกเตอร์ เราทำงานกับพื้นที่ วาดองค์ประกอบเพิ่มเติม (ตู้เย็น พื้น ผนัง) คุณสามารถเพิ่มรายละเอียดเพิ่มเติมหรือปล่อยไว้ตามตัวอย่างก็ได้

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

จะสร้างแอนิเมชั่นด้วยแมงกะพรุนได้อย่างไร?

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

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

จะทำให้เครื่องบินเคลื่อนไหวได้อย่างไร?

เราเริ่มต้นด้วยภาพรวมของสิ่งพื้นฐาน - เราทำงานผ่านเครื่องมือพื้นฐาน การสร้างโครงการใหม่ (เอกสารใหม่) หน้าต่างการทำงาน เราวาดฐานตั้งแต่เริ่มต้นในโปรแกรม คุณยังสามารถใช้ Illustrator แล้วนำเข้าไปยัง After Effects ได้ เราตั้งค่าเอกสารใหม่และเริ่มวาดภาพเพื่อให้ภาพเคลื่อนไหวได้

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

จะทำให้รถเคลื่อนไหวได้อย่างไร?

โดยพื้นฐานสำหรับแอนิเมชั่น เราเลือกองค์ประกอบที่ซับซ้อน นั่นคือรถยนต์ เราใช้ภาพสามมิติที่มีโทนสีและฮาล์ฟโทน ซึ่งจากนั้นเราจะกำหนดให้เคลื่อนไหว สามารถสร้างภาพวาดใน Illustrator หรือโดยตรงในหน้าต่าง After Effects เรานำภาพร่างหรือภาพถ่ายจากอินเทอร์เน็ตมาเป็นพื้นฐาน นอกจากนี้เรายังจำเป็นต้องมีพื้นผิวหลายอย่างในระหว่างกระบวนการ เช่น แก้วและลวดลาย

มาสร้างภาพทั่วไปกัน ในขณะที่เราทำงาน เราจะ "เชื่อมโยง" องค์ประกอบต่างๆ เข้าด้วยกัน และยังทำงานร่วมกับจุดยึด ตั้งค่าและตรวจสอบองค์ประกอบเหล่านั้น ปรับจำนวนเฟรมต่อวินาที เราดำเนินการคำสั่งเกือบทั้งหมดโดยใช้ปุ่มลัดเพื่อจดจำและเร่งกระบวนการทำงาน

จะสร้างแอนิเมชั่นด้วยไอโซเมตริกได้อย่างไร?

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

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

จะสร้างแอนิเมชั่นแมวไร้ยางอายได้อย่างไร?

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

จะสร้างแอนิเมชั่นด้วย UFO ได้อย่างไร?

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

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