สวัสดีครับ    
 
ห่างหายจากการอัพบล็อกไปซะนาน เนื่องจากงานยุ่ง+ไม่มีแรงบันดาลใจหรือหาเรื่องอะไรมาอัพ ล่าสุดเริ่มทยอยคิดลิสต์หัวเรื่องในการอัพได้บ้างแล้วครับ ก็คงจะทยอยเอามาอัพเรื่อยๆละกันเนอะ
 
โดยในเอนทรี่นี้จะว่ากันด้วยเรื่องของ "font effect" หรือตัวเสียงประกอบเอฟเฟคในการ์ตูน ซึ่งจะทำให้ให้งานของเราดูไม่นิ่งและเงียบเกินไปในบางช็อต
 
 
(ภาพตัวอย่างจาก"ศาสตราอสูร" การ์ตูนที่นักเขียนน่าตาดีที่สุดในประเทศเทย)
 
เรามาทำความเข้าใจเกี่ยวกับfont effect หรือ sound effect (ผมจะใช้คำสั้นๆว่า "ตัวเสียง" ละกัน) กันก่อนนะครับ
 
ตัวเสียงนั้น จะแบ่งออกเป็น3รูปแบบ(ซึ่งจริงๆมีมากกว่านั้น) ได้แก่
-ตัวดำ
-ตัวขาว
-ตัวโปร่งใส
 
ในรูปตัวอย่างด้านบนนั้นจะเป็นประเภทตัวโปร่งใสครับ... แต่เราจะรู้ได้ยังไงว่ารูปไหนช่องไหนควรใช้ตัวเสียงแบบไหน ซึ่งจากการได้ลองใช้งานจริงของผมแล้ว ตัวเลือกที่ดีที่สุดนั้นคือการ "ใช้ให้เข้ากับองค์ประกอบงาน"
 
ใช้ให้เข้ากับองค์ประกอบงาน? ใช่แล้วครับ องค์ประกอบงานในที่นี้ก็เหมือนกับองค์ประกอบภาพหรือคอมโพสต์นี่แหละ เราควรจะเลือกใช้ตัวเสียงเพื่อเติมเต็มและตกแต่งภาพด้วย นอกเหนือจากการที่เราจะใช้มันแค่แสดงเสียงเอฟเฟ็คเฉยๆ งานของเราจะได้ดูสมบูรณ์ขึ้น และดูไม่ขัดตาจนเกินไปเวลาที่เราใส่ตัวเสียงลงไปแล้วครับ
 
ตัวอย่าง
 
 
อีกปัจจัยสำคัญในการใช้ตัวเสียงให้ถูกรูปแบบและเหมาะสมกับงานนั้น คือให้ตัวเสียงมาทับหรือทำลายทัศนียภาพของตัวงานเราซะหมดครับ และอย่างที่บอกไปคือใช้ให้เหมาะกับตัวงานของเรา เช่นถ้างานเราโล่งๆโล้นๆเกินไปก็อาจจะใช้ตัวเสียงดำทึบ หรือถ้ามันดูมืดและแน่นอยู่แล้วก็อาจจะใช้ตัวเสียงขาว หรือถ้างานเรามีดีเทลเจ๋งๆเยอะๆก็อาจจะใช้ตัวเสียงโปร่งใสแทนเพื่อไม่ให้ดีเทลงานดีๆของเราโดนปิดหายไปหมด
 
รู้วิธีการใช้งานคร่าวๆไปแล้ว หลายคนอาจจะสงสัยว่า แล้วเราจะสร้างฟอนท์ตัวเสียงต่างๆขึ้นมาได้อย่างไร?
 
แน่นอนครับว่าแต่ละคนย่อมมีเทคนิคที่แตกต่างกันออกไป ซึ่งในเอนทรี่นี้ของผมนั้นก็ฌป็นอีกวิธีหนึ่งที่ผมชอบใช้ เพราะตัวงานจะออกมาค่อนข้างเป็นระเบียบ ดูไม่เผา ไม่ฉูกละหุกเกินไป ตัวงานออกมาจะดูตั้งใจทำกว่าแค่ถมๆปาดๆไปให้เสร็จครับ
 
(มันก็เหมือนการวาดภาพๆนึงแหละครับ ถ้าคุณตั้งใจวาดรูปๆนึงขึ้นมาได้ กะอีแค่ตั้งใจทำองค์ประกอบอื่นๆขึ้นมาให้ได้ มันไม่เหลือบากกว่าแรงหรอกครับ)
 
.......................................................................................................
 
