ลำดับตอนที่ #15
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #15 : {Ợssy Gloss} ; How.๒ | แบนเนอร์แบนเลื่อนขึ้น-ลงไซส์จิ๋ว
ฮัลโหลค่า ทุกๆคนวันนี้มุกก็อยากจะมาสอนการทำแบนเนอร์ไซส์จิ๋วๆ
มันจะยับได้อ่าน้า ง่ะอธิบายไม่ถูกงั้นดูรูปนะจ๊ะ (;
อันนี้แบบเลื่อนขึ้น
![](http://upic.me/i/g2/rr95j.gif)
![](http://upic.me/i/xa/4a8d7.gif)
![](http://upic.me/i/65/midl7.gif)
อันนี้เลื่อนลง
![](http://upic.me/i/ns/47fbd.gif)
![](http://upic.me/i/0j/90q27.gif)
งั้น ... เรามาเริ่มกันเลยดีกว่าค่ะ (;
(ป.ล.รูปใหญ่ไปขอโทษค่ะ ลืมย่อ 555)
มันจะยับได้อ่าน้า ง่ะอธิบายไม่ถูกงั้นดูรูปนะจ๊ะ (;
อันนี้แบบเลื่อนขึ้น
![](http://upic.me/i/hl/lqgy9.gif)
![](http://upic.me/i/ni/ypy9u.gif)
![](http://upic.me/i/g2/rr95j.gif)
![](http://upic.me/i/xa/4a8d7.gif)
![](http://upic.me/i/65/midl7.gif)
![](http://upic.me/i/c3/aca100325v.gif)
อันนี้เลื่อนลง
![](http://upic.me/i/hz/rle7t.gif)
![](http://upic.me/i/gy/o9fo2.gif)
![](http://upic.me/i/ns/47fbd.gif)
![](http://upic.me/i/0j/90q27.gif)
งั้น ... เรามาเริ่มกันเลยดีกว่าค่ะ (;
(ป.ล.รูปใหญ่ไปขอโทษค่ะ ลืมย่อ 555)
ทำตามภาพได้เลยนะคะ >O< // ตรงไหนไม่เข้าใจสอบถามได้ค่ะ
1. ไปที่ File > New... เพื่อสร้างหน้ากระดาษขึ้นมาใหม่ ^^
![](http://upic.me/i/xp/tz8b1.jpg)
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ที่วงแดง
![](http://upic.me/i/uu/ve917.jpg)
วิธีการเซฟนะคะ
ไปที่ File > Save for web & Devices...
จะขึ้นหน้าต่างแบบนี้มาให้
ให้ดูที่วงสีแดงๆ
ดังค่าเป็นสกุลไฟล์ gif
กด Save แล้วมันจะให้ตั้งชื่อ / เลือกโฟลเดอร์ที่อยู่ (ตามใจเลยค่ะ กด ok ผ่านไป จบ ^^)
1. ไปที่ File > New... เพื่อสร้างหน้ากระดาษขึ้นมาใหม่ ^^
![](http://upic.me/i/xp/tz8b1.jpg)
2.ตั้งค่าหน้ากระดาษตามภาพเลยจ้ะ
![](http://upic.me/i/v7/jds52.jpg)
แล้วมันก็จะได้แบบนี้ >>
![](http://upic.me/i/c7/gfse3.jpg)
ต่อไป เปิดภาพขึ้นมา 1 ภาพ (แนะนำแนวตั้ง ^^)
ตัวอย่าง
![](http://upic.me/i/mg/vshc4.jpg)
ไปที่ Image > Image size...
![](http://upic.me/i/ye/gwsx5.jpg)
ตั้งค่าหน้ากระดาษตามภาพจ้ะ
(ให้ตั้งที่ Width อย่างเดียวนะคะ ตั้งเป็น > 88 pixels)
เพราะมันจะได้คงสัดส่วนรูปไว้ อีกอย่างคือรูปแต่ละรูปไซส์ขนาดไม่เท่ากันค่ะ
ปรับแค่ความกว้าง พอแล้ว ^^
![](http://upic.me/i/bi/kw2n6.jpg)
แล้วมันก็จะได้ภาพย่อเล็กๆนะจ๊ะ
![](http://upic.me/i/rt/4qlc7.jpg)
ลากภาพที่เราย่อเมื่อกี้มาใส่หน้ากระดาษดังภาพ
![](http://upic.me/i/ah/vfyh8.jpg)
ต่อไปให้ Move ภาพ ด้วยเครื่องมือ Move tool ให้ภาพอยู่บนสุด
(ถ้าต้องการให้ภาพเลื่อนจากล่างขึ้นบน ให้ Move ภาพอยู่ล่างสุดจ้ะ)
![](http://upic.me/i/1p/3ap39.jpg)
เปิดหน้าต่าง Animation ขึ้นมาโลด ><
![](http://upic.me/i/wp/4xb10.jpg)
จะขึ้นหน้าต่างที่วงส้มๆมาให้ปรับความเร็วให้เป็น 0.2 sec. (ถ้าต้องการให้ไวขึ้นอีกหน่อยก็ o.1 sec. ได้ค่ะ)
![](http://upic.me/i/yh/4xs11.jpg)
คลิ๊กที่รูปกระดาษพับเพื่อสร้างเฟรมที่ 2
![](http://upic.me/i/73/89a12.jpg)
จะได้เฟรมที่ 2 ขึ้นมา
![](http://upic.me/i/jo/e4m13.jpg)
ให้ทำงานที่เฟรมที่ 2 นะคะ เลื่อนภาพให้ไปอยู่ล่างสุด
(กรณีที่ทำล่างขึ้นบน ให้ทำส่วนนี้ขึ้นไปบนสุด ^^)
![](http://upic.me/i/nu/2bx14.jpg)
กดที่ปุ่ม Tween ดังรูป
![](http://upic.me/i/ts/w8l15.jpg)
ต่อไปตั้งค่าตามที่วงสีแดงๆ /ไฮไลท์
![](http://upic.me/i/ra/ls216.jpg)
แล้วมันก็จะมีเฟรมมามาย =,= อย่าตกใจไปค่ะเพราะมันมาจาก
ไอ้ที่เรา Tweens เฟรมเมื่อกี้ ^^
ป.ล.ถ้าอยากรู้ว่ามันจะเล่นหรือไม่ ก็ให้กดปุ่ม Playที่วงแดง
![](http://upic.me/i/uu/ve917.jpg)
วิธีการเซฟนะคะ
ไปที่ File > Save for web & Devices...
![](http://upic.me/i/at/pc182.jpg)
จะขึ้นหน้าต่างแบบนี้มาให้
ให้ดูที่วงสีแดงๆ
ดังค่าเป็นสกุลไฟล์ gif
กด Save แล้วมันจะให้ตั้งชื่อ / เลือกโฟลเดอร์ที่อยู่ (ตามใจเลยค่ะ กด ok ผ่านไป จบ ^^)
![](http://upic.me/i/8i/0j192.jpg)
![](http://upic.me/i/28/66916e0ty7iodyd.gif)
ขอจบการสอนแต่เพียงเท่านี้นะคะ หากไม่เข้าใจ / สงสัยถามได้ ที่นี้เลยจ้ะ ^^
แต่ถ้าว่ารูปเสีย รูปไม่ขึ้นให้แจ้งปัญหา >> คลิ๊กค่ะ
![Free Lines - Alternate Select](http://cur.cursors-4u.net/cursor.png)
![](http://upic.me/i/00/109534725.png)
ถ้าขี้เกียจพิมพ์อันนี้เข้าใจนะคะ ให้ก๊อปคำเหล่านี้ไปได้เลยค่ะ *;
ขอบคุณมากค่ะ // ขอบใจจ้า // ขอบคุณครับ // ขอบคุณที่สุดเลย >O<
:) Shalunla
เก็บเข้าคอลเล็กชัน
ความคิดเห็น