มาเริ่มทำ Animation ด้วยโปรแกรม Adobe Photoshop พร้อมกันเลยครับ
ในที่นี้ผมจะทำให้ลูกศรวิ่งจากซ้ายไปขวานะครับ ทำได้ดังนี้
1. วาดลูกศรมา 1 ลูกศร ครับ
2. เมื่อได้ลูกศรแล้ว ให้คลิกเลือก Manu Window แล้วกดเลือก Timeline
3. หน้าจอจะขึ้น Tap Manu ตามรูป
4. หลังจากนั้นให้เราเพิ่มเฟรมมา 1 เฟรม
5. เมื่อเราได้เฟรมที่ 2 แล้ว ให้เราเลือกเฟรมที่ 2 แล้วกำหนดตำแหน่งสุดท้ายที่เราต้องการให้ลูกศรไปอยู่ตรงนั้น
6. หลังจากนั้นให้เราทำการ คลุมทั้ง 2 เฟรม แล้วคลิกเลือก Tweens animation frames
7. ให้เราทำการใส่ จำนวน เฟรมที่เราต้องการลงไป ในช่อง Frames To add แล้วกดตกลง
เสร็จแล้วเราก็จะได้ ลูกศรวิ่งจาก ซ้ายไปขวาแล้วครับ
เราสามารถประยุคใช้ได้หลายรูปแบบนะครับ ไม่ว่าจะเอาไปทำเพื่อเป็นการตกแต่งเว็บของเรา โดยการทำอักษรเปลี่ยนสี และอีกมากมาย อยู่ที่เราจะเลือกนำไปประยุคใช้นะครับ
วิธีการทำ Animation ด้วยโปรแกรม Photoshop ง่าย ๆ
Moderator: mindphp, ผู้ดูแลกระดาน
-
- PHP Sr. Member
- โพสต์: 86
- ลงทะเบียนเมื่อ: 30/07/2019 10:08 am
-
- PHP Hero Member
- โพสต์: 105
- ลงทะเบียนเมื่อ: 12/07/2019 2:54 pm
- ติดต่อ:
Re: วิธีการทำ Animation ด้วยโปรแกรม Photoshop ง่าย ๆ
สุดยอดมากเลยครับ
ศูนย์รวมเครื่องวัดคุณภาพ https://legatool.com/
ผู้เชี่ยวชาญของตลาดเครื่องมือวัด อุปกรณ์ทดสอบ และชุดทดสอบที่ใหญ่ที่สุดในประเทศไทย
ผู้เชี่ยวชาญของตลาดเครื่องมือวัด อุปกรณ์ทดสอบ และชุดทดสอบที่ใหญ่ที่สุดในประเทศไทย
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
-
โพสต์ใหม่ เทคนิค Photoshop วิธีการทำพื้นหลังเป็นแบบลำแสงพระอาทิตย์ Photoshop cs6
โดย pnut » 07/10/2016 5:50 pm » ใน Microsoft Office Knowledge & line & Etc - 0 ตอบกลับ
- 5276 แสดง
-
โพสต์ล่าสุด โดย pnut
07/10/2016 5:50 pm
-
-
- 0 ตอบกลับ
- 5827 แสดง
-
โพสต์ล่าสุด โดย watcharin
26/03/2018 4:30 pm
-
-
โพสต์ใหม่ python ใช้ไลบรารี่อะไรในการทำ 3D animation
โดย narin-thongseubsai » 13/10/2021 10:50 am » ใน Programming - C/C++ & java & Python - 2 ตอบกลับ
- 1524 แสดง
-
โพสต์ล่าสุด โดย narin-thongseubsai
15/10/2021 2:04 pm
-
-
-
โพสต์ใหม่ How to Add Animation and Transitions to React Components?
โดย Codalien » 06/11/2023 2:33 pm » ใน JavaScript & jQuery Ajax & Node.JS - 0 ตอบกลับ
- 6236 แสดง
-
โพสต์ล่าสุด โดย Codalien
06/11/2023 2:33 pm
-
-
-
โพสต์ใหม่ CSS Tips: การใช้ animation-direction เพื่อสร้างภาพเคลื่อนไหว
โดย abdkode » 04/04/2019 2:25 pm » ใน CSS Knowledge - 0 ตอบกลับ
- 1283 แสดง
-
โพสต์ล่าสุด โดย abdkode
04/04/2019 2:25 pm
-
-
-
โพสต์ใหม่ FAVEFFECTS Extension เสริมแสดง icon animation
โดย prakasit.bank » 02/06/2015 2:13 pm » ใน Joomla Extension Review - 0 ตอบกลับ
- 875 แสดง
-
โพสต์ล่าสุด โดย prakasit.bank
02/06/2015 2:13 pm
-
-
-
โพสต์ใหม่ วิธีการทำ Animation ด้วย CSS โดยใช้ @keyframe
โดย salahuding » 03/11/2020 1:10 pm » ใน CSS Knowledge - 0 ตอบกลับ
- 6427 แสดง
-
โพสต์ล่าสุด โดย salahuding
03/11/2020 1:10 pm
-
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 82