2007/May/18

กลับมาและ ช่วงนี้เพื่อนๆหลายๆคน คงจะเปิดเทอมกันแล้วสินะครับ เราเองก็เปิดเทอมแล้วเช่นกัน อีกทั้งยังต้องเตรียมตัวกับการเรียน และ แอดมิชชั่น ด้วย แต่ก็ยังจะอุตส่าห์มาอัพเอนทรีให้เพื่อนๆอ่านกันอีกเนอะ -*-

สำหรับเอนทรีนี้ จะมานำเสนอในเรื่องการทำ Banner แบบ GIF Animation ซึ่งวิธีทำจะเหมือนกับการทำ GIF Animation ธรรมดานี่แหละ (ดูเพิ่มเติมได้จากเอนทรีนี้ >> Click !!) แต่ว่าเปลี่ยนมาเป็น Banner เท่านั้นเอง เนื้อหา จะแบ่งเป็น 2 ส่วน คือ ส่วนของการทำภาพต้นฉบับ เพื่อจะนำมาใช้ใน ImageReady และส่วนของการทำ GIF Animation เอาเป็นว่ามาดูกันเลยดีกว่า - -

>> ส่วนแรก - ทำภาพต้นฉบับ เพื่อจะนำมาใช้ใน ImageReady

1. สร้างหน้ากระดาษ ขนาดตามต้องการ แล้วตกแต่งด้วยแบบใดก็แล้วแต่ (อาจจะใช้ Brush หรือดึงรูปต่างๆ มาใช้ก็ได้)

2. ใส่ Text โดยใช้ Horizontal Type Tool

แล้วใส่ตัวอักษรที่ต้องการ อย่างเช่น Banner เรา ต้องการใส่คำว่า AqUariZ ก็ให้ใส่ตัวอักษรทีละตัว ลงไปในภาพ จัดตำแหน่งให้ดี ให้เรียงกัน แล้วเซฟเลยครับ

** Tips ** - การเซฟ เซฟเป็นไฟล์ .gif นะ และควรตั้งชื่อไฟล์ให้เรียงกัน เช่น banner1 , banner2 , ... จะได้สะดวกในการเรียงในขั้นตอนถัดไปครับ และการใส่ข้อความ อาจใช้ Blending Options ช่วยในเรื่องของตัวอักษรได้ด้วย ^^*

ตัวอย่างเช่น - ชื่อเรา AqUariZ แต่ละภาพก็ควรใส่อักษรตามนี้ >> A , q , U , a , r , i , Z , AqUariZ , ภาพเปล่าๆ ไม่มีตัวอักษร

มาดูภาพกัน...

>> ตัว A

>> ใส่ไปเรื่อยๆ จนถึงคำว่า AqUariZ

>> ภาพนี้ไม่ต้องใส่ตัวอักษร

เสร็จแล้วเราจะได้ภาพต้นฉบับ เพื่อนำไปใช้ใน ImageReady แล้วครับ ^^*

>> ส่วนที่ 2 - ทำ GIF Animation

3. เข้าโปรแกรม Adobe ImageReady เลยครับ สร้างหน้ากระดาษให้ขนาดเท่ากับภาพต้นฉบับที่เพิ่งทำเสร็จมะตะกี้

4. เปิดภาพต้นฉบับ (มีเท่าไหร่เปิดมาให้หมดเลยครับ) แล้วใช้ Move Tool ลากภาพลงกระดาษเลย

5. ลากแล้ว ดูแถบ Animation คลิกที่ Duplicates Current Frame

6. เฟรมเพิ่มมาอีกเฟรมนึงแล้ว

7. ดูแถบ Animation > คลิกเฟรมที่เพิ่งเพิ่มมาใหม่ > ลากภาพต้นฉบับต่อไปลงกระดาษเลย

จากภาพ จะเห็นได้ว่า เมื่อลากมาแล้วนั้น จะต้องจัดเรียงภาพทั้ง 2 เฟรมอีก - -*

** Tips ** - การจัดเรียงภาพนั้น เมื่อลากภาพต้นฉบับมา ให้ไปที่เฟรมแรกสุด แล้วเลื่อนภาพให้ออกจากกรอบ (ดังรูป)

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

ถ้ามีหลายเฟรม อย่าไปกลัวครับ ให้ใช้วิธีเดียวกันกับข้างต้นเลย

8. เสร็จแล้วจะได้ดังนี้ครับ

9. ตั้งเวลาเฟรมทั้งหมดตามต้องการครับผม โดยการคลิกที่รูปสามเหลี่ยมใต้เฟรม (Selects frame delay time)

10. ตั้งเวลาแล้ว ลอง Preview ดูครับ โดยคลิกที่ Plays/Stops animation เรียบร้อยแล้วก็ไปที่ File > Save Optimized As... เพื่อทำการเซฟเลย แค่นี้ก็เรียบร้อยครับ ^^

11. ตามผลงานเช่นเคย ^^*

สำหรับผู้ที่จะนำไปใช้ครับผม ^^* http://aquariz.exteen.com/images/Others/Banners/Banner_Anime.gif

