2006/Oct/30

หวาดดีคร้าบบ.. ~~"

กลับมาแล้วครับ หลังจากหายหน้าหายตา ไม่ได้อัพเอนทรีมาประมาณซัก 2-3 วันได้มั้ง

วันนี้ก็จะขออัพเกี่ยวกับทริคเล็กๆน้อยๆ ใน Imageready ครับผม ^^*

หลายๆท่านอาจจะเปิดเทอมกันแล้วนะครับ (รวมทั้งเราด้วย) เปิดเทอมวันนี้เป็นวันแรก งานยังไม่มี เลยมีเวลาว่างมานั่งอัพครับ

ก็เลยอยากจะบอกว่า จะหายหน้าหายตาไปซักพักนะครับ หลังจากอัพเอนทรีนี้เสร็จสิ้นแล้ว

เพราะว่าต้องแบ่งเวลาไปทบทวนหนังสือ ทำการบ้าน และอะไรอีกมากมายหลายประการครับ

จึง(ขอ)บอกไว้ตรงนี้ก่อนนะว่า... เอนทรีนี้ เราอาจจะเรียบเรียงสำนวนไม่ดีเท่าที่ควร เพราะว่าทำจากประสบการณ์จริง

ทำให้ผู้อ่านหลายท่าน(ที่จะนำไปลองทำ) อาจจะงงซักนิดนึง ตรงนี้ต้อง ขออภัย มา ณ ที่นี้ด้วยครับ

ถ้า งง สงสัย ไม่เข้าใจ อะไร ยังไง ที่ไหน อย่างไร มีข้อผิดพลาด ติ-ชม ก็บอกเล่ากันได้ใน Comments Box ละกันนะครับผม

จะทยอยตอบพร้อมกับ Edit ในส่วนที่ยังผิดพลาดด้วยครับ

ก็คือประมาณว่าจะไม่ได้อัพเอนทรีใหม่ไปอีกนานเลย แต่ถ้าพอมีเวลาว่างก็จะมานั่งเรียบเรียงข้อมูลสำหรับเทคนิคต่อไป เพื่อรอเวลาที่จะขึ้นเอนทรีใหม่แหละครับ ไม่ต้องเป็นห่วงนะครับสำหรับผู้ที่ Want เทคนิคใหม่ๆอยู่ครับ เราไม่ได้หายไปไหนครับผม ^^* แต่แค่ไม่มีเวลานั่งหน้าคอมเท่านั้นเองอ่ะ - -*


>> การนำรูปภาพหลายๆรูปมาทำเป็น Animation โดย Adobe Imageready

เห็นชื่อเรื่องก็อลังการแล้วนะครับ เพราะว่าเราจะทำการสร้าง Animation เลยทีเดียว หลายๆคนแค่อ่านชื่อเรื่องอาจจะบอกว่า "โหย จะทำได้มั้ยเนี่ยะ" แต่วิธีทำนั้น ขอบอกเลย ว่า ง่ายมากๆเลยครับ พร้อมหรือยังครับ พร้อมแล้วก็เริ่มเลยละกันนะ

>> Read Me First ~~
สำหรับผู้ที่ต้องการทำแบบ Animation เตรียมภาพแบบต่อเนื่องมาด้วยครับ
ส่วนผู้ที่ต้องการทำแบบ Slideshow ไม่ต้องเตรียมภาพแบบต่อเนื่องก็ได้นะครับ มีภาพอะไรก็ใส่มาเลยครับ
** ควรย่อภาพให้เท่ากับหน้ากระดาษที่สร้างเพื่อจะทำ Animation-Slideshow ด้วยนะครับ **

1. ไปที่ File > New (Ctrl+N) เพื่อทำการสร้างหน้ากระดาษใหม่ครับ ใส่ขนาดตามต้องการครับ
** อย่าลืม แถบ Contents of First Layer ให้คลิก Transparent นะครับ **
เสร็จแล้วกด OK เลย

