SlideShare a Scribd company logo
1 of 4
สร้างตัวอักษรแบบลูกกวาด ด้วยการใช้ Layer Style
ขั้นตอนที่ 1 ขั้นตอนแรกเลยก็ให้เปิดโปรแกรม Photoshop ขึ้นมาจากนั้นสร้างไฟล์ใหม่ โดยใช้คาสั่ง File --> New เลือก
Background ของชิ้นงานที่จะสร้างให้เป็นสีขาว จากนั้นเมื่อได้ชิ้นงานมาแล้ว ให้เลือกใช้เครื่องมือ Type Tool แล้วทาการเลือกสี
Foreground เป็นสีเขียวตามภาพที่ 1 (ใช้เครื่องมือ Eyedropper tool ดูดสีเอาจากภาพในบทความได้เลยค่ะ Eyedropper tool
คือเครื่องมือที่อยู่บน เครื่องมือที่เป็นรูปแว่น) จากนั้นพิมพ์ข้อความที่เราต้องการจะสร้างค่ะ (ในที่นี้สร้างในพื้นที่ความกว้าง 360
px. เน้นรูปแบบตัว Font ที่มีความหนาเยอะ ๆ เวลาใส่ Style จะได้เห็นได้ชัดเจน ตามภาพใช้ Font BlueStone ขนาด 85 pt.)
ขั้นตอนที่ 2 เมื่อสร้างข้อความได้แล้ว ขั้นตอนต่อมา ก็ให้คลิกที่ Layer ข้อความที่เราสร้างขึ้น จากนั้นใช้คาสั่ง Layer --> Layer
Style --> Blending Options ... เพื่อเรียกใช้งาน Layer Style เริ่มต้นกันด้วยอันดับแรก การใส่ Drop
Shadowโดยคลิกทาเครื่องหมายถูกที่ด้านหน้า Drop Shadow ตามภาพที่ตาแหน่งที่ 2 จากนั้นคลิกที่ Drop Shadow
แล้วกาหนดค่าต่าง ๆ ตามข้อมูลฝั่งขวามือ ซึ่งขั้นตอนนี้จะเป็นการใส่เงาด้านล่างให้กับข้อความที่เราสร้างขึ้น
ขั้นตอนที่ 3 จากนั้นต่อมาเราจะใส่ Style ในส่วนของ Inner Shadow ซึ่งก็คือการใส่เงาด้านในของข้อความ
ให้ทาการโดยคลิกทาเครื่องหมายถูกที่ด้านหน้า Inner Shadow ตามภาพที่ตาแหน่งที่ 3 คลิกที่ Inner Shadow
แ้้ล้วกาหนดค่าต่าง ๆ ตามข้อมูลด้านขวามือ
ขั้นตอนที่ 4 ต่อมาเราจะทาการใส่ Style ในส่วนของ Outer Glow ซึ่งเป็นการใส่แสงเรือง ๆ ให้กับบริเวณด้านนอกของข้อความ
โดยการคลิกทาเครื่องหมายถูกที่ด้านหน้า Outer Glow ตามภาพที่ตาแหน่งที่ 4 คลิกที่ Outer Glow แล้วกาหนดค่าต่าง ๆ
ตามข้อมูลด้านขวามือ
ขั้นตอนที่ 5 ต่อมาเราจะทาการใส่ Style ในส่วนของ Inner Glow ซึ่งเป็นการใส่แสงเรือง ๆ ให้กับบริเวณด้านในของข้อความ
โดยการคลิกทาเครื่องหมายถูกที่ด้านหน้า Inner Glow ตามภาพที่ตาแหน่งที่ 5 คลิกที่ Inner Glow แล้วกาหนดค่าต่าง ๆ
ตามข้อมูลด้านขวามือ
ขั้นตอนที่ 6 ต่อมาเราจะทาการใส่ Style ในส่วนของ Bevel and Emboss ซึ่งเป็นรอยบากรอยนูนของข้อความ
โดยการคลิกทาเครื่องหมายถูกที่ด้านหน้า Bevel and Emboss ตามภาพที่ตาแหน่งที่ 6 คลิกที่ Bevel and Emboss
แล้วกาหนดค่าต่าง ๆ ตาม
ข้อมูลด้านขวามือ
ขั้นตอนที่ 7 ต่อมาเราจะทาการใส่ Style ในส่วนของ Contour ของ Bevel and Emboss
เพื่อกาหนดลัษณ์ความสูงต่าของการนูนของข้อความ โดยการคลิกทาเครื่องหมายถูกที่ด้านหน้า Contour ตามภาพที่ตาแหน่งที่
7 คลิกที่ Contour แล้วกาหนดค่าต่าง ๆ ตามข้อมูลด้านขวามือ
ขั้นตอนที่ 8 ซึ่งเป็นขั้นตอนสุดท้าย ทาการใส่ Style ในส่วนของ Satin เพื่อใส่สีเลื่อมเงาภายในตัวข้อความ
โดยการคลิกทาเครื่องหมายถูกที่ด้านหน้า Satin ตามภาพที่ตาแหน่งที่ 7 คลิกที่ Contour แล้วกาหนดค่าต่าง ๆ
ตามข้อมูลด้านขวามือ จากนั้นคลิก OK ก็จะได้ผลลัพธ์ตามภาพที่ 1
อ ้างอิง
http://www.thainextstep.com/photoshop/photoshop_article.php?art
iclecat=2&articleid=127
น.ส.วรัญญา อินทร์สระเกตุ
ม.5/3 เลขที่ 39

