สร้าง GIF แบบเคลื่อนไหวในดอกไม้ไฟ

01 จาก 20

ตุรกี GIF เคลื่อนไหวในดอกไม้ไฟ

ข้อความและรูปภาพ© Sandra Trainor

ในบทแนะนำนี้ฉันจะใช้ Fireworks CS6 เพื่อสร้าง Animated GIF ของไก่งวงที่มีขนหางซึ่งเปลี่ยนสี ฉันจะเริ่มต้นด้วยการสร้างภาพประกอบและทำซ้ำ ฉันจะทำการเปลี่ยนแปลงให้เป็นหนึ่งแปลงทั้งสองเป็นสัญลักษณ์สร้างรัฐที่สองและแสดงตัวอย่างภาพเคลื่อนไหว ฉันจะเปลี่ยนระยะเวลาของทั้งสองรัฐบันทึกไฟล์เป็น GIF แบบเคลื่อนไหวแล้วดูในเบราว์เซอร์

แม้ว่า Fireworks CS6 จะใช้ในบทแนะนำนี้ แต่คุณควรจะสามารถใช้ Fireworks หรือ Photoshop ได้ทุกรุ่น

บรรณาธิการหมายเหตุ:

Adobe ไม่ได้เสนอ Fireworks CC เป็นส่วนหนึ่งของ Creative Cloud อีกต่อไป หากคุณกำลังมองหา Fireworks คุณสามารถดูได้ที่ส่วน Find Additional Apps ของ Creative Cloud เมื่อ Adobe ประกาศว่าจะไม่สนับสนุนหรืออัปเดตแอปพลิเคชันอีกต่อไปคุณสามารถสมมติว่าเป็นเพียงเรื่องของเวลาก่อนที่ใบสมัครจะหายไป ตัวอย่างทั่วไปของเรื่องนี้คือการประกาศเมื่อเร็ว ๆ นี้เกี่ยวกับผู้อำนวยการ Shockwave และ Contribute

อัปเดตโดย Tom Green

02 จาก 20

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

ข้อความและรูปภาพ© Sandra Trainor

ฉันจะสร้างเอกสารใหม่โดยเลือกไฟล์> ใหม่ ฉันจะสร้างความกว้างและความสูง 400 x 400 พิกเซลและความละเอียด 72 พิกเซลต่อนิ้ว ฉันจะเลือกสีผ้าใบสีขาวและคลิกตกลง

จากนั้นฉันจะเลือกไฟล์> บันทึกชื่อไก่งวงไฟล์ที่มีนามสกุล png เลือกตำแหน่งที่ฉันต้องการจะบันทึกและคลิกบันทึก

03 จาก 20

วาดวงกลม

ข้อความและรูปภาพ© Sandra Trainor

ในแผงเครื่องมือฉันจะคลิกที่กล่องสีจังหวะและเลือกสีดำจากนั้นในช่องสีเติมและเลือกตัวอย่างสีน้ำตาลหรือพิมพ์ในช่องตัวเลขค่าตัวเลข # 8C4600

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

04 จาก 20

วาดวงกลมอีก

ข้อความและรูปภาพ© Sandra Trainor

อีกครั้งฉันจะกดแป้น shift ค้างไว้ขณะที่วาดวงกลมอื่นฉันต้องการให้แวดวงนี้เล็กกว่าครั้งสุดท้าย

ด้วยเครื่องมือ Pointer ฉันจะคลิกและลากวงกลมเล็ก ๆ เข้าที่ ฉันต้องการให้ทับซ้อนกันที่ด้านบนสุดของวงกลมขนาดใหญ่ดังที่แสดงไว้

05 จาก 20

วาดสี่เหลี่ยมผืนผ้ากลม

ข้อความและรูปภาพ© Sandra Trainor

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

06 จาก 20

รวมพา ธ

ข้อความและรูปภาพ© Sandra Trainor

ฉันจะกดแป้น shift ค้างไว้ขณะที่ฉันคลิกที่วงกลมเล็ก ๆ จากนั้นเป็นสี่เหลี่ยมผืนผ้ากลม ซึ่งจะเป็นการเลือกรูปทรงทั้งสองแบบ จากนั้นฉันจะเลือกปรับเปลี่ยนรวมเส้นทาง> สหภาพ

07 จาก 20

เปลี่ยนสี

ข้อความและรูปภาพ© Sandra Trainor

ในแผงเครื่องมือฉันจะคลิกที่ช่องกรอกข้อมูลและเลือกตัวอย่างครีมหรือพิมพ์ # FFCC99 ในฟิลด์ค่า Hex จากนั้นกด return

08 จาก 20

ทำให้ดวงตา

ข้อความและรูปภาพ© Sandra Trainor

