9 ก.พ. 2555

การทำหิมะลงบนภาพ

การทำหิมะลงบนภาพ

1. เปิดรูปที่ต้องการจะใส่หิมะขึ้นมาให้อนู่ใน Layer Backgrourd สร้างง Layer ขึ่นมาอีก 1 เลเยอร์ เพื่อทำภาพ ใส่สีดำ ลงๆไป จากนั้นไป Filter > Noise > Add Noise......50%(มากหรือน้อยกว่าก็ได้นะครับ แต่ท่ผมเลือกคือค่ามาตรฐาน) จากนั้น เลือก Gaussion ไปที่ Filter > Blur>Gaussion Blur ให้ Radus อยู่ที่ 4.0 pixels (อย่าลืมว่าขณะทำ ค่าที่ 4 ต้องใส่ ขาวกับดำ เท่านั้น)


2. ผมทำ เป็น กล่องเล็กๆ ไว้ก่อนนะครับ


3. ตอนนี้ล่ะครับที่เราจะมาทำหิมะกัน. เลือก   Filters>Pixelate>Mezzotint>Coarse Dots.

4. จากนั้นผมขยายภาพให้กว้างขึ้นนะครับ ให้มันยหมันกับเป็นการประจุดขาวดำไปทั้งภาพ จากนั้น เลือก Select>Color Range  และเลือก black areas
fuzziness ของผมเลือกที่ 68 นะครับ แต่จะเลืือกอะไรก็ได้ แต่ 68 คือ มาตรฐาน
 อ่ะครับ

5. จากนั้นกด Delete เพื่อตัดสีดำออก

6. จากนั้น ทำมันดูอ่อนนุ่มขึ้น ด้วยการสร้าง effect  ด้วย Filters>Blur>Motion Blur จะคล้ายภาพหิมะำกำลังตก
 
7. จากนั้นสร้าง Layer เพิ่มมาอีก 1 Layer

8. ทำเหมือนขั้นนตอนที่ 1 และเพื่อความสวยงามของภาพควร ทำภาพขนาดใหญ่เต็มหน้าจอ และใช้ brightness ปรับแสงเล็กน้อย

9. และเมื่อเสร็จแล้วให้คุณไปที่ Mezzotint และปรับเป็น fine dots

10. และคุณจะเห็นภาพ ลักษณะนะเมื่อลบ ส่วนพื้นที่ที่เป็นสีดำออกไป

11. จากนั้นให้คุณ Edit>Free transform  ลงไป ให้เหมาะสม

12. และจากนั้นใช้ยางลบ เก็บรายละเอียดต่างๆ

13. จากนั้นทำตามขัี้นตอนแรกๆ กับโต๊ะ และเก้าอี้

14. และทำแบบเดิมกับคนด้วย

ใช้ ยาางลบลบเหมือนเคย และปรับค่า opacity ให้ดูจางลง เพื่อความสมจริง

จากนั้นคอยเก็บรายละเอียดต่างๆ ด้วยยางลบอีกครั้งหนึ่ง , หวังว่าคงไำม่ยากเกินไปนะครับ


ข้อมูลจาก : http://www.webthaidd.com/photoshop/

สร้าง Barcode แบบง่ายๆโดยใช้ Photoshop

ขั้นตอนที่1.
เริ่มจากสร้างไฟล์ใหม่ขนาดใดก็ได้ตามที่เราต้อการโดยมาที่คำสั่ง File --> New
ขั้นตอนที่2.
สร้าง Layer ใหม่โดยคลิ๊กไอค่อนรูปกระดาษตรง Layer จากนั้นใช้อุปกรณ์ Marquee tool ที่มีลักษณะเส้นเดี่ยว 
(Single row marquee tool) แล้วทำการคลิ๊กที่พื้นที่การทำงาน ก็จะได้เส้นประเดี่ยวดังภาพ
ขั้นตอนที่3.
จากนั้นให้ทำการเลือกสี Foreground color เป็นที่เราต้องการ จากตัวอย่างจะใช้สีดำ
จากนั้นมาที่คำสั่ง Edit --> Fill ,Use = Foreground Color

