dot dot
เทคนิคการทำ Sticky Tape แบบเก๋ๆ สำหรับตกแต่งรูปภาพ

วันนี้ทาง Desing Guru ขอนำเสนอวิธีทำ Sticky Tape แบบเก๋ๆ สำหรับตกแต่งรูปภาพในเว็บไซต์ของท่านสมาชิก และยังสามารถนำไปประยุกต์ใช้กับการตกแต่งภาพส่วนต่างๆ ภายในเว็บไซต์ให้ดูโดดเด่นแปลกใหม่ ไม่ซ้ำใครได้อีกด้วยค่ะ

1. สร้างเอกสารใหม่ขึ้นมาขนาด 500 x 400 pixels โดยไปที่เมนู File --> New (สามารถกำหนดขนาดได้ตามต้องการ)

2. เพิ่ม Layer ขึ้นมาใหม่ โดยคลิกที่ไอคอน Create a new layer  จากนั้นให้ทำการสร้าง Selection ขึ้นมาโดยใช้เครื่องมือ Rectangular Marquee Tools  โดยเมนูด้านบนให้กำหนดค่าดังนี้

Style = Fixed Size
Width = 120 Pixels
Height = 30 Pixel

เมื่อทำการสร้าง Selection เรียบร้อยแล้ว จากนั้นตั้งค่าสี Foreground = #d9b55f และทำการเทสีลงในส่วนที่ได้ทำ Selection เอาไว้

3. เลือกเครื่องมือ Brush Tools  เลือกหัวแปรง Charcoal Large Smear แล้วตั้งค่าดังนี้

Master Diameter = 140 Pixels
Opacity = 60%

ตั้งค่าสี Foreground = #b77d00 จากนั้น ทาสีลงในส่วนที่ทำ Selection เอาไว้

 

4. ใช้เครื่องมือ Eraser Tools  และเปลี่ยน Brush เป็น Star 42 Pixels จากนั้น นำมาลบส่วนหัว และส่วนท้ายออก ดังรูป

จากนั้นเลือกที่ Layer1 และปรับค่า Opacity = 75%
เพียงเท่านี้ก็จะได้ Sticky Tape แบบเก๋ๆ เอาไว้ตกแต่งรูปภาพให้ดูไม่ซ้ำใครแล้วค่ะ ต่อไปจะแนะนำ วิธีการนำ Sticky Tape ไปประยุกต์ใช้งานคะ

5. เมื่อเราได้ Sticky Tape เก๋ๆ แบบถูกใจมาเรียบร้อยแล้ว ให้ลองนำมาใช้งานดูค่ะ อันดับแรกให้เลือกรูปภาพที่ต้องการแปะ Sticky Tape เก๋ๆ โดยไปที่เมนู File --> Open

เมื่อได้รูปที่ต้องการมาแล้วให้ย้ายรูป มาใส่ในงาน Sticky Tape ของเรา โดยคลิกเมาส์ซ้ายค้างที่รูป แล้วลากมาใส่ในงาน Sticky Tape ได้เลยค่ะ

6.จากนั้นให้จัดการ Layer ดังรูป คลิกเลือกที่ Layer 2 แล้วไปที่เมนู Edit --> Free Transform หรือ Ctrl + T ทำการหมุนภาพและปรับขนาดให้เหมาะสม คลิก Enter เพื่อสิ้นสุดการหมุนภาพ

จากนั้นเลือกที่ Layer 1 ไปที่เมนู Edit --> Free Transform หรือ Ctrl + T แล้วทำการหมุนภาพ เมื่อได้มุมตามที่ต้องการแล้ว ให้กด Enter เพื่อสิ้นสุดการหมุนภาพ

7. เมื่อได้รูปในมุมที่ต้องการแล้ว เราก็มาทำการใส่เงาเพื่อเพิ่มมิติให้รูปภาพ โดยเลือกที่ Layer 2 คลิกที่ไอคอน Add a Layer Style   เลือก Drop Shadow จากนั้นตั้งค่า Opacity = 50%  กด OK

เลือกที่ Layer 1 และคลิกที่ไอคอน Add a Layer Style   เลือก Drop Shadow จากนั้นตั้งค่า ดังนี้

Opacity = 50%
Distance = 1 Pixels
Spread = 1 %
Size = 5 Pixels

เท่านี้ก็ได้รูปภาพเก๋ๆ นำเอาไปตกแต่งเว็บไซต์ได้แล้วคะ ลองนำไปประยุกต์ใช้ดูนะคะ

ผลลัพธ์

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

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

05 Sep 2008
Jaratsri Chansirimas
www.ReadyPlanet.com




Design Guru

เทคนิคการทำภาพลายน้ำ (Watermark) แบบง่ายๆ
เทคนิคการเปลี่ยนสีรูปภาพเฉพาะจุด
เทคนิคการทำฟองอากาศ
เทคนิคการทำรูปสีท่ามกลางรูปขาวดำ
เทคนิคการทำกรอบรูปเส้นประ
เทคนิคการทำพื้นหลังแบบ 3 มิติ
เทคนิคการทำ Barcode
เทคนิคการทำตัวอักษรทองคำ
เทคนิคการทำพระจันทร์เต็มดวง
เทคนิคการทำลำแสงพระอาทิตย์
เพิ่มความเก๋ไก๋ให้ข้อความ ด้วยกรอบแบบต่าง ๆ (ตอนที่ 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