20
การสร้างภาพเคลื่อนไหว (ANIMATION) ด้วยโปรแกรมจัดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบสื ่ อดิจิทัล 1

ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

  • Upload
    others

  • View
    13

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

การสรา้งภาพเคล่ือนไหว (ANIMATION)

ดว้ยโปรแกรมจดัการภาพ

ADOBE PHOTOSHOP

144-209 การออกแบบส่ือดจิทิลั 1

Page 2: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

File>New= สร้างงานข้ึนใหม่

Page 3: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

Page 4: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

นาํรูปท่ีเตรียมไวม้าใส่ในช้ินงาน

Page 5: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

Page 6: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

Page 7: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

Page 8: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

Copy Layer

Page 9: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

การยอ่ขยาย Scale

Page 10: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

Page 11: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

การปรับเปล่ียนสี

Page 12: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

Page 13: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

Page 14: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

Page 15: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

กดปิดตา

Copy Animation Framesเปล่ียนเวลาเป็น

0.1 Sec

Page 16: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

กดปิดตา

เปล่ียนเวลาเป็น

0.1 Sec

Page 17: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

Page 18: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

Page 19: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

กระบวนการสรา้งภาพเคล่ือนไหวใน Photoshop CS 4

Page 20: ADOBE PHOTOSHOP · การสร างภาพเคล อนไหว (ANIMATION) ด วยโปรแกรมจ ดการภาพ ADOBE PHOTOSHOP 144-209 การออกแบบส

งานเสร็จสมบูรณ์