วิธีสร้าง GIF แบบเคลื่อนไหวของต้นแบบจำลองเช่นเดียวกับ Dribbble


38

ฉันแน่ใจว่าคุณเคยเห็น Dribbblers อัพโหลดภาพจำลองการออกแบบของพวกเขา

นี่คือตัวอย่าง:

ฉันสามารถสร้าง mockups บน Photoshop และใช้งาน Tween Animation กับพวกเขาได้ แต่ฉันไม่สามารถทำให้ GIF ของฉันดูเป็นตัวอย่างได้ที่นี่

Dribbblers ใช้เพื่อสร้างภาพเคลื่อนไหวเหล่านี้คืออะไร

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

ฉันจะสร้างตัวอย่างภาพเคลื่อนไหวของจำลองของฉันได้อย่างไรเช่นเดียวกับตัวอย่างที่สร้างโดย Dribbblers


มันดูเหมือนว่าฉันว่ารีบสร้างสรรค์เริ่มมีแนวโน้มที่หรืออย่างน้อยก็ทำให้มันเป็นที่นิยมในDribbble ช็อตส่วนใหญ่เป็น Animated Gifs เพื่ออวดทักษะ UI ที่ยอดเยี่ยมของพวกเขา
ckpepper02

1
ฉันอยากเห็นว่าการทำเช่นนี้ใน AE นั้นยากแค่ไหนและฉันก็ต้องพูดว่ามันง่ายอย่างน่าประหลาดใจ ใช้เวลากึ่งนาน แต่ก็สนุกดี นี่คือสิ่งที่ฉันทำ ฉันขี้เกียจและออกจากชั้นไฮไลต์ของโทรศัพท์ภายใต้ gui: / .. แต่ใช่ฉันจะบอกว่าใคร ๆ ก็ทำได้ถ้าฉันสามารถทำได้ด้วยความรู้เล็กน้อยเกี่ยวกับ AE
Joonas

@Joonas เยี่ยมมาก! คุณช่วยโพสต์คำแนะนำสั้น ๆ เกี่ยวกับวิธีการที่คุณประสบความสำเร็จได้ไหม?
Nag

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

กรุณาแบ่งปันเมื่อคุณเขียนมัน! ทำให้รู้สึกว่ามันดูเรียบง่าย แต่ฉันก็ยังอยากจะดูว่าผู้เชี่ยวชาญทำมันอย่างไร
Nag

คำตอบ:


58

สิ่งที่คุณต้องรู้เพื่อสร้างบางสิ่งเช่นนี้ใน After Effects:

ป้อนคำอธิบายรูปภาพที่นี่



วิธีการสร้างโครงการและองค์ประกอบ

เมื่อคุณเริ่มต้น AE คุณสามารถกดCmd+Nเพื่อสร้างโครงการใหม่โดยมีองค์ประกอบหนึ่งอยู่ภายใน

หากคุณเปิดโครงการอยู่แล้วการกดCmd+Nสร้างองค์ประกอบใหม่เท่านั้น

ในโครงการนี้ฉันใช้องค์ประกอบ 2 อย่าง GUIcomp เพื่อเก็บ GUI และภาพเคลื่อนไหว iphoneคอมพ์เพื่อถือทั้งพื้นหลังและGUIคอมพ์

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



การนำเข้าภาพสู่ AE

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

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

วิธีนำเข้ารูปภาพไปยังโครงการ

คลิกขวาภายในแผงโครงการทางซ้ายเลือก: Import > Multiple files

... หรือคุณสามารถลากไฟล์ไปไว้ในพาเนลนั้นได้

ฉันใช้slicyเพื่อส่งออกภาพจาก photoshop



วัตถุใดที่คุณควรบันทึกเป็นไฟล์ภาพแยกต่างหาก

โดยพื้นฐานแล้วคุณจะต้องบันทึกวัตถุที่เคลื่อนไหวทั้งหมดแยกจากกัน คุณอาจต้องบันทึกวัตถุคงที่แยกกันสองสามรายการ

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