วิธีการใส่ Banner อยู่นี่น้า >> Click !!

>> So Say..

ได้ฤกษ์ เปลี่ยน Theme ซะทีครับผม หลังจากซุ่มทำมา(ไม่นาน) และก็กำลังจะหาฤกษ์ ปล่อย Theme ใหม่ให้ชมกัน ก็ถือเอาเอนทรีนี้ซะเลย -*- กับ "Distressed" ครับ ในเรื่อง Style ก็จะเป็น Style เดิมๆ สีขาวดำ , ลายเส้นรกๆ เช่นเคย เป็น Theme ที่ใช้ Brush ทำเกือบทั้งหมด (ยกเว้น Head ที่เป็นรูปคนวิ่งแหละ) ส่วนการออกแบบนั้น เราเองออกแบบให้เข้ากับชื่อ Theme ครับผม มันก็เลยออกมาเป็น Style แบบนี้... ^^*

ก็อยากจะให้เพื่อนๆ ช่วยกัน Comments ละกันครับผม Thx. มา ณ ที่นี้ครับ ^^*

ส่วนเราเอง เราว่า Theme นี้ มันดูรกๆ นะ (ฮา) เอาเถอะๆ... เอาเป็นว่าเอนทรีหน้าเจอกันใหม่ครับผม (แต่ว่าอาจจะมาอัพช้านิดนึงเน้อ) บ๊ายบายครับ ^^*

>> ปั จ ฉิ ม ลิ ขิ ต

ภาพและบทความ ในทุกเอนทรี อนุญาติให้นำไปลองทำดู และนำไปโพสในที่ต่างๆ ได้ (ในส่วนของ Tips-Technics ต่างๆ) แต่อย่างไรก็ตาม ก็รบกวนช่วยให้ Credits บลอคนี้ ไว้ด้วยนะครับ จักขอบพระคุณยิ่งๆ

Comment

Comment:

Tweet


Online essay writing help is guaranteed, if you check this Web site (topwritingservice.com) and buy custom essays from the expert agency.
#33 by essays for sale (103.7.57.18|31.184.238.21) At 2012-07-06 17:35,
The thesis writing "master-dissertations.com" service could propose you with the student dissertation but the well done release just about this topic people should find only on this page.
#32 by dissertation service (103.7.57.18|31.184.238.21) At 2012-05-30 17:26,
Students need to work a lot to be experienced. I know many persons who utilize the essay writing service and order essays in order to get higher rates!
#31 by essay writing services (94.242.214.6) At 2011-12-10 09:58,
ขอบคุณค่ะ น่ารักมาก ๆ เลย :3
#30 by MY TOOKTA'z At 2010-08-15 00:07,
<a href="http://rxhimtuppihbqkb.com">ogtdgubkejoyzac</a> http://prhzllpayjgqvme.com [url=http://bkqlgutsenijdxf.com]rvuxsbtjyeprimh[/url]
#29 by yxogprcjnl (94.102.52.87) At 2010-06-07 20:12,
ขอบคุณค่ะ
#28 by Hatoribaka At 2009-11-29 16:22,
ขอบคุณค่ะ
ไว้ไปลองทำดูcry
#27 by dongjae su At 2009-10-16 20:27,
ทำไม่เปงง่าส์
#26 by ... (125.26.234.159) At 2009-08-09 10:39,
ทำ banner กานเป็นแล้ว แล้วอยากรู้ไหม ครับว่าทำยังไง bannerเรา ถึงจะมีคนคลิ๊ก หาบทความมาฝากครับ ลอง อ่าน ดู อิอิ http://www.nuttowa.com/?page_id=4
#25 by nuttowa (58.9.18.117) At 2009-07-25 17:50,
^^ ขอบคุณนะคะ
#24 by ★ ~Suzuno_PoalaZ~ ♥ At 2009-06-02 20:21,
อยู่ตรงไหนเหรอ Anumation อ่ะหามิเจอรุยembarrassed
#23 by BannY๛ (125.24.180.2) At 2009-04-08 10:32,
ขอบคุณวิธีการทำ gif นะค่ะ
#22 by puikoo (58.64.65.26) At 2008-12-25 12:20,
ขอบคุณค่าcry

แต่ก็อยากรู้ว่าใส่ลิงค์ยังไงT^T อยากทำแล้วเอาไปใส่ลิงค์น่ะค่ะ^^
#21 by PAMPAM☆ At 2008-08-12 14:36,
Hello! Good Site! Thanks you! fyslccpppnbon
#20 by yrgswloggf (195.5.20.194) At 2008-01-28 09:14,
โอ้ว แจ่มๆ ขอบคุณมากนะค่ะquestion
#19 by Blog's Chocola-Creamy At 2007-10-25 15:24,
tag tag 's sent complete...

อากาศน่านอนจังเลย
#18 by mo0NL!Ght~เห็ดน้อย At 2007-05-31 17:40,
โอ้ว!!ขอบคุณมากนะคะแก่วิธีแบบนี้...อย่างไงก็ขอบ
คุณที่มาคอมเม้นนะคะ...เอ่อธีมสวยดีคะ
#17 by Thuy XIII At 2007-05-30 19:10,
อะ...ไม่ได้เข้ามาพักหนึ่ง มีอะไรเจ๋ง ๆ มาให้เล่นอีกแล้ว