More Related Content

What's hot

ใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียนใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียนSuda Sangtong
 
ใบงานที่ 24 เทคนิคการสร้างตัวอักษรสีสวย
ใบงานที่ 24 เทคนิคการสร้างตัวอักษรสีสวยใบงานที่ 24 เทคนิคการสร้างตัวอักษรสีสวย
ใบงานที่ 24 เทคนิคการสร้างตัวอักษรสีสวยSuda Sangtong
 
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่Suda Sangtong
 
บทที่ 3 การจัดการเกี่ยวกับตัวอักษร
บทที่ 3 การจัดการเกี่ยวกับตัวอักษรบทที่ 3 การจัดการเกี่ยวกับตัวอักษร
บทที่ 3 การจัดการเกี่ยวกับตัวอักษรtonta01
 

What's hot (6)

ใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียนใบงานที่ 70 เทคนิคสร้างรูปเทียน
ใบงานที่ 70 เทคนิคสร้างรูปเทียน
 
ใบงานที่ 24 เทคนิคการสร้างตัวอักษรสีสวย
ใบงานที่ 24 เทคนิคการสร้างตัวอักษรสีสวยใบงานที่ 24 เทคนิคการสร้างตัวอักษรสีสวย
ใบงานที่ 24 เทคนิคการสร้างตัวอักษรสีสวย
 
การใช้โปรแกรม Paint
การใช้โปรแกรม Paintการใช้โปรแกรม Paint
การใช้โปรแกรม Paint
 
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
ใบงานที่ 64 เทคนิคการสร้างให้ภาพโปรงใสเฉพาะที่
 
บทที่ 3 การจัดการเกี่ยวกับตัวอักษร
บทที่ 3 การจัดการเกี่ยวกับตัวอักษรบทที่ 3 การจัดการเกี่ยวกับตัวอักษร
บทที่ 3 การจัดการเกี่ยวกับตัวอักษร
 
ฉันสวย
ฉันสวยฉันสวย
ฉันสวย
 

Viewers also liked (8)

Container
ContainerContainer
Container
 
iPhone hist
iPhone histiPhone hist
iPhone hist
 