นี่คือรายละเอียดวิธีที่ฉันบันทึกไฟล์รูปภาพใน photoshop ก่อนนำเข้าสู่ AE

ป้อนคำอธิบายรูปภาพที่นี่



แอนิเมชั่น 101

ภาพเคลื่อนไหวตำแหน่ง:

  1. ภาพเคลื่อนไหวตำแหน่ง:
    • เลือกวัตถุของคุณในรายการทางด้านซ้ายของไทม์ไลน์
    • กด P
    • คลิกไอคอนนาฬิกาจับเวลาที่อยู่ด้านล่างเลเยอร์ที่คุณเลือก สิ่งนี้จะเพิ่มคีย์เฟรมแรกโดยอัตโนมัติเมื่อตัวบ่งชี้เวลาของคุณเป็น (เส้นสีแดงในไทม์ไลน์)
    • ป้อนคำอธิบายรูปภาพที่นี่
    • เลื่อนตัวบ่งชี้เวลาไปข้างหน้าในไทม์ไลน์ ลากหรือCmd+{Arrow left or right}หรือCmd+Shift+{Arrow left or right}
    • ในเครื่องมือดูองค์ประกอบให้ลากวัตถุของคุณไปยังตำแหน่งที่คุณต้องการย้าย (คุณสามารถใช้Shift+arrow keysเช่นเดียวกับใน Photoshop หรือโดยการลากค่าตัวเลข)
    • คีย์เฟรมอื่นปรากฏขึ้นในไทม์ไลน์และตอนนี้คุณมีภาพเคลื่อนไหว
    • ป้อนคำอธิบายรูปภาพที่นี่
    • คุณสามารถเล่นภาพเคลื่อนไหวได้โดยกด space

ย้ายคีย์เฟรมใกล้กันเพื่อเร่งความเร็วแอนิเมชั่นหรือห่างจากกันและกันเพื่อทำให้ช้าลง

ภาพเคลื่อนไหวต่อเนื่องหลังจากหยุดชั่วคราว

สถานการณ์: คุณเคลื่อนไหวบางอย่างตั้งแต่ A ถึง B และคุณต้องการหยุดชั่วคราวเป็นจำนวน X มิลลิวินาทีจากนั้นย้ายจาก B ไป C

เมื่อคุณเคลื่อนไหว B ไปข้างหน้าในไทม์ไลน์แล้วคลิกไอคอนคีย์เฟรมทางด้านซ้ายที่นี่: ป้อนคำอธิบายรูปภาพที่นี่

มันควรจะดูเป็นสีเทาดังนั้นไม่ต้องกังวล นั่นหมายความว่าไม่มีคีย์เฟรมในตำแหน่งนั้น

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

การเคลื่อนไหวสิ่งอื่น ๆ เช่นการหมุนหรือความทึบ

ฉันแค่อยากจะใช้เวลานี้เพื่อบอกคุณว่าพวกเขาทั้งหมดทำงานได้เหมือนภาพเคลื่อนไหวตำแหน่ง (... ลบด้วยการลาก)

เพียงใช้ตัวเลื่อนตัวเลขที่ปรากฏขึ้นเมื่อคุณกดปุ่มลัดด้านล่าง

ปุ่มลัดสำหรับวิธีการแปลงต่าง ๆ :

  • P - ตำแหน่ง
  • T - ความทึบ
  • R - การหมุน
  • S - เครื่องชั่ง
  • A - จุดยึด

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



วิธีการทาสวัตถุกับวัตถุอื่น ๆ

ในแผงคอมพ์คุณจะสังเกตเห็นรายการผู้ปกครองแบบหล่นลงบนทุกวัตถุ

คุณสามารถใช้มันเพื่อกำหนดพาเรนต์สำหรับวัตถุ

ป้อนคำอธิบายรูปภาพที่นี่

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

หากคุณเคลื่อนไหววัตถุแม่ในการหมุนเด็กจะติดตาม ...



เพิ่มความยืดหยุ่นให้กับภาพเคลื่อนไหวของคุณ

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

