dot dot

Follow ReadyPlanet on FaceBookFollow ReadyPlanet on Twitter

ทำเว็บง่ายๆด้วยตนเองด้วย เว็บสำเร็จรูป ReadyPlanet 

ทำเว็บไซต์ด้วยตัวเอง ง่ายๆ แค่เมาส์ลาก-วาง ทดลองใช้ฟรี คลิก!

 

เทคนิคการทำกรอบรูปเส้นประ

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

1. สร้างเอกสารใหม่ขึ้นมาขนาดประมาณ 500 x 500 pixels (สามารถปรับขนาดได้ตามต้องการค่ะ)

 

2. เมื่อสร้างเอกสารใหม่แล้ว ให้ทำการเปิดรูปที่ต้องการทำเส้นประขึ้นมา 1 รูปคะ ไปที่เมนู File --> Open

 

3. ใช้เครื่องมือ  Pen Tool ตัดเอาเฉพาะส่วนที่ต้องการ

4. จากนั้นให้คลิกที่แถบเมนู Paths คลิกเลือกที่ Path 1 จากนั้นคลิกที่ลูกศร  แล้วเลือก Make Selection... และกด OK จะได้เส้น Selection ลอมรอบรูปที่เราทำการตัดเอาไว้

5. เมื่อได้เส้น Selection แล้ว ให้ใช้เครื่องมือ  Move Tool โดยคลิกเมาส์ซ้ายค้างไว้ที่รูป แล้วทำการลากมายังไฟลล์ที่เตรียมเอาไว้เพื่อทำการย้ายรูปที่ตัด ไปที่ไฟล์ ที่เราสร้างรอเอาไว้ในขั้นตอนที่ 1

6. เมื่อทำการย้ายรูปมาเรียบร้อยแล้ว ก็จัดตำแหน่งให้สวยงาม จากนั้นก็มาที่เมนู Select --> Load Selection และกด OK เราก็จะได้เส้น Selection รอบ ๆ รูป

7. เมื่อได้เส้น Selection แล้ว ให้ไปที่เมนู Select --> Modify --> Expand และตั้งค่า Expand By = 7 (ตัวเลขยิ่งเยอะ ระยะของเส้นประจะห่างจากรูปออกไปค่ะ)

8. จากนั้นให้มาที่แถบเมนู Paths คลิกที่  และเลือกที่ Make Work Path... และตั้งค่า Tolerance = 0.5 และกด OK

9. จากนั้นให้ทำตามขั้นตอนดังนี้

1. ตั้งค่าสีที่ต้องการทำเส้นประรอบรูปเป็นสี #FFC600 (ถ้าชอบสีอื่นสามารถปรับเปลี่ยนได้ค่ะ)
2. เลือกเครื่องมือ  Brush Tool
3. ไปที่เมนู Window --> Brushes หรือกด F5 (จะมีเมนู Brusher ขึ้นมา)
4. ที่เมนู Brusherให้คลิกที่ Brush Tip Shape และเลือกหัวแปรงแบบธรรมดาขนาด 4 px และตั้ง Spacing = 184%

10. เมื่อทำตามขั้นตอนที่ 9 เรียบร้อยแล้วให้มาที่แถบเมนู Paths คลิกที่  และเลือกที่ Stroke Path...จากนั้นที่ช่อง Tool ให้เลือก Brush และกด OK เพียงเท่านี้ก็จะได้กรอบรูปเส้นประแบบเก๋ๆเอาไว้ใช้งานแล้วคะ

 

ผลลัพธ์

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

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

11 Dec 2008
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.

บริษัท เรดดี้แพลนเน็ต จำกัด
202 อาคารเลอคองคอร์ด ชั้น 9 ห้อง 903 ถนนรัชดาภิเษก แขวงห้วยขวาง เขตห้วยขวาง กรุงเทพมหานคร 10310
Tel. 02-627-7900 (24 ชั่วโมง ทุกวัน) Fax: 02-627-7901 Email : info@readyplanet.com