tDsigns
ยินดีต้อนรับท่านเข้าสู่ tDsigns.com

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

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

tDsigns - Design by T ที่นี่เรามอบสิ่งดีดีให้คุณ..ด้วยใจ
พื้นที่โฆษณา

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe

อ่านหัวข้อก่อนหน้า อ่านหัวข้อถัดไป Go down

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Empty เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe

ตั้งหัวข้อ by TonyWins on Sat 29 Oct 2011, 18:15

ไฟล์ประกอบตัวอย่าง: Font Futura Md BT Medium

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Angela%252520Absent

เทคนิคนี้นำมาจาก http://psd.tutsplus.com โดยนำมาปรับแต่งเนื้อหาและขั้นตอนให้กระชับและเข้าใจง่ายขึ้น


แก้ไขล่าสุดโดย C-Gru เมื่อ Sun 30 Oct 2011, 01:15, ทั้งหมด 1 ครั้ง

__________________________________________________________________________________________________________________
ไม่จำเป็นต้องโพสต์ขอบคุณทุกครั้งไป เพราะ "คำขอบคุณ" ที่เกิดขึ้นแม้เพียงภายในจิตใจ นั่นคือคำขอบคุณที่แท้จริง
TonyWins
TonyWins
User
User

Male กุมภ์ ชวด
จำนวนข้อความ : 2831
คะแนนความดี : 12837
ชื่อเสียง : 97
วันที่เข้าร่วม : 18/07/2009
อายุ : 46
ที่อยู่ : กรุงเทพฯ

https://www.tdsigns.com

ขึ้นไปข้างบน Go down

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Empty Re: เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe

ตั้งหัวข้อ by TonyWins on Sat 29 Oct 2011, 18:24

1. สร้างงานใหม่ขึ้นมาขนาด 1600 x 900 pixels | 72 ppi | RGB Color 8 bit | Background: White

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw01

2. กดคีย์ X เพื่อคืนค่าสี Foreground/Background จากนั้นกดคีย์ Alt + Delete เพื่อเติมสีดำให้กับเลเยอร์ Background

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw02

3. ใช้เครื่องมือ Type (T) สร้างตัวอักษรสีขาวตามต้องการ ในตัวอย่างใช้ Font: Futura Md BT | Style: Medium | ขนาด 280 pt | Tracking: 20

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw03

4. กดคีย์ Ctrl + E เพื่อรวมเลเยอร์ทั้งหมดเข้าด้วยกัน แล้วใช้คำสั่ง Filter > Distort > Wave กำหนดค่า Number of Generators: 1 | Wavelength: Min = 257, Max = 635 | Amplitude: Min = 62, Max = 141 | Scale: Horiz. = 24, Vert. = 22 | Type: Square แล้วกดปุ่ม Randomize จนได้ลักษณะของตัวอักษรตามต้องการ เสร็จแล้วกด OK

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw04

5. ใช้คำสั่ง Filter > Pixelate > Flagment

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw05

__________________________________________________________________________________________________________________
ไม่จำเป็นต้องโพสต์ขอบคุณทุกครั้งไป เพราะ "คำขอบคุณ" ที่เกิดขึ้นแม้เพียงภายในจิตใจ นั่นคือคำขอบคุณที่แท้จริง
TonyWins
TonyWins
User
User

Male กุมภ์ ชวด
จำนวนข้อความ : 2831
คะแนนความดี : 12837
ชื่อเสียง : 97
วันที่เข้าร่วม : 18/07/2009
อายุ : 46
ที่อยู่ : กรุงเทพฯ

https://www.tdsigns.com

ขึ้นไปข้างบน Go down

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Empty Re: เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe

ตั้งหัวข้อ by TonyWins on Sun 30 Oct 2011, 00:17

6. ใช้คำสั่ง Filter > Stylize > Glowing Edges กำหนดค่า Edge Width: 1 | Edge Brightness: 8 | Smoothness: 1

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw06

7. กดคีย์ Ctrl + A เพื่อเลือกพื้นที่ทั้งหมด ตามด้วยกดคีย์ Ctrl + C เพื่อคัดลอก จากนั้นให้เลือกไปที่ Channel Panel คลิกไอคอนรูปกระดาษเพื่อสร้าง Channel ใหม่ขึ้นมา เสร็จแล้วกดคีย์ Ctrl + V เพื่อวางภาพที่คัดลอกลงใน Channel Alpha 1

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw07

8. คลิกเลือกที่ Channel RGB จากนั้นกดคีย์ Ctrl ค้างไว้แล้วคลิกที่ภาพตัวอย่างใน Channel Alpha 1 จะเป็นการโหลด Selection จาก Channel Alpha 1 ขึ้นมา

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw08

9. กลับไปที่ Layer Panel สร้างเลเยอร์ใหม่ขึ้นมา (Alt + คลิกไอคอนรูปกระดาษ) ตั้งชื่อเป็น Text จากนั้นกดคีย์ Alt + Delete (ถ้าสีของ Foreground เป็นสีขาว) หรือกดคีย์ Ctrl + Delete (ถ้าสีของ Background เป็นสีขาว) คือพูดง่ายๆก็คือการเติมสีขาวลงใน Selection เสร็จแล้วกดคีย์ Ctrl + D เพื่อยกเลิก Selection แล้วทำการเติมสีดำให้กับเลเยอร์ Background

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw09

10. คลิกเลือกที่เลเยอร์ Text จากนั้นคลิกไอคอน fx แล้วเลือกไปที่ Gradient Overlay กำหนดค่า Opacity: 15% | Angle: 140° | Scale: 150% (รูปแบบของ Gradient ตามภาพตัวอย่าง หรือเลือกตามต้องการ) เสร็จแล้วคลิกปุ่ม OK

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw10

__________________________________________________________________________________________________________________
ไม่จำเป็นต้องโพสต์ขอบคุณทุกครั้งไป เพราะ "คำขอบคุณ" ที่เกิดขึ้นแม้เพียงภายในจิตใจ นั่นคือคำขอบคุณที่แท้จริง
TonyWins
TonyWins
User
User

Male กุมภ์ ชวด
จำนวนข้อความ : 2831
คะแนนความดี : 12837
ชื่อเสียง : 97
วันที่เข้าร่วม : 18/07/2009
อายุ : 46
ที่อยู่ : กรุงเทพฯ

https://www.tdsigns.com

ขึ้นไปข้างบน Go down

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Empty Re: เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe

ตั้งหัวข้อ by TonyWins on Sun 30 Oct 2011, 00:50

11. สร้างเลเยอร์ใหม่ขึ้นมาใต้เลเยอร์ Text (Alt + คลิกไอคอนรูปกระดาษ) จากนั้นเลือกเลเยอร์ Text กับเลเยอร์ที่สร้างขึ้นมาใหม่ (Layer 1) แล้วกดคีย์ Ctrl + E เพื่อรวมเลเยอร์

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw11

12. กดคีย์ Ctrl + J เพื่อ Duplicate เลเยอร์ Text เราจะได้เลเยอร์ Text copy จากนั้นใช้คำสั่ง Filter > Blur > Gaussian Blur กำหนดค่า Radius: 4 pixels

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw12

13. กดคีย์ Ctrl + J อีก 2 ครั้งเพื่อ Duplicate เลเยอร์ Text copy ออกไปอีก 2 เลเยอร์ จากนั้นปรับโหมดของเลเยอร์ Text copy 2 และ 3 ไปเป็น Overlay

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw13

14. คลิกเลือกที่เลเยอร์ Text copy แล้วกดคีย์ Ctrl + J เพื่อ Duplicate เราจะได้เลเยอร์ Text copy 4 จากนั้นให้ลากเลเยอร์ Text copy 4 ลงมาไว้ด้านล่างของเลเยอร์ Text

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw14

15. ที่เลเยอร์ Text copy 4 ใช้คำสั่ง Filter > Blur > Gaussian Blur กำหนดค่า Radius: 6 pixels จากนั้นกดคีย์ Ctrl + U คลิกเช็กให้มีเครื่องหมายที่ Colorize แล้วกำหนดค่า Hue: 315 | Saturation: 38 | Lightness: -30

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw15

__________________________________________________________________________________________________________________
ไม่จำเป็นต้องโพสต์ขอบคุณทุกครั้งไป เพราะ "คำขอบคุณ" ที่เกิดขึ้นแม้เพียงภายในจิตใจ นั่นคือคำขอบคุณที่แท้จริง
TonyWins
TonyWins
User
User

Male กุมภ์ ชวด
จำนวนข้อความ : 2831
คะแนนความดี : 12837
ชื่อเสียง : 97
วันที่เข้าร่วม : 18/07/2009
อายุ : 46
ที่อยู่ : กรุงเทพฯ