Statistics and optimization (1)
Statistics and optimization (1)Statistics and optimization (1)
Statistics and optimization (1)
 
resume karthick
resume karthickresume karthick
resume karthick
 
SATHISH KUMAR
SATHISH KUMARSATHISH KUMAR
SATHISH KUMAR
 
เทคโนโลยีสารสนเทศ
เทคโนโลยีสารสนเทศเทคโนโลยีสารสนเทศ
เทคโนโลยีสารสนเทศ
 
Spisdegfrisk / test / pdf
Spisdegfrisk / test / pdfSpisdegfrisk / test / pdf
Spisdegfrisk / test / pdf
 
Rhealth presentation
Rhealth presentationRhealth presentation
Rhealth presentation
 

Similar to Tips 3

งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1wannasirial
 
การทำPhotoshop
การทำPhotoshopการทำPhotoshop
การทำPhotoshopwannasirial
 
ใบความรู้หย่วยที่5การตกแต่งสีพื้น
ใบความรู้หย่วยที่5การตกแต่งสีพื้นใบความรู้หย่วยที่5การตกแต่งสีพื้น
ใบความรู้หย่วยที่5การตกแต่งสีพื้นBee Saruta
 
Photoshop
PhotoshopPhotoshop
Photoshopjompon
 
ใบความรู้หน่วยที่6ตัวอักษร+animation3
ใบความรู้หน่วยที่6ตัวอักษร+animation3ใบความรู้หน่วยที่6ตัวอักษร+animation3
ใบความรู้หน่วยที่6ตัวอักษร+animation3Pop Thakonwan
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007Wee Jay
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007Wee Jay
 
ใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ดใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ดNimanong Nim
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshoppumpuiza
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopjutamat
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshoppumpuiza
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshoppumpuiza
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopjutamat
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshoppumpuiza
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshoppumpuiza
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopjutamat
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopjutamat
 

Similar to Tips 3 (20)

งานนำเสนอ1
งานนำเสนอ1งานนำเสนอ1
งานนำเสนอ1
 
การทำPhotoshop
การทำPhotoshopการทำPhotoshop
การทำPhotoshop
 
การสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshopการสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshop
 
ใบความรู้หย่วยที่5การตกแต่งสีพื้น
ใบความรู้หย่วยที่5การตกแต่งสีพื้นใบความรู้หย่วยที่5การตกแต่งสีพื้น
ใบความรู้หย่วยที่5การตกแต่งสีพื้น
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
ใบความรู้หน่วยที่6ตัวอักษร+animation3
ใบความรู้หน่วยที่6ตัวอักษร+animation3ใบความรู้หน่วยที่6ตัวอักษร+animation3
ใบความรู้หน่วยที่6ตัวอักษร+animation3
 
Pwpdata5.8+
Pwpdata5.8+Pwpdata5.8+
Pwpdata5.8+
 
Pwpdata5.8+
Pwpdata5.8+Pwpdata5.8+
Pwpdata5.8+
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007
 
ใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ดใบความรู้ที่ 14การทำโปสการ์ด
ใบความรู้ที่ 14การทำโปสการ์ด
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 

More from เฟิน กะ ไค๊

ข้อมูลเชิงสัมพันธ์.
ข้อมูลเชิงสัมพันธ์.ข้อมูลเชิงสัมพันธ์.
ข้อมูลเชิงสัมพันธ์.เฟิน กะ ไค๊
 
การรวมตารางเข้าด้วยกัน
การรวมตารางเข้าด้วยกันการรวมตารางเข้าด้วยกัน
การรวมตารางเข้าด้วยกันเฟิน กะ ไค๊
 
การทำตารางนางสาวพัฒภิมา
การทำตารางนางสาวพัฒภิมาการทำตารางนางสาวพัฒภิมา
การทำตารางนางสาวพัฒภิมาเฟิน กะ ไค๊
 
