dot dot
วิธีสร้างกรอบรูป และเงา เพื่อเพิ่มมิติให้ภาพ article
ในสัปดาห์นี้ ผมจะมาแนะนำวิธี สร้างกรอบรูป และเงา เพื่อเพิ่มมิติให้ภาพกันครับ เพราะเชื่อว่า คงมีสมาชิกหลาย ๆ ท่านต้องการเปลี่ยนภาพที่ดูธรรมดา ๆ ให้มีมิติน่าสนใจมากขึ้น มาดูวิธีทำได้เลยครับ
 
1. ทำการสร้างไฟล์ใหม่ขึ้นมานะครับ โดยเลือกที่ File --> New
 
           
 
2. กำหนดขนาดของไฟล์งานตามต้องการครับ โดยในที่นี้ผมปรับค่าความกว้างเป็น 800px ความสูงเป็น 600px และตั้งค่า Background Contents เป็น White เพื่อให้พื้นหลังมีสีขาวครับ
 
 
 
3. ต่อมาก็เปิดรูปที่เราต้องการครับ โดยเลือกที่ File --> Open
 
            
 
4. เลือกรูปที่เราต้องการนำมาใช้ครับ โดยตัวรูปนั้นจะต้องมีขนาดเล็กกว่างานที่เราสร้างขึ้นมาครับ ถ้ารูปมีขนาดใหญ่กว่า เราต้องสร้างหน้างานขึ้นมาใหม่ เพื่อให้มีขนาดใหญ่กว่ารูปที่ต้องการใช้นะครับ
 
 
 
5. เลือกที่เครื่องมือ Move Tool และคลิกเมาส์ซ้ายค้างไว้ที่รูปที่เราเปิดขึ้นมา และทำการลากรูปมาไว้บนไฟล์ที่เราสร้างขึ้นครับ
 
 
 
6. ในเมนู Layer ให้ทำการดับเบิ้ลคลิกที่ Layer (ตรงส่วนที่เป็นรูปภาพ) เพื่อทำการใส่เส้นขอบและเงาครับ
 
            
 
7. เราจะได้หน้าต่างใหม่ขึ้นมา ซึ่งเมนูที่เราจะใช้ในที่นี้ มีอยู่ด้วยกัน 2 เมนูคือ

- Stroke สำหรับทำการใส่เส้นขอบ
- Droup Shadow สำหรับทำการใส่เงาให้ภาพครับ
 
            
 
8. เลือกที่เมนู Stroke และทำการปรับขนาดและสีของเส้นนะครับ การปรับค่าต่างๆ มีที่ต้องใช้งานบ่อยๆ ดังนี้ครับ

- Size ใช้ปรับขนาดความหนาบางของเส้น โดยมีหน่วยเป็น pixel ครับ
- Position ตำแหน่งของเส้น เช่น ให้เส้นที่เราสร้างอยู่ภาพนอกรูปภาพ อยู่กึ่งกลาง หรืออยู่ภายในของรูปภาพครับ
- Opacity ค่าความชัด หรือความเจือจาง ของเนื้อสีขอบครับ
- Color เลือกสีของขอบครับ ทำได้โดยการ ดับเบิ้ลคลิก ที่สีภายในกรอบสี่เหลี่ยมครับ
 
 
 
9. เลือกที่เมนู Drop Shadow จะมีเครื่องมือควบคุมต่าง ๆ ที่ใช้สำหรับการกำหนดขนาด และปรับมุมของเงา ซึ่งเครื่องมือที่ใช้กันบ่อย ๆ มีดังนี้ครับ

- Opacity สำหรับกำหนดความเข้ม อ่อน ของเงาครับ
- Angle กำหนดทิศทางของเงาครับ
- Distance สำหรับกำหนดขนาดพื้นที่ของเงา
- Size กำหนดขนาดความแผ่กระจายของเงาครับ
 
 
 
10. ในตัวอย่างของผมนะครับ ที่เห็นอยู่คือ ภาพที่ทำการใส่ขอบ และเงาเสร็จเรียบร้อยแล้วจะมีพื้นที่ด้านหลังเหลืออยู่มากพอสมควร
 
 
 
11. ผมได้เลือกที่เครื่องมือ Crop tool เพื่อทำการ crop ให้เหลือเฉพาะพื้นที่ที่เราต้องการครับ
 
 
 
12. เพียงเท่านี้เราก็จะได้ภาพที่มีเส้นขอบ และเงา พร้อมนำไปใช้ได้แล้วครับ
 
 
 
***แม้ว่าทางทีมงาน ReadyPlanet จะไม่สามารถ Support โปรแกรม Photoshop ให้ท่านได้ แต่บทความนี้ เป็นความตั้งใจของทีมงานฝ่าย Web Design ที่เขียนขึ้นมาเพื่อให้ท่านได้เป็นแนวทางในการศึกษาเพิ่มเติม จากโปรแกรม Photoshop เพื่อใช้ในการออกแบบ และตกแต่งภาพบนเว็บไซต์ให้ออกมาสวยงามเท่านั้น***
 
14 Feb 2008
watana phadungphattanodom
 
 



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