https://www.tdsigns.com

ขึ้นไปข้างบน Go down

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Empty Re: เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe

ตั้งหัวข้อ by TonyWins on Sun 30 Oct 2011, 01:04

16. สร้างเลเยอร์ใหม่ขึ้นมาแล้วตั้งชื่อเป็น Light กำหนดสีของ Foreground เป็นสีม่วง R = 102, G = 45, B = 145 (#662D91) จากนั้นใช้เครื่องมือ Gradient กำหนดรูปแบบ Foreground to Transparent | Radial คลิกแล้วลากดังภาพเพื่อสร้างแสงสีม่วง

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw16

17. กำหนดสี Foreground เป็นสีแดง R = 121, G = 0, B = 0 (#790000) แล้วใช้เครื่องมือ Gradient ลากจากซ้ายล่างขึ้นไปทางขวาดังภาพตัวอย่าง

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw17

18. กำหนดสี Foreground เป็นสีน้ำเงิน [color=#ffcc00]R = 46, G = 49, B = 146 (#2E3192) แล้วใช้เครื่องมือ Gradient ลากจากขวาล่างขึ้นไปทางซ้ายดังภาพตัวอย่าง

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw18

19. เลือกเครื่องมือ Brush (B) แล้วกดคีย์ F5เพื่อเปิด Brush Panel ขึ้นมา จากนั้นกำหนดค่าของหัวแปรงดังภาพตัวอย่าง

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw19

20. สร้างเลเยอร์ใหม่ขึ้นมาตั้งชื่อเป็น Circles กำหนดสีของ Foreground เป็นสีเขียว R = 63, G = 197, B = 198 (#3FC5C6) และสีของ Background เป็นสีม่วง R = 173, G = 76, B = 177 (#AD4CB1) แล้วใช้หัวแปรงวาดรูปวงกลมลงในเลเยอร์ Circles เราจะได้รูปวงกลมแบบสุ่มขนาดและสุ่มเฉดสีระหว่างสีเขียวกับสีม่วง

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw20

__________________________________________________________________________________________________________________
ไม่จำเป็นต้องโพสต์ขอบคุณทุกครั้งไป เพราะ "คำขอบคุณ" ที่เกิดขึ้นแม้เพียงภายในจิตใจ นั่นคือคำขอบคุณที่แท้จริง
TonyWins
TonyWins
User
User

Male กุมภ์ ชวด
จำนวนข้อความ : 2831
คะแนนความดี : 12837
ชื่อเสียง : 97
วันที่เข้าร่วม : 18/07/2009
อายุ : 46
ที่อยู่ : กรุงเทพฯ

https://www.tdsigns.com

ขึ้นไปข้างบน Go down

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Empty Re: เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe

ตั้งหัวข้อ by TonyWins on Sun 30 Oct 2011, 01:10

21. ใช้คำสั่ง Filter > Blur > Surface Blur กำหนดค่า Radius: 25 | Threshold: 175

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw21

22. ใช้คำสั่ง Filter > Blur > Gaussian Blur กำหนดค่า Radius: 4

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw22

23. กำหนดค่า Opacity ของเลเยอร์ Circles เป็น 15% เป็นอันเสร็จสิ้นขั้นตอนการสร้างตัวอักษรแนว Abstract Wireframe

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe Absw23

เทคนิคการทำ Effect ตัวอักษรแบบ Abstract Wireframe AbstractWireframe

__________________________________________________________________________________________________________________
ไม่จำเป็นต้องโพสต์ขอบคุณทุกครั้งไป เพราะ "คำขอบคุณ" ที่เกิดขึ้นแม้เพียงภายในจิตใจ นั่นคือคำขอบคุณที่แท้จริง
TonyWins
TonyWins
User
User

Male กุมภ์ ชวด
จำนวนข้อความ : 2831
คะแนนความดี : 12837
ชื่อเสียง : 97
วันที่เข้าร่วม : 18/07/2009
อายุ : 46
ที่อยู่ : กรุงเทพฯ

https://www.tdsigns.com

ขึ้นไปข้างบน Go down

อ่านหัวข้อก่อนหน้า อ่านหัวข้อถัดไป ขึ้นไปข้างบน

พื้นที่โฆษณา

 
Permissions in this forum:
คุณไม่สามารถพิมพ์ตอบ