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

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

>> Come Back Again ~~~!!!!!

กลับมาแล้วครับผม หลังจากที่หายไปประมาณเกือบๆเดือนได้ อันเนื่องจากว่า มีภาระงานหลายอย่างมากมายเช่นเคยครับ

ตอนนี้ กำลังแบบว่า เห่อ Visual Style อันใหม่มากๆเลยครับ ทั้ง Theme Mac OS X และ Vista เลย

และด้วยความซนเกินเหตุ ทำให้คอมเราตอนนี้ ไม่สามารถเปลี่ยน Theme อื่นๆ ได้เลยครับ เป็นเรื่องที่น่าเศร้ามาก T.T"

ด้วยความที่อยากระบาย(ความซน)ของเรื่องนี้มากมาย ดังนั้นเราขอยกยอดไปเป็นเอนทรีหน้าแล้วกันครับ (เอ๊ะยังไง)

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

>> Getting Started

:: Chapter 1 - สร้าง Shape จาก Photoshop ::

1. ทำการสร้างหน้ากระดาษใหม่ใน Photoshop ครับผม ขนาดเท่าไหร่ก็ได้แล้วแต่ใจ ตั้ง BG Contents เป็น Transparent ด้วยครับ

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

3. คลิกขวาที่ Rectangle Tool แล้วเลือก Custom Shape Tool ที่แถบเครื่องมือด้านซ้าย

4. เสร็จแล้วดูที่แถบเครื่องมือด้านบน ตรง Shape สามารถเลือกรูปแบบ Shape ต่างๆ ได้ตามใจ ดังภาพครับ

5. เลือกแล้วจับลากเลยครับ

6. ลากเสร็จแล้ว ให้ไปที่แถบ Layers คลิกขวาที่ Layer แล้วเลือก Rasterize Layer ครับ เพื่อสะดวกในการมอง ^^

7. ใส่ Effects ต่างๆ โดยคลิกที่โลโก้รูปแฟลชด้านล่าง แล้วเลือก Blending Options ครับ

8. ได้ Shape (รูปลูกศร) มาแล้วครับผม (Effects ใช้ Gradient Overlay + Stroke)

9. ไปที่ File > Save For Web > ตั้งชื่อไฟล์ > OK > เสร็จพิธีสำหรับการสร้าง Shape เพื่อเอาไปใช้ใน Imageready ต่อไป

ซา-หวาด-เด-จ้า ~~~"

ดอง Blog ครบอาทิตย์นึงพอดีเลย ^^*(ฮา) ใจจริงก็ไม่ได้ตั้งใจดองหรอกนะครับ กะว่าจะอัพอาทิตย์ละครั้งเท่านั้นเอง

พอดีเมื่อวานไปอบรมที่ รร. ครับ หัวข้อก็ "พาน้องท่องอนาคต ปีที่ 3" ครับ เนื้อหาโดยรวมก็เกี่ยวกับรุ่นพี่ มาแนะนำประสบการณ์เกี่ยวกับ มหาวิทยาลัยต่างๆ , คณะที่สนใจ , Admission เป็นต้นครับผม

ซึ่งก็ขอบอกเลยว่าการอบรมครั้งนี้ ได้อะไรๆมากมายเลยครับ ถึงเราจะกลับบ้านก่อนงานจบก็เถอะ - -"

เพื่อนๆ ที่กำลังจะ Admission ในปีนี้ หรือปีโน้น (ม.5 , ม.6) ยังไงก็ขอให้สมหวังกับคณะที่ชอบๆ ละกันครับผม ^^"