ไม่ได้อัพซะนาน นึกไม่ออกด้วยว่าจะสอนอะไรดี- -"
พอดีมีน้องมาถามเรื่องฉากฝนตกในโฆษณาโดจินชิเซย่าที่เคยทำไป ก็เลยนึกได้ว่าเคยคิดที่จะสอนวิธีทำฉากฝนตก(แล้วก็ดันลืม) โอกาสดี รื้อวิธีทำมาแปะตรงนี้เลย

Photoshop 7.0

1. เริ่มแรกก็ต้องทำรูปฉากขึ้นมาก่อน(ส่วนมากก็คุมโทนสีให้มันดูครึ้มๆหม่นๆหน่อย)
[อันนี้ยืมภาพโซระคุงมาจากน้องเพนกวิน]

 

2.แล้วก็สร้างเลเยอร์ใหม่ขึ้นมา คลิกตรงลูกศรมุมขวาอย่างที่เห็นในรูป

 

3. ทำออกมากี่อันก็ได้ตามความเหมาะสม ปกติซัก4-5อันก็พอได้
ในตัวอย่างเราจะทำ5อัน

 

4. ไปที่ถังเทสี(Paint Bucket Tool) เลือกสีดำ

 

5. แล้วก็เทมันทุกเลเยอร์เลย(แน่นอนว่าเว้นฉากสุดท้ายที่เป็นรูปคนไว้)

 

6. ไปจิ้มตรงรูปลูกกะตาหน้าแต่ละเลเยอร์(มันจะทำให้มองไม่เห็นภาพ)
ง่ายๆ มีตาคือเราจะมองเห็น ..พอเอาตาออกมันก็ไม่เห็น

ให้ปิดลูกตาไปทั้งหมดเว้นเลเยอร์1 กับฉากสุดท้าย

*ที่ให้ปิดลูกตาเพราะตอนทำจะได้ไม่สับสน*

 

7.เลือกเลเยอร์1ไว้
จากนั้นไปที่ Filter > Noise > Add Noise

 

8.ก็ตั้งค่าตามความชอบ แต่ที่เราเลือกมา Amount ก็ประมาณ 100
ติ๊กที่ช่อง Uniform กับ  Monochromatic

 

9. แล้วก็ทำมันทุกเลเยอร์เลย เว้นฉากสุดท้าย

 

10. ไปที่ Filter > Blur > Motion Blur

 

11.ตั้งค่ามุม Angle และ Distance ก็เลือกตามความเหมาะสม
ในตย.เราจะใช้ 90องศา Distance 18
แน่นอนว่าไล่ทำทุกเลเยอร์เช่นกัน(เว้นฉากสุดท้าย)

 

12. มาถึงขั้นตอนการเซฟภาพ
แล้วแต่ว่าใครจะเอาไปเรียงให้มันขยับในโปรแกรมไหน ...พอดีของเราจะเรียงในโปรแกรมอนิเมทกิฟ
เลยต้องทยอยเซฟเป็นไฟล์ .GIF

*อันนี้ระวังมึนนิดนึง*
ให้เปิดเลเยอร์1แล้วเซฟเป็นรูปที่1 (ตั้งชื่อให้มีหมายเลขเรียงกันไปจะง่ายและสะดวก)
(รูปฉากสุดท้ายที่เป็นคนนั่นเปิดคาไว้เลย ไม่ต้องไปปิดลูกกะตามัน)

สังเกตว่าเราปรับเลเยอร์เป็น Screen (เว้นฉากสุดท้ายที่เป็น Normal)
จริงๆแล้วปรับได้หลายโหมดตามชอบนะไม่ว่าจะเป็น Soft Light, Overlay, etc.

 

13. พอรูปที่2 ก็ให้ปิดเลเยอร์ที่1  เปิดเฉพาะเลเยอร์ที่2
แล้วก็เซฟเป็นรูปที่2ไป
รูปต่อๆไป เช่น 3 ..4 ..5 ก็ทำแบบนี้เช่นกัน
(ระวังเปิดผิดเปิดถูกนิดนึง)

จากในตัวอย่าง เราก็จะได้5รูป
(เราตั้งชื่อว่า l1, l2, l3, l4 และ l5 ไล่ลำดับกันไป)

 

เสร็จแล้วก็เอาไปเรียงในโปรแกรมอนิเมทกิฟ ให้มันวนลูปตลอด
ใครจะเอาไปเรียงในอโดบี้อาฟเตอร์เอฟเฟค ฯลฯ ก็ได้
ตามความถนัดของแต่ละคนเลย

 

แถมให้อีก 1 วิธี

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

เรียงภาพให้เป็นอนิเมชั่นใน Adobe ImageReady

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

