แฮ่กๆ กลับมาเกือบสุดสัปดาห์สำหรับฮาวทูฉบับมั่วนิ่มค่ะ
จะบอกว่าไม่เคยทำดอกไม้หมุนกะ Photoshop มาก่อนเลย
รู้แต่ทฤษฎีว่าทำแบบนี้มันน่าจะหมุนนะ 555
ลองทำสองรอบแล้วก็ยังรู้สึกว่าหมุนไม่เนียน รอบนี้เลยเอาใหม่ ลอง 24 เฟรมดูบ้าง

 

เป็นการลองผิดลองถูกไปด้วยกันละกันเนอะ ใครสนใจจะเล่นบ้างก็มาลองดูเลยละกัน เลสโก้!!!

 

 

- วาดรูปดอกไม้ขึ้นมาเลยค่ะ (อันนี้แอบใช้รูปเดิมแหละ )

 

- duplicate layer ซัก 13 เลเยอร์ค่ะ ตั้งชื่อเลเยอร์ตามลำดับเอาไว้ด้วยนะคะ
เวลาทำอนิเมชันจะได้จำง่ายๆ ค่ะ

 

- ไปที่เลเยอร์ 2 กด Ctrl+T เพื่อเป็นการจับดอกไม้หมุน
ไปที่แถบด้านบนแล้วกรอกค่ามุมไปเป็น 15 องศาค่ะ

 

จากนั้นก็ไปที่เลเยอร์ 3 กด Ctrl+T ใส่มุม 30 องศา
จากนั้นก็ไปที่เลเยอร์ 4 กด Ctrl+T ใส่มุม 45 องศา
จากนั้นก็ไปที่เลเยอร์ 5 กด Ctrl+T ใส่มุม 60 องศา

ไปเรื่อยๆ จนถึงเลเยอร์ 13 จะครบ 180 องศาพอดี
ก็ duplicate เลเยอร์ 13 ไปให้ครบ 24 เลเยอร์
แล้วก็ปรับมุมทีละ 15 องศาเหมือนเดิม

พอปรับมุมให้ดอกไม้หมุนครบ 360 องศาแล้ว ก็มาทำอนิเมชันกัน

 

- ไปที่ Windows > เลือก Animation  (อันนี้ใช้ Cs3 ค่ะ ถ้าใช้ Cs หรือ Cs2 ก็ใช้ ImageReady โลด )

จะเจอหน้าต่างแบบนี้ค่ะ

กด duplicate frame ให้มี 24 frame ค่ะ

 

 

- จากนั้นก็กดปิดตาหน้าเลเยอร์ค่ะ 

ยกตัวอย่างการเปิดปิดเลเยอร์นะคะ

อันนี้คือเปิดตาเลเยอร์ 1 เลเยอร์ 2 โดนปิดตาอยู่ค่ะ

 

เฟรม 1 กดเปิดตาเลเยอร์ 1 ปิดตาเลเยอร์อื่นให้หมด
เฟรม 2 กดเปิดตาเลเยอร์ 2 ปิดตาเลเยอร์อื่นให้หมด
เฟรม 3 กดเปิดตาเลเยอร์ 3 ปิดตาเลเยอร์อื่นให้หมด

ไปเรื่อยๆ จนถึงเฟรมสุดท้ายคือเฟรมที่ 24 ก็เปิดตาแต่เลเยอร์ 24 

จากนั้นมาตั้งเวลากันค่ะ

ตั้งค่าเวลาตามใจเลยค่ะ อยากหมุนเร็วก็ตั้งเวลาน้อยๆ หมุนช้าก็เฟรมนึงนานหน่อย

จากนั้นก็กด Save for web

ได้ดอกไม้หมุนละค่า

 

 

* ดอกไม้มันยังหมุนควงสว่านอยู่เลย (เป็นตั้งแต่เอนทรี่ที่แล้ว)
เดาว่าวาดดอกไม้ไม่สมมาตร มันเลยหมุนแบบพิการๆ 55

