ลำดับตอนที่ #15
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #15 : {Ợssy Gloss} ; How.๒ | แบนเนอร์แบนเลื่อนขึ้น-ลงไซส์จิ๋ว
ฮัลโหลค่า ทุกๆคนวันนี้มุกก็อยากจะมาสอนการทำแบนเนอร์ไซส์จิ๋วๆ
มันจะยับได้อ่าน้า ง่ะอธิบายไม่ถูกงั้นดูรูปนะจ๊ะ (;
อันนี้แบบเลื่อนขึ้น



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


งั้น ... เรามาเริ่มกันเลยดีกว่าค่ะ (;
(ป.ล.รูปใหญ่ไปขอโทษค่ะ ลืมย่อ 555)
มันจะยับได้อ่าน้า ง่ะอธิบายไม่ถูกงั้นดูรูปนะจ๊ะ (;
อันนี้แบบเลื่อนขึ้น






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




งั้น ... เรามาเริ่มกันเลยดีกว่าค่ะ (;
(ป.ล.รูปใหญ่ไปขอโทษค่ะ ลืมย่อ 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 ผ่านไป จบ ^^)
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
เก็บเข้าคอลเล็กชัน
ความคิดเห็น