IT4X เทคนิคคอมพิวเตอร์ โน๊ตบุค ข่าว IT

ข่าวสาร / ความรู้ => ทิป เทคนิค Photoshop => ข้อความที่เริ่มโดย: smooth ที่ กันยายน 21, 2010, 12:53:29

หัวข้อ: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: smooth ที่ กันยายน 21, 2010, 12:53:29
(http://play.kapook.com/files/play/dookdik/10/48005_1.gif)

ทำยังไงอะ  

เคลื่อนไหว
(แบบเลืื่อนไปทั้งหมดทำไง  ไม่ใช่แบบมาที่ละตัว) ???
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: Moshi ที่ กันยายน 21, 2010, 14:25:57
ก็ กด windows animation ไงครับ

จากนั้นตรงตัวหนังสือ ก็ทำเป็นเลเยอร์รวม แล้วปิดตาไง
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: smooth ที่ กันยายน 21, 2010, 14:41:20
ไอทั้งหมดนี้มันทำยังไง   :-X
ไม่รวมเคลื่อนไหว 
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: ßë©äûšë ที่ กันยายน 21, 2010, 16:17:54
มันทำได้ด้วยเหรอ ???
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: smooth ที่ กันยายน 21, 2010, 18:56:43
[direct]http://play.kapook.com/files/play/dookdik/10/48005_1.gif[/direct]

แบบธรรมดาเลยอะเป็นรูปเฉยๆทำยังไงอะ          ไม่เคลื่อนไหวอะ
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: Moshi ที่ กันยายน 21, 2010, 20:02:57
[direct]http://play.kapook.com/files/play/dookdik/10/48005_1.gif[/direct]

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

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

แบบนี้ไหม

(http://it4x.com/images/image.php?id=E106_4C98ACDF&jpg) (http://it4x.com/images/share.php?id=E106_4C98ACDF)

หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: ßë©äûšë ที่ กันยายน 21, 2010, 20:05:54
อ่าวทำให้มันนิ่งหรอกเหรอ ???

นึกว่าทำให้มันเลื่อนซะอีก
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: smooth ที่ กันยายน 21, 2010, 20:12:59
แบบว่า  จะทำภาพขึ้นมาเองอะ มันทำยังไง  ???
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: Poowangdee ที่ กันยายน 22, 2010, 21:06:07
เข้าใจแล้วค่ะ

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

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

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

แปะโป้งไว้นะคะ หมูฉึกๆ ไก่...ฉึกๆ
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: ßë©äûšë ที่ กันยายน 22, 2010, 23:39:40
เข้าใจแล้วค่ะ

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

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

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

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

รู้ป่าวฉึกๆแปลว่าไร เด่วเอามาให้ดู :D
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: ßë©äûšë ที่ กันยายน 22, 2010, 23:44:44
ฉึกๆ >> [direct]http://www.it4x.com/forum/index.php/topic,7049.0.html[/direct][/color][/s]

คลิปเน่าและ :P
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: Moshi ที่ กันยายน 23, 2010, 09:50:45
ฉึกๆ >> [direct]http://www.it4x.com/forum/index.php/topic,7049.0.html[/direct][/color][/s]

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

หัวข้อหายไปไหน งง
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: smooth ที่ กันยายน 24, 2010, 13:47:04
 8)
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: smooth ที่ กันยายน 24, 2010, 20:05:22
หมูฉึกๆ  มาแปะโป้งไว้  ไมไม่มาอะ   :'(
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: ßë©äûšë ที่ กันยายน 24, 2010, 22:56:18
ฉึกๆ >> [direct]http://www.it4x.com/forum/index.php/topic,7049.0.html[/direct][/color][/s]

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

หัวข้อหายไปไหน งง

คลิปมันเน่าไปแล้วเลยลบมู้ทิ้ง
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: smooth ที่ กันยายน 26, 2010, 14:51:37
รอหมูฉึกๆ    8)
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: Poowangdee ที่ กันยายน 30, 2010, 15:07:37
 :'(

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

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

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

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

หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: Poowangdee ที่ กันยายน 30, 2010, 15:59:37
อันดับแรกเลยค่ะ เปิด Adobe Image Ready ขึ้นมา

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

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/01.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/02.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/03.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/04.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/05.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/06.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/07.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/08.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/09.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/010.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/011.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/012.jpg)

ตามรูปเลย

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/013.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/015.jpg)

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

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

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/Welcome01.gif)
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: smooth ที่ กันยายน 30, 2010, 20:38:06
(http://play.kapook.com/files/play/dookdik/10/48005_1.gif)

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

SMOOTH
แล้วทำไห้เคลื่อนไหวแบบนี้ด้วย    :-*
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: ßë©äûšë ที่ กันยายน 30, 2010, 20:42:31
(http://play.kapook.com/files/play/dookdik/10/48005_1.gif)

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

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


คงใช้ฟอนต์ล่ะมั้ง หรือไม่ถ้าขยันก็นั่งจุดเอา พื้นหลังนี่ก็คงจุดล่ะมั้งครับ(ไม่รู้นะแต่ถ้าเป็นผมก็คงทำแบบที่บอกแหละ555+)
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: Moshi ที่ กันยายน 30, 2010, 21:38:11
อันดับแรกเลยค่ะ เปิด Adobe Image Ready ขึ้นมา

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

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/01.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/02.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/03.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/04.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/05.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/06.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/07.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/08.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/09.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/010.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/011.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/012.jpg)

ตามรูปเลย

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/013.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/015.jpg)

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

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

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

(http://i252.photobucket.com/albums/hh25/kajoky/GifTip/Welcome01.gif)

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

(http://play.kapook.com/files/play/dookdik/10/48005_1.gif)

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

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


ก็ตามที่เค้าสอนไปนั่นหล่ะ แต่้ใช้ Pattern ช่วยทำลายจุด + ไปหาฟอนต์มาเพิ่มซิครับ
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: Poowangdee ที่ กันยายน 30, 2010, 22:05:52
 :'( :'( :'(

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

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

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

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

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

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

ฝันสยองนะคะทุกคน
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: Poowangdee ที่ ตุลาคม 03, 2010, 22:21:22
วิธีสร้างพื้นหลังลายจุด

อันดับแรก

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

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

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

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



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

(ปล2.ไม่ค่อยมั่นใจในสิ่งที่พิมพ์ไปเท่าที่ควรนะคะ เพราะไม่ได้เปิดโปรขึ้นมาดูเลยค่ะ นึกๆเอา)
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: Moshi ที่ ตุลาคม 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]
หัวข้อ: Re: เทคนิค Photoshop : ภาพเคลื่อนไหวแบบนี้ทำยังไงอะ Gif
เริ่มหัวข้อโดย: Poowangdee ที่ ตุลาคม 05, 2010, 10:36:05

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

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

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