0. ให้เราตั้งชื่อรูปให้เรียงกันเป็นเลข
(ไม่แน่ใจว่าเรียงแบบตัวอักษร เอ บี ซีได้รึเปล่า แต่เลขนี่แหละชัวร์สุด)
เช่นของเราคือ
l1, l2, l3, l4 และ l5  แล้วเซฟลงแฟ้มเดียวกัน(เราตั้งชื่อแฟ้มว่า "ani")

1. จิ้มตรงกรอบเขียวๆที่วงไว้ มันจะเปิด ImageReadyให้เราแบบด่วนๆ

 

2. ไปที่ Import > Folder as Frames

 

3. แล้วกดเลือกแฟ้มที่เราเซฟภาพเก็บไว้ (อย่าเผลอใส่รูปที่ไม่เกี่ยวข้องเข้ามานะ)

 

4. รูปในแฟ้มมันก็จะยกโขยงกันมาเลย โดยเรียงตามลำดับเลขที่เราตั้งชื่อไว้
ให้สังเกตตรง "0 sec."  ให้กดตรงนี้แล้วจะมีเวลาของแต่ละเฟรมให้ตั้ง

 

5. หลังจากปรับเสร็จ เช็คเรียบร้อยก็ไปเซฟงานที่ Save Optimized
เลือกที่เป็น .GIF

 เสร็จแล้วจ้า!

 

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

Comment

Comment:

Tweet

ขอบพระคุณอย่างสูงเลยค่ะ! เพราะเราไม่มีโปรแกรม ImageRaedy
เลยเอาไปทำในแฟชร แล้วเอาความรู้นี้ไปต่อยอดได้อีกเยอะเลย!

#85 By Kami Mochi'Pasta on 2014-05-14 01:57

เป็นเทคนิคที่สุดยอดมากๆครับHot! Hot! Hot!

#84 By The Dream will not Die on 2012-05-01 15:05

ดีมาก

#83 By mos (125.26.112.134) on 2011-08-30 09:57

ขอบคุนค่ะ ช่วยได้เยอะเลยค่ะ

ไว้จะมาฝากตัวเปนสิดใหม่นะค่ะ

#82 By 9939 (183.89.55.83) on 2011-05-30 20:40

ขอบคุณมากกๆๆๆๆครับ
Hot! Hot! Hot! ขันน้ำ ขันน้ำ ขันน้ำ ขันน้ำ

#81 By Lil'BoX on 2011-04-16 23:00

อนิเมชั่นเจ่งมากเลยangry smile

#80 By กวนๆๆๆๆๆ (180.183.200.65) on 2011-02-03 16:46

ยอด ม าก ม า ย คัร บbig smile

#79 By FraMz (118.173.224.91) on 2010-10-28 09:35

#78 By (118.173.55.89) on 2010-09-23 19:24

เยี่ยมมากconfused smile surprised smile cry

#77 By roj (118.173.55.89) on 2010-09-23 19:23

ทามม่ายเปนเลยอ่ะสอนอีกดีๆดิห่วยว่ะ

#76 By (202.176.90.9) on 2010-09-14 13:51

ขอบคุณคร๊ าบ บบ

แต่ขอความกรุณาอยากให้พี่สอน
การทำแอนนิเมชั่นหน่อยคับ ขอความกรุณาด้วยคับ


dragon_dog@windowslive.com
อยากศึกษาเรื่องนี้มาก ๆ ขอบคุณคับ

#75 By เอ คับ (61.19.124.35) on 2010-07-22 21:45

เก่งมากเลน นะ

#72 By ........ (61.91.166.249) on 2010-07-16 13:41

สุดยอดดคับ

#71 By เอส (113.53.99.106) on 2010-07-14 10:19

เจงไปเลยquestion

#69 By (124.121.76.5) on 2010-07-08 10:58

เจงไปเลยquestion

#69 By (124.121.76.5) on 2010-07-08 10:58

เจงไปเลย

#68 By (124.121.76.5) on 2010-07-08 10:57

สุดยอดเลยครับbig smile big smile big smile big smile confused smile confused smile confused smile

#67 By 555+ (222.123.218.27) on 2010-06-29 18:41

สุดยอดเลย!!!O[ ]o!!Hot! Hot! Hot! Hot!

แล้วผมจะลองนำไปใช้ดูครับ ขอบคุณหลายๆconfused smile

#65 By crow on 2010-05-28 19:30

เก่งจังคะถ้าใครได้เป็นเเฟนก็ดีนะ open-mounthed smile

#64 By 55555555 (112.142.103.128) on 2010-04-27 13:00

ยอดอะ

#63 By 2929161615 (112.142.103.128) on 2010-04-27 12:58

แล้วไม่สอนหราค่ะ เวลาฝนกระเซ็น ความรู้น้อยอ่ะนะ แต่ขอบคุณมากๆ เลยค่ะ open-mounthed smile

#62 By naka (125.25.118.1) on 2010-04-17 21:20

