SlideShare a Scribd company logo
1 of 27
การทำภาพเอนิเมชั่นใน Photoshop cs3
การทำภาพเอนิเมชั่นใน  Photoshop cs3 ,[object Object]
[object Object]
 
 
[object Object]
 
 
 
3 .  ไปที่เมนู  Window > Animation  จะได้หน้าต่าง  Animation  ขึ้นมา ดังรูป
 
4 .  คลิกตรง  0 sec .  เพื่อเลือกเวลาที่ต้องการ ในการแสดงแต่ละภาพ ในที่นี้เลือกเป็น  2   วินาที
 
5 .  คลิกที่  Duplicates selected frames  เพื่อ  copy  จาก  frame  แรก ดังรูป
 
6 .  หลังจากนั้นให้ไปคลิกที่รูปตาตรงเลเยอร์ที่  3   ออก ดังรูป
 
7 .  กลับไปคลิกที่  Duplicates selected frames  เพื่อ  copy  จาก  frame  ที่สอง  ( เหมือนข้อ  5 )
 
8 .  ต่อจากนั้นให้ไปคลิกที่รูปตาตรงเลเยอร์ที่  2   ออก  ( เหมือนข้อ  6 )
 
9 .  ทดสอบได้โดยการกดปุ่ม  play animation  จะเล่นตั้งแต่  frames  แรกไป  frames  สุดท้าย  frames  ละ  2   วินาที เมื่อจบ  frames  สุดท้ายก็จะวนกลับไปที่  frames  แรกใหม่
10 .  ไปที่  File > Save for Web & Devices  หรือกด  ALT  +  CTRL  +  SHIFT  +  S  เพื่อเซฟ และตั้งค่าตามต้องการ
 
11 .  สุดท้ายเราก็จะได้รูปเอนิเมชั่นที่ทำจาก  photoshop cs3   แล้วครับ ง่ายๆใช่มั๊ยครับ สำหรับคนที่เคยใช้  ImageReady  ก็คงจะคุ้นเคยกันเป็นอย่างดี
จบการนำเสนอ
[object Object],[object Object],[object Object]

More Related Content

Viewers also liked

La brecha corregido
La brecha corregidoLa brecha corregido
La brecha corregido
psicobloc
 
Otto sectional champ2015-2
Otto sectional champ2015-2Otto sectional champ2015-2
Otto sectional champ2015-2
Lynne Taylor
 
Osnovni delovi kl mot sus
Osnovni delovi kl mot susOsnovni delovi kl mot sus
Osnovni delovi kl mot sus
milivoje54
 
Horor film poster pp
Horor film poster ppHoror film poster pp
Horor film poster pp
oheleliiee
 
Overall recip compressor brochure
Overall recip compressor brochureOverall recip compressor brochure
Overall recip compressor brochure
Amardhiana
 
Research: Similar Product (Magazine Advertisement)
Research: Similar Product (Magazine Advertisement)Research: Similar Product (Magazine Advertisement)
Research: Similar Product (Magazine Advertisement)
samanthanatalie
 
P2 presentación de gabinete programa 1er trimestre 14
P2 presentación de gabinete programa 1er trimestre 14P2 presentación de gabinete programa 1er trimestre 14
P2 presentación de gabinete programa 1er trimestre 14
guillermina75
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
briwa
 

Viewers also liked (18)

1 mapa de aliados
1 mapa de aliados1 mapa de aliados
1 mapa de aliados
 
La brecha corregido
La brecha corregidoLa brecha corregido
La brecha corregido
 
Apresentação da Ademi-PE com os números do Salão Imobiliário 2015
Apresentação da Ademi-PE com os números do Salão Imobiliário 2015Apresentação da Ademi-PE com os números do Salão Imobiliário 2015
Apresentação da Ademi-PE com os números do Salão Imobiliário 2015
 
How Tenant And Pre-Employment Background Checks Can Protect You
How Tenant And Pre-Employment Background Checks Can Protect YouHow Tenant And Pre-Employment Background Checks Can Protect You
How Tenant And Pre-Employment Background Checks Can Protect You
 
Otto sectional champ2015-2
Otto sectional champ2015-2Otto sectional champ2015-2
Otto sectional champ2015-2
 
Concilios
ConciliosConcilios
Concilios
 
Osnovni delovi kl mot sus
Osnovni delovi kl mot susOsnovni delovi kl mot sus
Osnovni delovi kl mot sus
 
My last vacation Beatriz
My last vacation BeatrizMy last vacation Beatriz
My last vacation Beatriz
 
Evolución de la tecnología.
Evolución de la tecnología.Evolución de la tecnología.
Evolución de la tecnología.
 
Live cricket aus vs pak hot stream
Live cricket aus vs pak hot streamLive cricket aus vs pak hot stream
Live cricket aus vs pak hot stream
 
Horor film poster pp
Horor film poster ppHoror film poster pp
Horor film poster pp
 
