The Prince of Tennis Thailand Fansite

the Prince of Tennis SQUARE Your #1 PoT Thailand Fansite
 
บ้านPortal*Calendarช่วยเหลือค้นหารายชื่อสมาชิกกลุ่มผู้ใช้สมัครสมาชิก(Register)เข้าสู่ระบบ(Log in)
WE "RE BACK!

Share | 
 

 มาสร้าง gif animation ง่ายๆกันเถอะๆ

Go down 
ผู้ตั้งข้อความ
meiner
Real Player
Real Player
avatar


ตั้งหัวข้อเรื่อง: มาสร้าง gif animation ง่ายๆกันเถอะๆ   Wed Apr 29 2009, 23:44

ที่มาในการสร้างกระทู้นี้(ใครเค้าอยากรู้...)
เนื่องจากคนเขียนใกล้จะสอบแล้ว
อ่านหนังสือไปไม่เข้าหัวเลยหาไรเล่นดีกว่า
เลยนั้งแต่งภาพเล่น(เนื่องจากเน็ทเน่าเล่นเกมไม่ได้)
ก็เลยเอาวิธีทำมาฝากเผื่อคนไหนยังไม่รู้จะได้ทำเป็นบ้าง

การสร้างภาพเคลื่อนไหวแบบ gif เป็นการเอาหลายภาพมาวางต่อกัน โดยให้เวลาในการแสดงภาพแต่ละภาพห่างกันไม่มากนัก
เพื่อทำให้เกิดภาพติดตา(ทำให้เราคิดว่าเป็นภาพเคลื่อนไหว)

โปรแกรมที่ใช้ก็เช่น adobe photoshop, imageready ความจริงมันก็สร้างได้หลายโปรแกมแหละ แต่ใช้ไม่เป็นอะ

มาที่ขั้นตอนกันเลยดีกว่า

เปิด photoshop
เริ่มแรกก็หารูปที่จะเอามาทำเป็นภาพเคลื่อนไหว หรือ จะวาดใหม่ก็ได้





เปิดหน้าต่างใหม่ file>new
ปรับขนาดตามต้องการ ในกรณีที่ไม่ต้องการให้มี background ให้เลือก transparent ในช่อง background contents