2. ได้หน้ากระดาษมาแล้วครับ

3. เปิดไฟล์รูปภาพที่ต้องการครับ
** ในที่นี้ เราทำแบบ Animation นะครับ คือต้องใช้ภาพต่อเนื่อง สำหรับผู้ที่จะทำแบบ Slideshow วิธีทำเหมือนกันครับ ไม่ต้องเป็นห่วง **

4. จับลากลงหน้ากระดาษใหม่โดยการ คลิกที่ Move Tool (คีย์ลัด V) ที่แถบเครื่องมือด้านซ้ายครับ

5. ลากเสร็จแล้ว ให้คลิกที่ Duplicates current frame ในแถบ Animation ครับ เพื่อเพิ่มเฟรม
** แนะนำหน่อยนะ - ก่อนที่จะนำภาพใหม่มาใส่ อย่าลืมคลิกที่ Duplicates current frame ในแถบ Animation เพื่อเพิ่มเฟรมด้วยนะครับ **

6. ดูแถบ Animation นะครับ ให้คลิกขวาที่เฟรมแล้วเลือก Do not dispose ครับ
** ขออธิบายหน่อยนะ - Do not dispose ก็คือการยึดภาพในเฟรมสุดท้าย ไม่ให้เคลื่อนไหวตามเฟรมก่อนหน้าครับ แต่ถ้าเราขยับภาพในเฟรมแรก เฟรมต่อๆไปจะขยับด้วยนะครับ ^^" **
** ข้อควรระวัง - เมื่อเพิ่มเฟรมใหม่ทุกครั้งอย่าลืมคลิกขวาที่เฟรมแล้วเลือก Do not dispose ด้วยนะครับ ไม่อย่างนั้นรูปจะไม่ตรงกรอบครับ **

