สนับสนุนเว็บ

ผู้เขียน หัวข้อ: การทำตัวอักษรสไตล์เว็บ 2.0  (อ่าน 2445 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

Permalink: การทำตัวอักษรสไตล์เว็บ 2.0

27/มี.ค./11 หัวข้อไอดี: 49825 | ลิ้งค์หัวข้อ: /topic/49825

ออฟไลน์ น้องน้ำหอม

  • ออฟไลน์
  • 28225
    0
    65535



  • Mentor
  • ***
  • สมัครสมาชิกเมื่อ 17/07/2009
    YearsYearsYearsYearsYearsYearsYearsYearsYearsYearsYearsYearsYearsYearsYears
  • เพศ: ชาย
  • กระทู้ : 28225
  • Like Post : 65535
  • Peny : 0
  • 14

    • ดูรายละเอียด
    • ด้ามขวาน ดอทคอม

  • คนด้ามขวาน

  • เข้าใช้งานล่าสุดเมื่อ 28/ส.ค./12


การทำตัวอักษรสไตล์เว็บ 2.0

สวัสดีครับ

วันนี้ผมมีเทคนิคทำตัวอักษรง่าย ๆ สไตล์เว็บ 2.0 โดย photoshop มาฝากกันครับ แอบเห็นชาวบ้านเค้าทำกันมานาน ออกแนวอยากทำเป็นมั่ง เลยแอบไปหาวิธีทำตามเว็บฝรั่งมาน่ะครับ แล้วก็เอามาแบ่งปันทุก ๆ คนเช่นเคยครับ

เอาล่ะมาเริ่มกันเถอะ

ขั้นที่หนึ่ง กด Ctrl+N แล้วกด OK ครับ เพื่สร้างไฟล์ใหม่ขึ้นมา จากนั้นไปที่ Tool ที่เป็นตัว T ครับ เลือกสีเป็นสีดำตามภาพครับ แล้วก็พิมพ์ข้อความที่เราต้องการลงไปเลยครับ




ตัวอย่างผมเขียนคำว่า Photoshop

ขั้นที่สองครับ ให้เราเปลี่ยนสีโฟร์กราวของเราเป็นสีที่เราต้องการ ส่วนแบ็คกราวเป็นสีดำครับ



จากนั้นไปที่เมนู Layer > Layer Style > Gradient Overlay เพื่อใส่สีให้กับตัวอักษรของเราครับ



ตั้งค่าให้เหมือนกับภาพนี้เป๊ะ ๆ ครับ แต่อย่าเพิ่งกด ok นะครับ



ขั้นที่สาม ใส่เครื่องหมายถูก ที่ช่อง Stroke ครับ แล้วตั้งค่าตามภาพนี้เช่นกัน



จากนั้นให้ใส่เครื่องหมายถูกที่ช่อง Outer Glow ครับ ตั้งค่าตามภาพ แล้วกด OK ได้ ณ บัดนาว



เราก็จะได้ตัวอักษรสี ๆ มีขอบแบบนี้แหละครับ



ขั้นที่สี่ ครับ กดปุ่ม Ctrl บนแป้นพิมพ์ค้างไว้ แล้วใช้เม้าส์ไปคลิกที่เลเยอร์ตัวอักษรที่เราเพิ่งพิมพ์ลงไปครับ คลิกบริเวณตัว T นะครับ เพื่อทำซีเล็คชั่นครอบตัวอักษร



ตามภาพแบบนี้ครับ



จากนั้นให้ไป เลือกที่ tool สำหรับเทสี (เลข 1)
เลือกลักษณะการเทสี (เลข 2)
แล้วเลือก Forground to transparent ครับ (เลข3)



กด Shift + Ctrl + N ที่แป้นพิมพ์ แล้วกด OK เพื่อสร้างเลเยอร์ใหม่ครับ แล้วลากเทสีจากด้านบนลงสู้ด้านล่างครับ ก็จะได้ดังภาพนี้ครับ



จากนั้นกด Ctrl + D เพื่อยกเลิกซีเล็คชั่น แล้วทำซีเล็คชั่นใหม่ โดยการครอบภาพไว้ครึ่งนึงดังภาพครับ



สุดท้าย กดปุ่ม Del ตามด้วย Ctrl+D ครับ ก๋จะได้อักษรสไตล์ เว็บ 2.0 แบบนี้แหละครับ



จบแล้ว Photoshop ไม่ได้ยากอย่างที่คิดใช่ม่า หวังว่าคงเกิดประโยชน์กันบ้างนะครับ วันนี้ไปก่อนแล้ว

สบายดี

ขอบคุณข้อมูลดีดีจาก : photoshopdd.com

LikePost โดย 0 สมาชิก :


Permalink: Re: การทำตัวอักษรสไตล์เว็บ 2.0

ตอบกลับ #1 26/พ.ค./11 หัวข้อไอดี: 49825 | ลิ้งค์หัวข้อ: /topic/49825

ออฟไลน์ zand

  • ออฟไลน์
  • 37
    0
    43



  • Grade II
  • **
  • สมัครสมาชิกเมื่อ 25/05/2011
    YearsYearsYearsYearsYearsYearsYearsYearsYearsYearsYearsYearsYears
  • เพศ: หญิง
  • กระทู้ : 37
  • Like Post : 43
  • Peny : 0
  • 36831

    • ดูรายละเอียด


  • เข้าใช้งานล่าสุดเมื่อ 25/มิ.ย./11


ขอบคุณนะจ็ะ

LikePost โดย 0 สมาชิก :


Permalink: Re: การทำตัวอักษรสไตล์เว็บ 2.0

ตอบกลับ #2 28/ม.ค./12 หัวข้อไอดี: 49825 | ลิ้งค์หัวข้อ: /topic/49825

ออฟไลน์ ampreaw

  • ออฟไลน์
  • 282
    5
    2034



  • Genius
  • *****
  • สมัครสมาชิกเมื่อ 18/07/2011
    YearsYearsYearsYearsYearsYearsYearsYearsYearsYearsYearsYearsYears
  • เพศ: ชาย
  • กระทู้ : 282
  • Like Post : 2034
  • Peny : 5
  • 40220

    • ดูรายละเอียด

  • Pimprapa

  • เข้าใช้งานล่าสุดเมื่อ 28/ธ.ค./22


ขอบคุณ

LikePost โดย 0 สมาชิก :

ผู้เยี่ยมชม

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 
ร่วมขับเคลื่อนโดย