ต่อจากเลือกรูปถ้าเราต้องการแค่บางส่วนของภาพก็ให้ตัดภาพส่วนที่ต้องการ
ด้วยเครื่องมือ2 หรือ 3 (กดเม้าค้างไว้จะมีเครื่องมือซ่อนอยู่อีก ลอกเลือกใช้กัน)
คราวนี้เราก็จะย้ายส่วนที่เราต้องการมาที่หน้าต่างที่เปิดไว้ใหม่ด้วยเครื่องมือ 1
(ในหน้าต่างที่เราเปิดไว้นั้นสามารถที่จะเอาหลายรูปไปวางๆรวมกันได้
ในการแต่งรูปหรือจะทำอะไรกับมันก็ตาม แนะนำให้ทำใน layer ใหม่ เพื่อที่ว่าเวลาจะแก้ หรือลบทิ้งจะได้ไม่มีปัญหา
พอได้ภาพตามที่ต้องการแล้วก็ส่งไปที่ ด้วยเครื่องมือ 5

เครื่องมือ 6 7 เอาไว้สร้างเลเยอร์ใหม่ กับ ลบเลเยอร์โดยลากมันมาที่รูป
4 เอาไว้ใส่ตัวอักษร
5 เอารู้เข้า imageReady


ใน Imageready





ดูที่ animation(ในกรณีที่ไม่มีหน้าต่างanimation ให้ไปที่ window แล้วเลือก animation)

มาเิริ่มทำภาพเคลื่อนไหวกัน(เนื้อหาสาระอยู่ที่นี้..เกรินซะยาว......)
ดูที่ animation เหมือนเดิม(จะให้ดูอีกนานไหม?)
หาสามเหลี่ยมพับมุม เพื่อสร้างเฟรมใหม่
พอกดไปหนึ่งครั้งจะเห็นว่าได้รูปที่เหมือนเดิมมาอีกหนึ่งชุดในช่องanimation
คราวนี้เราก็มาเลือกว่าจะให้ส่่วนไหนขยับได้
ใช้เครื่องมือ move tool (อันที่มันเหมือนกับเครื่องมืที่หนึ่งใน photoshop อะ)
ขยับส่วนที่ต้องการให้มันเคลื่อนไหว อย่าลืมว่าจะต้องเลือก layer ในส่วนนั้นด้วย
(กรณีที่ไม่ต้องการให้มองเห็น layer อืนให้คลิกที่รูปตาหน้าเลเยอร์นั้นๆ)
ปรับเวลาในช่อง animation ข้างล่างเฟรมแต่ละเฟรม(สาม) อยากให้ช้าเร็วแค่ไหนแล้วแต่เลย
ทำซ้ำ แก้ไข จนกว่าจะพอใจ (หรือขี้เกลียดทำแล้ว) ก็ให้เซฟ
โดยไปที่ file>save optomized as
เป็นอันเสร็จสิ้นการทำภาพเคลื่อนไหวแบบง่าย


รูปที่ทำวันนี้













อาจไม่ค่อยสวยเท่าไร เนื่องจากทำด้วยอาการจิตตกนิดหน่อยเลยทำแบบผ่าน(ตัดภาพได้ เ-ี้ย มาก)
ลองทำกันดูและเอามาแบ่งกันชม

เกือบลืม ขอบคุณรูปจาก nam26 ด้วยนะค่ะ

Basketball


แก้ไขล่าสุดโดย meiner เมื่อ Sat May 16 2009, 12:55, ทั้งหมด 1 ครั้ง
ขึ้นไปข้างบน Go down
snitsamanlarp
Real Player
Real Player
avatar


ตั้งหัวข้อเรื่อง: Re: มาสร้าง gif animation ง่ายๆกันเถอะๆ   Thu Apr 30 2009, 09:59

ขอบตุณ กับความรู้ที่ให้มา

_________________




ขึ้นไปข้างบน Go down
Admin
Admin
avatar


ตั้งหัวข้อเรื่อง: Re: มาสร้าง gif animation ง่ายๆกันเถอะๆ   Thu Apr 30 2009, 10:38

เยี่ยมฮะ! ^^"
ขึ้นไปข้างบน Go down
anyka
Jr. Representative Player
Jr. Representative Player
avatar


ตั้งหัวข้อเรื่อง: Re: มาสร้าง gif animation ง่ายๆกันเถอะๆ   Thu Apr 30 2009, 11:30

Thank you
ขึ้นไปข้างบน Go down
~AoFzii~
Real Player
Real Player
avatar


ตั้งหัวข้อเรื่อง: Re: มาสร้าง gif animation ง่ายๆกันเถอะๆ   Thu Apr 30 2009, 13:22

^^ ก็ O นะ

^^ ทำเป็นแล้ว แต่ว่ายังไม่สวยเหมือนกัน *0* ให้คนอื่นสอนแล้วลักจำมาเหมือนกัน อิอิ

_________________
ขึ้นไปข้างบน Go down
codegeass201
Subtitute Player
Subtitute Player
avatar


ตั้งหัวข้อเรื่อง: Re: มาสร้าง gif animation ง่ายๆกันเถอะๆ   Thu Apr 30 2009, 23:12

เยี่ยมเลยครับ ทำสวยกว่าผมเยาะมากๆ ขนาดเคยเรียนPhotoshopมาเเล้วนะเนี่ยฝีมือก็ยังห่วยเหมือนเดิม(หมายถึงผมนะครับ)

ชมพี่บุ๋มเลยครับ ว่า ทำสวยเเล้ว
ขึ้นไปข้างบน Go down
shusukefuji
Real Player
Real Player
avatar


ตั้งหัวข้อเรื่อง: Re: มาสร้าง gif animation ง่ายๆกันเถอะๆ   Fri May 08 2009, 13:27

Thx...*

ขอบคุณสำหรับความรู้นะฮะ

ต้องไปทำมั่งซะแล้ว !
ขึ้นไปข้างบน Go down
chakwang
Third Year Student
Third Year Student
avatar


ตั้งหัวข้อเรื่อง: Re: มาสร้าง gif animation ง่ายๆกันเถอะๆ   Wed May 13 2009, 11:33

ว้าว.....แหล่มเลยพี่บุ๋ม
กระผมก็ทำพวกนี้ยังไม่เป็น.....กะว่าจะเอาความรู้ของพี่บุ๋มไปลองใช้ดูเดี๋ยวนี้เลย
ได้ไม่ได้ยังไงเดี๋ยวมาโชว์อีกทีนิ
ขอบคุณสำหรับความรู้นะคร๊าบ
ขึ้นไปข้างบน Go down
Jenife
Subtitute Player
Subtitute Player
avatar


ตั้งหัวข้อเรื่อง: Re: มาสร้าง gif animation ง่ายๆกันเถอะๆ   Wed May 13 2009, 16:19

ขอบคุณสำหรับความรู้(หรือของเล่น)ค่ะ พี่บุ๋ม
ขึ้นไปข้างบน Go down
kwan_38
Real Player
Real Player
avatar


ตั้งหัวข้อเรื่อง: Re: มาสร้าง gif animation ง่ายๆกันเถอะๆ   Tue Jun 23 2009, 15:15

ขอบคุณค่ะ
ปล.ใช้โปรแกรม photoscape ก็ได้ค่ะ
ขึ้นไปข้างบน Go down
 
มาสร้าง gif animation ง่ายๆกันเถอะๆ
ขึ้นไปข้างบน 
หน้า 1 จาก 1

Permissions in this forum:คุณไม่สามารถพิมพ์ตอบ
The Prince of Tennis Thailand Fansite ::   :: etc : มาคุยนอกเรื่องกันน! :: จิปาถะ ฟอรั่ม-
ไปที่: