dot dot
การทำภาพเงาสะท้อนวัตถุ article
 
หลาย ๆ ครั้ง ที่เราได้เห็นภาพเงาสะท้อนของวัตถุ ที่ตกกระทบบนพื้นผิวต่าง ๆ ไม่ว่าจะเป็นในหน้าเว็บไซต์ ในโทรทัศน์ หรือแม้กระทั่งสื่อสิ่งพิมพ์ต่าง ๆ สาเหตุเพราะเทคนิคนี้ กำลังได้รับความนิยมอย่างมากในปัจจุบัน ซึ่งสมาชิกสามารถทำได้ไม่ยาก และยังนำไปประยุกต์ใช้ เพื่อตกแต่งเว็บไซต์ของท่าน ให้สวยงาม แปลกใหม่ และทันสมัยได้เป็นอย่างดีค่ะ
 
ขั้นตอนการทำ
 

1. เปิดโปรแกรม Photoshop หลังจากนั้นให้เลือกเปิดไฟล์ภาพที่ต้องการ โดยคลิก File --> Open เลือกภาพที่ต้องการ
 
              

 
2. เพื่อป้องกันภาพต้นฉบับเสียหาย ให้ทำการ Copy ภาพ โดยคลิก Layer --> Duplicate Layer
 
              
 
3. เพื่อให้เกิดการสะท้อนแบบสมจริง ควรเลือกใช้พื้นหลังสีทึบอย่างสีดำ ขั้นตอนนี้ต้องสร้าง Layer ขึ้นใหม่ 1 Layer เพื่อใช้เป็น Background ของภาพ สามารถทำได้โดยคลิกที่ Layer --> New --> Layer --> ตั้งชื่ออะไรก็ได้ (ในที่นี้ตั้งชื่อว่า Background Copy)
 
              
 
 
4. ให้ทำการลาก Layer ใหม่ที่สร้างขึ้น เลื่อนลงมาอยู่ใต้ Layer ของวัตถุ โดยการคลิกเมาส์ซ้ายค้างไว้ แล้วลากลงมา
 
              
 

5. หลังจากนั้น ให้คลิกเลือกสีดำเพื่อที่จะนำมาเทใส่ Layer พื้นหลัง โดยไปที่เมนู Paint Bucket Tool ที่สัญลักษณ์คล้ายกระป๋องสี  เมื่อเลือกแล้วให้คลิกเทสีลงใน Layer ใหม่ที่สร้างขึ้น (คลิกครั้งเดียวพอค่ะ)
 
              
 
 
เมื่อทำการคลิกเทสีลงไป สีพื้นหลังของวัตถุจะกลายเป็นสีดำ
 
 
 
** สิ่งที่ควรคำนึงเมื่อทำภาพเงาสะท้อน คือ ขนาดพื้นที่ของภาพ ต้องมีขนาดกว้างพอที่จะสามารถเพิ่มเงาสะท้อนลงไปได้ วิธีการเพิ่มพื้นที่สามารถทำได้โดย ลดขนาดของภาพลง หรือขยายพื้นหลังให้ใหญ่ขึ้น (ในที่นี้จะเลือกวิธีลดขนาดภาพลง เพื่อให้มีพื้นที่ว่างเหลือด้านล่าง) 
วิธีลดขนาดของภาพ คลิกที่ Edit -->Tranform-->Scale จากนั้นทำการปรับขนาดวัตถุตามต้องการ
 
 
 
6. เมื่อได้ขนาดวัตถุตามต้องการ และมีพื้นที่ว่างเหลือพอสำหรับทำเงา ขั้นตอนต่อไป คือการ Copy ภาพต้นแบบ เพื่อจะนำภาพ Copy ที่ได้มาปรับแต่งเป็นเงาสะท้อน คลิกเลือกที่ Layer วัตถุ และไปที่ Layer --> Duplicate Layer ตั้งชื่อภาพตามต้องการ (ในที่นี้ตั้งชื่อภาพว่า Background Copy 2)
 
              
 
 
              
 
 
