วันพฤหัสบดีที่ 27 สิงหาคม พ.ศ. 2552

เทคนิคทำเว็บ เพิ่มความเก๋ไก๋ให้ข้อความ ด้วยกรอบแบบต่าง ๆ (ตอนที่ 2 กรอบเก๋ ๆ แบบขาด ๆ )

เพิ่มความเก๋ไก๋ให้ข้อความ ด้วยกรอบแบบต่าง ๆ (ตอนที่ 2 กรอบเก๋ ๆ แบบขาด ๆ )

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

1. สร้าง File ขึ้นมาใหม่ขนาดประมาณ 500 x 600 pixel (สามารถกำหนดขนาดใหญ่ หรือเล็กกว่านี้ได้ค่ะ)

2. ปรับค่า Foreground : #A98C4C และปรับค่า Background : #644A2B (สามารถเลือกปรับสีได้ตามใจชอบได้ค่ะ) เมื่อปรับสีได้ตามต้องการแล้ว ให้ไปที่เมนู Filter --> Render --> Clouds

3. เมื่อทำตามขั้นตอนที่ 2 เรียบร้อยแล้วให้ไปที่เมนู Filter --> Noise --> Add Noise.. และปรับค่า Amount ประมาณ 2-4%

4. เมื่อปรับค่า Noise เรียบร้อยแล้ว ให้มาที่เมนู Filter --> Blur --> Gaussian Blur และปรับค่า Radius 0.5 Pixels

5. หลังจากนั้นให้เพิ่ม Layer ขึ้นมาใหม่โดยคลิกที่ ด้านล่าง เมื่อสร้าง Layer ใหม่ขึ้นมาเรียบร้อยแล้ว ให้คลิกที่แถบเครื่องมือ Rectangular Marquee สร้างเส้น Selection ใน Layer ที่สร้างขึ้นมาใหม่ จากนั้นเทสีขาวลงไปใน Selection เลยค่ะ

6. ไปที่เมนู Window --> Channels จากนั้นกด Save Selection as Channel (ตรงที่ลูกศรชี้) แล้วกด Ctrl+D เพื่อเอาเส้น Selection ออก

หลังจากนำเส้น Selection ออกแล้ว ในเมนู Channels คลิกเลือก Alpha 1 และไปที่เมนู Filter --> Pixelate --> Crystalize... แล้ว ปรับค่า Cell Size : ประมาณ 7

7. ใช้เครื่องมือ Magic Wand คลิกที่พื้นที่ส่วนสีขาว ที่อยู่ตรงกลาง จากนั้นย้ายมาทำงานที่เมนู Layer คลิกเลือก Layerสีน้ำตาล (Layer 1) แล้วไปที่เมนู Select --> Inverse หรือ Shift+Ctrl+I เพื่อกลับด้าน Selection จากนั้นให้กด Delete ที่คีย์บอร์ด

หลังจากลบส่วนที่ไม่ต้องการออกแล้ว ให้ลบ Layer สีขาวทิ้ง โดยคลิกปุ่ม Delete ที่คีย์บอร์ด

8. เมื่อลบ Layer สีขาวออกแล้ว มาถึงขั้นตอนการตกแต่งขอบให้ดูเก๋ ๆ หน่อย โดยคลิกที่ Add a Layer Style เลือก Inner Glow และปรับค่า ดังนี้

Blend Mode = Color Burn
Opacity = 41%
Technique = Precise

(ส่วนสีให้ปรับเป็นสีดำค่ะ )

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

ผลลัพธ์

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


hosting by myuppic.com



0 ความคิดเห็น:

แสดงความคิดเห็น