ตัวเสียงที่ผมใช้นั้น แพทเทิร์นหลัก ผมเขียนขึ้นมาใหม่เองทั้งหมดครับ ให้เราเขียนตัวอักษร สระ หรือวรรณยุคเท่าที่เราคิดว่าเราต้องใช้ขึ้นมาเอง ในที่นี้ผมเขียนใส่กระดาษ แล้วสแกนเก็บไว้ในคอมครับ
 
 
รูปแบบตัวอักษรไม่ตายตัว ขอแค่วาดออกมาให้ได้ฟีลของตัวเสียงหน่อยก็okครับ
 
ขั้นตอนการใช้งาน เรามาดูกันเลยดีกว่า
 
....................................................
 
ขั้นแรก เปิดไฟล์ตัวเสียงกับต้นฉบับงานขึ้นมาครับ
 
แล้วผมจะใช้magic wand ทำการselectionตัวอักษรที่เราต้องการครับ
 
แล้วนำไปcopy>>>pasteใส่ตัวงานทีละตัวอักษร จนได้เป็นคำครับ อย่าลืมจัดเรียงให้สวยงามด้วนะ
 
จากนั้นเราต้องทำการmerge downเจ้าเลเยอร์ตัวอักษรแต่ละตัวให้กลายเป็นเลเยอร์เดียวกันก่อน(คือ..การรวมเลเยอร์น่ะแหละครับ ไม่รู้จะพิมพ์ยาวๆทำไม..)
โดยการกดctrlค้างไว้ แล้วกดคลิ๊กที่เลเยอร์ตัวเสียงที่เราเอามาแปะๆในต้นฉบับไว้ เมื่อเลือกครบทำเลเยอร์แล้ว ก็กดctrl+e เลเยอร์ตัวเสียงก็จะรวมกันกลายเป็นโกโก้ครั้นช์เลเยอร์เดียวครับ
 
 
ทีนี้ก็จัดการย่อหรือขยายตัวเสียงตามต้องการ แล้วนำไปจัดวางตามตำแหน่งที่เราปลื้มครับ Undecided
 
จากนั้นเลือกเครื่องมือ rectangular marquee tool....งงล่ะสิว่ามันอะไร เอาเป็นว่ากดคีย์ลัดตัวMไปเลยครับ จะได้ไม่งง (มันคือได้ที่selectionเป็นกรอบสี่เหลี่ยมหรือวงกลมนั่นแหละ)Foot in mouth
 
จากนั้น คลิ๊กขวาที่รูป(เลเยอร์ตัวเสียงนะ) เลือกfree transform แล้วกดคลิ๊กขวาอีกครั้งนึงครับ แล้วเลือกไปที่distort
 
จากนั้นเราเอาเมาส์ไปดึงยึดไปมาให้ได้รูปตามใจชอบเลยครับ ดึงบริเวณมุมของtransformได้เลย ให้ได้รูปร่างของตัวเสียงที่่เราต้องการ
 
 
แค่นี้เองครับ
 
แต่มันยังไม่เสร็จ...ต่อไปจะเป็นการจบงาน3รูปแบบด้วยกันครับ ซึ่งจะมีแบบตัวดำ ตัวขาว และตัวโปร่งใส
................................................................................
 
แบบตัวดำ
 
หลังจากจบขั้นตอนหลัก ให้เราไปที่ layer>>layer style>>stroke...
ตรงcolor ให้เราเลือกเป็นสีขาวครับ และตรงsize จะเป็นการเว้นขอบขาวให้ตัวเสียงของเราไม่ให้ไปทับต้นฉบับ ก็เลื่อนๆเอาแต่พอดีเด้อ
 
...........................................
 
แบบตัวขาว
หลังจากจบขั้นตอนหลัก ที่เลเยอร์ตัวเสียง ให้เราinvertสีของตัวเสียงเสียก่อน โดยการไปที่ image>>adjustments>>invert (หรือง่ายๆ กด ctrl+iไปเลย) ตัวเสียงสีดำของเราก็จะกลายเป็นสีขาวทันที
 
จากนั้นไปที่ layer>>layer style>>stroke... ตรงcolor ให้เราเลือกเป็นสีดำ และตรงsizeจะเป็นการเว้นขอบสีดำให้กับตัวเสียงสีขาของเรา
 
ยังไม่เสร็จนะครับ เราต้องเว้นขอบขาวนอกขอบดำอีกทีนึง สำหรับตัวเสียงสีขาวนี้
ให้เราสร้างเลเยอร์ใหม่ขึ้นมา แล้วกดรวมเลเยอร์(merge down ที่ได้กล่าวถึงไปแล้ว) รวมระหว่างเลเยอร์ใหม่กับเลเยอร์ตัวเสียงเข้าด้วยกัน
 
จากนั้นไปที่ layer>>layer style>>stroke... เว้นขอบขาวให้ตัวเสียงซะอีกที เป็นอันเสร็จครับ
 
...........................................
 
