' Ợssy Gloss ❀ PS.

ลำดับตอนที่ #15 : {Ợssy Gloss} ; How.๒ | แบนเนอร์แบนเลื่อนขึ้น-ลงไซส์จิ๋ว

ฮัลโหลค่า ทุกๆคนวันนี้มุกก็อยากจะมาสอนการทำแบนเนอร์ไซส์จิ๋วๆ

มันจะยับได้อ่าน้า ง่ะอธิบายไม่ถูกงั้นดูรูปนะจ๊ะ (;

อันนี้แบบเลื่อนขึ้น

   




 

อันนี้เลื่อนลง

  




งั้น ... เรามาเริ่มกันเลยดีกว่าค่ะ (;

(ป.ล.รูปใหญ่ไปขอโทษค่ะ ลืมย่อ 555)

 

ทำตามภาพได้เลยนะคะ >O< // ตรงไหนไม่เข้าใจสอบถามได้ค่ะ

1. ไปที่ File > New... เพื่อสร้างหน้ากระดาษขึ้นมาใหม่ ^^



2.ตั้งค่าหน้ากระดาษตามภาพเลยจ้ะ

 

แล้วมันก็จะได้แบบนี้ >>  


ต่อไป เปิดภาพขึ้นมา 1 ภาพ (แนะนำแนวตั้ง ^^)
ตัวอย่าง

 

ไปที่ Image > Image size...

 

ตั้งค่าหน้ากระดาษตามภาพจ้ะ
(ให้ตั้งที่ Width อย่างเดียวนะคะ ตั้งเป็น > 88 pixels)
เพราะมันจะได้คงสัดส่วนรูปไว้ อีกอย่างคือรูปแต่ละรูปไซส์ขนาดไม่เท่ากันค่ะ
ปรับแค่ความกว้าง พอแล้ว ^^

 

แล้วมันก็จะได้ภาพย่อเล็กๆนะจ๊ะ

 

ลากภาพที่เราย่อเมื่อกี้มาใส่หน้ากระดาษดังภาพ

 

ต่อไปให้ Move ภาพ ด้วยเครื่องมือ Move tool ให้ภาพอยู่บนสุด
(ถ้าต้องการให้ภาพเลื่อนจากล่างขึ้นบน ให้ Move ภาพอยู่ล่างสุดจ้ะ)

 

เปิดหน้าต่าง Animation ขึ้นมาโลด ><

 

จะขึ้นหน้าต่างที่วงส้มๆมาให้ปรับความเร็วให้เป็น 0.2 sec. (ถ้าต้องการให้ไวขึ้นอีกหน่อยก็ o.1 sec. ได้ค่ะ)

 

คลิ๊กที่รูปกระดาษพับเพื่อสร้างเฟรมที่ 2

 
จะได้เฟรมที่ 2 ขึ้นมา

 

ให้ทำงานที่เฟรมที่ 2 นะคะ เลื่อนภาพให้ไปอยู่ล่างสุด
(กรณีที่ทำล่างขึ้นบน ให้ทำส่วนนี้ขึ้นไปบนสุด ^^)

 

กดที่ปุ่ม Tween ดังรูป

 

ต่อไปตั้งค่าตามที่วงสีแดงๆ /ไฮไลท์

 
แล้วมันก็จะมีเฟรมมามาย =,= อย่าตกใจไปค่ะเพราะมันมาจาก
ไอ้ที่เรา Tweens เฟรมเมื่อกี้ ^^
ป.ล.ถ้าอยากรู้ว่ามันจะเล่นหรือไม่ ก็ให้กดปุ่ม Playที่วงแดง



วิธีการเซฟนะคะ
ไปที่ File > Save for web & Devices...

   
จะขึ้นหน้าต่างแบบนี้มาให้
ให้ดูที่วงสีแดงๆ
ดังค่าเป็นสกุลไฟล์ gif

กด Save แล้วมันจะให้ตั้งชื่อ / เลือกโฟลเดอร์ที่อยู่ (ตามใจเลยค่ะ กด ok ผ่านไป จบ ^^)

 
 

 

ขอจบการสอนแต่เพียงเท่านี้นะคะ หากไม่เข้าใจ / สงสัยถามได้ ที่นี้เลยจ้ะ ^^

แต่ถ้าว่ารูปเสีย  รูปไม่ขึ้นให้แจ้งปัญหา >> คลิ๊กค่ะ

ถ้าขี้เกียจพิมพ์อันนี้เข้าใจนะคะ  ให้ก๊อปคำเหล่านี้ไปได้เลยค่ะ *;

ขอบคุณมากค่ะ //  ขอบใจจ้า // ขอบคุณครับ // ขอบคุณที่สุดเลย >O<

  :)  Shalunla