`how to .g i f s - เคลื่อนไหวอาร์ต ..(มั้ง :v) ..ลงหละ&เพิ่มตัวอย่าง

14 พ.ค. 56 12:56 น. / ดู 3,759 ครั้ง / 75 ความเห็น / 85 ชอบจัง / แชร์

*ดิทเพิ่มตัวอย่างครับ รู้สึกว่าไอ่ที่ทำให้ดูมันกากๆเกิน 
ฮาวทูแบบนี้อะครับ


ถ้าตั้งใจทำจริงๆจะได้สวยๆแบบพวกนี้นะ
(ไม่ใช่ไอ่ที่ผมทำลวกๆข้างล่างนั่น  )



มาลงให้แล้ว แล้วก็ขอบอกก่อนนะครับ ผมสอนแบบลวกๆ
แบบที่พอเข้าใจ ที่เหลือต้องไปมั่วดะกันเอาเอง
เพราะมันก็ไม่ได้ยากอะไร แต่รุ่นน้องคนสำคัญอยากให้สอน
เลยสอนทำแบบง่ายๆให้ ไม่ยุ่งยากเหมือนตัวอย่างอะครับ
ก็ดูๆเป็นแนวไว้ แล้วก็ไปลองทำกันเองนะครับ

ส่วนถ้าไม่เข้าใจอะไรก็ถามได้ เดี๋ยวตอบในนี้แหละ


จะยุ่งยากหน่อยสำหรับคนที่หัดเล่น photoshop ใหม่ๆ
แต่ก็ไม่ยุ่งมากหรอก ผมบอกแล้วมันง่ายจริงๆไอ่นี่หน่ะ
photoshop ที่ผมใช้คือ CS5 นะครับ ไม่เหมือนก็บ่เป็นหยัง

มาเริ่มกันเด้อครั่บ 
1.

ให้เตรียมรูปที่จะนำมาทำ gif ไว้เลย จะด้วยวิธีไหนก็ตามแต่
ใครไม่เป็นให้หาวิธีเอาเองนะครับ ส่วนใหญ่คงเป็นหมดแล้วหละ
ให้เตรียมไว้เฉยๆนะครับ อย่าพึ่งทำอนิเมชั่น โอเคนะ? 

2.

1 - หยุดอยู่ที่เลเยอร์บนสุดครับ แล้วกดสร้างเลเยอร์ใหม่
2 - กดที่เครื่องมือเชฟสำเร็จรูป เลือกเชฟตามสบาย ในตัวอย่างผมใช้เชฟร่ม
แต่ ณ ตอนนี้ผมใช้เชฟสามเหลี่ยม
(เด็กๆถ้าหาเชฟอื่นๆไม่เจอแนะนำให้พยายามหาเองครับ ขี้เกียจแคปรูป  มันอยู่ในนั้นแหละ หาดีๆ)
เสร็จแล้วให้ลากลงไปเลยครับ(ลากในเลเยอร์ใหม่หน่ะนะ) ถ้าต้องการให้เชฟเท่ากัน ให้กด Shift ค้างไปด้วยตอนลาก
ถ้าไม่ต้องการก็ไม่ต้องกดครับ โอเคนะ 
เมื่อทำเสร็จตามที่ผมพิมพ์ ก็จะได้หน้าตาตามนั้นครับ

3.

เสร็จแล้วลองหามุมที่จะให้ gif อยู่ข้างในนั้น ให้ดูได้ง่ายๆลองลดตรง
Opacity ลงครับ ตามรูป จะได้มองเห็นว่าจะเอาอยู่ส่วนไหนดี
เมื่อเลือกได้แล้ว ถูกใจแล้วให้จัดการเอาเมาส์ไปชี้ที่ผมเน้นสีแดงไว้ครับ(ที่มีลูกศรชี้)
ในกรอบสี่เหลี่ยมสีเทาตรงเลเยอร์เชฟนั่นแหละ แล้วกด Ctrl ค้างไว้ แล้วจิ้มเมาส์ซ้ายเลย

4.

หลังจากจิ้มแล้ว จะเกิดกรอบซีเลคชั่นขึ้นรอบเชฟนั้นๆ
ให้คลิกที่เครื่องมือซีเลคชั่นแล้วไปคลิกขวาในกรอบที่ขึ้นเส้น
แล้วไปที่ Select Inverse จะได้กรอบซีเลคชั่นตามรูปครับ
จากนั้นก็ให้ไล่ Delete รูปส่วนเกินทั้งหมดเลย แล้วก็ลบเลเยอร์เชฟทิ้งไปได้เลยครับ
แล้วคุณก็จะได้รูป gif ที่จะนำมาทำในรูปแบบเชฟง่ายๆ


มาถึงขั้นตอนละเลงครับ แฮ่ช 

5. ขั้นตอนนี้ยาวหน่อย ตั้งใจอ่านนะครับผม

(ดูประกอบรูปที่ 1 ไปด้วยนะครับ)
ขั้นแรกให้สร้างหน้ากระดาษขึ้นมาใหม่ก่อน จะเท่าไหนก็ได้ครับ
แล้วลากรูป gif จากหน้ากระดาษเก่ามาซักเลเยอร์นึงก่อน
แล้วจัดการสร้างเลเยอร์ใหม่ ไว้บนรูป gif ซะ แล้วใช้บรัชละเลง!!
ตามที่เห็นรูปที่ 1 เลยครับ ซึ่ง ณ จุดนี้ผมใช้เมาส์ปากกาละเลงตามเชฟ
(ตัวอย่างที่เป็นร่มผมก็ใช้เมาส์ปากกา)
กรรม นี่ขนาดใช้เมาส์ปากกานะ ......  ไม่เป็นไรครับ ถือคติ
ยิ่งเละ ยิ่งอาร์ต!  สังเกตรูปที่ 1 นะครับ จะเห็นว่าผมมี
3 เลเยอร์(ไม่นับแบ็คกราวน์) ซึ่งจะเป็นเลเยอร์เส้นที่ละเลง,เส้นสีเพิ่มเติม,และเลเยอร์เชฟ gif
เมื่อละเลงสะใจแล้ว(และคิดว่าแม่สวยโคตๆแล้วหน่ะนะ  )
ก็จัดการลบเลเยอร์เชฟ gif ทิ้งเลยครับ จะเหมือนรูปที่ 2 คือจะมีแต่กรอบอาร์ตๆ ... 

6.

จากนั้นให้กลับไปที่หน้ากระดาษเชฟ gif ที่เราเตรียมไว้ครับ
ลืมมันไปหรือยัง ไม่ใช่กดปิดไปนะ  ทำใหม่เลยนะครับถ้าเผลอปิดมันไป ..
gif ที่ผมเตรียมไว้มี 49 เลเยอร์ คุณจะเอาแค่ไหนตามแต่ใจศรัทธาของพวกคุณเลยครับ
แต่อย่าเยอะมากไปกว่านี้ ไซส์จะเยอะไป  เดี๋ยวเกิดปัญหาเอาลงทัมเบอไม่ได้อีก
(เผื่อใครอยากเอาไปแปะทัมหน่ะนะ)
เอ่า ไปอ่านทริคเพิ่มเติมกันได้นะครับ [
x]
จากนั้นให้คลุมดำเลเยอร์ทั้งหมดแล้วลากเข้ามาใส่หน้ากระดาษ
ที่มีเชฟสามเหลี่ยมอยู่ทั้งหมดเลย ผมจัดการสร้างกรุ๊ปไว้ มันจะได้ไม่รกเลเยอร์ ตามที่เห็นในภาพนะครับ
แล้วคุณก็จัดการทำ gif เหมือนปกติเลย ซึ่ง ณ จุดๆนี้ผมไม่สอนแล้วนะ
ให้ไปหาทู้สอนทำ gif กันเอาเอง วิธีมันเหมือนๆกันอยู่แล้ว
ซึ่งในภาพที่เห็นผมจัดการทำอนิเมชั่นเรียบร้อยแล้วครับ

ขั้นตอนสุดท้ายคือ ลงมือตกแต่งอื่นๆบลาๆแล้วแต่ใจต้องการเลยครับ
ของผมที่ทำกากๆก็ออกมาแบบนี้



รายละเอียดมันไม่มากมายเหมือนตัวอย่างไง ผมขี้เกียจ 
ต่อจากนี้จะสวยไม่สวยขึ้นอยู่กับคุณแล้วหละครับ มิใช่ผมนะ 
ยังไงไม่เข้าใจตรงไหนโพสถามได้ครับ จะตอบในนี้แหละ
โอเคนะ  .
แก้ไขล่าสุด 16 พ.ค. 56 04:10 | เลขไอพี : ไม่แสดง

มุมสมาชิก กระทู้ล่าสุดโดย 28y.

แสดงกระทู้ล่าสุดโดยเปิด มุมสมาชิก และเลือกแสดงกระทู้ที่ตั้ง

อ่านต่อ คุณอาจจะสนใจเนื้อหาเหล่านี้ (ความคิดเห็นกระทู้ อยู่ด้านล่าง)

ความคิดเห็น

#1 | `zs-zensiblep | 14 พ.ค. 56 13:07 น.