ตัวเสียงแบบโปร่งใส
 
วิธีทำ ให้เราใช้magic wand selectionตัวเสียงของเราเอาไว้ แล้วใช้ยางลบ ลบทิ้งออกให้หมดเลยครับ
 
 
และยังไม่ต้องเอาselectionออก ไปที่ layer>>layer style>>stroke... ตรงcolor ให้เราเลือกเป็นสีดำ sizeตามใจชอบครับ
 
แล้วเอาselectionออก สร้างเลเยอร์ขึ้นมาใหม่แล้วเอาเลเยอร์ใหม่นั้นรวมเข้ากับเลเยอร์ตัวเสียงซะ
จากนั้นก็สเต็ปเดิมครับ ไปที่ layer>>layer style>>stroke... ตรงcolor ให้เราเลือกเป็นสีขาว เพื่อเว้นขอบขาวให้กับตัวเสียงนั่นเอง
 
เรียบร้อยทั้งหมดทั้งปวงด้วยประการฉะนี้แล
 
tip - ควรทำตัวเสียงให้เสร็จเป็นคำๆไปครับ อย่าไปทำค้างๆไว้ แล้วค่อยมาเว้นขอบขาวหรือทำstrokeรวดเดียว
 
และสำหรับคนที่ขี้เกียจมานั่งทำตัวฟอนท์เอง (ซึ่งจริงๆควรจะทำเองนะครับ ฝึกไว้) ผมได้นำที่ผมทำไว้ใช้งานมามาแจก
 
http://www.4shared.com/photo/dsqSWl-W/font.html
 
ก็หวังว่าจะสนุกกับการทำตัวเสียงกันนะครับ
 
สวัสดี
 
ปล. เอนทรี่หน้า.....เปิดคอสวาดรูป คอสที่4!!!!!

Comment

Comment:

Tweet

Hot!

ขอบคุณมากค่า~
พอดีขี้เกียจ ได้พี่มาช่วยทำแบบสำเร็จรูป
ช่วยได้มากเลยค่า ~ confused smile

#10 By { .Sutearollku. } on 2011-11-04 20:07

...ผ่าง!!! Hot!

#9 By เรซิเฟอร์ on 2011-09-17 03:09

=[]=+ โอ้ว ขอบคุณคร้าบบบ cry cry ตอนที่เอาคอมไปหาพี่ฝ้ายวันนั้น ตอนกลับก็เพิ่งนึกขึ้นได้ เกี่ยวก่ะใส่ฟอนท์ =w=" ขั้นตอนละเอียดมาก ขอเซฟไวฤศึกษานะครับ ^^+Hot! Hot!

#8 By THEERAWAT on 2011-09-10 22:32

ก่อนหน้านี้ผมมักจะใช้วิธีเขียนเป็น Font
ของเราเองลงบนงานเลย
ไม่ก็โหลด Font เหลี่ยมๆ ในคอมมาวางๆดึงๆ

แต่ไม่เคยลองวิธีนี้เลย จะขอนำไปลองดูนะครับ
ขอบคุณสำหรับความรู้ครับ พี่ฝ้าย big smile

Hot! Hot!

#7 By Copiic on 2011-09-05 23:44

โอ้เย้ เยี่ยมมากฮะ ; [] ; b Hot!

#6 By [[ ReenZe NK ]] on 2011-09-05 22:04

มีประโยชนฺมากจ้าHot!

#5 By MEISANMUI™ on 2011-09-05 21:35

โอ้ววว ฟอนต์ทำเอง=w=+

อีกเทคนิคนึงที่ผมยังไม่ได้ลองทำดูเลยเเฮะ

ขอเอาลองกับเรื่องใหม่เเล้วกันครับOwO

Hot!

#4 By Tale_Glory on 2011-09-05 15:41

โอ้ไม่เคยทำฟ้อนต์เอฟเฟคแบบใสๆเลย ต้องลองซะแล้ว /ว่าแล้วก็จิ้มโหลดของฟรี Hot!

#3 By ★๐Zerellenz๐★ on 2011-09-05 15:32

ขอบคุณสำหรับคำแนะนำครับพี่ฝ้าย WRYYYYY!!!! Hot!

#2 By Kenjinora on 2011-09-05 14:17

Hot! ตอนแรกหาวิธีทำฟ้อนแบบตัวที่สามไม่ได้ นึกไม่ถึงว่าเราจะมองข้ามไปง่ายๆเฉยเลย orz

ขอบคุณสำหรับคำแนะนะตัวอย่างประกอบค่ะพี่ฝ้าย :D!!


//วิ่งไปปั่นการบ้านให้ต่อ TTvTT9 เจอบลูปริ้นแว้ว

#1 By @☆MIMURA☆@ on 2011-09-05 13:54

Favourites