แถบเลื่อนที่จะมาสอนวันนี้จะมี2แบบนะค่ะ

   แบบแรก

   แบบที่2

 

 

1. ทำแบนเนอร์ ตกแต่งอะไรต่างๆให้สวยงามแล้ว เปิด Animation ถ้าหาไม่เจอให้ไปที่ window > Animation

2. เมื่อเปิดขึ้นมาแล้วจะเห็นเป็นดังภาพ ให้กดที่ไฮไลท์สีชมพู ปกติมันจะเป็น 0sec. ให้เปลี่ยนเป็น 0.1 Sec. ตามภาพเลยค่ะ

3.แล้วกดที่รูปกระดาษพับ ตามไฮไลท์สีฟ้า แล้วจะได้เฟรมทั้งหมด2เฟรมเหมือนในภาพเลยค่ะ

4.คลิกที่เฟรมแรก แล้วกดเพื่มเลเยอร์ แล้วสร้างแถบไว้ข้างใดข้างหนึ่งของแบนเนอร์ วิธีสร้างก็ ให้ใช้เครื่องมือ Rectangular Marquee Tool  (ถ้าดูในแถบเครื่องมือมันคืออันแรกเลยอ่ะค่ะ เป็นรูปสี่เหลี่ยมขอบปะ) ลากให้เป็นรูปสีเหลี่ยมผืนผ้า(ลักษณะตามรูป) แล้วลงสีตามใจชอบ ถ้าจะเอา แถบเลื่อนๆที่เราลากไว้ออก ก็กด ctrl + D

5.คลิกที่เฟรมที่2 ใช้เครื่องมือ Move Tool (เครื่องมือที่เป็นรูปลูกศร) ลากแถบที่เราทำไว้ไปอยู่อีกด้าน

 

จะได้ดังภาพค่ะ เมื่อคลิกที่เฟรมที่1 จะเห็นว่า แถบอยู่ด้านซ้าย เมื่อคลิกที่เฟรมที่2 แถบจะอยู่ด้านขวา

6.คลิกที่ไฮไลท์สีชมพู (ตามรูปด้านล่าง)

7.แล้วเปลี่ยน Frames to add ให้เป็น15 หรือ10 - 20 แล้วแต่ค่ะ

8. เสร็จแล้วก็จะได้ดังตัวอย่างที่1ค่ะ

**วิธีการดูผลงานตอนที่เสร็จแล้ว(ตอนที่แถบมันเลื่อนๆ) ให้กดที่ลูกศร (ตรงไฮไลท์สีส้มตามภาพ)

วิธีเซฟอยู่ล่างสุดค่ะ v v v

 

สำหรับคนที่จะทำแถบเลื่อนแบบที่2 ก็ให้ทำต่อจากข้อที่8.เลยค่ะ

9.สำหรับแบบที่2 นะค่ะ ให้ทำต่อเลย ให้กดที่เฟรมที่1แล้วกดเพื่มเฟรมโดยกดที่กระดาษพับที่อยู่ข้างถังขยะแล้วลากเฟรมที่เพื่มมาใหม่ ไปอยู่อันสุดถ้าย

10.คลิกที่เฟรมอันสุดถ้าย(ที่เอาไปวางเมื่อกี้) แล้วคลิกที่ไฮไลท์สีชมพู (ในรูปด้านล่างอย่าไปดูตรงเฟรมนะคะ เพราะเราเอามาจากขั้นตอนที่6. ซึ่งจำนวนของเฟรมจะไม่เหมือนกับที่ทำอยู่ตอนนี้)

11.ใส่เหมือนกับขั้นตอนที่7เลยค่ะ แล้วกด ok เป็นอันเสร็จเรียบร้อย

แล้วจะได้ดังแบบที่2 

**วิธีการดูผลงานตอนที่เสร็จแล้ว(ตอนที่แถบมันเลื่อนๆ) ให้กดที่ลูกศร (ตรงไฮไลท์สีส้มตามภาพ)

 

+++วิธีSave+++

1.ไปที่  File > Save for web & Devices...  เซฟเป็นนามสกุล .gif แล้วกดเซฟ

 

 

 

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++

เสร็จแล้วจ้า^o^

ไม่เข้าใจตรงไหนถามได้นะค่ะ :D

edit @ 27 Mar 2010 19:16:35 by Lจ้าXญิJ

edit @ 28 Mar 2010 13:22:14 by Lจ้าXญิJ

Comment

Comment:

Tweet

ใส่สีแถบเลื่อนยังไงคะsad smile

#3 By 555+ (103.7.57.18|183.89.65.110) on 2012-07-01 21:05

ขอบคุณค่ะ

ได้เทคนิคดี ๆ ไปลองทำดูด้วย cry

#2 By TsuMukii on 2010-03-27 21:42

ขอบคุณสำหรับวิธีดีๆนะคะ ไว้จะลองทำดูค่ะbig smile

#1 By [:[MoNofaA~]:] on 2010-03-27 19:20