เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif



ทำยังไงอะ  

เคลื่อนไหว
(แบบเลืื่อนไปทั้งหมดทำไง  ไม่ใช่แบบมาที่ละตัว) ???

💬 การตอบกลับ 24

#1
Moshi
Moshi
16,996 โพสต์
ก็ กด windows animation ไงครับ

จากนั้นตรงตัวหนังสือ ก็ทำเป็นเลเยอร์รวม แล้วปิดตาไง
#2
smooth
smooth
33 โพสต์
ไอทั้งหมดนี้มันทำยังไง  :-X
ไม่รวมเคลื่อนไหว 
#3
ßë©äûšë
ßë©äûšë
Teelek Programmer · 1,534 โพสต์
มันทำได้ด้วยเหรอ ???
#4
smooth
smooth
33 โพสต์
[direct]http://play.kapook.com/files/play/dookdik/10/48005_1.gif[/direct]

แบบธรรมดาเลยอะเป็นรูปเฉยๆทำยังไงอะ          ไม่เคลื่อนไหวอะ
#5
Moshi
Moshi
16,996 โพสต์
— smooth link=topic=7021.msg17516#msg17516 date=1285070203

[direct]http://play.kapook.com/files/play/dookdik/10/48005_1.gif[/direct]

แบบธรรมดาเลยอะเป็นรูปเฉยๆทำยังไงอะ          ไม่เคลื่อนไหวอะ


อ่อ จะทำภาพนี้ให้ไม่เป็นภาพเคลือ่นไหวเหรอครับ

แบบนี้ไหม



#6
ßë©äûšë
ßë©äûšë
Teelek Programmer · 1,534 โพสต์
อ่าวทำให้มันนิ่งหรอกเหรอ ???

นึกว่าทำให้มันเลื่อนซะอีก
#7
smooth
smooth
33 โพสต์
แบบว่า  จะทำภาพขึ้นมาเองอะ มันทำยังไง  ???
#8
Poowangdee
Poowangdee
235 โพสต์
เข้าใจแล้วค่ะ

อยากทำแบบนั้นแต่ทำขึ้นมาเองใช่ไหมคะ

ค่ะ แปะโป้งไว้ก่อนนะคะ

บูมสอบส็จวันศุกร์นี้ จะมาลองๆทำๆดูนะคะ

แปะโป้งไว้นะคะ หมูฉึกๆ ไก่...ฉึกๆ
#9
ßë©äûšë
ßë©äûšë
Teelek Programmer · 1,534 โพสต์
— Poowangdee link=topic=7021.msg17571#msg17571 date=1285164367

เข้าใจแล้วค่ะ

อยากทำแบบนั้นแต่ทำขึ้นมาเองใช่ไหมคะ

ค่ะ แปะโป้งไว้ก่อนนะคะ

บูมสอบส็จวันศุกร์นี้ จะมาลองๆทำๆดูนะคะ

แปะโป้งไว้นะคะ หมูฉึกๆ ไก่...ฉึกๆ



รู้ป่าวฉึกๆแปลว่าไร เด่วเอามาให้ดู :D
#10
ßë©äûšë
ßë©äûšë
Teelek Programmer · 1,534 โพสต์
ฉึกๆ >> [direct]http://www.it4x.com/forum/index.php/topic,7049.0.html[/direct]

คลิปเน่าและ :P

✏️ แก้ไขล่าสุด: 22 กันยายน 2553

#11
Moshi
Moshi
16,996 โพสต์
— ßë©äûšë link=topic=7021.msg17576#msg17576 date=1285173884

ฉึกๆ >> [direct]http://www.it4x.com/forum/index.php/topic,7049.0.html[/direct]

คลิปเน่าและ :P


หัวข้อหายไปไหน งง
#12
smooth
smooth
33 โพสต์
8)
#13
smooth
smooth
33 โพสต์
หมูฉึกๆ  มาแปะโป้งไว้  ไมไม่มาอะ  :'(
#14
ßë©äûšë
ßë©äûšë
Teelek Programmer · 1,534 โพสต์
— Moshi link=topic=7021.msg17589#msg17589 date=1285210245

