Knowledge - of - [Me]

     Yo! ครบรอบ 1 ปี ของ blog นี้แล้ว >,< เร็วจริงๆ 1 ปีเนี้ย (ที่เร็วเพราะไม่ค่อยได้มาอัพ blog นี่แหละ - -') เพื่อไม่ให้เป็นการน้อยหน้า entries อื่นๆ entry นี้เลยขอยาวนิดหน่อย (หลังจากที่สั้นๆ แต่ไม่ได้ใจความไปหลายตอนหล่ะ - -')

     ใน entry นี้อาจจะดูพื้นๆ ไปหน่อยนะคับกับการใส่ฝนเทียมให้กับภาพ แต่เพื่อให้ดูไม่น่าเบื่อไปก่อน (หรือจะให้น่าเบื่อกว่าเดิมหว่า - -') จึงจะทำให้เป็นภาพเคลื่อนไหวไปในตัวด้วย ผลที่ได้ออกมาจะกลายเป็นฝนตกภายในภาพของเรา ^^' หลังจากคราวก่อนนู้นนนนนนน ที่เคยทำภาพเครื่องไหวขั้นต้นกันไปแล้ว (คลิ้กที่นี่เพื่อย้อนไปดู) คราวนี้มาลองหัดใช้ Animation ของ Photoshop CS3 ในรูปแบบ Timeline กันดูบ้าง (ไม่แน่ใจว่าใน Image Ready จะมี/ทำได้ หรือป่าวนะคับ ^^')

     โดยใน entry นี้จะแบ่งเป็น 2 ส่วนหลักๆ คือ 1. สร้างฝนเทียม และ 2. สาดฝนเทียมให้ตกลงมา (หรือทำเป็นภาพเคลื่อนไหวนั่นเอง ^^')

การสร้างฝนเทียม

1.  เปิดภาพที่ต้องการขึ้นมาก่อนคับ ผมเลือกใช้เป็นภาพวิวนะคับ (จะใช้เป็นภาพการ์ตูน ภาพคน หรืออื่นๆ ก็ได้นะคับ ในที่นี้ใช้ภาพวิวจะได้เห็นภาพว่าจะออกมามีลักษณะอย่างไร)

 

2.  สร้าง layer ใหม่ให้อยู่บนสุดแล้วใส่สีดำลงไป โดยกด "D" (เพื่อให้ Background เป็นสีขาว) และกด Ctrl + Backspace (เพื่อเติมสีขาวลงไปที่ layer ใหม่)

3.  ไปที่ Filter > Noise > Add Noise กำหนดปริมาณ 400% เลือก "Gaussian" และ "Monochromatic"

 

4.  หมุนภาพไป 90 องศา โดยไปที่ Edit > Transform > Rotate 90 CW แล้วไปที่ Filter > Blur > Blur

 

5.  ตามด้วย Filter > Stylize > Wind โดยเลือก "Blast" แล้วจะเลือกไปทางซ้ายหรือขวาก็ได้นะคับ

 

6.  หลังจากนั้นหมุนภาพกลับมา โดยไปที่ Edit > Transform > Rotate 90 CCW ภาพที่ได้ออกมาจะไม่เต็มกรอบนะคับ

 

7.  กด Ctrl ค้างแล้วคลิ้กที่ layer ล่าง (layer ภาพตั้งต้นอ่ะคับ) เพื่อเลือกทั้ง 2 layers แล้วไปที่ Layer > Align > Left Edges จะทำให้ขอบทั้งสองข้างเท่ากัน

8.  คลิ้กที่ layer บนเพื่อเลือก layer นี้อีกครั้ง แล้วไปที่ Filter > Other > Offset แล้วปรับเฉพาะ Vertical ให้ช่องว่างของภาพอยู่ตรงกลางๆ (อยู่ตรงตำแหน่งที่เราเห็นได้สะดวก)

 

9.  เลือก Clone Stamp Tool  และกำหนดขนาด Brush พอประมาณ (ในที่นี้ใช้ 45 px) กำหนด Hasdness = 0% หลังจากนั้นกด Alt ค้างไว้ แล้วไปคลิ้กจุดไหนของภาพก็ได้ที่ไม่ได้เป็นช่องว่าง และระบายช่องว่างให้หายไป (ไม่ต้องปราณีตมากก็ได้นะคับ)

 

10.  กด Ctrl + I เพื่อ Invert สีให้ดูเหมือนฝนมากขึ้น

 

11.  ตอนนี้เกือบจะได้ฝนเทียมขึ้นมาแล้วคับ ให้กำหนด layer นี้เป็น Pattern ไว้ โดยไปที่ Edit > Define Pattern แล้วตั้งชื่อว่า rain (หรืออะไรก็ได้คับ)

12.  ต่อมาจะใส่ฝนเทียมให้กับภาพของเราโดย ดับเบิ้ลคลิ้กที่ layer ฝนเทียม (layer บนสุด) จะเปิดหน้าต่าง "Layer Style" ขึ้นมา ปรับ "Fill Opacity" ให้เป็น 0 และไปที่ "Pattern Overlay" เลือก Pattern ที่เราสร้างไว้ และกำหนด "Blend Mode" เป็น "Soft Light" ปรับ "Opacity" เหลือประมาณ 60%

 

     จะได้ภาพออกมามีฝนเทียมอยู่ในภาพแล้วคับ หลังจากนั้นจะทำเป็นภาพเคลื่อนไหวดูกัน

 

การสาดฝนเทียม

1.  เปิดหน้าต่าง Animation ขึ้นมาโดยไปที่ Window > Animation ถ้าของใครเปิดมาแล้วเป็นช่องๆ ไม่ได้เป็นรูปแบบ Timeline ให้กดที่ปุ่มมุมล่างขวานะคับเพื่อเปลี่ยนให้เป็น Timeline

 

2.  เลื่อนแถบด้านบนไปที่ 04:00f นะคับ เพื่อกำหนดระยะเวลาที่ Animation จะเล่นใน 1 รอบ

 

3.  คลิ้กรูปนาฬิกาที่อยู่หน้าคำว่า Style ใต้ Layer 1 (layer ฝนเทียม) แล้วเลื่อน Slider ของ Time ไปที่ 04:00f ที่กำหนดไว้

 

4.  ดับเบิ้ลคลิ้กที่ layer ฝนเทียม เพื่อเปิดหน้าต่าง "Layer Style" ขึ้นมาใหม่ แล้วคลิ้กเลือกที่ "Pattern Overlay" (ในขั้นตอนนี้จะทำเพื่อกำหนดการเคลื่อนไหวของฝนเทียมนะคับ)

5.  เมื่อคลิ้กเลือกที่ "Pattern Overlay" แล้ว จะสามารถขยับ Pattern ที่อยู่บนภาพของเราได้ ให้เราเอาเมาส์ไปไว้ที่บนสุดของภาพแล้วกด Shift ค้างไว้ (เพื่อไม่ให้มันขยับซ้ายขวา) แล้วลาก Pattern ลงมาจนเมาส์อยู่ที่ล่างสุดของภาพ ผมจะถือว่าจบ 1 รอบ

6.  ทำขั้นตอนที่ 5 ซ้ำอีกประมาณ 2-3 รอบ แล้วแต่ความต้องการที่จะให้ฝนตกเร็วหรือช้า (ยิ่งจำนวนรอบมากๆ ฝนยิ่งตกเร็ว) ในที่นี้ผมทำทั้งหมด 4 รอบคับ

7.  ที่ "Layer Style" กด OK แล้วที่ Animation จะปรากฎจุดข้าวหลามตัดขึ้นที่ด้านท้าย

 

8.  กดปุ่น Play บน Animation จะได้เป็นภาพที่ฝนกำลังตกลงมาคับ โดยสาเหตุที่ในขั้นตอนที่ 5 ต้องนำเมาส์ไปอยุ่บนสุดแล้วลากลงมาให้อยู่ล่างสุดนั้นเพื่อให้ ภาพฝนที่ตกไหลไปอย่างต่อเนื่องเมื่อจบที่ 04:00f (คิดว่าน่าจะประมาณ 4 วินาทีนะคับ)

9.  หลังจากเสร็จสิ้นพิธีขอฝนแล้ว ก็ทำการ save ภาพให้เป็น Gif ต่อนะคับ (ถ้า save เป็น Jpg แล้วจาทำ Animation ทำไมหว่า - -') การ save ให้ใช้ File > Save for Web and Device นะคับ ผมไม่ได้ปรับแต่งอะไรเลยแล้วเพียงแต่กด save คับ (ผู้ใดใคร่แต่งต่อก็ปรับได้นะคับ)

     *ภาพเคลื่อนไหวที่แสดงให้เห็นนี้ผมปรับแต่งให้มีขนาดเล็กลงนะคับ และปรับแต่งในส่วนของ Animation ให้เหลือ 01:00f กับจำนวนรอบที่ฝนตกเหลือเพียงรอบเดียว เนื่องจากว่าหลังจากทำเสร็จแล้วได้ภาพ Gif ออกมา 8 MB นิดๆ - -'' ซึ่งจะเป็นการโหดร้ายสำหรับผมเวลาอัพโหลด และโหดร้ายยิ่งกว่าต่อทุกๆ ทั่นที่ต้องคอยโหลดภาพออกมา - -' ดังนั้นผมเลยปรับแต่งให้มีขนาดเล็กลงเหลือ 600 KB หน่อยๆ นะคับ รายละเอียดที่ออกมาจึงไม่ชัดเจนเท่าที่ควรต้องขออภัยไว้ ณ ที่นี้ด้วยคับ ^^'' *

     และแล้วก็เสร็จสิ้นการขอฝนสักทีนะคับ - -' พอแบ่งเป็น 2 ช่วงแล้วรู้สึกเหนื่อยจัง แต่ถ้าไม่แบ่งแล้วรู้สึกเหนื่อยค่อดๆ (สรุปว่าเหนื่อย - -') ต้องขออภัยสำหรับผู้ที่ไม่ได้ใช้ Phoshop CS3 ด้วยนะคับ ผมไม่มั่นใจว่าใน Image Ready นั้นจะสามารถทำแบบนี้ได้หรือป่าว - -''

     อืม...เอาเป็นว่าผมแถมอีกเคล็ด (ไม่) ลับอีกอันละกันนะคับสำหรับการแต่งภาพ (เอาใจคนไม่ได้ใช้ Photoshop CS3 หน่อย แหะๆ ^^') โดยจะแต่งให้ภาพดูมืดๆ เสมือนว่าฝนตก หรือฝนใกล้ตกนะคับ สำหรับคนที่เลือกภาพวิวที่มันดูสว่างๆ (ภาพที่ผมเลือกมันดูมืดๆ อยู่นิดหน่อยเลยไม่ค่อยรู้สึกเท่าไหร่นักเวลาทำออกมา)

1.  ถ้าทำจากงานเก่าก็ Hide layer ฝนเทียมไปก่อนนะคับจะได้เห็นผลกันชัดๆ (Hide โดยการคลิ้กที่รูปลูกตาหน้า layer)

2.  เปิด Channels panel ขึ้นมาจาก Window > Channels แล้วกด Ctrl ค้างไว้แล้วคลิ้กที่ RGB layer คับ จะได้ Selection มา

3.  กดปุ่ม "Create New Channel" จะได้ Channel ที่ชื่อว่า Alpha 1 ขึ้นมา

4.  กด "D" เพื่อเปลี่ยนสีให้ Foreground และ Background เติมสีขาวลงไปโดยการกด Ctrl + Backspace

 

5.  กด Ctrl + Shift + I หรือ Select > Inverse แล้วเติมสีดำลงไปโดยกด Alt + Backspace

 

6.  กด Ctrl + D หรือ Select > Deselect เพื่อยกเลิกการ Select แล้วกด Ctrl + I เพื่อ Invert สี

7.  กลับไปที่ Layer panel แล้วสร้าง layer ใหม่ขึ้นมาให้อยู่บน layer ของภาพตั้งต้น (ในตอนนี้สีจะกลับมาเป็นปกติอีกครั้งนะคับ)

8.  ไปที่ Select > Load Selection แล้วเลือก Channel ให้เป็น Alpha 1

9.  เติมสีดำลงไป โดยกด Alt + Backspace (ดูให้แน่ใจก่อนว่าที่ Foreground เป็นสีดำ) และก็ Deselect มันไปโดยการกด Ctrl + D

10.  ปรับ Opacity ของ layer นี้ลงตามความเหมาะสมได้เลยคับ ว่าจะให้มืดมากหรือมืดน้อยเพียงใด ^^' ในที่นี้ปรับลง 50% คับ

     เมื่อเปรียบเทียบกับภาพตั้งต้นจะให้อารมณ์ท้องฟ้ามืดครึ้มมากขึ้น (เหรอ - -') ...เอาเป็นว่าเห็นความแตกต่างละกันคับ ^^'

     อ่า....แล้วก็เสร็จอีกจนได้ (เสร็จจิงๆ แระ ^^') คราวนี้มาแบบยาวๆ ขาประจำคงจะ งง ว่าผมฟิตมาจากไหน - -' ปกติจะมีแบบสั้นๆ ง่ายๆ ไม่มีไรเยอะแยะ (พูดเองอายเองเหมือนกัน ปกติไม่ได้ทำไรมากเลย ^^" แหะๆ) ไหนๆ ก็ครบ 1 ปีทั้งทีเลยขอขยันเพื่อเป็นการขอบคุณทุกทั่นที่ติดตามคับ ^^v