#16 by หิมะเดือนธันวาฯ At 2007-05-29 01:12,
เก่งจังเลย...นับถือ
#15 by จิน (124.120.240.204) At 2007-05-26 23:44,
ว้าว*0*กะจะทำเหมือนกัน ขอบคุณค่ะ>w<!!!!
#14 by Maya At 2007-05-25 18:59,
ขอบคุณนะคะที่เข้าไปเยียมชม
เข้ามาอ่านบ่อยคะ แต่ไม่ค่อยเข้าใจและไม่กล้าทำคะ สงสัยจะโง่เรื่องนี้คะ
#13 by MayaKniGht At 2007-05-25 18:19,
ว่าจะมาร่ำเรียนวิชาก็อู้ทุกที

เง้อ.. แล้วเมื่อไหร่จะเก่งแบบนี้บ้างเน้อ..

#12 by เด็กเกเร At 2007-05-24 23:35,
Theme สวยดีครับ ชอบจัง
#11 by เจ้าชายน้อย At 2007-05-24 21:31,
อิอิ ขอบคุณสำหรับ เทคนิคน่ะค่ะ
ที่เราทำแบนเราได้ ก้อได้เพราะเรียนจากบลอคนี้แหละค่ะ
บลอคนี้ดีจริงๆ
#10 by PJ At 2007-05-24 20:45,
theme ใหม่สวยจังเลยค่ะ ชอบๆ

ขอบคุณสำหรับความรู้ใหม่ ๆ นะคะ
#9 by เจนเนสซ่า At 2007-05-18 18:29,
โอ้วว..ขอบคุณสำหรับความรู้นะค่ะ
ไว้เดี๊ยวส้มจะลองไปทำดู..อิอิ
..สำหรับการเรียน ส้มยังไม่ต้องเตรียมแอด แต่ต้องเตรียมเข้าม.ปลาย = =''
ก็เครียดๆอยู่เหมือนกัน
#8 by so:indy At 2007-05-18 18:15,
เอ่อ..............แบบว่ามัน

มันเป็นรูปเดียวกันหมดเลยค่ะ

รูปที่ว่ารูปเดียวกันหมดคือมันเป็นรูปรวมอันสุดท้ายอ่า พอจะเล่นให้มันเป้นไปตามเฟม แต่มันดันมีรูปเดียวทั้งที่ใส่ไปแค่3รูปแต่มันกลับกลายเป้นรูปสุดท้ายรูปเดียวอ่าทำไงดีค่ะ
#7 by {.........} At 2007-05-18 17:58,
ว๊าวววว ขอบคุณนะคะที่ช่วยสอน
ปกติทำเป็นแต่แบบธรรมดาๆ แข็งๆ
คราวนี้คงจะทำแล้วดูดีขึ้นแน่ๆเลยค่ะ

ป.ล.อยากให้ช่วยสอนวิธีใช้บรัชสวยๆน่ะค่ะ ถ้ามีให้โหลดด้วยจะดีมากๆเลยค่ะ
คือใช้บรัชสวยๆไม่เป็นอ่ะค่ะ เคยลองโหลดมาแล้ว แต่ใช้ไม่เป็นเลยรู้สึกเสียดายน่ะค่ะ
#6 by YOSHINAKIs At 2007-05-18 16:56,
ธีมอาร์ตๆ สวยดีอ่ะ

ขอบคุณสำหรับเทคนิคมากมาย แต่พี่คงยังไม่ถึงขั้นได้แต่ชื่นชม แต่ยังไม่ได้ลงมือทำเลย

ว่าแต่น้องไปขยันสรรหารูปมาจากไหนนะ สวยๆ ทั้งน้านนน

ขอบคุณอีกทีที่แวะไปเยี่ยมกัน
#5 by ~ :: SuPer M i l K y :: ~ At 2007-05-18 16:37,
Head Blog น่ารักดีออกครับ

ขอบคุณครับ วิธีการนี้พอจะทำได้แล้ว
กำลังหัดทำให้เป็นมากกว่านี้อยู่ครับ
#4 by AkE At 2007-05-18 16:36,
ขอบคุณสำหรับทิปดี ๆนะคะ
ถ้าเปิดโปรแกรม ImageReady แล้วเครื่องไม่ค้างก็คงดี

ชอบธีมที่แล้วมากกว่า นิดนึง อิอิ
แต่อันนี้ก็สวยค่ะ แปลกตาดี
โอ้ ขอบคุณที่สอนนะ
ธีมใหม่สวยดี แต่headerงงๆจริงด้วย ฮา...
#2 by พัดทอง At 2007-05-18 14:48,
เค้าไม่เรียกรกหรอก เรียกศิลป์ดีกว่า คนว่ารกน่ะ คนไม่มีศิลปะ

แทงค์สำหรับเทคนิค
#1 by #~BEing : Lips_Of_An_Angle~# At 2007-05-18 14:05,

ニュビーズ ☆彡
View full profile