Overall recip compressor brochure
Overall recip compressor brochureOverall recip compressor brochure
Overall recip compressor brochure
 
Weeds quiz game_j_corbett
Weeds quiz game_j_corbettWeeds quiz game_j_corbett
Weeds quiz game_j_corbett
 
Lesson3 來逛亞洲商城
Lesson3 來逛亞洲商城Lesson3 來逛亞洲商城
Lesson3 來逛亞洲商城
 
Electiva
ElectivaElectiva
Electiva
 
Research: Similar Product (Magazine Advertisement)
Research: Similar Product (Magazine Advertisement)Research: Similar Product (Magazine Advertisement)
Research: Similar Product (Magazine Advertisement)
 
P2 presentación de gabinete programa 1er trimestre 14
P2 presentación de gabinete programa 1er trimestre 14P2 presentación de gabinete programa 1er trimestre 14
P2 presentación de gabinete programa 1er trimestre 14
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 

Similar to การทำภาพเอนิเมชั่นใน Photoshop

การทำ Photoshop cs3
การทำ Photoshop  cs3การทำ Photoshop  cs3
การทำ Photoshop cs3
Suthida Srikiat
 
งานนำเสนอ3
งานนำเสนอ3งานนำเสนอ3
งานนำเสนอ3
monpooh
 
การสร้างบทเรียน Cai ด้วย Flash
การสร้างบทเรียน Cai ด้วย Flashการสร้างบทเรียน Cai ด้วย Flash
การสร้างบทเรียน Cai ด้วย Flash
mathawee wattana
 
Vegas7 110907211826-phpapp01
Vegas7 110907211826-phpapp01Vegas7 110907211826-phpapp01
Vegas7 110907211826-phpapp01
Aekapoj Poosathan
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
Suthida23
 
สร้างลูกเต๋าแบบสุ่ม
สร้างลูกเต๋าแบบสุ่มสร้างลูกเต๋าแบบสุ่ม
สร้างลูกเต๋าแบบสุ่ม
Augusts Programmer
 
Digital media animation
Digital media animationDigital media animation
Digital media animation
ajpeerawich
 

Similar to การทำภาพเอนิเมชั่นใน Photoshop (20)

การทำ Photoshop cs3
การทำ Photoshop  cs3การทำ Photoshop  cs3
การทำ Photoshop cs3
 
งานนำเสนอ3
งานนำเสนอ3งานนำเสนอ3
งานนำเสนอ3
 
การสร้างบทเรียน Cai ด้วย Flash
การสร้างบทเรียน Cai ด้วย Flashการสร้างบทเรียน Cai ด้วย Flash
การสร้างบทเรียน Cai ด้วย Flash
 
Vegas7 110907211826-phpapp01
Vegas7 110907211826-phpapp01Vegas7 110907211826-phpapp01
Vegas7 110907211826-phpapp01
 
Flash
FlashFlash
Flash
 
คู่มือFlash
คู่มือFlashคู่มือFlash
คู่มือFlash
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
animation-gif-by-firework
animation-gif-by-fireworkanimation-gif-by-firework
animation-gif-by-firework
 
รู้จักกับโปรแกรม adobe flash cs3
รู้จักกับโปรแกรม adobe flash cs3รู้จักกับโปรแกรม adobe flash cs3
รู้จักกับโปรแกรม adobe flash cs3
 
เจมส์
เจมส์เจมส์
เจมส์
 
คู่มือ Sony Vegus 7.0
คู่มือ Sony Vegus 7.0คู่มือ Sony Vegus 7.0
คู่มือ Sony Vegus 7.0
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
week5
week5week5
week5
 
Proshow gold by wutjung
Proshow gold  by wutjungProshow gold  by wutjung
Proshow gold by wutjung
 
Photo story
Photo storyPhoto story
Photo story
 
Photo story
Photo storyPhoto story
Photo story
 
คู่มือFlashcs3
คู่มือFlashcs3คู่มือFlashcs3
คู่มือFlashcs3
 
สร้างลูกเต๋าแบบสุ่ม
สร้างลูกเต๋าแบบสุ่มสร้างลูกเต๋าแบบสุ่ม
สร้างลูกเต๋าแบบสุ่ม
 
Digital media animation
Digital media animationDigital media animation
Digital media animation
 
Plan10
Plan10Plan10
Plan10
 

More from kanyaray03

งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
kanyaray03
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
kanyaray03
 
งานนำเสนอ2
งานนำเสนอ2งานนำเสนอ2
งานนำเสนอ2
kanyaray03
 
งานนำเสนอ2
งานนำเสนอ2งานนำเสนอ2
งานนำเสนอ2
kanyaray03
 
การทำภาพเอนิเมชั่นใน Photoshop
การทำภาพเอนิเมชั่นใน Photoshopการทำภาพเอนิเมชั่นใน Photoshop
การทำภาพเอนิเมชั่นใน Photoshop
kanyaray03
 