ขั้นตอนที่4.
ยังไม่ต้องทำการยกเลิกเส้น Selection นะขอรับ แล้วให้มาที่คำสั่ง Fileter --> Noise --> Add Noise แล้วปรับค่าต่างๆ ดังภาพ. แล้วก็ OK
ขั้นตอนที่5.
ให้ทำการยกเลิกเส้น Selection โดยมาที่คำสั่ง Select --> Deselect จากนั้นให้ทำการยืดขึ้นโดยใช้คำสั่ง Edit --> Free transform ( Ctrl + T ) แล้วให้ยืดดังตัวอย่าง Barcode ก็จะปรากฎดังภาพ.
ขั้นตอนที่6.
จากนั้นให้ Marquee tool สร้างเส้นสี่เหลี่ยมผืนผ้าจากนั้นให้ Fill สีขาวลงไป (Edit
--> fill ,use = White)
 แล้วทำการพิมพ์ Text ตัวเลขลงไปโดยใช้อุปกณณ์ Type tool 
ก็เป็นอันเสร็จกระบวนการ.
ข้อมูลจาก : http://www.webthaidd.com/photoshop/

การสร้างดาว

1. สร้าง file ขึ้นมาแล้วจัดการเทสีลงไป ในที่นี้จะใช้สีแดง
2.ไปยัง filter ---> Artistic ---: Plastic Wrap --->OK
จะได้ตามรูปด้านล่าง
3. เลือกที่ Smudge Tool แล้วจัดการลากเม้าส์เพื่อตกแต่งให้เป็นรูปดาว
ก็จะออกมาหน้าตาแบบนี้
4. จากนั้นเลือก Filter ---> Sketch ---> Chrome
ทำการตกแต่งดาวให้สวยงามโดยใช้ Smudge Tool
รูปดาวอีกแบบค่ะ ครั้งนี้เมื่อเราเทสีลงไปแล้ว ให้ใช้ Brush แล้วการวาดเส้นตามด้านล่าง
Filter ---> Render ---> Lens Flare
จะได้รูปออกมาตามด้านล่าง
Filter ---> Sketch ---> Chrome
เรียบร้อยแล้วค่ะ ดาวในรูปแบบของเรา


ข้อมูลจาก http://www.webthaidd.com/photoshop/

การทำฝนด้วยเครื่องมือ Particle Systems > Spary

1. ดาวน์โหลด ชิ้นงานต้นแบบได้ ที่นี่ เมื่อดาวน์โหลดไฟล์มาไว้ที่เครื่อง และแตกไฟล์เรียบร้อยแล้วก็เปิดจะได้ดังรูป




2.ไปที่ Command Panel เลือก Particle Systems > Spary ดังรูป



3.สร้างสี่เหลี่ยมผืนผ้าด้วยเครื่องมือนี้ดังรูป



แล้วไปที่ Font View ใช้เครื่องมือ Move เลื่อน Object ของ Spray ขึ้นดังรูป



4.ไปที่ Prespective View แล้วลองเลื่อน Time line ดู



รูปภาพจะเหมือนมีเส้น เล็กไหลลงมาจากด้านบน จะเห็นว่ายังไม่สำจริงเท่าไรดังนั้นลองมาตั้งค่า แบบง่ายๆ กัน
5.การตั้งค่า Spray ดังรูป



อธิบายรูปภาพ
1.Viewport = ความหนาแน่น
2.Render Count = น้ำหนัก
3.Drop Size = ขนาดของหยดน้ำ
4.Seed = ความเร็วในการตกลงมา
5.Variation = ความกระจาย
ส่วน Drops = ลักษณะธรรมดา
Dots = เป็นจุด
Ticks = ลักษณ์ +

6.เมื่อปรับแต่งเสร็จแล้วลอง Render ภาพออกมาดูกันนะครับ

 



เทคนิคการสอนเอฟเฟ็กต์ Mask ใน Macromedia Flash

จัดการภาพดังกล่าวให้เกิดการเคลื่อนไหวขึ้น โดยเลื่อนภาพไปมา ในระหว่า ง Frame ใดๆ ที่เราต้องการให้เกิดการเคลื่อนไหว ในที่นี้ผมเลือกกระทำที่ Frame ที่ 15, 30 ,45 และ 60 ตามลำดับ (เราจะเลื่อนภาพไปมาได้โดยให้กดเมาส์ ณ ตำแหน่ง Frame ที่เราต้องการ จะให้ภาพนั้นเกิดการเคลื่อนไหว จากนั้นทำการเลื่อนภาพได้ตามต้องการ แต่อย่าเกินขอบ Movie นะครับ ซึ่งในตัวอย่างจะต้องมีการกระทำไปจนทั้งหมด 4 Frame ด้วยกันคือ Frame ที่ 15, 30, 45 และ 60 หากต้องการให้เกิดการทำงาน
ณ จุดไหนก็กดคลิ้ก F6 เพื่อทำการเลือกเป็น Keyframe นั่นเอง) จะได้ภาพเคลื่อนไหว ณ ตำแหน่ง Keyframe ต่าง ๆ ดังรูปที่ 8 