7. เมื่อเราได้ภาพที่จะนำมาทำเงาแล้ว ขั้นตอนต่อไป คือการกลับหัววัตถุ โดยไปที่ Edit -->Tranform --> Scale จากนั้นให้ทำการคลิก ลากพลิกภาพลง จากด้านบนลงด้านล่าง
 
              
 
 
 
ในการลากภาพ ควรจะลากให้ได้ขนาดเท่ากับภาพต้นฉบับ เพื่อให้เกิดความสมจริง
 
              
 
 

8. จากนั้นเราจะมาเพิ่มลูกเล่นกันอีกนิดหน่อย เพื่อให้เกิดความสมจริงมากยิ่งขึ้น โดยไปที่ Gradient Tool
 
              

8.1 จากนั้นให้เลือกที่สี Black,White  
 
 
 
9. จากนั้นมาที่ Layer --> Add Layer Mask --> Reveal All
              

 
เมื่อเราเลือกแล้ว จะเห็นว่าเมาส์เปลี่ยนเป็นรูปเครื่องหมายบวก ให้ทำการคลิกเมาส์ซ้ายหนึ่งครั้ง แล้วลากจากจุดที่ 1 ไปยังจุดที่ 2 ให้ได้ระยะตามรูป
 
              
 

ผลลัพธ์ที่ได้
 

ในการ Save ภาพ เงาสะท้อน เพื่อใช้ตกแต่งเว็บไซต์ สามารถทำได้โดยไปที่ File --> Save for web ทำการกำหนดค่าของภาพได้ตามต้องการค่ะ พบกับเทคนิคเด็ด ๆ ได้ใหม่ในสัปดาห์หน้านะคะ
 
***แม้ว่าทางทีมงาน ReadyPlanet จะไม่สามารถ Support โปรแกรม Photoshop ให้ท่านได้ แต่บทความนี้ เป็นความตั้งใจของทีมงานฝ่าย Web Design ที่เขียนขึ้นมาเพื่อให้ท่านได้เป็นแนวทางในการศึกษาเพิ่มเติม จากโปรแกรม Photoshop เพื่อใช้ในการออกแบบ และตกแต่งภาพบนเว็บไซต์ให้ออกมาสวยงามเท่านั้น***
 
28 Feb 2008
อุฬาลักษณ์   ฮะค่อม
www.ReadyPlanet.com 
 



Design Guru