[url=http://www.owatmate.com][img]http://www.uppicweb.com/i/il/boomcosmeo.gif[/img][/url]

ป้ายกำกับ

100 อันดับเว็บ (1) 3 มิติ (1) กรอบข้อความ (1) กรอบภาพให้ดูสวย (1) กรอบรูปขอบกระจาย (1) กรอบรูปด้วย (1) กระจกกั้นอาบน้ำ (1) กระจกอลูมิเนียม (1) กระดาษปลิว (1) กระดาษพับขอบ (1) กระเบื้องยาง (1) กรุพระเครื่อง (1) กล้วยไข่หวาน (1) กล้องวงจรปิด (1) กล้องcctv (1) กลายเป็นภาพเขียน (1) ก๋วยเตี๋ยวเรือ (1) กันขโมย (1) กับ (1) การจัดอันดับเข้าใช่งาน (1) การเซฟภาพ (1) การตกแต่ง (1) การแต่งภาพ (10) การทำกรอบ (1) การทำตัวหนังสือ (1) การทำตัวอักษร 3D (1) การทำภาพ (2) การทำภาพเอนิเมชั่นในPhotoshop cs3 (1) การทำรูปภาพ (1) การทำแว่นขยาย (1) การสร้างกรอบ (2) การสร้างดาวใสแบของเรา (1) การสร้างลูกบอลไฟอีกรูปแบบหนึ่ง (1) การสร้างโลโก้ (1) การ merge รูป (1) กาฬสินธุ์ (1) กำแพงเพชร (1) เกม (1) เกมที่มีผู้เล่นนับพันๆคน (1) เกาะล้าน (2) เกาะล้านสวยมากๆ (1) ข้อความโค้ง (1) ข้อความเป็นรูป (1) ข้อความเป็นรูปเรา (1) ขอนแก่น (1) ข้อมูลทั่วไป (27) ขี่ม้า เอกมัยรามอินทรา (1) คนทะลึ่งถาม (1) คนลามกตอบ (1) ความหมาย (1) ความหมาย colo (1) คำค้นยอดนิยม (1) คำถามฮ่าๆ (1) คำว่า Co-Location (1) เครื่องสำอาง (1) โค้งตามวัตถุ (1) โค๊ตวิทยุ (1) โค้ตสถานีวิทยุ (1) โค้ตHTML (1) โคลนนิ่ง (1) โคลนนิ่งอย่างงาย (1) จังหวัดกาฬสินธุ์ (1) จังหวัดขอนแก่น (1) จังหวัดชัยภูมิ (1) จังหวัดเชียงราย (1) จังหวัดตาก (1) จังหวัดนครพนม (1) จังหวัดนครราชสีมา (1) จังหวัดนครสวรรค์ (1) จังหวัดน่าน (1) จังหวัดบุรีรัมย์ (1) จังหวัดพะเยา (1) จังหวัดพิจิตร (1) จังหวัดพิษณุโลก (1) จังหวัดเพชรบูรณ์ (1) จังหวัดแพร่ (1) จังหวัดมหาสารคาม (1) จังหวัดมุกดาหาร (1) จังหวัดแม่ฮ่องสอน (1) จังหวัดร้อยเอ็ด (1) จังหวัดลำปาง (1) จังหวัดลำพูน (1) จังหวัดเลย (1) จังหวัดสุโขทัย (1) จังหวัดหนองคาย (1) จังหวัดหนองบัวลำภู (1) จังหวัดอำนาจเจริญ (1) จังหวัดอุตรดิตถ์ (1) จัดอับดับเว็บ (1) จันทร์เต็มดวง (1) ฉากกั้นอาบน้ำ (1) ชมรมอัครเบญจพล (1) ชัยภูมิ (1) ชาวเวอร์ (1) ชิงร้อยชิงล้าน (13) ชิงร้อยชิงล้านตอนใหม่ (13) ชิงร้อยชิงล้านย้อนหลัง (13) เชียงดาว (1) เชียงราย (1) เชียงใหม่ (1) ใช้งาน Colo ยังไง (1) ใช้งาน Gradint Tool (1) ด้วยตัวเอง (1) ด้วย Filter (1) ด้วย tool ง่ายๆ (1) ดอยเชียงดาว (1) ดอยหลวง (1) ดูสวยงามและมีมิติ (1) ต้องการ ให้เด่น (1) ตัวหนังสือสีทอง (1) ตาก (1) ติดตั้งกล้องวงจรปิด (1) แต่งข้อความ (1) แต่งรูปคนธรรมดาให้ร้องไห้ได้ (1) แต่งหน้าให้ดู over (1) ทราเวียน (1) ท่องเทียว (27) ทะลึ่งนิดๆ (1) ทำฟองอากาศ (1) ทำฟอนต์ให้เป็นลาย (1) ทำริมฝีปากให้สวยงามด้วยLip Gloss (1) ทำเว็บไซต์ (2) เทคนิค (19) เทคนิคการเน้นภาพ (1) เทคนิคทำเว็บ (30) เทคนิคทำเว็บไซต์ (1) เทียวทะเล (1) เทียวทั่วไทย (1) นครพนม (1) นครราชสีมา (1) นครสวรรค์ (1) น่าน (1) น้ำหอม (1) บริษัท (1) บริษัทจำกัด (1) บริษัทรับทำเว็บ (1) บานเฟี๊ยม (1) บุรีรัมย์ (1) เบราเซอร์เกม (1) แบบไล่โทนสี (1) ปกหนังสือ (1) ปรับแต่งรูป (1) ปรับแต่งรูปภาพผ่าน (1) เปลียน Favicon Blogger (1) แปลงภาพ (1) โปรเตอร์เก๋ๆ (1) โปรโมชั่นพิเศษ (1) ไปเทียว (1) ผ้าม่าน (1) ผ้าม่านมู่ลี่ (1) พระธาตุเด่น (1) พระธาตุพนม (1) พระราชบัญญัติ (1) พระอาทิตย์ (1) พะเยา (1) พับมุมปก (1) พิจิตร (1) พิษณุโลก (1) เพชรบูรณ์ (1) เพื่อเพิ่มมิติ (1) แพร่ (1) โพลารอยด์ (1) ภาพเงาสะท้อน (1) ภาพ จิ๊กซอร์ (1) ภาพถ่ายให้เป็นภาพวาด (1) ภาพแปลก (1) ภาพวาด (1) ภาพสไตล์โลโม (1) ภาพให้มีแสง (1) มหาสารคาม (1) ม่านปรับแสง (1) มุกดาหาร (1) เมืองคนแกร่ง (1) แม่ฮ่องสอน (1) รวยจริง (1) รวยแน่ (1) รวยเร็ว (1) ร้อยเอ็ด (1) ระหว่าง (1) รายเดือน (1) รูปภาพใส่กรอบ (1) รูปลายไม้ (1) ล้อโปสเตอร์ (1) ลำปาง (1) ลำพูน (1) เลย (1) และเงา (1) ไล่สี (1) วิทยุ (1) วิธีการเปลี่ยน Favicon (1) วิธีการใส่ซับ (1) วิธีสร้างกรอบรูป (1) เว็บคนเข้าเยอะ (1) เว็บไซต์ (1) เว็บไซต์สำเร็จรูป (2) เว็บสำเร็จรูป (1) เว็บbit เปิดใหม่ (1) แว่นขยาย (1) ศิลาแลงใหญ่ (1) ศูนย์ปฏิบัติธรรม (1) สมาธิ (1) สร้างกรอบ (3) สร้างกรอบรูป (1) สร้างข้อความ (3) สร้างข้อความโดนลมพัด (1) สร้างข้อความเนยแข็ง (1) สร้างข้อความแนวๆอย่างง่าย (1) สร้างข้อความในแบบของการ์ตูน (1) สร้างข้อความเป็นรูปเรา (1) สร้างข้อความพลาสติก (1) สร้างข้อความเหมือนควันบุหรี่ (1) สร้างข้อความ blink blink (1) สร้างตัวหนังสือแตกๆ (1) สร้างปกหนังสือด้วย (1) สร้างปุ่มซองจดหมายแบบง่ายๆด้วย (1) สร้างปุ่มสวย (1) สร้างโปรเตอร์ (1) สร้างโปรเตอร์แบบเก๋ๆ (1) สร้างพื้นหลังกราฟฟิกอย่างง่าย (1) สร้างพื้นหลังแบบ Matrix แบบง่าย (1) สร้างภาพ (1) สร้างภาพธรรมดาให้ดูเนียนอชเหมือนอยู่ในฝัน (1) สร้างรูปสไตล์ Crystal (1) สร้างลูกตาสวยๆ (1) สร้างลูกบอล (1) สร้างโลโก้ (1) สร้างหนังสือ (1) สร้างหนังสือแบบ 3D (1) สร้างอิฐบล็อก (1) สร้าง Barcode แบบง่ายๆ (1) สร้าง effect (1) สอนวิธีการแชร์ไฟล์ (1) สะท้อนวัตถุ (1) สินค้าแบรน (1) สุโขทัย (1) เสียงไทย (1) เสื้อผ้า (1) แสงเปล่งประกาย (1) ใส่กรอบ (1) หนองคาย (1) หนองบัวลำภู (1) หนัง (1) หนังสือแบบ 3D (1) ห้องพัก (1) เหนือสุดแห่งสยาม (1) อพาร์ทเมนท์ (1) อักษร 3D (1) อันดับเว็บ (1) อำนาจเจริญ (1) อุตรดิตถ์ (1) ฮามั่กๆ (1) Agel (1) bit คืออะไร (1) bit เปิดรับสมัคร (1) bit หนังใหม่ (1) BitTorrent (2) Blogger ของคุณ (1) Brush Tool (1) c0000013 (1) colo (2) Co-lo คืออะไร (1) Colo จะเอามาใช้ยังไง (1) Colo หมายถึงอะไร (1) Co-Location (1) Download (1) driver (1) Exception (1) Favicon Blogger (1) G450 (1) Gradint Tool (1) Hi-Def (1) Layer Mask (1) lenovo (1) Message (1) Music Graffiti (1) Parameters (1) Photoshop (39) Picnik (1) Processing (1) Ratio คืออะไร (1) Sticky Tape แบบเก๋ๆ (1) ThaiPSD (1) Tracker คืออะไร (1) Website ทั่วโลก (1) windows (1) Windows 7 (1) Windows XP (1) window vista (1) xp (1)