How to: Neon Text (Photoshop)

สวัสดีค่าาาา วันนี้ แมวดำเขียนวิธีการทำตัวอักษรสวยๆ มาฝากกันแหละ นั่นก็คือ อักษรไฟนีออน สวยนะจะบอกให้ วิธีทำวุ่นวายนิดนึง เพราะว่าเว็บต้นแบบที่เราไปอ่านมา เค้าใช้ โฟโต้ชอป 4 (เพราะเค้าเขียนไว้นานมากแล้ว) แต่เราใช้ CS2 วิธีอาจจะแตกต่างกับเวอร์ชั่นเก่า แล้วเราก็ดัดแปลงวิธีดั้งเดินด้วยค่ะ เนื่องจากใช้วิธีดั้งเดิมแล้วทำไม่ได้ หรือเราอ่านไม่เข้าใจก็ไม่รู้สิ  แต่รับรอง เวอร์ชั่น 7, CS, CS2 และ CS3 ค่ะ

1. เปิดไฟล์ใหม่ขึ้นมา แล้วทำพื้นให้เป็นสีดำ (ขนาดแล้วแต่ความพอใจค่ะ)

2. พิมพ์ตัวอักษรตามใจชอบ (แนะนำให้ใช้ตัวหนังสืออ้วนๆ นะคะ)

3. จากนั้นให้คลิกขวาที่เลเยอร์ ที่เราพิมพ์ตัวอักษรไว้เมื่อกี๊ แล้วเลือก Rasterize Type เพื่อเปลี่ยนเป็นแบบรูปภาพ (ง่ายต่อการจัดการ)

4. กด Ctrl ที่แป้นพิมพ์ พร้มกับคลิกที่เลเยอร์เดิม เพื่อให้เป็นเส้นประๆ ที่ตัวอักษร

5. ที่เมนูบาร์ กด select >> Modify >> Contract เลือก 2 pixels

จะได้ออกมาเป็นเส้นประๆ 2 เส้น แบบนี้

6. กด Delete ที่แป้นพิมพ์ เพื่อให้เป็นเพียงแค่ขอบๆ ตามรูปเลย

กด Ctrl+D ที่แป้นพิมพ์ เพื่อจบการทำงาน เส้นประๆ

7. Copy Layer ที่เราแต่งเมื่อกี๊ 2 ครั้ง โดยการลากไปที่  (create a new layer) 2 ครั้ง

ตอนนี้เราจะได้ เลยเยอร์ที่เราก๊อปปี้ 3 เลเยอร์ และเลเยอร์พื้นหลังอีก 1 เลเยอร์

8. ทำให้ 2 เลยเยอร์แรก เป็นแบบมัวๆ โดยไปที่ Filter >> Blur >> Guassian blur

เลเยอร์แรก เลือก 3 Pixel เลเยอร์ที่ 2 เลือก 2 Pixel เลเยอร์ที่ 3 ไม่ต้องทำอะไร นะคะ

9. ที่เมนูบาร์ กด Layer >> Merge Visible เพื่อรวมเลเยอร์ทั้งหมด

10. เป็นขั้นตอนการเปลี่ยนสี ให้ไปที่ Image >> Adjustments >> Color Balance

แล้วจัดการปรับสีตามใจชอบเลยค่ะ

แล้วเซฟให้เรียบร้อย (File >> Save for Web >> Save)

เสร็จแล้วหละค่ะ อิอิ หรือจะทำหลายๆ สี ให้มันกระพริบๆ วิบๆ วับๆ ก็ได้ค่ะ

ที่มา: http://www.geocities.com/Pentagon/2932/pttip1.html (อ่านเข้าใจภายในรอบเดียวถือว่า เทพ -*-)

*หมายเหตุ: วิธีการทำอักษรวิบวับ หรืออักษรกระพริบ และวิธีการใช้ Animation ใน Image Ready จะมาลงทีหลัง นะคะ*

———————————————————————-

MeawDam on:
- Windows Vista RTM Ultimate
- Photoshop & Image ready CS2
- Windows Live Writer (Beta)
- Internet Explorer 7
- Windows Live Messenger 8.1 build 0168

แมวดำ (โฟโต้ชอปแสนสนุก)



1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

