วันศุกร์ที่ 15 สิงหาคม พ.ศ. 2557

วิธีการสร้างตัวอักษรในแบบ 3 มิติ ทั่วไป





ในปัจจุบันมีโปรแกรมที่พัฒนาการและเทคโนโลยีมากมาย ที่มีการพัฒนาคิดค้นโปรแกรมสำเร็จรูปบ้าง เช่น โปรแกรมออกแบบตัวอักษรต่างๆ เป็นต้น โปรแกรมเหล่านี้ก็มีโปรแกรมขั้นเทพอยู่หนึ่งโปรแกรมซึ่งเป็นโปรแกรมที่นักออกแบบตัวอักษรหรือนักออกแบบสิ่งต่างๆนำมาใช้กันเรียกว่าโปรแกรม Adobe Photoshop

1.เลือก Font ในการสร้างตัวอักษร
การเลือก Font ในการสร้างตัวอักษรแบบ 3 มิตินั้น ควรเลือกตัวอักษรแล้วแต่ความชอบของคุณหรือเลือกตัวอักษรที่เป็นเหมือนมองแล้วเป็นมิติขึ้น จากการสร้างตัวอักษรในแบบนั้นๆด้วยครับ ในที่นี้ผมใช้ font  Arial Rounded MT Bold กันนะครับซึ่งจะอยู่ในโปรแกรม Adobe Photoshop อยู่แล้วครับ

2.การสร้างตัวอักษร
การสร้างตัวอักษรขึ้นมาให้อยู่ที่กระดาษเปล่าในโปรแกรม Photoshop โดยสร้างกระดาษขึ้นมาก่อนครับ
ปรับค่ากระดาษตามช่องสี่เหลี่ยมสีแดงเลยครับ
โดยการกดที่เมนู  File > New…
รูปภาพที่ 1.1 การปรับค่าของกระดาษเปล่า






-       จากนั้นทำการเทสีลงไปให้กระดาษเปล่าที่คุณสร้างขึ้นมาโดยเทสีอะไรก็ได้ครับ ผมจะเทสีดำกับสีขาวนะครับเพื่อการให้เห็นตัวอักษรที่ชัดเจน จะได้รูปดังภาพข้างล่างนะครับ

รูปภาพที่ 1.2 การเทสีลงในกระดาษเปล่าที่สร้างขึ้นมา


-       จากนั้นให้ทำการพิมพ์ข้อความลงไปในกระดาษที่เตรียมไว้ครับ โดยการกดที่เครื่องมือ    (Type Tool) พิมตัวอักษรลงไปดังภาพ

รูปภาพที่ 1.3 การพิมพ์ตัวอักษรลงไปในกระดาษที่สร้างขึ้น


-       จากนั้นทำการกดปุ๋ม Ctrl + J เพื่อ Copy เลเยอร์ตัวอักษรเพิ่มขึ้นมาอีกหนึ่งชิ้นแล้วทำการกดปุ่ม ลูกศรข้างล่างหนึ่ง      ครั้ง ลูกศรข้างซ้าย หนึ่ง ครั้ง  
-        ใช้วิธีเดิม copy เลเยอร์ตัวอักษรเพิ่มขึ้นมาอีก 5 เลเยอร์ โดยทุกครั้งที่เพิ่มขึ้นมาให้กดปุ่มลูกศรข้างล่าง หนึ่งครั้ง
ลูกศรข้างซ้าย หนึ่งครั้ง    จนครบทั้งหมด 5 เลเยอร์
 
รูปภาพที่ 1.4 ภาพแสดงเลเยอร์ที่ทำการเพิ่ม

-       เมื่อเสร็จแล้วให้ทำการรวมเลเยอร์จาก เลเยอร์ copy 4 จนถึง เลเยอร์ copy อันแรกเลย โดยการกด ปุ่ม Ctrl+ คลิกเลือกเลเยอร์ทั้งหมดยกเว้นอักษรด้านบนสุดและ เลเยอร์ background
 
รูปภาพที่ 1.5 ภาพแสดงการรวมเลเยอร์





จากนั้นดับเบิ้ลคลิกที่เลเยอร์ตักษรที่ทำการรวมเลเยอร์แล้ว จะพบกับหน้าต่าง Layer Style ขึ้นมา  
รูปภาพที่ 1.6 ภาพแสดงการตั้งค่าในหน้าต่าง Layer Style


ปรับค่าตามช่องสีเหลี่ยมที่ลูกศรสีแดงได้ชี้ไว้ครับเสร็จแล้ว คลิกที่ Gradient Overlay แล้วกำหนดรายละเอียดเพื่อสร้างเฉดสีให้เลเยอร์ตัวอักษรครับ ปรับค่าสี ไล่เฉดสี 3สี a.สีเทา b. สีเทาเข้ม  c. สีขาว
 
รูปภาพที่ 1.7 ภาพแสดงการตั้งค่าให้กับตัวอักษร
จากนั้นให้คลิกที่ Stroke แล้วเลือกเส้นใส่ตัวอักษรเป็นสีขาว เสร็จแล้วกด Ok ครับ 
 
รูปภาพที่ 1.8 ภาพแสดงการตั้งค่าของเส้นขอบตัวอักษร

เท่านี้เป็นอันเสร็จขั้นตอนการสร้างและออกแบบตัวอักษรแบบ 3 มิติ ด้วยโปรแกรม Photoshop ครับ
  
Before
After
                  

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


ฝากด้วยนะครับกับบทความการสอน Photoshop ยังไงถ้าไม่เข้าใจตรงไหนเข้ามาสอบถามได้ครับที่ 

Facebook: https://www.facebook.com/Z3RYING
IG: http://instagram.com/atyim
Line: y_yim 
ส่วนยังไงผมจะทำเป็นคลิปวีดีโอมาสอนอีกทีนะครับ 













 

ไม่มีความคิดเห็น:

แสดงความคิดเห็น