* ก็ยังหมุนไม่เนียนเนาะ 555 แถมไฟล์ใหญ่เบ้งอีกตะหาก
เอาไว้ฮึดอีกทีค่อยทำใหม่ละกัน ยากใช่ย่อยนะเนี่ย

 

เอาไว้ค่อยให้เพื่อนสอนทำกะแฟลช  

สรุปว่าอาทิตย์นี้เป็นอาทิตย์ฝึกทำดอกไม้หมุนแบบง่อยๆกะ photoshop 55

 

 

how to ไม่เข้าใจถามได้นะคะ
ขอให้ทำได้สวยๆ กันถ้วนหน้านะ

 

ถ้าไม่ทำก็รดน้ำให้ดอกไม้หมุนอย่างเดียวก็ได้ค่า ง่ายกว่ากันแยะ

 

Comment

Comment:

Tweet

น่ารักมากครับ

#18 By ร้านดอกไม้ (58.9.163.151) on 2009-11-20 19:14

จ้องนานๆ เหมือนโดนสะกดจิต big smile
หมุนไม่แปลกหรอกครับ เพิ่งเริ่มหัดทำ

ไม่แน่ในอนาคต สำหรับสาวเดือน อาจจะทำดอกไม้หมุน อนิเมชั่น ชั่น ชั่นนนนน...

#15 By หนึ่ง on 2009-06-23 05:35

น่ารักดี วันนี้เอางาน Thesis มาลงฝากเข้าไปชมหน่อยนะครับ เป็นสมาชิกใหม่ครับ ขอบคุณครับ big smile

#14 By MooKoyo Motion Graphics on 2009-06-21 20:32

หมุนติ้วๆ เลย confused smile

#13 By Googigg on 2009-06-20 23:21

เอา ซิเอาไปทำบ้างง Hot! Hot! Hot!

#12 By ire_u on 2009-06-20 22:50

น่ารักกก

#11 By เจน on 2009-06-20 20:50

น่ารักมากเลย พีไม่ทัน ช่วงดอกแป๊ะยิ้มสีเหลือง

อยากได้ จัง confused smile

#10 By p.cobra on 2009-06-20 11:15

ขนาดไฟล์คงโอฬารน่าดู

#9 By on 2009-06-20 09:40

หมุนติ้วเลยbig smile

#8 By Meowzilla Zilla on 2009-06-20 08:56

จะว่าไปไม่เคยทำอนิเมชั่นเลยค่ะ... (อ้อ.. ของเรา CS2 นี่เอง T^T) อยากทำบ้างแต่ไม่มี Image Ready ฮือๆ ยังไงก็ขอบคุณนะคะ m(_ _)m

#7 By Hayashi Kisara on 2009-06-20 04:11

ว้าว ต้องไปลองซะแว้ว

Hot! สำหรับความรู้จ๊ะ

#6 By Tammada on 2009-06-20 03:35

กะลังหาวิธีทำอยู่เลยอะพี่เดือน
ด้อยใช้ cs2 แหละต้องส่งไป imageready ปู้น

Hot! Hot!

#5 By iDoi* on 2009-06-20 02:38

เอ่อ...มันควงสว่านจิงๆด้วยค่ะ

ดอกไม้น่ารักดีจัง แอบมีหน้าตากับเค้าด้วยแฮะcry
หมุนมาทางนี้สิมี Hot! ด้วยนะเออ

แล้วเจอกันใหม่ด้วยความห่วงใย..confused smile
แง่ว น่ารัก แต่...มึนค่าwink

#2 By Variety-Phet on 2009-06-20 02:15

ซัก 0.0~0.1 สิ นะจะหมุนได้เร็วกว่านี้นะคะ
หรือว่านี่ 0.0~0.1 ต่อเฟรมแล้ว ฮ่าๆ

ไว้ทำมั่งดีกว่า ^ ^