หลังจากใช้นิพจน์เอฟเฟ็กต์เพื่อให้บรรลุเป้าหมายนี้ (สามารถทำได้มากขึ้นเช่นกัน)

ในการใช้สคริปต์ Expression กับแอนิเมชั่นAlt+{mouse click}นาฬิกาจับเวลาและวางในสคริปต์

ป้อนคำอธิบายรูปภาพที่นี่

การแสดงออกที่ฉันใช้ในการเคลื่อนไหวของปุ่มของฉัน

amp, freq, decayสามารถแก้ไขตัวแปร 3 ตัวแรกเพื่อให้ได้ผลลัพธ์ที่แตกต่างออกไป

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

สามารถพบได้ที่นี่

amp = .1;
freq = 1.0;
decay = 9.0;
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}}
if (n == 0){ t = 0;
}else{
t = time - key(n).time;
}
if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{value}


ทำให้สบาย ....

ดังนั้นนี่เป็นอีกสิ่งหนึ่งที่ทำให้ภาพเคลื่อนไหวดูเป็นเส้นตรงน้อยลงเช่นเดียวกับสคริปต์ Expression ด้านบน

ฉันใช้ความง่ายอย่างง่ายดายใน "วงกลมตัวบ่งชี้การสัมผัส" เพื่อให้ดูเหมือนมนุษย์มากขึ้นเช่นการเคลื่อนไหว

คุณสามารถเลือกหนึ่งหรือหลายเฟรมหลักและคลิกขวาหนึ่งในพวกเขา

จากรายการ: Keyframe assistant > Easy Ease ป้อนคำอธิบายรูปภาพที่นี่

ฉันมักจะใช้ Easy Ease เพราะฉันขี้เกียจ ...

ภาพหรือไม่เกิดขึ้น ...

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

ป้อนคำอธิบายรูปภาพที่นี่



วางภาพเคลื่อนไหว / วิดีโอลงในหน้าจอ

ดังนั้นหลังจาก GUI เคลื่อนไหวแล้วก็ถึงเวลาที่จะวางมันลงบนหน้าจอของอุปกรณ์

  1. วาง GUI คอมพ์ไว้ใน iPhone comp เช่นเดียวกับที่คุณวางภาพไว้ภายในองค์ประกอบ
  2. ดับเบิ้ลคลิก iPhone comp ในแผงโครงการ
  3. เลือก GUI comp ป้อนคำอธิบายรูปภาพที่นี่
  4. จากเมนูด้านบน Effects > Distort > Corner pin
  5. จากนั้นเพียงลากแต่ละมุมเพื่อให้ตรงกับมุมหน้าจอของอุปกรณ์

ป้อนคำอธิบายรูปภาพที่นี่



ส่งออกเป็น. gif

AE ไม่มีวิธีดั้งเดิมในการทำสิ่งนี้ แต่ไม่ต้องกังวลมีหลายวิธี

ฉันชอบทำสิ่งนี้:

  1. คลิกองค์ประกอบใน Projects panel
  2. Composition > Add to render queue Cmd+Ctrl+M
  3. จากนั้นที่ด้านล่างโดยปกติไทม์ไลน์ตั้งอยู่คุณเลือกสิ่งที่จะส่งออกและตำแหน่ง
    • ฉันมักจะส่งออก. mov ที่ไม่สูญเสียไป
    • หากคุณคลิก "การตั้งค่าการแสดงผล" คุณสามารถเลือกอัตราเฟรมมิฉะนั้นจะใช้เฟรมคอมโพสิต
  4. จากนั้นเพียงกดเรนเดอร์ที่มุมขวาบนหรือแผงนั้น
  5. ค้นหาไฟล์ที่ส่งออกและเปิดใน photoshop
  6. บันทึกสำหรับเว็บ Cmd+Shift+Alt+S
    • บันทึกเป็น. gif

มันไม่เลวจริง ๆ ...



ส่งออกเป็นไฟล์วิดีโอ