[quote author=ßë©äûšë link=topic=7021.msg17576#msg17576 date=1285173884]
ฉึกๆ >> [direct]http://www.it4x.com/forum/index.php/topic,7049.0.html[/direct]

คลิปเน่าและ :P


หัวข้อหายไปไหน งง
[/quote]

คลิปมันเน่าไปแล้วเลยลบมู้ทิ้ง
#15
smooth
smooth
33 โพสต์
รอหมูฉึกๆ    8)
#16
Poowangdee
Poowangdee
235 โพสต์
:'(

สอบเสร็จก็เป็นหวัดเลยจ้า

ขอโทษอย่างแรงนะคะ

มาแว้วๆ ขออภัยอย่างสูงสุดนะคะ ถ้าบูมดองงานหรืออะไรของใครไว้นานเกิน

ช่วงสอบนี่ วุ่นวายจริงๆ (ชีวตเด็กม.6 อ่านะ)


#17
Poowangdee
Poowangdee
235 โพสต์
อันดับแรกเลยค่ะ เปิด Adobe Image Ready ขึ้นมา

แล้วก็สร้างไฟล์งานขึ้นมา 1 ไฟล์ ขนาด 350x35 (เอามาจากตัวที่คุณให้เป็นตัวอย่างเลยนะนี่)

เทสีดำลงไปค่ะ แล้วก็จัดแจงพิมคำว่า Welcome ลงไป ตัวอักษรละ 1 เลเยอร์นะคะ แล้วปิดตาเลเยอร์อักษรทั้งหมดไว้



สอง เราก็สร้างอีก 1 เฟรม Animation ที่ Animation Tool (เรียกใช้งานที่ Window > Animation)



ต่อมาก็เปิดตาเลเยอร์ตัวอักษร W ขึ้นมาค่ะ



สร้างเฟรมใหม่ ที่ Animation เรื่อยๆ แต่ละเลเยอร์ที่สร้าง ก็เปิดตาอักษรที่เหลือขึ้นมาที่ละตัวจนครบ



ตั้งค่าความเร็วในการเปลี่ยนเฟรมตามใจชอบค่ะ แต่ในที่นี้ขอตั้ง 0.2 วินาทีนะคะ



สร้างเฟรมใหม่ขึ้นอีก 1 เฟรม



ปิดตาเลเยอร์ตัวอักษรสุดท้ายค่ะ (มาถึงขั้นตอนนี้จึงได้รู้ตัวว่า เขียนคำว่า Welcome ผิดซะแล้วเรา T^T ช่างมานเนาะ) แล้วก็สร้างเฟรมใหม่ขึ้นมาอีกเรื่อยๆ แล้วไล่ปิดตาเลเยอร์ตัวอักษรจนถึงตัว W ค่ะ (ก็ตามตัวอย่างมันทำแบบนี้อ่า)



สร้างเฟรมใหม่อีก 1 เฟรม เปิดตาเลเยอร์ตัวอักษรให้ครบ



สร้างอีก 1 เฟรม ปิดตัวอักษรทั้งหมด ให้เหลือแต่ BG ดำๆ ไว้



สร้างอีก 1 เฟรม แล้วเปิดตัวอักษรให้ครบ



ลองกดปุ่ม Play ดู ค่ะ



เวลาจะ Save ไฟล์ ก็ กดเลือกขนาดที่เล็กที่สุด หรือ ดีที่สุดของไฟล์ก่อนค่ะ ถ้าจะมาใช้กับเว็บนะ



ตามรูปเลย



เลือก Every Time แล้วก็ OK



ก็สร็จพิธีแล้วจ้า

---------------------------------------------------------------------------

ผลที่ได้ออกมากแบบนี้ (รวมทั้งที่พิมพ์ผิดด้วย T^T)

✏️ แก้ไขล่าสุด: 30 กันยายน 2553

#18
smooth
smooth
33 โพสต์


เอาแบบนี้เด๊ะๆอะ  ตัวอักษร พื้นหลัง

SMOOTH