15 Responses to “How to: Neon Text (Photoshop)”


  1. 1 meawdam Jan 8th, 2007 at 18:54

    มาอ่านแล้ว ลงชื่อ พร้อมลิงค์ได หรือลิงค์สเปซ หรือลิงค์บล๊อก หรือลิงค์เว็บของท่าน :em45:

  2. 2 ~=Fuelzone=~ Jan 8th, 2007 at 19:37

    แต้งกิ้ววว :em65:

  3. 3 ส้มซ่าส์ Jan 11th, 2007 at 18:09

    :em66: เย่ ประดับความรู้ไปอีกเยอะเลยอ่ะ
    ขอบคุณนะค๊าคุงแมวดำ เหอๆๆๆ :em66:

  4. 4 ~l~~l~ Jan 12th, 2007 at 20:10

    ขอบคุณมั่กๆเลยคร่า

    แต่ก้อทำมะค่อยเปนอ่ะ จะพยายามนะค่ะ

    ช่วยแนะนำหน่อยนะค่ะ

  5. 5 meawdam Jan 12th, 2007 at 20:35

    ลองทำดู ติดขัดข้อไหน ถามได้เด้อ ค่อยๆทำ เพราะเราเอง นั่งอ่านต้นฉบับ เป็น 10 รอบ กว่าจะทำได้ :em54:

  6. 6 - a o m ``Hp” - Jan 12th, 2007 at 22:46

    …เย้ๆ พรุ่งนี้วันเด็ก เอ๊ะ อ๊ายยย เป็นนางสาวแล้วนี่หว่า ลืม :em32: พรุ่งนี้ค่อยทำดีกว่า ตอนนี้ง่วงจังเยย :em31:

  7. 7 azazel Jan 15th, 2007 at 14:57

    ใจจ้า แร้วทำไงมานมานกระพริบอ่ะคร้าบบบ

    :em47:

  8. 8 meawdam Jan 15th, 2007 at 15:34

    ใจจ้า แร้วทำไงมานมานกระพริบอ่ะคร้าบบบ

    :em47:

    ทำหลายๆ สี และไปทำให้มันกระพริบ ใน Image ready ใช้หลักการเดีวกับการทำตัวอักษรกระพริบ หรือ อักษร กลิตเตอร์ค้าบบบบบ :em50:

  9. 9 underoath Jan 26th, 2007 at 03:11

    !! ขอบคุณมากๆนะครับ เด๋วจะลองเอาไปปรับเเต่งนะครับ :em69:

  10. 10 nae love tey Feb 3rd, 2007 at 16:05

    บอกวิธีการทำให้มันกะพิบหน่อยสิคะทำไม่เป็ฯอะคะ :em70: :em63: :em65: รักพี่เต้ยจัง บาย :em70: :em69:

  11. 11 meawdam Feb 3rd, 2007 at 17:10

    บอกวิธีการทำให้มันกะพิบหน่อยสิคะทำไม่เป็ฯอะคะ :em70:

    :em63:

    :em65: รักพี่เต้ยจัง บาย :em70:

    :em69:

    หลักการเดียวกับตัวอักษร ระยิบระยับ แหละ

  12. 12 BBwindy Apr 6th, 2007 at 20:00

    ทำได้แย้ว ขอบคุณนะคะ :em70:

  13. 13 joy Sep 29th, 2007 at 15:31

    เพิ่งเริ่มทำ ซีเอส3 งงนิดหน่อย มันใหม่กับเรา เราหาเลเยอร์ไม่เจอ มันอยู่ตรงไหนนะ ไม่มีเลเยอร์แล้วก็ทำไม่ถนัดค่ะ ช่วยบอกที นะ นะ คะ ว่าทำให้เลเยอร์มันโชว์ทำอย่างไร

    ขอบคุณค่ะ
    นิวซีแลนด์

  14. 14 MeawDam Sep 29th, 2007 at 16:06

    เพิ่งเริ่มทำ ซีเอส3 งงนิดหน่อย มันใหม่กับเรา เราหาเลเยอร์ไม่เจอ มันอยู่ตรงไหนนะ ไม่มีเลเยอร์แล้วก็ทำไม่ถนัดค่ะ ช่วยบอกที นะ นะ คะ ว่าทำให้เลเยอร์มันโชว์ทำอย่างไร

    ขอบคุณค่ะ
    นิวซีแลนด์

    ขอโทษด้วยนะคะ แมวยังใช้แค่ CS2 อยู่ค่ะ เลยไม่รู้ว่าหน้าตา CS3 เป็นอย่างไร

  15. 15 อุซางิ Sep 29th, 2007 at 16:17

    เมนูเลเยอร์ถูกยุบอยู่ที่ด้านขวา เป็นรูปแผ่นสีเหลี่ยมแบนๆ ซ้อนกันสองชั้น ปกติมันจะเขียนไว้เลยว่า layer คลิกจากตรงนั้นเลย

Comments are currently closed.

Google
แมวดำ: Windows Live

มีเว็บไซต์ของตัวเอง?
สร้างรายได้จากโฆษณา
Access Meawdam via Mobile

ค้างคาวกินกล้วย