ดังนั้นแม้ว่าวิธีการข้างต้นจะแสดงวิธีการส่งออกไฟล์ lossless แต่ก็ไม่ใช่วิธีที่คุณควรส่งออกไฟล์วิดีโอ

คุณทำสิ่งนี้:

  1. บันทึกไฟล์โครงการของคุณ
  2. คลิกองค์ประกอบในProjects panel(ถ้าคุณมีมากกว่าหนึ่ง)
  3. Composition > Add to adobe media encoder queue Cmd+Alt+M
  4. ลากค่าที่ตั้งล่วงหน้าจากคอลัมน์ด้านขวาไปยังคอลัมน์ด้านซ้าย
  5. กดเล่น
  6. หากคุณไม่ได้เลือกโฟลเดอร์ส่งออกโดยค่าเริ่มต้นมันจะอยู่ถัดจากไฟล์โครงการ


วิธีเปลี่ยนวิดีโอ

ดังนั้น AE หาไฟล์ของคุณไม่เจอ? ทำเช่นนี้:

  • คลิกขวาที่หนึ่งในวิดีโอที่หายไปในแผงโครงการ
  • จากรายการ Replace footage > File...
  • ค้นหาวิดีโอและสิ่งของของคุณ


ปุ่มลัดที่มีประโยชน์อื่น ๆ

  • U- เปิดเผยคีย์เฟรมที่ใช้ทั้งหมดในคอมพ์ (หากคุณไม่ได้เลือกอะไรเลย) มีประโยชน์จริง ๆ เมื่อคุณต้องการย้ายคีย์เฟรมหลายรายการพร้อมกัน
  • U( แตะสองครั้ง ) - เผยทุกอย่างที่มีการเปลี่ยนแปลง
  • E( แตะสองครั้ง ) - แสดงนิพจน์ที่ใช้ทั้งหมด
  • J - เลื่อนไปยังคีย์เฟรมก่อนหน้า
  • K - เลื่อนไปยังคีย์เฟรมถัดไป
  • space - เล่นคอมพ์
  • Iหรือhomeปุ่ม - เลื่อนตัวบ่งชี้เวลาปัจจุบันไปยังจุดเริ่มต้นบนไทม์ไลน์
  • Cmd+K - การตั้งค่าองค์ประกอบปัจจุบัน
  • Cmd+I - นำเข้าไฟล์
  • Alt+{Arrow keys left and right} - เลือกคีย์เฟรมและกดปุ่มฮอตคีย์เพื่อเลื่อนไปมา
  • Alt+Shift+{Arrow keys left and right} - เลือกคีย์เฟรมและกดปุ่มฮอตคีย์เพื่อเลื่อนไปมา


hereแฟ้มโครงการสามารถพบได้


@Nagarjun หากคุณพบบางสิ่งที่ไม่ได้กล่าวถึงในที่นี้เพียงแจ้งให้เราทราบ
Joonas

แน่นอน! ขอบคุณอีกครั้ง! คุณมีบัญชี Twitter ที่ฉันสามารถพูดถึงคุณพร้อมกับคำตอบนี้หรือไม่? ฉันแน่ใจว่าผู้คนจำนวนมากชอบที่จะอ่านสิ่งนี้
Nag

@Nagarjun ไม่เป็นไร แต่คุณสามารถลิงค์ตรงไปยัง asnwer นี้ได้ถ้าคุณต้องการ
Joonas

@ Joonas คำตอบนี้น่าจะมีคะแนนมากกว่านี้ ... เป็นมืออาชีพมาก ...
LCarvalho

6

นี่คือ MOCKUP ANIMATED ฟรี .PSD ไฟล์ของเว็บไซต์เลื่อน dow และเมนูภาพเคลื่อนไหวอย่างสมบูรณ์แก้ไขและภาพเคลื่อนไหวใน Photoshop ไร้สาระง่ายต่อการแก้ไขและเล่นรอบคุณสามารถดาวน์โหลดไฟล์ได้ฟรีที่นี่ฉันยังมีวิดีโอสอนวิธีเป็นอย่างไร ง่ายต่อการแก้ไข freebie นี้ ป้อนคำอธิบายรูปภาพที่นี่