ฟูจิฟิล์ม เปิดตัวกล้องดิจิตอลใหม่ X30 เอาใจคนถ่ายภาพ
ฟูจิฟิล์ม เปิดตัวกล้องดิจิตอลใหม่ X30 เอาใจคนถ่ายภาพฟูจิฟิล์ม เปิดตัวกล้องดิจิตอลใหม่ X30 เอาใจคนถ่ายภาพ
ฟูจิฟิล์ม เปิดตัวกล้องดิจิตอลใหม่ X30 เอาใจคนถ่ายภาพเฟิน กะ ไค๊
 

More from เฟิน กะ ไค๊ (9)

ข้อมูลเชิงสัมพันธ์.
ข้อมูลเชิงสัมพันธ์.ข้อมูลเชิงสัมพันธ์.
ข้อมูลเชิงสัมพันธ์.
 
การใส่กรอบรูป
การใส่กรอบรูปการใส่กรอบรูป
การใส่กรอบรูป
 
tips 3
tips 3tips 3
tips 3
 
การรวมตารางเข้าด้วยกัน
การรวมตารางเข้าด้วยกันการรวมตารางเข้าด้วยกัน
การรวมตารางเข้าด้วยกัน
 
การทำแผ่นพับ
การทำแผ่นพับการทำแผ่นพับ
การทำแผ่นพับ
 
การทำตารางนางสาวพัฒภิมา
การทำตารางนางสาวพัฒภิมาการทำตารางนางสาวพัฒภิมา
การทำตารางนางสาวพัฒภิมา
 
ฟูจิฟิล์ม เปิดตัวกล้องดิจิตอลใหม่ X30 เอาใจคนถ่ายภาพ
ฟูจิฟิล์ม เปิดตัวกล้องดิจิตอลใหม่ X30 เอาใจคนถ่ายภาพฟูจิฟิล์ม เปิดตัวกล้องดิจิตอลใหม่ X30 เอาใจคนถ่ายภาพ
ฟูจิฟิล์ม เปิดตัวกล้องดิจิตอลใหม่ X30 เอาใจคนถ่ายภาพ
 
บริษัท ฟูจิฟิล์ม
บริษัท ฟูจิฟิล์มบริษัท ฟูจิฟิล์ม
บริษัท ฟูจิฟิล์ม
 
Samsung galaxy tab s
Samsung galaxy tab sSamsung galaxy tab s
Samsung galaxy tab s
 