สนรอสนรอสนรอสนรอ 

ไอพี: ไม่แสดง

#2 | `srtuanx99: | 14 พ.ค. 56 13:12 น.

สนสิครับบบบบบบบบบ

ไอพี: ไม่แสดง

#3 | namecannotbeblank | 14 พ.ค. 56 13:12 น.

สนสนสนสนสน lol

ไอพี: ไม่แสดง

#4 | นวสต. | 14 พ.ค. 56 13:15 น.

สนสนสน

ไอพี: ไม่แสดง

#5 | n2'sํ | 14 พ.ค. 56 13:17 น.

สนสนสนสนสน

ไอพี: ไม่แสดง

#6 | '#Q.angel49 | 14 พ.ค. 56 13:20 น.

สนสนสนสนมากมายจ้าา

ไอพี: ไม่แสดง

#7 | Sso | 14 พ.ค. 56 13:28 น.

สนนนนนน รออออ 

ไอพี: ไม่แสดง

#8 | babyboo | 14 พ.ค. 56 13:28 น.

สนมากค่าาาาา  

ไอพี: ไม่แสดง

#9 | @:_holyํ`` | 14 พ.ค. 56 13:41 น.

สนค่ะสน 

ไอพี: ไม่แสดง

#10 | `waiiq. | 14 พ.ค. 56 14:04 น.