4

หากคุณดูความคิดเห็นในโพสต์นั้นผู้ชายคนนั้นบอกว่าเขาใช้ Adobe After Effects http://www.adobe.com/uk/products/aftereffects.html


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

3
หากคุณทำ googling มีแหล่งข้อมูลมากมายเกี่ยวกับการสร้างภาพเคลื่อนไหว UI ใน Aftereffects นี่คือแหล่งข้อมูลที่จะช่วยคุณเริ่มต้นใช้งาน: news.layervault.com/stories/…
Sci

3

มีสองวิธีในการทำเช่นนี้

  1. สร้าง / Mockup ภาพเคลื่อนไหวที่ต้องการในโปรแกรมแอนิเมชัน (ซึ่ง After Effects เป็นแบบหนึ่ง) จากนั้นส่งออกเป็นแบบ gif แบบเคลื่อนไหว เห็นได้ชัดว่า (ตามที่คุณรับรู้) สิ่งนี้จะเกี่ยวข้องกับการสร้างสัมผัส "ปลอม" และการโต้ตอบอื่น ๆ เพื่อแสดงให้เห็นว่าเกิดอะไรขึ้น

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

ทั้งสองใช้เวลาอย่างไม่น่าเชื่อและการเดินทางก็เป็นสิทธิของตนเอง

แต่ตัวเลือกที่ 2 มีข้อได้เปรียบอย่างมากเหนือตัวเลือกที่ 1 ไม่อย่างน้อยก็คือคุณจะได้เรียนรู้การเขียนโปรแกรมพื้นฐานบางอย่าง

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

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

แต่เดี๋ยวก่อนฉันรู้ คุณกลัว มันจะยากใช่มั้ย

ไม่ใช่ถ้าคุณมี iPad

Codea เป็นวิธีที่ถูกที่สุดและเร็วที่สุดในการสร้างภาพเคลื่อนไหว (และซับซ้อนมาก) และการโต้ตอบในภาษาสคริปต์ที่ง่ายและสะอาดที่สุดในโลก ... Lau

http://codea.io

หากคุณไม่มี iPad ให้ซื้อมา

ก่อนหน้านั้นไปเรียนรู้กับ processing.org เพราะคุณจะสามารถสร้างการจำลองที่น่าสนใจในทำนองเดียวกันภายใน:

http://processing.org/

การประมวลผลใช้ภาษาสคริปต์อื่นที่เรียกว่า Javascript มันง่ายเหมือนกัน แต่ไม่ใกล้เคียงกับ Lua


3

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

ขั้นตอนที่ 1:ฉันสร้างภาพเคลื่อนไหว UI บนคำปราศรัยครั้งแรกและสร้างสิ่งนี้: http://vimeo.com/108991829

ขั้นตอนที่ 2:ฉันวางวิดีโอลงใน iPhone หลังจากเอ็ฟเฟ็กต์ mockup ที่ฉันพบทางออนไลน์และบันทึกไฟล์. mov ทำตามคำแนะนำในวิดีโอนี้: http://youtu.be/VeZGwjVwDrc

ขั้นตอนที่ 3:ด้วยความช่วยเหลือของ photoshop และทำตามคำแนะนำที่ฉันทำ

ป้อนคำอธิบายรูปภาพที่นี่


-1

หากคุณต้องการยึดติดกับ Keynote และส่งออกเป็นรูปแบบ Quicktime ฉันคิดว่ามันอาจไม่เจ็บที่จะลอง:

GIF Brewery ป้อนคำอธิบายรูปภาพที่นี่

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

คุณไม่ต้องแยกเฟรมจากภาพยนตร์และเล่นซอกับเลเยอร์ในAdobe®Photoshop®อีกต่อไป ให้ GIF Brewery ทำงานแทนคุณให้คุณแทน

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

ฉันชอบคำแนะนำทั้งหมดที่ได้รับจาก @Joonas

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.