เราจะได้ลักษณะของภาพเคลื่อนไหวแล้วครับ แต่ยังไม่ใช่จุดประสงค์หลักของเราในวันนี้ซึ่งต้องอาศัยเทคนิคการ Mask หรือทำหน้ากากภาพเหล่านี้ให้กลายเป็นภาพเลียนแบบการโฆษณาบนจอยักษ์นี้ได้ ซึ่งสามารถทำตามขั้นตอนต่อไปได้คือ กดคลิ้กเลือกไปที่ไอคอนรูปสัญลักษณ์เครื่องหมาย บวก เพื่อทำการ Insert Layer จะปรากฎรายการ Layer 2 เกิดขึ้นเหนือ Layer 1 ที่เราได้สร้างการทำงานไว้แล้ว ดังรูปที่ 9 



ณ ตำแหน่ง Layer ที่ 2 นี้เราจะมาทำการใส่ Mask ให้กับภาพด้านล่างแล้วครับ ให้สร้างสี่เหลี่ยมหัวมุมโค้งมนโดยเลือกไปที่รูปแบบ Tools ตรงที่เป็นรูป สี่เหลี่ยมหรือ Rectangle Tools ดังรูปที่ 10 ครับ



จากนั้นให้ทำการเลือกบริเวณ Options ของ Rectangle Tools นี้โดยคลิ้กเลือกที่ปุ่มการปรับเลือกการโค้งมนดังรูปที่ 11 



เพื่อทำการปรับความโค้งมนของรูป Rectangle ดังกล่าวให้มีขนาดประมาณ 15 point ดังปรากฎรูปแบบวินโดวส์ แสดงการจัดการเซต ค่าความโค้งมนของ Rectangle ดังรูปที่ 12

 

ในการทำงานขั้นตอนนี้ ให้ย้ายการทำงานไปอยู่ในตำแหน่งของ Layer ที่ 2 จากนั้นทำการวาดลักษณะของรูป Rentangle ดังกล่าวประมาณ 9 รูปเรียงต่อกันดังรูปที่ 13 



ทำการคลิ้กขวาโดยไปเลือกการทำงานบริเวณส่วนที่แสดง Layer ดังรูปที่ 14 เพื่อเลือกรายการ Mask ณ Layer ที่ 2



จะปรากฎรายการดังรูปที่ 15 โดยสังเกตจะเห็นได้ว่ามีรูปกุญแจเกิดขึ้น ทั้ง 2 บริเวณคือ Layer 2 และ Layer 1 พร้อมทั้งรูปภาพที่เกิดขึ้นในบริเวณการทำงานดังกล่าวก็เกิดขึ้นเฉพาะรูปที่เราทำการ Mask รูปภาพต่าง ๆ นั้นไว้แล้วนั่นเอง 



จะสังเกตเห็นว่าพื้นที่ของบริเวณที่เราทำการ Mask นั้นมีขนาดน้อยกว่าพื้นหลังหรือ Movie ในโปรแกรม Macromedia Flash มากดังนั้นเพื่อให้การแสดงผลเวลาเอาไปแสดงประกอบร่วมกับภาษา HTML ให้มีขนาดพอดีเราจึงจำเป็นต้องปรับให้มีขนาดของ Flash Movies นี้ให้พอดีด้วยโดยสามารถเข้าไปปรับที่เมนู Modify --> Movie ดังรูปที่ 16



จะปรากฎรายการ Movie Properties Window ให้เราทำการระบุขนาดของ Movie ให้เหมาะสมซึ่งเป็นดังรูปที่ 17 



เลือกทำการ Export ไฟล์ดังกล่าวให้สามารถออกไปใช้งานเพื่อประกอบการตกแต่งกับเว็บไซต์ของเราได้โดยไปที่เมนู File --> Export Movie ดังรูปที่ 18



ทำการเลือกบันทึกพร้อมทั้งเก็บไฟล์ *.swf เหล่านี้เพื่อนำไปใช้งานได้ต่อไปร่วมกับโปรแกรมตกแต่งเว็บไซต์อื่น ๆ เช่น Macromedia Dreamweaver ได้ดังรูปที่ 19 ลองเอาไปประยุกต์ใช้กันนะครับ



ข้อมูลจาก : http://www.arip.co.th