** วิธีการจัดภาพในแต่ละเฟรม **
การทำ Animation ใน Imageready นั้น เฟรมแต่ละเฟรมจะต้องใช้ภาพที่ต่างกันนะครับ (ไม่อย่างนั้นเค้าจะเรียกว่าภาพต่อเนื่องหรอ - -") ซึ่งการจัดภาพนั้น อาจจะเป็นไปด้วยความยากลำบากซักนิดนึง แต่ถ้าเข้าใจหลักเพียงนิดเดียว ก็สามารถทำให้เป็นเรื่องง่ายๆได้เลยครับ

** ดูภาพตามไปด้วยเพื่อความเข้าใจนะครับ **
Q :: ถ้าเกิดว่าเฟรมมี 2 เฟรม หรือมากกว่านั้น จะจัดภาพกันยังไงหล่ะครับ

A :: ก่อนอื่น ใส่ Do Not Dispose ให้กับทุกเฟรมก่อนนะครับ

> คลิกที่เฟรมสุดท้าย แล้วลากภาพลงเลยครับ

> จัดภาพที่เฟรมสุดท้ายให้พอดีกรอบ

> เลื่อนภาพที่ลากมาใหม่ในเฟรมแรกออกไป (ระวังด้วยนะครับ ภาพในเฟรมถัดไปจะถูกเลื่อนไปด้วย)

> เมื่อภาพที่ลากมาใหม่ ในเฟรมก่อนหน้าเฟรมสุดท้ายทุกเฟรม ถูกเลื่อนออกไป ก็จัดภาพในเฟรมสุดท้ายให้พอดีดังเดิมครับ

>> ฟังทางนี้หน่อยนะ...
** จะต้องจัดภาพแบบนี้ทุกครั้งเมื่อมีการนำภาพใหม่มาลากใส่หน้ากระดาษนะครับ **
** ก่อนที่จะนำภาพใหม่มาใส่ อย่าลืมคลิกที่ Duplicates current frame ในแถบ Animation เพื่อเพิ่มเฟรมด้วยนะครับ (ดูภาพได้นะ)

7. เปิดไฟล์ภาพถัดไป แล้วจับลากลงหน้ากระดาษดังเดิม

จัดรูปให้ตรงกรอบดังวิธีที่กล่าวไว้ข้างบนครับ

คลิกที่ Duplicates current frame ในแถบ Animation เพื่อเพิ่มเฟรม

ทำซ้ำไปเรื่อยๆ จนครบทุกภาพเลยครับ

8. มาถึงข้อนี้ก็คงจะจัดภาพกันเสร็จเรียบร้อยพอดีละนะครับ พร้อมที่จะเซฟแล้ว แต่เดี๋ยวก่อน....
สำหรับผู้ที่ต้องการทำ Animation และ Slideshow ตรงนี้สามารถกำหนดเวลาในแต่ละเฟรม ว่าจะแสดงภาพในเฟรมนั้นๆ กี่วินาทีครับ (หรือไม่กำหนดก็แล้วแต่ครับ) โดยให้คลิกที่ สามเหลี่ยมเล็กๆ แล้วเลือกเวลาที่จะแสดงภาพในเฟรมนั้นๆครับ หรือคลิกที่ Other เพื่อกำหนดเวลาเองครับ

กำหนดเวลาตามต้องการครับ เสร็จแล้วกด OK

9. ดูผลงานตัวเองก่อน โดยคลิกที่ Plays/stops animation ในแถบ Animation ครับ

10. เสร็จแล้วไปที่ File > Save Optimized As... (คีย์ลัด Ctrl+Shift+Alt+S) เป็นอันเสร็จพิธีครับ

11. ตามผลงานครับ

เป็นไงกันมั่งครับสำหรับเทคนิคนี้ ถึงวิธีการอาจจะซ้ำซ้อน (ตรงจัดภาพเนี่ยะแหละ) แต่เราคิดว่า ฝีมืออย่างคุณท่านๆ คงทำได้แน่นอนครับ อิอิ

จริงๆ แล้วก็อยากจะแวะเข้ามาทุกวันเลยนะครับ แต่พอดีช่วงนี้ไม่มีเวลาเลย ยิ่งเปิดเทอม งานก็เยอะขึ้นเป็นเงาตามตัวเลย

ก็อย่างที่กล่าวไว้ข้างต้นแหละครับ มีอะไรก็ Comments ได้เลยนะครับ รับฟังทุกความคิดเห็นครับผม.. ^^*

ปล. ไม่ต้องกลัวว่าเราจะหายนะครับ ไม่ได้ไปไหนครับ อยู่ในใจคุณๆเสมอแหละ 555+ ถ้าว่าง-มีเวลาจะแวะเข้ามาครับผม รักและคิดถึงทุกคนครับ ^^"

ปล.2 แหม แค่นี้อย่างร้องไห้สิ โอ๋ๆๆๆ...... ~~"

ปล.3 เราอัพแล้วไม่มีใครมาอ่านก็ยังไงอยู่นา อัพไปไม่มีคนอ่านไม่รู้จะอัพไปไมเนอะ - -" (แอบน้อยใจอีกแล้ว)

ชื่อ: 
เว็บไซต์: 
คอมเมนต์:




smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry
ขอเซฟไว้นะครับ
ขอบคุณมากๆ เป็นประโยชน์มากเลยครับ
ขอบคุณครับ
#1  by  ~the xnux~ At 2006-10-30 18:54, 
ขอบคุณมากๆๆๆค่าTwT
กะลังอยากรู้การทำแบบเคลื่อนไหวๆพอดีค่ะ ปกติเราใช้ลูกมั่วอย่างเดียวเลย 555+

-/ยังติดตามเรื่อยๆนะคะ^^
#2  by  -๑-JamarU-๑- At 2006-10-30 19:30, 
แจ๋ววววววเลยยย เด๋วลองทำมั่งคับ ชอบ ๆ
#3  by  Tang-mae At 2006-10-30 19:50, 
ม่ายเอาจาเอาแท่งใหญ่
.
.
.
.
.
.
.
.
เฮ้ย ! ม่ายช่าย
.
.
.
.
.
.
.
.
เราหมายถึงเราก้อทามเปน
.
.
.
.
.
.
เพียงแต่มานใช้เวลาบวกกับฟามพยายาม
.
.
.
.
.
.
.
เพราะงั้นม่ายทำดีกว่า
.
.
ปล่อยตามเลยปายเรื่อยๆๆๆดีแล้วล่ะ
.
.
.
.
มีวันไหนที่อัพแบบไม่มีสาระบ้างมั้ยเนี่ย ดูเราเป็นตัวอย่างสิ หัดไร้สาระบ้างนะ อิอิ
ใช้คำสั่ง fixed หรือ no-repeat ดูนะคะ
แต่ตอนนี้ดูเหมือนจาล็อกbgได้แล้วนิคะ
#6  by  +- Meiru : 兄弟 -+ At 2006-10-31 17:48, 
ม่าเคยใช้เลย งิ อยากไปนะข้าวสาร 555 แต่ม่ามีไครไปด้วย งิ
ขอบคุณ ขอบใจ ขอบพระทัย แต้งกิ้ว

แจ่มไปเลยค่า เด่วลองไปทำมั้ง
#8  by  *~อินู๋วีน~* At 2006-10-31 21:32, 
ความรู้ๆๆๆ
#9  by  sonteen At 2006-11-01 11:03, 
ขนาดอาจารย์สอนแล้วนะเนี่ย..

ทำไมอุ๋มยังเบลอๆ..
#10  by  :๏: i am aum :๏: At 2006-11-01 20:18, 
ขอบคุณมั๊กเลยค่าาา >x<
จาได้เอาไว้ทำม่างงง อยากทำมานานแระ แต่ทำไม่เป็น เรามานโง่ๆคอมอยู่ T^T ขอบคุงที่ช่วยสอนนะเค๊อะ
#11  by  `` P i n K A p p l E ™ At 2006-11-02 09:58, 
อ๋าๆๆๆๆ ขอบคุณมากมายเรยค่ะ

ได้ประโยชน์มากๆๆ

เวเราเอาไปฝึกทำเล่นมั่งดีกว่า อิอิ
#12  by  ^^YUi At 2006-11-03 00:37, 
อะโห...ได้ความรู้มาก มากค่า

ชอบมากเลย..
เเอดนะคะ
#14  by  KusaYoshi At 2006-11-03 09:48, 
blog หวานแหววมากเลยครับ แถมมีสาระดี ขอ add เลยครับผม
#15  by  sasom At 2006-11-03 13:24, 
ขอบคุณค๊าบบบ อยากได้มานานแย้ว
#16  by  In the name of PLENG At 2006-11-03 16:05, 
แจ๋มครับๆ
ยังมีคนอ่านอยู่น่า !
#17  by  meddlesome_ At 2006-11-05 23:49, 
โห เพิ่งเคนเข้าบล๊อกนี้ครั้งแรก รู้สึกว่าความรู้อัดแน่น อิอิ (ดูจากเอนทรี่ก่อนๆด้วย) ไม่เหมือนบล๊อกเราเลย มีแต่เรื่องอะไรติงต๊อง 555

ไว้ว่างๆจะลองทำที่ลงไว้ดูค่ะ ดูแล้วน่าจะไม่ยากเท่าไหร่ รึเปล่า

Ps. ขอแอดบล๊อกหน่อยนะค่ะ แล้วก็อย่าน้อยใจไปเลยค่ะ เรื่องอ่านบล๊อก เพราะเพื่อนเราบางคนชอบเข้ามาอ่านแต่ก็ไม่เม้นอ่ะค่ะ เลยไม่รู้ว่ามันอ่านรึเปล่า ฮี่ๆๆ
#18  by  mo0NL!Ght~เห็ดน้อย At 2006-11-07 21:32, 
ยังไม่เคยลองใช้โปรแกรม Imageready เลย
ไว้ต้องลองหน่อยแล้ว
#19  by  bakabo (~^) At 2006-11-08 12:35, 
จะลองเอาไปใช้ดูน่ะค่ะ
#20  by  Blog's Chocola-Creamy At 2007-04-21 20:51, 
ขอบคุณค่ะ
#21  by  HaN_ka*EW* (203.188.28.123) At 2007-05-06 05:57, 
thank you มากๆจ้า
ฮ่า ... ได้ทำรูปที่มีลูกเล่นดีๆ แล้ว ...

วันนี้งานก็ผ่านไปอีก 1
#22  by  papi-papico (203.152.62.206) At 2007-07-18 10:44, 
>< ขอบคุณมากมายค่า ตามหาวิธีมานานแล้วนะเนี่ย
#23  by  Nu~ploy (125.25.171.238) At 2007-09-27 10:51, 
เย้หาเจอแล้ว!!
กำลังหาข้อมูลทำรายงานอยู่พอดีเลย
เรียนอยู่ทำในชั่วโมง
ซึ้งมากมายเลยพี่ >w<
กำลังเรียนเรื่องนี้อยู่ด้วย
ขอบคุนมากค่ะopen-mounthed smile
#24  by   (221.128.87.201) At 2008-01-03 15:42, 
ขอบคุณค่า จะลองทำดูbig smile
#25  by  *kyu♥~♥min* At 2008-01-07 00:04, 
ขอบคุนมั่กๆเลยค่ะถ้าไม่ได้เวปนี้คงไม่มีงานส่งแน่เรย

เปนปลื้มมม >W< 55+

แง่มๆเด๋วจะลองทำนะจร้า อิอิ

ขอบคุนมากๆค่ะ >O<confused smile
#26  by  อัน (221.128.87.201) At 2008-01-10 14:18, 
ขอบคุงมากมากเลยค่ะ
ดีเยี่ยมค่ะ
#27  by  บจขิ (58.9.176.201) At 2008-01-12 20:49, 
ดีมาก มาก เลยค่ะ

ขอบคุนนะค่ะquestion
#28  by  ขิง (58.9.176.201) At 2008-01-12 20:50, 
น่ารักดี ดี^^**
#29  by   (58.136.207.14) At 2008-01-15 19:36, 
Hello! Good Site! Thanks you! nfhzekkyzmo
#30  by  cxxpfvgiot (217.221.90.178) At 2008-01-28 09:14, 
พี่ ครับ แล้วเราจะเซฟยังไงอะครับ
มันมีให้เลือก ตั้งหลายอย่าง
ผมลองแล้ว มันไม่ติดให้อะครับ
พอเซฟ แล้วมาเปิดดูมันไม่ เขยิบไรเลยsad smile sad smile
#31  by  dfsdf (222.123.10.79) At 2008-04-07 19:46, 
ขอบคุณครับ...
#32  by  Amino-X At 2008-04-13 14:50, 
ใส่เพลงทำยังไงอ่ะsad smile
#33  by   (124.122.131.26) At 2008-05-03 20:42, 
เว็บผมมีแต่เกม devil may cry4
#34  by  kich-nan@hotmail.com (124.120.142.55) At 2008-06-08 17:38, 
it is good . i want to know morethan this.it is advent.surprised smile surprised smile sad smile
#35  by  duaa (118.175.86.5) At 2008-06-10 09:41, 
มันเป็นเรื่องเล่าที่เข้าท่าค่ะ..*0*"open-mounthed smile
#36  by   (125.24.212.157) At 2008-06-15 20:20, 
ขอบคุณมากๆๆมากคับ
#37  by   (125.27.203.57) At 2008-06-19 19:29, 
thankkkkkkkkkkkk
หามานานมากกว่าจะเป็น
#38  by  หี (118.172.246.219) At 2008-06-25 19:38, 

<< Home


ニュビーズ ☆彡
View full profile