⇧-ᗧᐥ▫▫⌇ (HOW2) สอนทำตัวอักษรดุ๊กดิ๊กในภาพเคลื่อนไหวแบบในทวิต⌫┃┃▔

29 มี.ค. 60 14:32 น. / ดู 7,154 ครั้ง / 25 ความเห็น / 62 ชอบจัง / แชร์







╱╱╱╱╱╱╱╱╱⇧-ᗧᐥ▫▫⌇ สอนทำตัวอักษรดุ๊กดิ๊กในภาพเคลื่อนไหวครับ⌫┃┃▔╲╲╲╲╲╲╲╲╲
◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯

อย่างแรกก็เปิดภาพ GIF ที่เราจะใช้ขึ้นมาก่อน




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




พอลากเข้าไปแล้วเลเยอร์ทั้งหมดจะเข้าไปอยู่ใน Group1
แบบภาพทางซ้ายนะครับ ถ้ากดเปิดดูจะเป็นแบบภาพด้านขวา




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




ให้เลเยอร์ข้อความเราอยู่ข้างบนของโฟลเดอร์ Group1 นะครับ




หลังจากนั้นเราอยากให้ข้อความขยับยังไงก็ไปเลื่อนในแต่ละเลเยอร์ของภาพครับ
เช่นเลเยอร์1-3ผมอยากให้มันขึ้นไปก็เลื่อนขึ้น




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




พอเสร็จแล้วให้กดเซฟโดย Save for Web..นะครับ
ถ้าเซฟเหมือนภาพนิ่งธรรมดาภาพจะไม่เคลื่อนไหว



จะวาดตัวไรหรือทำกรอบอะไรดุ๊กดิ๊กก็ใช้วิธีนี้ได้ครับ หรือเพิ่มข้อความอื่นก็ได้เหมือนกัน
ไม่รู้ว่าคนอื่นทำไงแต่ผมทำยังงี้ ถ้าเลเยอร์เยอะก็อาจจะขยับเยอะหน่อย 55555+
◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯⋯◯
แก้ไขล่าสุด 29 มี.ค. 60 14:34 | เลขไอพี : ไม่แสดง | ตั้งกระทู้โดย Windows 10

อ่านต่อ คุณอาจจะสนใจเนื้อหาเหล่านี้ (ความคิดเห็นกระทู้ อยู่ด้านล่าง)

ความคิดเห็น

#1 | มินิ | 29 มี.ค. 60 17:19 น.

ขอบคุณมากๆงับ 

ไอพี: ไม่แสดง | โดย Windows 7

#2 | fyuwii | 29 มี.ค. 60 22:01 น.

    thx na ka.

ไอพี: ไม่แสดง | โดย Windows 7

#3 | helloitme | 30 มี.ค. 60 17:34 น.

ขอบคุณค้าบ

ไอพี: ไม่แสดง | โดย Windows 10

#4 | เจมม่า | 31 มี.ค. 60 16:00 น.

ขอบคุณค่ะ

ไอพี: ไม่แสดง | โดย Windows 10

#5 | -n95xyz. | 1 เม.ย. 60 09:34 น.

สวยงามครับ ชอบ

ไอพี: ไม่แสดง | โดย Windows 8.1

#6 | n2'sํ | 1 เม.ย. 60 19:07 น.

thank you 

ไอพี: ไม่แสดง | โดย Windows 7

#7 | @hlybii | 2 เม.ย. 60 00:56 น.

ขอบคุณค่า

ไอพี: ไม่แสดง | โดย Windows 10

#8 | shortx2. | 3 เม.ย. 60 20:02 น.

รักนะคะ ขอบคุณมากๆเลยค่ะ      555555555

ไอพี: ไม่แสดง | โดย Windows 7

#9 | @babyjungx | 4 เม.ย. 60 23:14 น.

ขอบคุณครับ

ไอพี: ไม่แสดง | โดย Windows 10

#10 | @baelinguk0! | 6 เม.ย. 60 09:59 น.

ขอบคุณค่ะ 

ไอพี: ไม่แสดง | โดย Windows 7

#11 | __pwiomn | 6 เม.ย. 60 10:12 น.

thx youuu 

ไอพี: ไม่แสดง | โดย Windows 7

#12 | ปิกัสจู | 11 เม.ย. 60 17:24 น.

ชอบมาก ขอบคุณค่ะ 

ไอพี: ไม่แสดง | โดย Windows 7

#13 | sz397962 | 12 เม.ย. 60 22:54 น.

ดีงาม

ไอพี: ไม่แสดง | โดย Windows 7

#14 | wadeex | 22 เม.ย. 60 16:25 น.

ขอบคุณนะคะ

ไอพี: ไม่แสดง | โดย Windows 7

#15 | sz398212 | 23 เม.ย. 60 02:17 น.

พอมีกรอบสี่เหลี่ยมแบบนี้มั้ยงับ

ไอพี: ไม่แสดง | โดย Windows 7

#16 | +!-dontbx!ฯ | 23 เม.ย. 60 19:06 น.

^
ลองดูลิ้งนี้ครับ https://thenounproject.com/term/square/54073/
พวกนี้ก็เหมือนอยู่ครับ เป็นpng http://imgur.com/a/K24VF

ไอพี: ไม่แสดง | โดย Windows 10

#17 | BANANA' | 26 เม.ย. 60 01:00 น.

ขอบคุณมากคั้บ

ไอพี: ไม่แสดง | โดย Windows 7

#19 | นวลอนงค์ | 27 เม.ย. 60 00:40 น.

ขอบคุณมากค่ะ   

ไอพี: ไม่แสดง | โดย Windows 7

#21 | cersei | 5 พ.ค. 60 12:57 น.

ขอบคุณนะคะ

ไอพี: ไม่แสดง | โดย Windows 10

#22 | `P/? | 8 มิ.ย. 60 14:52 น.

ขอบคุณค่า

ไอพี: ไม่แสดง | โดย MacOS

#23 | `LoungThid! | 25 มี.ค. 61 18:57 น.

สวยมากครับบ

ไอพี: ไม่แสดง | โดย Windows 10

#24 | mymyii_. | 22 พ.ค. 61 20:50 น.

ขอบคุณครับ

ไอพี: ไม่แสดง | โดย Windows 7

#25 | ยุนโฮ. | 5 ก.ค. 64 16:05 น.

ขอบคุณมากมากเลยค่า

ไอพี: ไม่แสดง | โดย Windows 7

แสดงความคิดเห็น

จะต้องเป็นสมาชิกจึงจะแสดงความคิดเห็นได้
เป็นสมาชิกอยู่แล้ว ลงชื่อเข้าใช้ระบบ
ยังไม่ได้เป็นสมาชิก สมัครสมาชิกใหม่
หรือจะลงชื่อเข้าใช้ระบบด้วย Google หรือ Facebook ก็ได้
ลงชื่อเข้าใช้ระบบด้วย Facebook
ลงชื่อเข้าใช้ระบบด้วย Google