ในบทแนะนำนี้คุณจะได้เรียนรู้การใช้ Fireworks CS6 เพื่อสร้าง GIF เคลื่อนไหวของไก่งวงพร้อมขนหางที่เปลี่ยนสี ในการเริ่มต้นคุณจะต้องสร้างภาพประกอบและทำซ้ำ จากนั้นคุณจะทำการเปลี่ยนแปลงหนึ่งภาพประกอบเปลี่ยนเป็นสัญลักษณ์สร้างรัฐที่สองและดูตัวอย่างภาพเคลื่อนไหว สุดท้ายคุณจะเปลี่ยนระยะเวลาของทั้งสองรัฐบันทึกไฟล์เป็นภาพเคลื่อนไหว GIF และดูในเบราเซอร์ของคุณ
ตุรกี GIF เคลื่อนไหวในดอกไม้ไฟ
แม้ว่า Fireworks CS6 จะใช้ในบทแนะนำนี้ แต่คุณควรจะสามารถใช้ Fireworks หรือ Photoshop ได้ทุกรุ่น
โปรดทราบว่า Adobe ไม่ได้เสนอ Fireworks CC ให้เป็นส่วนหนึ่งของ Creative Cloud อีกต่อไป หากคุณกำลังมองหา Fireworks คุณสามารถดูได้ที่ส่วน Find Additional Apps ของ Creative Cloud เมื่อ Adobe ประกาศว่าจะไม่สนับสนุนหรืออัปเดตแอปพลิเคชันอีกต่อไปคุณสามารถสมมติว่าเป็นเพียงเรื่องของเวลาก่อนที่ใบสมัครจะหายไป
02 จาก 20สร้างเอกสารใหม่
ขั้นแรกคุณจะสร้างเอกสารใหม่โดยเลือก ไฟล์> ใหม่ ทำให้ความกว้างและความสูง 400 x 400 พิกเซลและความละเอียด 72 พิกเซลต่อนิ้ว เลือกสีพื้นสีขาวและ คลิก OK
จากนั้นเลือก ไฟล์> บันทึก, ตั้งชื่อไฟล์ ไก่งวง ด้วยนามสกุล png เลือกที่ที่คุณต้องการบันทึกและ คลิกบันทึก
03 จาก 20วาดวงกลม
ในแผงเครื่องมือคลิกที่กล่องสีจังหวะและเลือกสีดำจากนั้นในกล่องสีเติมและเลือกตัวอย่างสีน้ำตาลหรือพิมพ์ในฟิลด์เลขที่เลข Hex # 8C4600
ในแผงคุณสมบัติให้กำหนดความกว้างของเส้นความกว้าง 2 พิกเซล จากนั้นเลือกเครื่องมือ Ellipse ในแผงเครื่องมือซึ่งสามารถดูได้โดยคลิกที่ลูกศรเล็ก ๆ ถัดจากเครื่องมือสี่เหลี่ยมผืนผ้าหรือเครื่องมือรูปร่างอื่น ๆ ที่มองเห็นได้ ขณะที่กดแป้น shift ค้างไว้ให้คลิกและลากเพื่อสร้างวงกลมขนาดใหญ่ (การใช้กะมั่นใจว่าวงกลมจะกลมกลมกลืนได้)
04 จาก 20วาดวงกลมอีก
กดแป้น shift ค้างไว้อีกครั้งขณะที่คุณวาดวงกลมอีกวงหนึ่งโดยมีจุดประสงค์ที่วงกลมนี้จะเล็กกว่าครั้งสุดท้าย
ด้วยเครื่องมือ Pointer คลิกและลากวงกลมเล็ก ๆ เข้าที่ คุณต้องการให้ทับซ้อนกันที่ด้านบนของวงกลมขนาดใหญ่ดังที่แสดงไว้
05 จาก 20วาดสี่เหลี่ยมผืนผ้ากลม
ใช้เครื่องมือสี่เหลี่ยมผืนผ้ากลมวาดสี่เหลี่ยมผืนผ้า ใช้เครื่องมือ Pointer เลื่อนเข้าที่ คุณต้องการให้เป็นศูนย์กลางและซ้อนทับกันเล็กน้อยที่ด้านล่างของวงกลมเล็ก ๆ
06 จาก 20รวมพา ธ
กดปุ่ม shift ค้างไว้เมื่อคุณคลิกที่วงกลมเล็ก ๆ จากนั้นเป็นรูปสี่เหลี่ยมผืนผ้ากลม ซึ่งจะเป็นการเลือกรูปทรงทั้งสองแบบ จากนั้นเลือก ปรับเปลี่ยนรวมเส้นทาง> สหภาพ
07 จาก 20เปลี่ยนสี
ในแผงเครื่องมือคลิกที่ช่องกรอกข้อมูลและเลือกตัวอย่างครีมหรือพิมพ์ # FFCC99 ในฟิลด์ค่า Hex จากนั้นกด Return
08 จาก 20ทำให้ดวงตา
คุณสามารถวาดสองวงกลมขนาดเล็กเพื่อทำให้ดวงตา แต่ใช้เครื่องมือ Type สำหรับนี้ คลิกที่เครื่องมือพิมพ์ในแผงเครื่องมือจากนั้นบนผืนผ้าใบ ใน Property inspector ให้เลือก Arial Regular สำหรับแบบอักษรกำหนดขนาด 72 และเปลี่ยนสีเป็นสีดำ กดปุ่ม Alt หรือ Options ค้างไว้ขณะที่กดปุ่มค้างไว้ที่หมายเลข 8 ซึ่งจะทำให้สัญลักษณ์แสดงหัวข้อย่อย จากนั้นให้กดแถบพื้นที่ก่อนสร้างกระสุนอีกครั้ง
09 จาก 20ทำ Beak
ในแผงเครื่องมือคลิกที่เครื่องมือรูปหลายเหลี่ยม ในแผงคุณสมบัติให้เลือกแถบสีส้มเพื่อเติมหรือพิมพ์ # FF9933 ในฟิลด์ค่า Hex นอกจากนี้ในแผงคุณสมบัติให้ขีดสีดำที่มีความกว้าง 1
จากนั้นเลือก หน้าต่าง> คุณสมบัติรูปร่างอัตโนมัติ. คลิกที่รูปหลายเหลี่ยมและระบุว่าคุณต้องการให้ทั้งสองจุดและด้านข้างเป็น 3 และรัศมี 180 องศา หากต้องการทำให้รูปสามเหลี่ยมเล็กลงพิมพ์ 20 ในช่องค่า Radius นอก จำนวนนี้ขึ้นอยู่กับขนาดของรูปสามเหลี่ยมที่เริ่มต้นด้วย จากนั้นกดปุ่ม return
ด้วยเครื่องมือ Pointer คลิกที่รูปสามเหลี่ยมและลากไปยังตำแหน่งที่คุณคิดว่าควรนั่งสำหรับครอง
10 จาก 20ทำ Snood
สิ่งที่แดงที่แขวนอยู่จากปากของไก่งวงเรียกว่า Snood หากต้องการทำอย่างใดอย่างหนึ่งคุณจะใช้เครื่องมือปากกา
หลังจากเลือกเครื่องมือปากกาในแผงเครื่องมือให้คลิกที่ช่องเติมและเลือกแถบสีแดงหรือพิมพ์ # FF0000 ในฟิลด์ค่า Hex จากนั้นกดปุ่ม Return
ด้วยเครื่องมือปากกาคลิกเพื่อสร้างจุดที่สร้างเส้นทางและบางครั้งคลิกและลากเพื่อสร้างเส้นทางที่ปัด เมื่อจุดสุดท้ายเชื่อมต่อกับครั้งแรกคุณจะได้รูปทรงที่ดูเหมือนงูไก่งวง
11 จาก 20ทำให้ขา
คุณสามารถตั้งค่าสีเติมให้เป็นสีส้มเหมือนกันกับส่วนที่เป็นปากได้ด้วยการคลิกที่ช่องกรอกข้อมูลแล้วบนส่วนเสริม ด้วยเครื่องมือปากกาที่เลือกทำให้สีของเส้นสีดำและกำหนดความกว้างของเส้นโครงร่างเป็น 2 ในแผงคุณสมบัติ
จากนั้นใช้เครื่องมือปากกาเพื่อสร้างจุดที่สร้างรูปร่างที่คล้ายกับขาของไก่งวง ด้วยรูปร่างที่เลือกให้เลือก แก้ไข> ทำซ้ำ. จากนั้นเลือก แก้ไข> แปลง> พลิกแนวนอน ด้วยเครื่องมือ Pointer ให้วางขาที่ดูดีที่สุด
12 จาก 20ลดขนาด
เลือก เลือก> เลือกทั้งหมดจากนั้นคลิกที่เครื่องมือ Scale ในแผง Tools กรอบขอบเขตจะปรากฏขึ้นพร้อมกับที่จับที่สามารถเคลื่อนย้ายเข้าหรือออกได้ คลิกที่ด้ามจับมุมและเคลื่อนเข้าด้านในทำให้เล็กลงทั้งหมดแล้วกดกลับ
ด้วยรูปทรงทั้งหมดของคุณยังคงถูกเลือกใช้เครื่องมือ Pointer เพื่อย้ายไก่งวงเข้าที่ คุณต้องการให้อยู่กึ่งกลางบนผ้าใบ
13 จาก 20ทำให้ขนหาง
ด้วยเครื่องมือ Ellipse คลิกและลากเพื่อสร้างรูปไข่ยาว จากนั้นเลือก แก้ไข> ทำซ้ำ. คุณจะทำซ้ำรูปไข่อีกครั้งและอีกครั้งจนกว่าคุณจะมีทั้งหมดห้าไข่
14 จาก 20เปลี่ยนสี
เมื่อเลือกรูปไข่ตัวใดตัวหนึ่งให้คลิกที่ช่องกรอกข้อมูลและเลือกสีอื่น ทำเช่นนี้กับสามไข่เพิ่มเติมเลือกสีที่แตกต่างกันสำหรับแต่ละ
15 จาก 20ย้าย Ovals
ด้วยเครื่องมือ Pointer คลิกและลากผ่านวงรีห้าใบเพื่อเลือกทั้งหมด จากนั้นเลือก แก้ไข> จัดเรียง> ส่งไปกลับ. นี้จะทำให้ขนหางจะตกหลังไก่งวงเมื่อคุณย้ายพวกเขาเข้าที่
คลิกจากวงรีไข่เพื่อยกเลิกการเลือกจากนั้นคลิกรูปวงรีหนึ่งครั้งและลากแยกไว้เพื่อวางไว้ข้างๆกันและส่วนหลังไก่งวง
การใช้ Smart Guides จะช่วยให้วางไข่ไก่ที่อยู่ตรงข้ามได้อย่างเท่า ๆ กัน ถ้าคุณไม่เห็นคู่มือสมาร์ทในที่ทำงานให้เลือก มุมมอง> คู่มืออัจฉริยะ> แสดงคำแนะนำสมาร์ท
16 จาก 20หมุน Ovals
คุณต้องการหมุนวงรีและวางตำแหน่งไว้ โดยเลือกหนึ่งตัวเลือก แก้ไข> Transform> Free Transform. จากนั้นคลิกและลากเคอร์เซอร์ของคุณนอกกรอบขอบเขตเพื่อหมุนรูปไข่เล็กน้อย ด้วยเครื่องมือ Pointer ให้วางรูปไข่ที่คุณคิดว่าดูดีที่สุด
หมุนวงรีที่เหลืออยู่ในลักษณะเดียวกันและวางไว้ในตำแหน่ง กระจายอย่างเท่าเทียมกัน
17 จาก 20บันทึกและบันทึกเป็น
เมื่อมองภาพของคุณคุณจะเห็นว่าไก่งวงต่ำเกินไปบนผืนผ้าใบดังนั้นเลือก เลือก> เลือกทั้งหมดจากนั้นใช้เครื่องมือ Pointer เพื่อวางไก่งวงไว้ตรงกลางของผ้าใบ เมื่อพอใจกับรูปลักษณ์ให้เลือก ไฟล์> บันทึก
จากนั้นคลิกที่ขนหางเพื่อเลือกจากนั้นในช่องกรอกข้อมูลและเลือกสีที่ต่างกัน ทำเช่นนี้สำหรับแต่ละขนหางแล้วเลือก ไฟล์> บันทึกเป็น. เปลี่ยนชื่อไฟล์, turkey2 ด้วยนามสกุล png และคลิกบันทึก
18 จาก 20แปลงเป็นสัญลักษณ์
เลือก ไฟล์> เปิดไปที่ไฟล์ไก่งวงของคุณแล้วคลิกเปิด คลิกที่แท็บไก่งวงที่ด้านบนและเลือก เลือก> เลือกทั้งหมด. จากนั้นคุณจะเลือก แก้ไข> แปลง> แปลงเป็นสัญลักษณ์. ตั้งชื่อสัญลักษณ์ว่า 1 เลือก Graphic for the Type จากนั้นคลิก OK
คลิกที่แท็บ turkey2.png และทำเช่นเดียวกันเท่านั้นคุณจะตั้งชื่อหนึ่งสัญลักษณ์นี้ 2
19 จาก 20สร้างรัฐใหม่
คลิกกลับที่แท็ก turkey.png หากแผงควบคุมสถานะของคุณไม่ปรากฏคุณสามารถเลือกได้ Window> States. ที่ด้านล่างของแผง States คลิกที่ปุ่ม New Duplicate States
เมื่อคุณคลิกที่สถานะแรกเพื่อเลือกคุณจะเห็นว่ามีสัญลักษณ์อยู่ เมื่อคลิกที่สถานะที่สองคุณจะเห็นว่าว่างเปล่า หากต้องการเพิ่มสัญลักษณ์ลงในสถานะว่างนี้ให้เลือก ไฟล์> นำเข้า> นำทาง ไปที่ไฟล์ turkey2.png ของคุณคลิกเปิดแล้วเปิดอีกครั้ง จากนั้นคลิกที่มุมบนขวาของภาพเพื่อวางไฟล์ในตำแหน่งที่ถูกต้อง ตอนนี้เมื่อคุณคลิกระหว่างรัฐแรกและตัวที่สองคุณจะเห็นว่าทั้งสองภาพค้างไว้ นอกจากนี้คุณยังสามารถกดปุ่มเล่น / หยุดที่ด้านล่างของหน้าต่างเพื่อดูภาพเคลื่อนไหว
ถ้าคุณไม่ชอบความเร็วของภาพเคลื่อนไหวคุณสามารถดับเบิลคลิกที่ตัวเลขทางด้านขวาของแต่ละรัฐเพื่อทำการปรับเปลี่ยน จำนวนที่สูงกว่าระยะเวลาที่ยาวขึ้น
20 จาก 20บันทึก GIF เคลื่อนไหว
สุดท้ายเลือก ไฟล์> บันทึกเป็น, เปลี่ยนชื่อไฟล์เลือก Animated GIF (* .gif) จากนั้นคลิก Save
หากต้องการเปิดและเล่น Animation GIF ในเบราว์เซอร์ให้เปิดเบราว์เซอร์และเลือก ไฟล์> เปิดหรือเปิดไฟล์ นำทางไปยังไฟล์ GIF Animated Animated ที่คุณเลือกแล้วคลิกเลือก Open และสนุกกับผลงานของคุณ!
อัปเดตโดย Tom Green