แล้วทำไห้เคลื่อนไหวแบบนี้ด้วย    :-*
#19
ßë©äûšë
ßë©äûšë
Teelek Programmer · 1,534 โพสต์
— smooth link=topic=7021.msg18090#msg18090 date=1285853886



เอาแบบนี้เด๊ะๆอะ  ตัวอักษร พื้นหลัง

SMOOTH

แล้วทำไห้เคลื่อนไหวแบบนี้ด้วย    :-*



คงใช้ฟอนต์ล่ะมั้ง หรือไม่ถ้าขยันก็นั่งจุดเอา พื้นหลังนี่ก็คงจุดล่ะมั้งครับ(ไม่รู้นะแต่ถ้าเป็นผมก็คงทำแบบที่บอกแหละ555+)
#20
Moshi
Moshi
16,996 โพสต์
— Poowangdee link=topic=7021.msg18084#msg18084 date=1285837177

อันดับแรกเลยค่ะ เปิด Adobe Image Ready ขึ้นมา

แล้วก็สร้างไฟล์งานขึ้นมา 1 ไฟล์ ขนาด 350x35 (เอามาจากตัวที่คุณให้เป็นตัวอย่างเลยนะนี่)

เทสีดำลงไปค่ะ แล้วก็จัดแจงพิมคำว่า Welcome ลงไป ตัวอักษรละ 1 เลเยอร์นะคะ แล้วปิดตาเลเยอร์อักษรทั้งหมดไว้



สอง เราก็สร้างอีก 1 เฟรม Animation ที่ Animation Tool (เรียกใช้งานที่ Window > Animation)



ต่อมาก็เปิดตาเลเยอร์ตัวอักษร W ขึ้นมาค่ะ



สร้างเฟรมใหม่ ที่ Animation เรื่อยๆ แต่ละเลเยอร์ที่สร้าง ก็เปิดตาอักษรที่เหลือขึ้นมาที่ละตัวจนครบ



ตั้งค่าความเร็วในการเปลี่ยนเฟรมตามใจชอบค่ะ แต่ในที่นี้ขอตั้ง 0.2 วินาทีนะคะ



สร้างเฟรมใหม่ขึ้นอีก 1 เฟรม



ปิดตาเลเยอร์ตัวอักษรสุดท้ายค่ะ (มาถึงขั้นตอนนี้จึงได้รู้ตัวว่า เขียนคำว่า Welcome ผิดซะแล้วเรา T^T ช่างมานเนาะ) แล้วก็สร้างเฟรมใหม่ขึ้นมาอีกเรื่อยๆ แล้วไล่ปิดตาเลเยอร์ตัวอักษรจนถึงตัว W ค่ะ (ก็ตามตัวอย่างมันทำแบบนี้อ่า)



สร้างเฟรมใหม่อีก 1 เฟรม เปิดตาเลเยอร์ตัวอักษรให้ครบ



สร้างอีก 1 เฟรม ปิดตัวอักษรทั้งหมด ให้เหลือแต่ BG ดำๆ ไว้



สร้างอีก 1 เฟรม แล้วเปิดตัวอักษรให้ครบ



ลองกดปุ่ม Play ดู ค่ะ



เวลาจะ Save ไฟล์ ก็ กดเลือกขนาดที่เล็กที่สุด หรือ ดีที่สุดของไฟล์ก่อนค่ะ ถ้าจะมาใช้กับเว็บนะ



ตามรูปเลย



เลือก Every Time แล้วก็ OK



ก็สร็จพิธีแล้วจ้า

---------------------------------------------------------------------------

ผลที่ได้ออกมากแบบนี้ (รวมทั้งที่พิมพ์ผิดด้วย T^T)




+1 กับบทความนะครับ

— smooth link=topic=7021.msg18090#msg18090 date=1285853886



เอาแบบนี้เด๊ะๆอะ  ตัวอักษร พื้นหลัง

SMOOTH

แล้วทำไห้เคลื่อนไหวแบบนี้ด้วย    :-*



ก็ตามที่เค้าสอนไปนั่นหล่ะ แต่้ใช้ Pattern ช่วยทำลายจุด + ไปหาฟอนต์มาเพิ่มซิครับ