ฉันสามารถวาดสองวงกลมขนาดเล็กเพื่อทำให้ดวงตา แต่ฉันจะใช้เครื่องมือ Type สำหรับสิ่งนี้ ฉันจะคลิกที่เครื่องมือพิมพ์ในแผงเครื่องมือจากนั้นบนผืนผ้าใบ ใน Property inspector ฉันจะเลือก Arial Regular สำหรับแบบอักษรกำหนดขนาด 72 และเปลี่ยนสีเป็นสีดำ ฉันจะกดแป้น Alt หรือ Options ค้างไว้ขณะที่ฉันกดปุ่มค้างไว้ที่หมายเลข 8 ซึ่งจะทำให้สัญลักษณ์แสดงหัวข้อย่อย ฉันจะกดแถบพื้นที่ก่อนที่จะสร้างกระสุนอีก

09 จาก 20

ทำ Beak

ข้อความและรูปภาพ© Sandra Trainor

ในแผงเครื่องมือฉันจะคลิกที่เครื่องมือรูปหลายเหลี่ยม ในแผงคุณสมบัติฉันจะเลือกแถบสีส้มเพื่อเติมหรือพิมพ์ # FF9933 ในช่องค่า Hex นอกจากนี้ในแผงคุณสมบัติฉันจะทำให้จังหวะสีดำที่มีความกว้าง 1

ถัดไปฉันจะเลือก Window> Auto Shape Properties ฉันจะคลิกที่รูปหลายเหลี่ยมระบุว่าฉันต้องการทั้งสองจุดและด้านข้างเป็น 3 และรัศมี 180 องศา เมื่อต้องการทำให้รูปสามเหลี่ยมเล็กลงฉันจะพิมพ์ 20 ในช่องค่า Radius นอก จำนวนนี้ขึ้นอยู่กับขนาดของรูปสามเหลี่ยมที่จะขึ้นต้นด้วย ฉันจะกดกลับ

ด้วยเครื่องมือ Pointer ฉันจะคลิกที่รูปสามเหลี่ยมและลากไปที่ฉันคิดว่ามันควรจะนั่งสำหรับ beak

10 จาก 20

ทำ Snood

ข้อความและรูปภาพ© Sandra Trainor

สิ่งที่แดงที่แขวนอยู่จากปากของไก่งวงเรียกว่า Snood ฉันจะใช้เครื่องมือปากกา

หลังจากเลือกเครื่องมือปากกาในแผงเครื่องมือฉันจะคลิกที่ช่องกรอกข้อมูลและเลือกแถบสีแดงหรือพิมพ์ # FF0000 ในฟิลด์ค่า Hex จากนั้นกด return

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

11 จาก 20

ทำให้ขา

ข้อความและรูปภาพ© Sandra Trainor

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

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

12 จาก 20

ลดขนาด

ข้อความและรูปภาพ© Sandra Trainor

ฉันจะเลือก Select> Select All ฉันจะคลิกที่เครื่องมือ Scale ในแผง Tools กรอบขอบเขตจะปรากฏขึ้นพร้อมกับที่ จับ ที่สามารถเคลื่อนย้ายเข้าหรือออกได้ ฉันจะคลิกที่ที่จับมุมและเคลื่อนเข้าด้านในทำให้ทั้งขนาดเล็กแล้วกดกลับ

ด้วยรูปทรงทั้งหมดของฉันยังคงถูกเลือกฉันจะใช้เครื่องมือ Pointer เพื่อย้ายไก่งวงเข้าที่ ฉันอยากให้มันอยู่กึ่งกลางบนผืนผ้าใบ

13 จาก 20

ทำให้ขนหาง

ข้อความและรูปภาพ© Sandra Trainor

ด้วยเครื่องมือ Ellipse ฉันจะคลิกและลากเพื่อสร้างรูปไข่ยาว จากนั้นฉันจะเลือกแก้ไข> ทำซ้ำ ฉันจะทำซ้ำรูปไข่อีกครั้งและอีกครั้งจนกว่าฉันจะมีทั้งหมดห้าวงรี

14 จาก 20

เปลี่ยนสี

ข้อความและรูปภาพ© Sandra Trainor

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

15 จาก 20

ย้าย Ovals

ข้อความและรูปภาพ© Sandra Trainor

ด้วยเครื่องมือ Pointer ฉันจะคลิกและลากผ่านห้าวงรีเพื่อเลือกทั้งหมด จากนั้นฉันจะเลือกปรับเปลี่ยน> จัดเรียง> ส่งไปกลับ นี้จะทำให้ขนหางจะตกหลังไก่งวงเมื่อฉันย้ายพวกเขาเข้าไปในสถานที่

ฉันจะคลิกออกจากวงรีเพื่อยกเลิกการเลือกพวกเขาจากนั้นคลิกที่หนึ่งไข่ในเวลาและลากพวกเขาต่างหากเพื่อที่พวกเขาจะนั่งถัดจากแต่ละอื่น ๆ และบางส่วนหลังไก่งวง