เทคนิคการทำภาพลายน้ำ (Watermark) แบบง่ายๆ
เทคนิคการเปลี่ยนสีรูปภาพเฉพาะจุด
เทคนิคการทำฟองอากาศ
เทคนิคการทำรูปสีท่ามกลางรูปขาวดำ
เทคนิคการทำกรอบรูปเส้นประ
เทคนิคการทำพื้นหลังแบบ 3 มิติ
เทคนิคการทำ Barcode
เทคนิคการทำตัวอักษรทองคำ
เทคนิคการทำพระจันทร์เต็มดวง
เทคนิคการทำ Sticky Tape แบบเก๋ๆ สำหรับตกแต่งรูปภาพ
เทคนิคการทำลำแสงพระอาทิตย์
เพิ่มความเก๋ไก๋ให้ข้อความ ด้วยกรอบแบบต่าง ๆ (ตอนที่ 2 กรอบเก๋ ๆ แบบขาด ๆ )
เทคนิคการแต่งภาพสไตล์โลโม
การสร้างกรอบรูปขอบกระจาย ด้วยเทคนิค Quick Mask
สร้างกรอบรูปด้วย Brush Tool
เทคนิคการตกแต่งข้อความด้วยการใช้ Layer Mask article
เพิ่มความเก๋ไก๋ให้ข้อความ ด้วยกรอบแบบต่างๆ (ตอนที่ 1 กระดาษพับขอบ) article
สร้างกรอบรูปลายไม้ง่าย ๆ ด้วย Filter article
การสร้างตัวอักษรนูนบนลายไม้
การสร้าง selection ภาพ โดยใช้ channel
เทคนิคการนำรูปภาพมาใส่กรอบ
การทำกรอบภาพให้ดูสวยงามและมีมิติ article
เทคนิคการทำพื้นทรายแบบง่าย ๆ
เทคนิคเพิ่มลูกเล่นระยิบระยับให้ตัวอักษร article
สร้างข้อความโค้งตามวัตถุแบบง่ายๆ article
มาปรับภาพย้อนแสงให้ดูสวยงามกันเถอะ article
แปลงภาพถ่ายให้เป็นภาพวาดกันเถอะ article
วิธีการสร้างหยดน้ำมหัศจรรย์ article
วิธีสร้างกรอบรูป และเงา เพื่อเพิ่มมิติให้ภาพ article
ตัดภาพพื้นหลัง ด้วยคฑาวิเศษ article
[Design Guru] "ไข่ทองคำ ของแจ๊ค" article
วิธีลดขนาดของภาพ และการเซฟภาพ สำหรับใช้บนเว็บไซต์ article
มาทำเมฆรูปร่างแปลก ๆ กันดีกว่า article
สร้างปุ่มสวยด้วยตนเอง article
สนุกกับเทคนิค การสร้างภาพในฝันด้วย Photoshop article
มาแต่งภาพสวย แบบซีเปียง่ายๆ ด้วย Photoshop กันเถอะ article
มาทำตัวอักษรแบบไล่โทนสี เอาไว้แต่งหัวข้อของบทความ กันครับ article



dot
ค้นหาบทความ

dot
dot
Oxygen Menu
dot
bulletOxygen Home
bulletต้นกำเนิด Oxygen
bulletข่าวจากสื่อต่าง ๆ
bulletAdWords Reseller News
bulletPhoto Gallery
bulletแนะนำ ติชม
dot
ReadyPlanet Update
dot
bulletReadyPlanet News
bulletFunction Update
bulletNew Templates
dot
Tips & Technics
dot
bulletReadyPlanet HowTo
bulletTips & Tricks
bulletDesign Guru
bulletR&D Talk
dot
Marketing Tools
dot
bulletNice To Know
bulletEditor Recommend
bulletแผนการทำโฆษณาบน Google
dot
ReadyPlanet Members
dot
bulletHighlight Member
bulletMember News
bulletWeb of The Week
bulletWeb of The Day
dot
Training & Seminar
dot
bulletTraining Courses
bulletแบบสำรวจความพอใจ
dot
IT News
dot
bulletCyber Story
bulletDo You Know ?
bulletCyber News
bulletArticle Of The Day
bulletCyber Joke
dot
Blog
dot
bulletSongyot Blog
bulletบุรินทร์ 's Blog
bulletเว็บซื้อขาย VelaMall.com
bulletเว็บสำเร็จรูป
bulletทัวร์ต่างประเทศ
dot
Free!!! Service
dot
bulletFree!!! Background
bulletวิเคราะห์เว็บไซต์ฟรี!!!


เว็บสำเร็จรูป


Copyright © 2010 All Rights Reserved.
Blog.readyplanet.com อัพเดทข่าวสาร เทรนด์การตลาดออนไลน์ ที่คุณไม่ควรพลาด!

บริษัท เรดดี้แพลนเน็ต จำกัด
89 อาคาร เอไอเอ แคปปิตอล เซ็นเตอร์ ชั้น 7 ห้อง 701-705 ถนนรัชดาภิเษก แขวงดินแดง เขตดินแดง กรุงเทพฯ 10400
Tel. 02-016-6789 (24 ชั่วโมง ทุกวัน) Fax: 02-016-6901 Email : info@readyplanet.com