dot dot
การสร้างตัวอักษรนูนบนลายไม้

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

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

        1. เปิดโปรแกรม Photoshop สร้างพื้นที่เอกสารใหม่ขึ้นมาไปที่ File-->New กำหนดขนาด กว้าง 500 สูง 300

                 

                 


        2. สร้างเลเยอร์ขึ้นมาอีกอันหนึ่ง ไปที่ Layer-->Duplicate Layer 

                 

        จากนั้นเทสีขาวลงไป โดยไปที่ Tool คลิกเลือกที่รูปกระป๋องสีที่ชื่อว่า Paint Bucket Tool จากนั้นเลือกสีขาว แล้วคลิกพื้นที่ทำงานแล้วเทสีลงไป

                 

        3. ทีนี้ก็มาถึงขั้นตอนการสร้างพื้นหลังลายไม้ ไปที่สัญลักษณ์  ที่มีชื่อว่า Add Layer style อยู่ใต้กรอบ Layer

        เมื่อปรากฏหน้าต่างย่อยให้เลือกไปที่คำสั่ง Pattern Overlay 

                 

        เมื่อปรากฏหน้าต่าง Pattern ขึ้นมาให้เลือกลายไม้ ตามรูป 3.1,3.2 เสร็จแล้วกด OK
 
 


        ผลลัพธ์ก็คือได้พื้นผิวลายไม้

        4. สร้างเลเยอร์ขึ้นมาใหม่อีก 1 เลเยอร์ คลิกที่เครื่องมือ Duplicate Layer ด้านล่าง 

                 

        สร้างตัวอักษรขึ้นมา คลิกไปที่เครื่องหมาย  Horizontal Type Tool(T) แล้วพิมพ์ประโยคตามที่ต้องการ



        5. สร้างเลเยอร์ใหม่ขึ้นมาอีก 1 เลเยอร์ไปที่เครื่องมือ Duplicate Layer 

                 

        ขั้นตอนนี้เราจะทำการ Copy พื้นผิวลายไม้ขึ้นมา ทำให้ตัวอักษรเป็นลายไม้เช่นเดียวกัน 
               
                 วิธีการ คือ
  • คลิกที่เลเยอร์พื้นหลังที่เป็นลายไม้


  • จากนั้นกดปุ่ม ctrl ค้างไว้แล้วคลิกเมาส์ที่เลเยอร์ตัวอักษร แล้วทำการ Copy (กดปุ่ม ctrl+C หรือไปที่ Edit-->Copy)


  • คลิกที่เลเยอร์ที่สร้างขึ้นใหม่เพื่อกำหนดพื้นที่การทำงานที่เลเยอร์นี้ จากนั้นทำการ Paste (กดปุ่ม ctrl+V หรือไปที่ Edit-->Paste) ในพื้นที่ ที่เรา Copy มา


  • เราจะได้ตัวอักษรที่ Copy ขึ้นมาแล้วจากนั้นให้ Copy Layer Style จากเลเยอร์พื้นหลังขึ้นมา
    วิธีการคือ คลิกเมาส์ขวาที่เลเยอร์พื้นหลังจากนั้นจะปรากฏแถบคำสั่งให้เราเลือกไปที่ Copy Layer style


  • แล้วทำการ Paste style ในเลเยอร์ตัวอักษรที่เราทำการ Copy มา ดังรูป โดยคลิกเมาส์ขวาที่เลเยอร์พื้นหลังจากนั้นจะปรากฏแถบคำสั่งให้เราเลือกไปที่ Paste Layer style


  • จากนั้นทำการปรับค่า Opacity ให้เหลือ 90แล้วกด OK


  • คลิกปิดตาที่เลเยอร์ Design Guru


        6. จากนั้นเราจะทำให้ตัวอักษรนั้นนูนขึ้นมาจากลายไม้ 
        วิธีการคือ ไปที่เครื่องหมาย  ที่มีชื่อว่า Add Layer style อยู่ใต้กรอบ Layer ให้เลือกไปที่ Bevel and Emboss 

                 

                กำหนดค่าต่างๆ ดังนี้

        Style = Inner Bevel
        Technique = Chisel Hard
        Direction = down
        Hilight Mode = Screen Opacity=35
        Shadow Mode = Multiply เลือกสีน้ำตาลเข้ม

        เสร็จแล้วกด OK



ผลลัพธ์ที่ได้เป็นดังนี้

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

อุฬาลักษณ์ ฮะค่อม
Web Design Team
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