dot dot
เทคนิคการทำตัวอักษรทองคำ

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

อันดับแรกในการทำนั้นให้สมาชิก คลิกดาวน์โหลด Brush ที่ต้องใช้งานกันก่อนคะ หลังจากนั้นให้แตกไฟล์แล้วนำไปไว้ที่ โฟลเดอร์ C:\Program Files\Adobe\Adobe Photoshop CS2\Presets\Brushes แล้วทำการเปิดโปรแกรม Photoshop ตามปกติค่ะ

ขั้นตอนการทำ

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

  2. หลังจากนั้นให้เลือกสี Foreground = #393939 จากนั้นคลิกที่เครื่องมือ  (Paint Bucket Tool) เทสีลงไปดังรูป

  3. เมื่อทำการเทสีพื้นหลังเรียบร้อยแล้ว ให้เลือกใช้เครื่องมือ  (Horizontal Type Tool) และพิมพ์ข้อความที่ต้องการ โดยเลือก Font = Impact ,ขนาด = 60 pt (Font และขนาดของตัวอักษรนั้นสามารถปรับเปลี่ยนได้ตามต้องการคะ)

  4. เมื่อได้ข้อความที่ต้องการแล้ว ให้ทำการปรับค่าดังนี้

4.1 เลือก Layer ที่พิมพ์ข้อความ และคลิกที่  (add a layer style) เลือก Gradient Overlay...

และปรับสี Gradient ให้เหมือนรูปด้านล่าง พร้อมกับปรับค่าที่ช่อง Gradient Type = Solid จากนั้นคลิกเลือกที่ช่อง Reverse , Style = Reflected , Scale = 85%

จากนั้นมาปรับค่า Inner Glow ดังนี้

Blend Mode = Linear Dodge
Opacity = 55%
Size = 3 px
Range = 70%
จากนั้นปรับสีเป็น = #F9E38E

และปรับค่า Inner Shadow ดังนี้

Blend Mode = Color Dodge
Opacity = 50%
Distance = 1 px
Size = 0 px
จากนั้นให้ปรับสีเป็น = #A78F30

สุดท้ายให้มาปรับค่าที่ Drop Shadow ดังนี้

Opacity = 85%
Distance = 2 px
Size =15 px

  5. เมื่อปรับค่าต่าง ๆ ครบแล้ว จะได้ข้อความสีทองเก๋ ๆ เอาไว้ตกแต่งเว็บไซต์ของท่านสมาชิกแล้วคะ ขั้นตอนที่จะแนะนำต่อไปคือการนำข้อความมาตกแต่งเพื่อให้ดูสายงามมากขึ้นค่ะ

5.1 สร้าง Layer ขึ้นมาใหม่ 1 Layer โดยคลิกที่  (Create A New Layer) และปรับค่าสี Foreground = #FFFFFF (สีขาว)

ต่อมาให้เลือก  (Brush Tool) และให้นำ Brush ที่ให้ดาวน์โหลดไปในตอนแรกมาใช้ โดยคลิกที่  เลือก Assorted Brushes มาใช้งาน จากนั้นเลือกหัวแปรง แบบ Crosshatch 4 ขนาด 48 px เพื่อแต้มลงจุดที่ต้องการ (ดังรูปตัวอย่าง) เพียงเท่านี้ก็เปลี่ยนจากข้อความธรรมดา เป็นข้อความที่มีลูกเล่นน่าสนใจแล้วค่ะ อย่าลืมนำวิธีนี้ไปใช้งานนะคะ

ผลลัพธ์ที่ได้

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

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

17 Oct 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.
Blog.readyplanet.com อัพเดทข่าวสาร เทรนด์การตลาดออนไลน์ ที่คุณไม่ควรพลาด!

บริษัท เรดดี้แพลนเน็ต จำกัด
89 อาคาร เอไอเอ แคปปิตอล เซ็นเตอร์ ชั้น 7 ห้อง 701-705 ถนนรัชดาภิเษก แขวงดินแดง เขตดินแดง กรุงเทพฯ 10400
Tel. 02-016-6789 (24 ชั่วโมง ทุกวัน) Fax: 02-016-6901 Email : info@readyplanet.com