Tips 3

  • 1. สร้างตัวอักษรแบบลูกกวาด ด้วยการใช้ Layer Style ขั้นตอนที่ 1 ขั้นตอนแรกเลยก็ให้เปิดโปรแกรม Photoshop ขึ้นมาจากนั้นสร้างไฟล์ใหม่ โดยใช้คาสั่ง File --> New เลือก Background ของชิ้นงานที่จะสร้างให้เป็นสีขาว จากนั้นเมื่อได้ชิ้นงานมาแล้ว ให้เลือกใช้เครื่องมือ Type Tool แล้วทาการเลือกสี Foreground เป็นสีเขียวตามภาพที่ 1 (ใช้เครื่องมือ Eyedropper tool ดูดสีเอาจากภาพในบทความได้เลยค่ะ Eyedropper tool คือเครื่องมือที่อยู่บน เครื่องมือที่เป็นรูปแว่น) จากนั้นพิมพ์ข้อความที่เราต้องการจะสร้างค่ะ (ในที่นี้สร้างในพื้นที่ความกว้าง 360 px. เน้นรูปแบบตัว Font ที่มีความหนาเยอะ ๆ เวลาใส่ Style จะได้เห็นได้ชัดเจน ตามภาพใช้ Font BlueStone ขนาด 85 pt.) ขั้นตอนที่ 2 เมื่อสร้างข้อความได้แล้ว ขั้นตอนต่อมา ก็ให้คลิกที่ Layer ข้อความที่เราสร้างขึ้น จากนั้นใช้คาสั่ง Layer --> Layer Style --> Blending Options ... เพื่อเรียกใช้งาน Layer Style เริ่มต้นกันด้วยอันดับแรก การใส่ Drop Shadowโดยคลิกทาเครื่องหมายถูกที่ด้านหน้า Drop Shadow ตามภาพที่ตาแหน่งที่ 2 จากนั้นคลิกที่ Drop Shadow แล้วกาหนดค่าต่าง ๆ ตามข้อมูลฝั่งขวามือ ซึ่งขั้นตอนนี้จะเป็นการใส่เงาด้านล่างให้กับข้อความที่เราสร้างขึ้น
  • 2. ขั้นตอนที่ 3 จากนั้นต่อมาเราจะใส่ Style ในส่วนของ Inner Shadow ซึ่งก็คือการใส่เงาด้านในของข้อความ ให้ทาการโดยคลิกทาเครื่องหมายถูกที่ด้านหน้า Inner Shadow ตามภาพที่ตาแหน่งที่ 3 คลิกที่ Inner Shadow แ้้ล้วกาหนดค่าต่าง ๆ ตามข้อมูลด้านขวามือ ขั้นตอนที่ 4 ต่อมาเราจะทาการใส่ Style ในส่วนของ Outer Glow ซึ่งเป็นการใส่แสงเรือง ๆ ให้กับบริเวณด้านนอกของข้อความ โดยการคลิกทาเครื่องหมายถูกที่ด้านหน้า Outer Glow ตามภาพที่ตาแหน่งที่ 4 คลิกที่ Outer Glow แล้วกาหนดค่าต่าง ๆ ตามข้อมูลด้านขวามือ ขั้นตอนที่ 5 ต่อมาเราจะทาการใส่ Style ในส่วนของ Inner Glow ซึ่งเป็นการใส่แสงเรือง ๆ ให้กับบริเวณด้านในของข้อความ โดยการคลิกทาเครื่องหมายถูกที่ด้านหน้า Inner Glow ตามภาพที่ตาแหน่งที่ 5 คลิกที่ Inner Glow แล้วกาหนดค่าต่าง ๆ ตามข้อมูลด้านขวามือ ขั้นตอนที่ 6 ต่อมาเราจะทาการใส่ Style ในส่วนของ Bevel and Emboss ซึ่งเป็นรอยบากรอยนูนของข้อความ โดยการคลิกทาเครื่องหมายถูกที่ด้านหน้า Bevel and Emboss ตามภาพที่ตาแหน่งที่ 6 คลิกที่ Bevel and Emboss แล้วกาหนดค่าต่าง ๆ ตาม ข้อมูลด้านขวามือ
  • 3. ขั้นตอนที่ 7 ต่อมาเราจะทาการใส่ Style ในส่วนของ Contour ของ Bevel and Emboss เพื่อกาหนดลัษณ์ความสูงต่าของการนูนของข้อความ โดยการคลิกทาเครื่องหมายถูกที่ด้านหน้า Contour ตามภาพที่ตาแหน่งที่ 7 คลิกที่ Contour แล้วกาหนดค่าต่าง ๆ ตามข้อมูลด้านขวามือ ขั้นตอนที่ 8 ซึ่งเป็นขั้นตอนสุดท้าย ทาการใส่ Style ในส่วนของ Satin เพื่อใส่สีเลื่อมเงาภายในตัวข้อความ โดยการคลิกทาเครื่องหมายถูกที่ด้านหน้า Satin ตามภาพที่ตาแหน่งที่ 7 คลิกที่ Contour แล้วกาหนดค่าต่าง ๆ ตามข้อมูลด้านขวามือ จากนั้นคลิก OK ก็จะได้ผลลัพธ์ตามภาพที่ 1 อ ้างอิง http://www.thainextstep.com/photoshop/photoshop_article.php?art iclecat=2&articleid=127