dot dot
เทคนิคการทำฟองอากาศ

วันนี้ทางทีมงาน Design Guru มีเทคนิคการทำฟองอากาศเก๋ ๆ ที่ช่วยเพิ่มสีสันให้รูปภาพมาฝากค่ะ โดยท่านสมาชิกสามารถนำเทคนิคนี้ไปประยุกต์ใช้ได้หลายอย่างด้วยกัน เช่น นำไปตกแต่งรูปภาพ ทำเป็นไอคอน และอื่น ๆ อีกมากมาย หรือจะนำเทคนิคนี้ไปประยุกต์ใช้ทำแบนเนอร์ส่วนหัวก็เก๋ไปอีกแบบค่ะ

1. สร้าง เอกสารใหม่ขึ้นมา 1 ชิ้น ขนาด 300x300 pixels โดยไปที่เมนู File ---> New

2. เลือกสี Foreground = #AAAAAA และสี Background = #FFFFFF จากนั้นใช้เครื่องมือ Paint Bucket Tool  หรือกด Alt+Delete เพื่อเทสี Foreground ลงไป

3. จากนั้นไปที่เมนู Filter ---> Render ---> Lens Flare... แล้วเลือก Lens Type = 50-300 mm Zoom

4. ไปที่เมนู Filter ---> Distort ---> Polar Coordinates... แล้วเลือก Polar to Rectangular

5. เมื่อทำตามขั้นตอนที่ 4 เรียบร้อยแล้ว ให้ Double Click ที่เลเยอร์ Background เพื่อให้เราสามารถแก้ไขเลเยอร์นั้นได้

6. จากนั้นให้เราไปที่แถบเมนูด้านบน เลือก Edit ---> Transform ---> Flip Virtical ก็จะได้รูปนี้

7. ไปที่เมนู Filter ---> Distort ---> Polar Coordinates เลือก Rectangular to Polar ก็จะได้ดังรูป

8. เมื่อได้รูปฟองอากาศแล้ว ให้ใช้เครื่องมือ Elliptical Marquee Tool  โดยกด Shift ค้างไว้ด้วยขณะทำวงกลม (ถ้าขนาด selection ไม่พอดี ให้ไปที่เมนู Select --> Transform Selection เพื่อปรับขนาด Selection ของวงกลมอีกครั้ง) จะได้ผลลัพธ์ดังรูป

9. เมื่อได้เส้น Selection ตามต้องการแล้ว ให้ไปที่เมนู Select ---> Inverse แล้วกด Delect ส่วนที่ไม่ต้องการออก เพียงเท่านี้จะได้ฟองอากาศสำหรับนำไปใช้งานแล้วค่ะ

10. เมื่อได้ฟองอากาศแล้ว จากนี้ไปจะเป็นขั้นตอนแนะนำการใช้งานค่ะ ขั้นแรกให้เลือกรูปที่ต้องการจะตกแต่งก่อน โดยไปที่เมนู File ---> Open

11. เมื่อทำการเลือกรูปภาพแล้ว ให้เลือกใช้เครื่องมือ Move Tool  จากนั้นให้คลิกเมาส์ซ้ายค้าง ที่รูปฟองอากาศ แล้วลากมาวางในรูป ที่เราเลือกเอาไว้

12. เมื่อลากรูปฟองอากาศมาวางในรูปที่ต้องการแล้ว ให้ทำการปรับขนาดและจัดวางในตำแหน่งที่ต้องการ การปรับขนาดสามารถทำได้ โดยไปที่เมนู Edit ---> Free Transform หรือ Ctrl + T

13. จากนั้นเราสามารถปรับให้ฟองอากาศของเรานั้น ให้ใสได้โดย ปรับค่า Opacity = 75% (สามารถปรับ ค่าได้ตามต้องการ) และให้ทำการปรับสีได้โดย กด Ctrl + U จากนั้นทำการปรับสีตามต้องการ เมื่อได้สีที่ต้องการแล้วให้กด OK เพียงเท่านี้ก็สามารถทำรูปภาพธรรมดาให้ดูแปลกตาขึ้นได้คะ

ผลลัพธ์

ดาวน์โหลดไฟล์ตัวอย่าง

***แม้ว่าทางทีมงาน ReadyPlanet จะไม่สามารถ Support โปรแกรม Photoshop ให้ท่านได้ แต่บทความนี้ เป็นความตั้งใจของทีมงานฝ่าย Web Design ที่เขียนขึ้นมาเพื่อให้ท่านได้เป็นแนวทางในการศึกษาเพิ่มเติม จากโปรแกรม Photoshop เพื่อใช้ในการออกแบบ และตกแต่งภาพบนเว็บไซต์ให้ออกมาสวยงามเท่านั้น***

13 Feb 2009
Jaratsri Chansirimas
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
ตัดภาพพื้นหลัง ด้วยคฑาวิเศษ 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