การใช้ Smart Guides จะช่วยให้วางไข่ไก่ที่อยู่ตรงข้ามได้อย่างเท่า ๆ กัน หากคุณไม่เห็นสมาร์ทการ์ดในที่ทำงานให้เลือก View> Smart Guides> Show Smart Guides

16 จาก 20

หมุน Ovals

ข้อความและรูปภาพ© Sandra Trainor

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

ฉันจะหมุนวงรีที่เหลืออยู่ในลักษณะเดียวกันและวางไว้ในตำแหน่ง กระจายอย่างเท่าเทียมกัน

17 จาก 20

บันทึกและบันทึกเป็น

ข้อความและรูปภาพ© Sandra Trainor

มองภาพของฉันฉันเห็นว่าไก่งวงต่ำเกินไปบนผืนผ้าใบดังนั้นฉันจะเลือก Select> Select All จากนั้นใช้เครื่องมือ Pointer เพื่อวางไก่งวงไว้ตรงกลางของผ้าใบ เมื่อฉันพอใจกับลักษณะที่ปรากฏฉันจะเลือกไฟล์> บันทึก

ต่อไปฉันจะคลิกที่ขนหางเพื่อเลือกจากนั้นในช่องกรอกข้อมูลและเลือกสีที่ต่างกัน ฉันจะทำเช่นนี้สำหรับแต่ละขนหางแล้วเลือกไฟล์> บันทึกเป็น ฉันจะเปลี่ยนชื่อไฟล์, turkey2 และนามสกุล png แล้วคลิกบันทึก

18 จาก 20

แปลงเป็นสัญลักษณ์

ข้อความและรูปภาพ© Sandra Trainor

ฉันจะเลือกไฟล์> เปิดนำทางไปยังไฟล์ไก่งวงของฉันและคลิกเปิด ฉันจะคลิกบนแท็บไก่งวงที่ด้านบนและเลือกเลือก> เลือกทั้งหมด จากนั้นฉันจะเลือก Modify> Convert> Convert to Symbol ฉันจะตั้งชื่อเป็นสัญลักษณ์ 1 เลือก Graphic for the Type จากนั้นคลิก OK

ฉันจะคลิกที่ tab turkey2.png และทำเช่นเดียวกันเพียงฉันจะตั้งชื่อนี้สัญลักษณ์หนึ่ง 2

19 จาก 20

สร้างรัฐใหม่

ข้อความและรูปภาพ© Sandra Trainor

ฉันจะคลิกกลับมาที่แท็กไก่งวง หากแผงควบคุมของรัฐไม่สามารถมองเห็นได้ฉันสามารถเลือก Window> States ได้ ที่ด้านล่างของแผงอเมริกาฉันจะคลิกที่ปุ่ม New Duplicate States

เมื่อคลิกที่สถานะแรกเพื่อเลือกมันฉันเห็นว่ามันถือเป็นสัญลักษณ์ เมื่อฉันคลิกที่รัฐที่สองฉันเห็นว่ามันว่างเปล่า เมื่อต้องการเพิ่มสัญลักษณ์ลงในสถานะว่างนี้ฉันจะเลือกไฟล์> นำเข้า> นำทางไปยังไฟล์ turkey2.png ของฉันคลิกเปิดแล้วเปิดอีกครั้ง ฉันจะคลิกที่มุมบนขวาของผืนผ้าใบเพื่อวางไฟล์ในตำแหน่งที่ถูกต้อง ตอนนี้เมื่อฉันคลิกระหว่างรัฐแรกและที่สองฉันเห็นว่าทั้งสองภาพถือ ฉันยังสามารถกดปุ่มเล่น / หยุดที่ด้านล่างของหน้าต่างเพื่อดูภาพเคลื่อนไหว

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

20 จาก 20

บันทึก GIF เคลื่อนไหว

ข้อความและรูปภาพ© Sandra Trainor

ฉันจะเลือกไฟล์> บันทึกเป็นเปลี่ยนชื่อไฟล์เลือก Animated GIF (* .gif) แล้วคลิกบันทึก

หากต้องการเปิดและเล่น Animation GIF ในเบราว์เซอร์ฉันจะเปิดเบราว์เซอร์ของฉันและเลือกไฟล์> เปิดหรือเปิดไฟล์ ฉันจะไปที่ไฟล์ Animated GIF ที่บันทึกไว้เลือกแล้วคลิกเปิดและเพลิดเพลินไปกับภาพเคลื่อนไหว

ที่เกี่ยวข้อง:
การเพิ่มประสิทธิภาพ GIF ภาพเคลื่อนไหว
•รายละเอียดของ Wild Turkey
•วันขอบคุณพระเจ้าตุรกีประวัติศาสตร์
•ไก่งวง Wildest ที่คุณเคยเห็น