งานนำเสนอ3
งานนำเสนอ3งานนำเสนอ3
งานนำเสนอ3
kanyaray03
 
การทำภาพเอนิเมชั่นใน Photoshop
การทำภาพเอนิเมชั่นใน Photoshopการทำภาพเอนิเมชั่นใน Photoshop
การทำภาพเอนิเมชั่นใน Photoshop
kanyaray03
 
งานนำเสนอ3
งานนำเสนอ3งานนำเสนอ3
งานนำเสนอ3
kanyaray03
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
kanyaray03
 
งานนำเสนอ3
งานนำเสนอ3งานนำเสนอ3
งานนำเสนอ3
kanyaray03
 
การทำภาพเอนิเมชั่นใน Photoshop
การทำภาพเอนิเมชั่นใน Photoshopการทำภาพเอนิเมชั่นใน Photoshop
การทำภาพเอนิเมชั่นใน Photoshop
kanyaray03
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
kanyaray03
 
ประวัติส่วนตัว
ประวัติส่วนตัวประวัติส่วนตัว
ประวัติส่วนตัว
kanyaray03
 
ข้อมูลส่วนตัว
ข้อมูลส่วนตัวข้อมูลส่วนตัว
ข้อมูลส่วนตัว
kanyaray03
 

More from kanyaray03 (14)

งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
งานนำเสนอ2
งานนำเสนอ2งานนำเสนอ2
งานนำเสนอ2
 
งานนำเสนอ2
งานนำเสนอ2งานนำเสนอ2
งานนำเสนอ2
 
การทำภาพเอนิเมชั่นใน Photoshop
การทำภาพเอนิเมชั่นใน Photoshopการทำภาพเอนิเมชั่นใน Photoshop
การทำภาพเอนิเมชั่นใน Photoshop
 
งานนำเสนอ3
งานนำเสนอ3งานนำเสนอ3
งานนำเสนอ3
 
การทำภาพเอนิเมชั่นใน Photoshop
การทำภาพเอนิเมชั่นใน Photoshopการทำภาพเอนิเมชั่นใน Photoshop
การทำภาพเอนิเมชั่นใน Photoshop
 
งานนำเสนอ3
งานนำเสนอ3งานนำเสนอ3
งานนำเสนอ3
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
งานนำเสนอ3
งานนำเสนอ3งานนำเสนอ3
งานนำเสนอ3
 
การทำภาพเอนิเมชั่นใน Photoshop
การทำภาพเอนิเมชั่นใน Photoshopการทำภาพเอนิเมชั่นใน Photoshop
การทำภาพเอนิเมชั่นใน Photoshop
 
งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
ประวัติส่วนตัว
ประวัติส่วนตัวประวัติส่วนตัว
ประวัติส่วนตัว
 
ข้อมูลส่วนตัว
ข้อมูลส่วนตัวข้อมูลส่วนตัว
ข้อมูลส่วนตัว
 

การทำภาพเอนิเมชั่นใน Photoshop

  • 2.
  • 3.
  • 4.  
  • 5.  
  • 6.
  • 7.  
  • 8.  
  • 9.  
  • 10. 3 . ไปที่เมนู Window > Animation จะได้หน้าต่าง Animation ขึ้นมา ดังรูป
  • 11.  
  • 12. 4 . คลิกตรง 0 sec . เพื่อเลือกเวลาที่ต้องการ ในการแสดงแต่ละภาพ ในที่นี้เลือกเป็น 2 วินาที
  • 13.  
  • 14. 5 . คลิกที่ Duplicates selected frames เพื่อ copy จาก frame แรก ดังรูป
  • 15.  
  • 16. 6 . หลังจากนั้นให้ไปคลิกที่รูปตาตรงเลเยอร์ที่ 3 ออก ดังรูป
  • 17.  
  • 18. 7 . กลับไปคลิกที่ Duplicates selected frames เพื่อ copy จาก frame ที่สอง ( เหมือนข้อ 5 )
  • 19.  
  • 20. 8 . ต่อจากนั้นให้ไปคลิกที่รูปตาตรงเลเยอร์ที่ 2 ออก ( เหมือนข้อ 6 )
  • 21.  
  • 22. 9 . ทดสอบได้โดยการกดปุ่ม play animation จะเล่นตั้งแต่ frames แรกไป frames สุดท้าย frames ละ 2 วินาที เมื่อจบ frames สุดท้ายก็จะวนกลับไปที่ frames แรกใหม่
  • 23. 10 . ไปที่ File > Save for Web & Devices หรือกด ALT + CTRL + SHIFT + S เพื่อเซฟ และตั้งค่าตามต้องการ
  • 24.  
  • 25. 11 . สุดท้ายเราก็จะได้รูปเอนิเมชั่นที่ทำจาก photoshop cs3 แล้วครับ ง่ายๆใช่มั๊ยครับ สำหรับคนที่เคยใช้ ImageReady ก็คงจะคุ้นเคยกันเป็นอย่างดี
  • 27.