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

สำหรับเอนทรีนี้ จะมานำเสนอในเรื่องการทำ 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 บลอคนี้ ไว้ด้วยนะครับ จักขอบพระคุณยิ่งๆ