ข่าว IT ล่าสุด
ถูกใจอย่าลืม Like Fanpage
เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
แสดงแล้ว 27159 ครั้ง /
กันยายน 26, 2010, 14:51:37

smooth

ออฟไลน์
กระทู้ : 33
คะแนนขอบคุณ : 0
รอหมูฉึกๆ    8)


Poowangdee

ออฟไลน์ ( 【BP Warp】 )
กระทู้ : 235
คะแนนขอบคุณ : 6
https://www.youtube.com/channel/UCEagmGQ9pzUZJKK1f5K-CFw
กันยายน 30, 2010, 15:07:37
:'(

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

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

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

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



Poowangdee

ออฟไลน์ ( 【BP Warp】 )
กระทู้ : 235
คะแนนขอบคุณ : 6
https://www.youtube.com/channel/UCEagmGQ9pzUZJKK1f5K-CFw
กันยายน 30, 2010, 15:59:37
อันดับแรกเลยค่ะ เปิด 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, 2010, 16:02:41 โดย Poowangdee »

smooth

ออฟไลน์
กระทู้ : 33
คะแนนขอบคุณ : 0
กันยายน 30, 2010, 20:38:06


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

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

ßë©äûšë

ออฟไลน์ ( แค่นี้ยังอ่อนหัดอยู่นะ )
กระทู้ : 1,534
คะแนนขอบคุณ : 13
เลขเด็ด เลขเด็ด เลขดัง เกร็งเลข ใบ้หวย ประจำงวดนี้ ที่นี่ อาจารย์ตี๋
กันยายน 30, 2010, 20:42:31


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

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


คงใช้ฟอนต์ล่ะมั้ง หรือไม่ถ้าขยันก็นั่งจุดเอา พื้นหลังนี่ก็คงจุดล่ะมั้งครับ(ไม่รู้นะแต่ถ้าเป็นผมก็คงทำแบบที่บอกแหละ555+)

Moshi

ออฟไลน์
กระทู้ : 16,996
คะแนนขอบคุณ : 45
it4x สังคมแห่งการเรียนรู้
กันยายน 30, 2010, 21:38:11
อันดับแรกเลยค่ะ เปิด 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แล้วทำไห้เคลื่อนไหวแบบนี้ด้วย    :-*


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

Poowangdee