สนค่ะ รอนะค่ะ

ไอพี: ไม่แสดง

#11 | :861015 | 14 พ.ค. 56 14:24 น.

สนสนสนสนสน

ไอพี: ไม่แสดง

#12 | luffyy. | 14 พ.ค. 56 14:35 น.

เราสนนะนาย

ไอพี: ไม่แสดง

#13 | Sugar-plum:') | 14 พ.ค. 56 15:13 น.

สนค่ะสน รอ 

ไอพี: ไม่แสดง

#14 | `sqeez | 14 พ.ค. 56 15:33 น.

สนนนนนน

ไอพี: ไม่แสดง

#15 | mewwb | 14 พ.ค. 56 15:36 น.

สนค่าาา 

ไอพี: ไม่แสดง

#16 | .1810OิCT๋ | 14 พ.ค. 56 15:38 น.

สนนนนนนนนน ..

ไอพี: ไม่แสดง

#17 | .G | 14 พ.ค. 56 16:22 น.

สนมากกกกกกกก

ไอพี: ไม่แสดง

#18 | `โก๋ดงคนเดิม๙ | 14 พ.ค. 56 16:26 น.

ไม่สนไม่ได้แล้วว

ไอพี: ไม่แสดง

#19 | :bearyjay | 14 พ.ค. 56 17:12 น.

ฉันสน ฉันรอรอรอรอร </3

ไอพี: ไม่แสดง

#20 | `zs-typ. | 14 พ.ค. 56 17:21 น.

รอออออออออ่ะ

ไอพี: ไม่แสดง

#21 | JesSiCa#KaI | 14 พ.ค. 56 17:24 น.

สนค่าาา 

ไอพี: ไม่แสดง

#22 | @mุtu่aํn์xิ | 14 พ.ค. 56 17:29 น.

สนสนสนสนสนสนสนสนนนนน

ไอพี: ไม่แสดง

#23 | KAN.P | 14 พ.ค. 56 17:35 น.

สนนนนนนนนนนนนนนนนนนนนนนน

ไอพี: ไม่แสดง

#24 | de4d | 14 พ.ค. 56 18:05 น.

สน        .

ไอพี: ไม่แสดง

#25 | ntimb. | 14 พ.ค. 56 18:10 น.

นั้งจ้องกระทู้รอ
สนนนนน! #ตะโกน

ไอพี: ไม่แสดง

#26 | rawk'; | 14 พ.ค. 56 18:11 น.

สนครับ 

ไอพี: ไม่แสดง

#27 | gem;ไอแอมเฟรนลี่;'P | 14 พ.ค. 56 18:21 น.

สวยมากมากมาก

ไอพี: ไม่แสดง

#28 | ไก้ไก่ไก้ไ่ก่ | 14 พ.ค. 56 18:31 น.

เจ๋งแบบนี้สนนนนนนสิครับ 

ไอพี: ไม่แสดง

#29 | -เฟิ่งหวง | 14 พ.ค. 56 18:33 น.

สน สนส น สนสนสนสนสนสนสนสนสสน 

ไอพี: ไม่แสดง

#30 | 'Pnello | 14 พ.ค. 56 18:37 น.

สนมากกกกกกกกก

ไอพี: ไม่แสดง

#31 | .-[\คือรีซือ-3- | 14 พ.ค. 56 18:37 น.

สนสน รอรอ 

ไอพี: ไม่แสดง

#32 | TEORA* | 14 พ.ค. 56 18:45 น.

สนนนนนนนนน 

ไอพี: ไม่แสดง

#33 | `junlee | 14 พ.ค. 56 19:18 น.

สนอย่างแรงงงง รอ อ อ อ .

ไอพี: ไม่แสดง

#34 | -THEPIMWId13. | 14 พ.ค. 56 19:29 น.

ขอบคุณค่ะ 

ไอพี: ไม่แสดง

#35 | JX | 14 พ.ค. 56 20:20 น.

ขอบคุณครับ. 

ไอพี: ไม่แสดง

#36 | :dK.kuro | 14 พ.ค. 56 20:31 น.

ขอบคุณมากครับ (。-`ω-)

ไอพี: ไม่แสดง

#37 | `Pim_doiii.- | 14 พ.ค. 56 20:32 น.

ขอบคุณครับ. 

ไอพี: ไม่แสดง

#38 | `qou | 14 พ.ค. 56 21:22 น.

ขอบคุณจ้า ><

ไอพี: ไม่แสดง

#39 | {๕}ยูสเงียบ! | 14 พ.ค. 56 21:30 น.

ขอบคุณค่ะ 

ไอพี: ไม่แสดง

#40 | `วิลดันหัวหยอง | 14 พ.ค. 56 21:45 น.

โห้ววววว *-* งามแต้แต้
ขอบคุณมากค้าบบ 

ไอพี: ไม่แสดง

#41 | 'blaqxn; | 14 พ.ค. 56 22:12 น.

สวยยย ขอบคุณมากค่า 

ไอพี: ไม่แสดง

#42 | `จงแดแด้. | 14 พ.ค. 56 23:14 น.

ขอบคุณค่ะ .

ไอพี: ไม่แสดง

#43 | abcd.- | 14 พ.ค. 56 23:42 น.

ขอบคุณมากจ้า 

ไอพี: ไม่แสดง

#44 | susss | 14 พ.ค. 56 23:52 น.

ขอบคุณค่ะ 

ไอพี: ไม่แสดง

#45 | `dollyxq_ | 15 พ.ค. 56 00:29 น.

ขอบคุณนะค่ะ

ไอพี: ไม่แสดง

#46 | `waiiq. | 15 พ.ค. 56 10:34 น.

ขอบคุณค่ะ 

ไอพี: ไม่แสดง

#47 | `ขายยาดอง.) | 15 พ.ค. 56 11:00 น.

ขอบคุณค่า

ไอพี: ไม่แสดง

#48 | ปาร์คchan | 15 พ.ค. 56 11:33 น.

ขอบคุณค่ะ ㅎㅎㅎㅎㅎㅎ

ไอพี: ไม่แสดง

#49 | `:phanieX. | 15 พ.ค. 56 12:50 น.

ขอบคุณค่าาาาาาาาา

ไอพี: ไม่แสดง

#50 | `หมีหล่อ. | 15 พ.ค. 56 13:41 น.

วิธีเจ๋งแหวกแนวมากครับ ขอบคุณมาก 

ไอพี: ไม่แสดง

#51 | soblanc. | 15 พ.ค. 56 16:25 น.

ขอบคุณครับ

ไอพี: ไม่แสดง

#52 | realm.sgx | 15 พ.ค. 56 21:29 น.

ขอบคุณมากครับ *-*

ไอพี: ไม่แสดง

#53 | `JBx? | 16 พ.ค. 56 03:10 น.

- ขอบคุณครับ

ไอพี: ไม่แสดง

#54 | อะเด๊ะ | 16 พ.ค. 56 19:42 น.

ขอบคุณค่ะ

ไอพี: ไม่แสดง

#55 | `น้องหนูแฟรี่. | 16 พ.ค. 56 20:46 น.

ขอบคุณน้าาาา

ไอพี: ไม่แสดง

#56 | .ปาร์คชาล์ล | 17 พ.ค. 56 17:03 น.

ขอบคุณครับ

ไอพี: ไม่แสดง

#57 | ClaretCode. | 17 พ.ค. 56 17:06 น.

ดาวน์โหลด gif. จากไหนเหรอคะ

ไอพี: ไม่แสดง

#58 | ผิงมีศูนย์หนึ่ง. | 18 พ.ค. 56 01:54 น.

thanks ka

ไอพี: ไม่แสดง

#59 | hiikerqx. | 18 พ.ค. 56 13:01 น.

ขอบคุณมากฮ้บ 

ไอพี: ไม่แสดง

#60 | daswax | 18 พ.ค. 56 13:32 น.

ขอบคุณค่ะ 

ไอพี: ไม่แสดง

#62 | -redxpert. | 20 พ.ค. 56 20:31 น.

ขอบคุณมากครับ

ไอพี: ไม่แสดง

#63 | `hoest'z.f(x) | 23 พ.ค. 56 23:44 น.

ขอบคุณค่าา

ไอพี: ไม่แสดง

#64 | 3ลี..พิชิตเตี้ย | 25 พ.ค. 56 00:35 น.

ข อ บ คุ ณ ค่ า า

ไอพี: ไม่แสดง

#65 | burnie. | 25 พ.ค. 56 19:30 น.

ขอบคุณค่าอิ

ไอพี: ไม่แสดง

#66 | พ่อยกชอนช๊อน;) | 27 พ.ค. 56 22:18 น.

ขอบคุณครับ

ไอพี: ไม่แสดง

#67 | `แอฟ(ริกา)? | 7 มิ.ย. 56 14:53 น.

แต้งกิ้วกายยยยยยยยย 

ไอพี: ไม่แสดง

#68 | fy-porx | 27 มิ.ย. 56 11:10 น.

ขอบคุณมากมากเลยค่ะ 

ไอพี: ไม่แสดง

#69 | -[]($N)? | 12 ก.ค. 56 14:53 น.

ขอบคุณค่ะ

ไอพี: ไม่แสดง

#70 | `Mkm. | 13 ก.ค. 56 21:56 น.

ขอบคุณค่ะ

ไอพี: ไม่แสดง

#71 | fernusis | 10 ต.ค. 56 19:44 น.

ขอบคุณนะคะ

ไอพี: ไม่แสดง

#72 | :HUNGEN. | 1 พ.ย. 56 23:05 น.

thank you thank you

ไอพี: ไม่แสดง

#73 | @`11:11+_ | 6 ส.ค. 57 21:57 น.

ขอบคุณครับ

ไอพี: ไม่แสดง

#74 | pkbOO | 8 ก.พ. 58 17:45 น.

- - - - - - - - - - - - - - - ข อ บ คุ ณ ค รั บ 

ไอพี: ไม่แสดง

#75 | Iwowyou | 11 ก.พ. 59 07:52 น.

👏 ขอบคุณ

ไอพี: ไม่แสดง | โดย iPhone

แสดงความคิดเห็น

จะต้องเป็นสมาชิกจึงจะแสดงความคิดเห็นได้
เป็นสมาชิกอยู่แล้ว ลงชื่อเข้าใช้ระบบ
ยังไม่ได้เป็นสมาชิก สมัครสมาชิกใหม่
หรือจะลงชื่อเข้าใช้ระบบด้วย Google หรือ Facebook ก็ได้
ลงชื่อเข้าใช้ระบบด้วย Facebook
ลงชื่อเข้าใช้ระบบด้วย Google