วิธีสร้างภาพเคลื่อนไหวลูกโลก 3 มิติที่หมุนด้วย Illustrator และ Photoshop

ในฐานะผู้เชี่ยวชาญด้านไอที ฉันมักถูกถามถึงวิธีทำให้โลก 3 มิติที่หมุนได้เคลื่อนไหวด้วย Illustrator และ Photoshop ต่อไปนี้เป็นขั้นตอนโดยย่อที่เกี่ยวข้อง: 1. ขั้นแรก สร้างเอกสารใหม่ใน Illustrator และวาดวงกลม 2. จากนั้นเพิ่มการไล่ระดับสีให้กับวงกลมและตั้งค่ามุมเป็น 45 องศา 3. จากนั้น สร้างเลเยอร์ใหม่ใน Photoshop และเพิ่มรูปภาพของลูกโลก 4. สุดท้าย ใช้เครื่องมือ Puppet Warp เพื่อทำให้โลกเคลื่อนไหว ต่อไปนี้เป็นวิดีโอสอนสั้นๆ ที่แสดงขั้นตอนต่างๆ ที่เกี่ยวข้อง:

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

เว็บ whatsapp ไม่ทำงาน

วิธีสร้างภาพเคลื่อนไหวลูกโลก 3 มิติที่หมุนด้วย Illustrator และ Photoshop

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

1. เพิ่มแผนที่เป็นสัญลักษณ์
2. สร้างทรงกลม 3 มิติ
3. เพิ่มแผนที่ลงในทรงกลม
4. ถ่ายภาพจากมุมต่างๆ ของโลก
5. ภาพเคลื่อนไหวใน Photoshop
6. เก็บ

1] เพิ่มแผนที่เป็นสัญลักษณ์

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

2] สร้างทรงกลม 3 มิติ

ขั้นตอนต่อไปคือการสร้างทรงกลมที่จะมีแผนที่โลก ใช้เครื่องมือ Ellipse ใน Illustrator เพื่อสร้างวงกลมที่สมบูรณ์แบบ

3] เพิ่มแผนที่ลงในทรงกลม

ขั้นตอนต่อไปคือการเพิ่มแผนที่โลกลงในทรงกลม

4] ถ่ายภาพจากมุมต่างๆ ของโลก

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

การจับภาพ

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

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

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

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

หากคุณกำลังจะถ่ายภาพสี่มุมของโลกเพื่อให้มันหมุนอย่างแม่นยำ ให้ถ่ายภาพ ด้านหน้า แล้ว ขวา , แล้ว กลับ แล้ว ซ้าย . ให้ตัวเลขตามลำดับที่ควรวางบนไทม์ไลน์ใน Photoshop นี่คือสิ่งที่จะมีลักษณะ ด้านหน้า 1 แล้ว ขวา 2 , แล้ว กลับ 3 แล้ว ซ้าย 4. ในมุมมอง 3 มิติ ไปที่ตำแหน่งและเลือกสี่ ใช้คำสั่งนี้เพื่อปรับใน Photoshop สำหรับ GIF

5] ภาพเคลื่อนไหวใน Photoshop

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

ค้นหาอีเมลที่เก็บถาวรใน Outlook

เปิดใช้งานไทม์ไลน์

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

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

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

การแก้ไขปัญหา

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

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

รหัสข้อผิดพลาดสำรอง 0x81000ff

เพิ่มสีพื้นหลัง (ไม่บังคับ)

ภาพนี้อยู่บนพื้นหลังสีขาว

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

ภาพนี้อยู่บนพื้นหลังสีดำที่มีดวงดาว

ตั้งเวลา

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

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

วิธีใช้ prtsc ใน windows 10

คุณยังสามารถเลือกจำนวนครั้งที่แอนิเมชันจะเล่นซ้ำก่อนที่จะหยุด

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

6] บันทึก

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

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

อ่าน : วิธีสร้างแพทเทิร์นด้วย Custom Shape Tool ใน Photoshop

จะสร้างรูปทรง 3 มิติใน Illustrator ได้อย่างไร?

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

จะสร้างกรวย 3 มิติใน Illustrator ได้อย่างไร?

การสร้าง 3D cone ใน illustrator นั้นง่ายมาก เพียงใช้เครื่องมือเส้น ลากเส้นแล้วไปที่ ผล แล้ว 3 มิติ แล้ว หมุน คลิก ดูตัวอย่าง แล้วคุณจะเห็นเส้นเปลี่ยนเป็นกรวย 3 มิติ คุณสามารถคลิก ดี เพื่อปิดและยืนยันการเปลี่ยนแปลง