ครูกำลังบอกให้ทำอยู่พอดีเลยคับ

#61 By thap (61.7.231.82) on 2010-02-16 16:46

ทำได้แล้ว

#60 By hitsugaya (125.27.3.21) on 2010-01-30 11:31

ขอบคุณมากค่ะ confused smile

#59 By BEI on 2009-09-08 21:37

ohtongue confused smile confused smile

#58 By df (118.175.198.128) on 2009-06-26 16:40

ดู ยัง ไง ก็ งง อะ คับ อิอิ เด็ก อายุ 15 อยาก ทำ เป็น มั่ง คิ คิ แต่ ยัง ไง จ่ะ ศึก ษา ให้ เข้า ใจ คับ ขอบ คุณ คับ

#57 By cap (124.120.47.57) on 2009-05-30 04:44

โอ้!!!!! เจ๋งมากเลย double wink

#56 By monota...!! on 2009-05-18 18:18

ขอบคุณมากค่ะ ตอนนี้ทำได้แล้ว big smile

#55 By ตาชอล (58.8.121.46) on 2009-05-12 14:04

ปืนฉีดน้ำ ปืนฉีดน้ำ ปืนฉีดน้ำ ขันน้ำ

#54 By (114.128.53.149) on 2009-04-20 14:13

ขอบคุณจ้า

#53 By webinfopress on 2009-03-31 10:38

Hot! Hot!

#52 By hackerlife on 2009-03-17 19:50

เพื่อนของบอลเองมันก็หล่อใช้ได้น้าอืมมีคนจีบมันที่โรงเรียนเยอะแล้วมาหาผมดีกว่าคิคิbig smile ถ้ามันรู้มีหวังอัปมงคลแน่sad smile

#51 By กัน (117.47.80.176) on 2009-03-16 22:37

ถึงจะไม่เข้าใจแต่ก็เยี่ยมน้าค้าบ

(กระซิบหน่อยตอนนี้ผมกำลังหาแฟนอยู่น้า)

ใจยังว่าง4ห้องน้าก้าฟ

ไม่ใส่ภาพหั้ยดูน้าหาใจผมเองและกันขอคนสวยๆๆ

ผมหล่อน้าก้าฟเดี๋ยวหั้ยเพื่อนมาลงความเหนbig smile

#50 By บอล (117.47.80.176) on 2009-03-16 22:35

ดีๆๆมากเลยconfused smile

#49 By บอล (117.47.82.3) on 2009-03-10 16:54

สุดยอดดด
ขั้นเทพจริงๆค่ะ

คาราวะห้าจอกก

#48 By Mugiwara ´´ © on 2008-12-30 22:22

เยี่ยมมาก

#47 By BN-Design on 2008-12-13 00:04

มีกระทบเสื้อด้วยอะ

เนียนๆๆ
อ๊าาา งดงาม > < ขอบคุณสำหรับสาระดีๆนะคะHot!

#42 By ฺBear-killer on 2008-12-06 10:14

เด๋วจะไปลองทำมั้ง

ขอบคุณนะค่า

#41 By patsita on 2008-12-05 21:15

เป็นประโยชน์มากเลยครับHot!

#40 By Jiam on 2008-12-05 19:48

เก่ง อ่า >__________<"Hot! Hot!

#39 By mukiiii? on 2008-12-05 14:44

เยี่ยมเลย ขอบคุณค๊าบบบ *0*

#38 By YuN ♥ KathaN on 2008-12-05 02:07

แจ่ม ขอบคุณครับ =w=b

#37 By คาโตเน่ on 2008-12-05 01:57

เก่งๆๆๆๆ แง่มๆๆbig smile

#36 By เซงครับ on 2008-12-05 00:43

แหล่มเลยค่าาา Hot!

ขอบคุณมากมายค่ะ big smile

#35 By .::little-wing::. on 2008-12-04 23:58

เก่งจัง ชอบๆ
ว้าวๆ
สุดยอดดดดดดดดดดดดดดHot!

#33 By Arun Liz on 2008-12-04 21:48

=[]=!!

สวยง่ะ


จะลองไปทำตามมั่งดีกว่า

>w<

#32 By บัวชมพู_ฝืด on 2008-12-04 19:38

Wow ...... sugeeeeeeee

ที่บ้านไม่มีโปรแกรมนี้เพราะว่าใช้ไม่เป็นและไม่ขยันศึกษา เหอๆๆๆ - -"
ขอบคุณสำหรับเทคนิคดีๆนะคะ
เอาไว้เผื่ออนาคตจะได้ทำ 5555+

#31 By =::Kr@taiR::= on 2008-12-04 19:05

เจ๋งมากเลย ไว้จะำไปลองหัดทำนะัฮะHot!

#30 By AY-jin on 2008-12-04 19:01