ออฟไลน์ ( 【BP Warp】 )
กระทู้ : 235
คะแนนขอบคุณ : 6
https://www.youtube.com/channel/UCEagmGQ9pzUZJKK1f5K-CFw
กันยายน 30, 2010, 22:05:52
:'( :'( :'(

คือ ต้องขอโทษด้วยคร่าา

เพราะว่าตอนที่ทำบทความนี้ น้องนางตาจะปิดอยู่แล้วงิ

กินยาเข้าไป หลังจากนั้นก็หลับปุ๋ยเลย

(ยาแก้หวัดอ่าค่ะ ชนิดแรงรุน กับ ยาแก้โรคปลายเส้นประสาทอักเสบ หลับสบายเลย)

เดี๋ยวเรื่องพื้นหลังจุดๆนี่ จะมาบอกอีกทีนะคะ

น้องนางขอตัวไปนอนก่อนแล้วจ้า

ฝันสยองนะคะทุกคน
« แก้ไขครั้งสุดท้าย: กันยายน 30, 2010, 22:08:56 โดย Poowangdee »

Poowangdee

ออฟไลน์ ( 【BP Warp】 )
กระทู้ : 235
คะแนนขอบคุณ : 6
https://www.youtube.com/channel/UCEagmGQ9pzUZJKK1f5K-CFw
ตุลาคม 03, 2010, 22:21:22
วิธีสร้างพื้นหลังลายจุด

อันดับแรก

สร้างไฟล์ขนาด 30x5 px (จะเอาเล็กกว่านี้หรือใหญ่กว่านี้ แล้วแต่ขนาดงานด้วยค่ะ) ใช้แบบ Tran นะคะ อย่าใช้ให้มี BG สีขาวๆ หรืออะไรก็แล้วแต่

2.ใช้บรัชขนาดหัวแปรงแล้วแต่ความเหมาะสม แนะนำ ในทีนี้ 3- 5 พอค่ะ หัวไม่ฟุ้ง จุดลงไปตรงกลางงานค่ะ

3.ไปที่ Edit> Pettern แล้วตั้งชื่อ ให้มันค่ะ

4.เปิดไฟล์งานที่ต้องการขึ้นมา กด Ctrl+A แล้วคลิกขวาที่งาน เลือก Fill แล้วเลือกเลือก Pentern ค่ะ หยิบแพทเทิร์นที่ต้องารไปใช้ได้เลยจ่ะ



(ปล. เดี๋ยวเอารูปวิธีทำลงให้วันหลังนะคะ ยังไม่หายป่วยเลยจะ 3 อาทิตย์ล่ะ หวัดใหญ่แหง่มๆ)

(ปล2.ไม่ค่อยมั่นใจในสิ่งที่พิมพ์ไปเท่าที่ควรนะคะ เพราะไม่ได้เปิดโปรขึ้นมาดูเลยค่ะ นึกๆเอา)

Moshi

ออฟไลน์
กระทู้ : 16,996
คะแนนขอบคุณ : 45
it4x สังคมแห่งการเรียนรู้
ตุลาคม 04, 2010, 12:18:46
วิธีสร้างพื้นหลังลายจุด

อันดับแรก

สร้างไฟล์ขนาด 30x5 px (จะเอาเล็กกว่านี้หรือใหญ่กว่านี้ แล้วแต่ขนาดงานด้วยค่ะ) ใช้แบบ Tran นะคะ อย่าใช้ให้มี BG สีขาวๆ หรืออะไรก็แล้วแต่

2.ใช้บรัชขนาดหัวแปรงแล้วแต่ความเหมาะสม แนะนำ ในทีนี้ 3- 5 พอค่ะ หัวไม่ฟุ้ง จุดลงไปตรงกลางงานค่ะ

3.ไปที่ Edit> Pettern แล้วตั้งชื่อ ให้มันค่ะ

4.เปิดไฟล์งานที่ต้องการขึ้นมา กด Ctrl+A แล้วคลิกขวาที่งาน เลือก Fill แล้วเลือกเลือก Pentern ค่ะ หยิบแพทเทิร์นที่ต้องารไปใช้ได้เลยจ่ะ



(ปล. เดี๋ยวเอารูปวิธีทำลงให้วันหลังนะคะ ยังไม่หายป่วยเลยจะ 3 อาทิตย์ล่ะ หวัดใหญ่แหง่มๆ)

(ปล2.ไม่ค่อยมั่นใจในสิ่งที่พิมพ์ไปเท่าที่ควรนะคะ เพราะไม่ได้เปิดโปรขึ้นมาดูเลยค่ะ นึกๆเอา)


มาต่อยอดให้ หรือดูจากนี้ก็ได้ >> [direct]http://www.it4x.com/forum/index.php?topic=680[/direct]

Poowangdee

ออฟไลน์ ( 【BP Warp】 )
กระทู้ : 235
คะแนนขอบคุณ : 6
https://www.youtube.com/channel/UCEagmGQ9pzUZJKK1f5K-CFw
ตุลาคม 05, 2010, 10:36:05

มาต่อยอดให้ หรือดูจากนี้ก็ได้ >> [direct]http://www.it4x.com/forum/index.php?topic=680[/direct]

:D ไม่ต้องเอารูปมาลงเพิ่มเติมแล้วสินะคะ คริคริ

เจอกระทู้นี้เข้าไป  อธิบายชัดเจนเลย แจ่มๆๆๆๆ

 

ด้วยฟังค์ชั่น ตอบด่วน คุณสามารถใช้โค๊ดและ เครื่องหมายแสดงอารมณ์ได้ เหมือนการตั้งกระทู้ธรรมดา แต่สามารถทำได้สะดวกกว่า

ระวัง: หัวข้อนี้ไม่มีการอัพเดทมานานถึง 120 วัน

แจ้งเตือน: โพสของคุณจะไม่แสดงจนกว่าผู้ดูแลจะอนุมัติ.
ชื่อ: อีเมล์: