ฮาวทู + Credit : Creating Speedlines on Photoshop part 1: Brushes

แปล + เรียบเรียง : Kami

** โหลดโหด!! **

-------------------------------------

อัพอะไรที่เป็นสาระกันนิดนึง~

     Speed Line หรือเส้นสปีด คือเส้นที่เพิ่มเข้าไปในภาพ เพื่อทำให้ภาพดูมีการเคลื่อนไหว ทำให้ภาพดูเด่น หรือทำให้รู้สึกถึงทิศทางครับ 

ตัวอย่างเส้น Speed Line ทำให้ภาพดูมีการเคลื่อนที่

Credir : google

โดยปกติเส้นสปีด ทำได้หลายวิธีมากครับ ทั้งทำมือ และทำในคอม (ซื้อสกรีนมาแปะ อันนี้น่าจะมีนะ ถ้าจำไม่ผิด) 

วิธีทำมือ โดยตีทีละเส้นนี่ อาศัยความถึกอย่างแรง(ฮา) ผมเลยขอข้ามไปละกันครับ ส่วนทำในคอม หลักๆก็จะมี Manga Studio ที่นิยมใช้กัน กับ Photoshop ครับ (อาจจะมีโปรแกรมอื่นที่ผมยังไม่รู้นะ)

แต่ครั้งนี้ เราจะหยิบประเด็นเรื่อง ทำเส้นสปีดบน Photoshop มาทำ Howto กันครับ

 

 เริ่มต้นสร้างเส้นสปีด : First Step

1) [ File > New ]สร้างงานใหม่ขึ้นมา ขนาด 30px * 30px โหมด transparent

 

 2) [ View > New Guide ] กำหนดเส้นไกด์ ที่ 15px ในแนวตั้ง (Vertical)

 

3) สร้างเลเยอร์ขึ้นอีก1เลเยอร์ คลิกที่เครื่องมือ pen tool แล้วที่มุมซ้ายบนเลือกเป็น Shape layer  (ที่มาร์คสีแดงในรูปไว้ครับ) แล้ววาดภาพสามเหลี่ยมสมมาตรขึ้นมา 1 ภาพ (ยึดแกนสีฟ้าเป็นแกนกลาง)

 

4) ไปที่ [ Image > Image Size... ] จะปรากฏหน้าต่าง Image size ขึ้นมา
ที่หน้าต่าง Image size ให้เอาติ๊กถูกที่ Constain Proportions ออก ปรับความสูงเป็น 2500px

 

5) เราอาจจะเซฟไฟล์งานนี้ เพื่อนำกลับมาแก้ไขภาพเล็กน้อยได้ในภายหลังครับ (ถ้าไม่เซฟ ตอนหลังก็ต้องมาเริ่มทำใหม่ล่ะนะ~) ขั้นตอนที่ 5 นี้ เราจะนำภาพสามเหลี่ยมสมมาตรสีดำนี้ ไปทำเป็น Brush กันครับ โดยไปที่

[ Edit > Define Brush Preset... ] (ตั้งชื่ออะไรก็ได้นะครับ แต่ผมใช้ Thick Speedline)

 

6)  ต่อไปเราจะสร้างเส้นสปีดที่บางกว่าเส้นแรก โดยปรับขนาดความกว้างให้เหลือ 20px แล้วสร้าง Brush เหมือนขั้นตอนที่ 5 ครับตั้ง ชื่อว่า Medium Speedline , ทำซ้ำข้อ6อีกครั้ง แต่คราวนี้ปรับความกว้างให้เหลือ 10px ตั้งชื่อว่า Thin Speedline

**สาเหตุที่ต้องตั้งชื่อ เพราะเมื่อเราแอดบลัชไปแล้ว เมื่อดูภาพขนาดย่อของบลัชเส้นสปีดทั้ง3ตัว มันจะคล้ายกันมาก เลยต้องตั้งชื่อเพื่อกันความสับสนครับ**

-----------------------

ต่อไปเราจะปรับค่าบลัช เพื่อให้เหมาะสมกับการใช้งานนะครับ 

7) คลิกที่เครื่องมือ Brush จะปรากฏปุ่ม Brush Pallet ที่มุมขวาบน คลิกเข้าไปครับ

 

8) ปรับค่าตามรูปเลยครับ (ขออณุญาตใช้รูปจากเว็บต้นฉบับนะครับ)

เลือกที่ Brush Tip shape > เลือกหัวแปลง Thick Speedline แล้วปรับค่าตามรูปเลยครับ

ต่อมาไปที่ Shape Dynamics แล้วเซ็ทค่าตามรูปเช่นเคยครับ

 

9) ทดสอบ Brush ที่เราทำขึ้น โดยสร้างงาน (เพื่อให้เห็นชัดๆให้ลองทดลองกับไฟล์ที่มีความกว้าง + ความสูง มากๆหน่อยครับ ซัก 1000+) จะได้ดังนี้ครับ

 

(ปาดซ้ายขวาไปมานะ ไม่ใช่ปาดทีเดียว 555+)
 
เป็นอันเสร็จครับ~~!! (ความจริงในเว็บนั้น ยังมีต่อ แต่ผมไม่ได้แปลเพิ่มอะ(มันเยอะ ขี้เกียจแปล) 55+)
 
เราสามารถนำไปประยุกต์ใช้ได้หลากหลายครับ เช่นแบบนี้!!
 
เป็นต้น
 
-----------------------------
สงสัยตรงไหน ถามได้ครับ ^ ^
(แอบแวบจากวาดอินโทร มาแปะ 555+)

 

Comment

smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry
smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

กระโดดกลิ้งลงมาม้วนหน้ากราบ!!!!
แล้วสาดดวากระจาย!!!

Hot! Hot! Hot! Hot! Hot! Hot!

มันเป็นเยี่ยงนี้นี่เอง ขอบพระคุณเป็นล้นพ้น

แค่วาดปกติก็เปลืองพลังงานจะแย่แล้ว เส้นสปีดเนี่ย

เจอวิธีสะดวกๆแบบนี้ค่อยยังชั่วหน่อย

ขอบคุณมากๆ!!!big smile

#1 By หยกใส on 2010-06-13 13:25

ว้าว ขอบคุณมากๆนะคะ >w<
ปล. cf ยังไม่ได้ส่งข้อมูลกับอินโทรเลย กรี๊ด //โดนเตะ

#2 By kumapanda on 2010-06-13 13:26

Hot! Hot! ลืมค่ะ

#3 By kumapanda on 2010-06-13 13:26

ชอบค่ะ
ทุ่นแรงได้เยอะเลย
Hot!

#4 By มลแมน on 2010-06-13 13:27

ขอบคุณค้าบcry Hot!

(ณ ปัจจุบันต้นฉบับข้าน้อยก็ยังตีเส้นด้วยมือเช่นเดิมopen-mounthed smile)

ไว้กับการ์ตูนEbook+ลงบล็อค วิธีนี้เส้นสวยดี surprised smile

#5 By -o NaNing o- on 2010-06-13 13:31

หึหึหึ เยี่ยมไปเลยHot! Hot!

#6 By อารายนะ on 2010-06-13 13:44

เมพ พึ่งรู้วิธีทำเองนะเนี่ย Hot! Hot! Hot!

ดีแล้ว จะได้ไม่ต้องใช้แบบสำเร็จรูป confused smile

#7 By ChotxE on 2010-06-13 14:03

มีประโยชมาก!!! ขอบคุณคับ!!!

#8 By Jack&Jame on 2010-06-13 14:10

อูวว์ เมพขริงง

Hot! Hot!

#9 By BoOk on 2010-06-13 14:19

อูวอา

เป็นวิทยาทานกันต่อไป


Hot! Hot! Hot!

#10 By ♦[oka]♦ on 2010-06-13 15:04

ปาดาวรัวเข้าใส่่ Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#11 By •กุ๊ดจี่• on 2010-06-13 15:40

ขอบคุณที่ให้ความรู้ดี ๆ นะคะ

#12 By Prajzis on 2010-06-13 18:09

Hot! Hot! Hot!
ขอบคุณมากๆครับ
เพิ่งทำเป็นจริงๆ T^T

#13 By Quose on 2010-06-13 18:36

Hot! Hot! Hot! ปาดาว

#14 By Lotus_Land on 2010-06-13 18:38

...
ยอดไปเลยคะ บางทีมีสกรีนเส้นสปีดแต่มุมมันไม่ได้
ขอบคุณมากๆเลยคะที่เอามาสอน

Hot! Hot! Hot!

#15 By ~* SeLene *~ on 2010-06-14 13:14

Hot! confused smile

เป็นวิธีที่สุดยอดเลย

#16 By กระต่ายบ๊อง on 2010-06-14 13:18

ขอบคุณค่ะ อยากรู้พอดี

#17 By ❤NoRWAN❤ on 2010-06-14 13:20

ว้าว เยี่ยมมากเลย
เมื่อก่อนเคยทำแบบทำทีละเส้น 555big smile Hot!
ว้าว ขอบคุณมากๆค่ะ
อยากรู้มานานแล้วว่าเส้นสปีดมันทำยังไง
ปาดาวเป็นเส้นสปีด ฟิ้วๆ Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#19 By Crazy-Reborn [PLoYvY] on 2010-06-14 16:18

สุดยอดค่ะ cry

Hot! Hot! Hot! Hot! Hot!

#20 By .: Bl@cK $He3p :. on 2010-06-14 16:42

โอ๊ๆๆๆๆ มีประโยชน์อย่างแรง!

วาดเองก็เละ
ไปโหลดโทนมาแปะแล้วลบๆเอา

ไม่ได้ดั่งใจเลยต้องแบบนี้สิโดนมากพะย่ะคะ!!
ขอบคุณสำหรับสาระดีๆนะคะ !! (>w<)

Hot! Hot! Hot!

#21 By PB4_N. on 2010-06-14 17:17

Hot! Hot! Hot! Hot!

#22 By คุณจี on 2010-06-14 17:36

Hot! Hot! Hot!

ขอบคุณมากๆค่ะ!

#23 By So_mu on 2010-06-14 18:42

ขอบคุณมากๆเลยนะคะ>/l\<
ทางนี้ทำไม่เป้นอยู่พอดีเลยค่ะ ได้แบบนี้แล้วดีจริงๆHot! Hot!

#24 By Mable on 2010-06-14 18:46

Hot! ชอบๆ จะเอาไปลองทำดูฮะ

#25 By โตสคุง on 2010-06-14 19:06

ว้าวขอบคุณมากนะคะ

#26 By Yujy :: Supream on 2010-06-14 19:47

Hot! Hot! Hot!

#27 By .. * Ar๋tist ♥ on 2010-06-14 20:58

*0* อยากได้มากๆค่ะ ขอบคุณค่ะ ^0^

#28 By sanaka on 2010-06-14 21:10

โอ้ววว เปนประโยชน์ๆๆๆHot! Hot!

#29 By BlackcatZerin on 2010-06-14 22:47

ฮว๊ากกก เจ๋งมากครับ เดี๋ยวลองเอาไปใช้บ้าง ท่าทางจะเข้าท่า ฮา

#30 By Otakuman!! on 2010-06-14 23:35

มีวิธีทำเส้นสปรีดด้วย ปกติขี้เกียจขีดมาก คงทุ่นแรงไผได้เยอะ ขอบคุณมากค่าdouble wink
Hot! Hot! Hot!

#31 By นูนู่@Papytan on 2010-06-15 06:41

Hot!ขอบคุณครับ

#32 By on 2010-06-15 09:52

ตรง Brush Tip shape เปิดไม่ได้ค่ะ
ไม่รู้ต้องทำยังไง
ถ้ามีวิธีแก้ก็ช่วยบอกด้วยนะคะ^ ^
Hot! Hot!

#33 By Martiny jang on 2010-06-15 19:21

Hot! Hot! Hot! Hot! Hot!
กรี๊ดดดดดดดด สุดยอดดดด เพิ่งรู้ว่าทำแบบนี้ได้ O[]O!!!
ขอบคุณมากค่าาาาา
เป็นเทคนิคที่ยอดเยี่ยมจริง ๆ XDDD

#34 By ★|[NacH]|★ on 2010-06-15 22:02

โอ้ ยอดมาก ขอบคุณครับ

กำลังตันเรื่องนี้อยู่พอดี

#35 By Mr.DK on 2010-06-16 00:04

น่าลองนะเนี่ยHot! Hot!

#36 By ZEN on 2010-06-16 00:37

Hot! Hot! ว้าว ทำงี้เอง

#37 By Bozz on 2010-06-16 11:07

อย่างแจ่มHot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#38 By MaidSaint on 2010-06-16 14:21

big smile ไม่เคยเจอวิธีนี้มาก่อนเลยค่ะ ขอบคุณมากจริงๆนะคะ
Hot! Hot! Hot! Hot! Hot!
เริ่ดดด 55555

เดี๊ยวลงทำดูมั่งดีกว่าXD

Hot! Hot! Hot! Hot! Hot!

#40 By Yaoi_Yuri on 2010-06-16 18:49

สุดยิด ต้องไปลองใช้บ้างแล้วHot! Hot! Hot! Hot!

#41 By garuda_blade : Life is drama~~ on 2010-06-16 19:03

โอ้วเยสสสส
ขอบคุณมากๆค่ะHot!

ปกติอาศัยความถึกตีด้วยมือมาตลอด เอิ้กๆ

#42 By Hed-noi on 2010-06-16 19:11

ขอบคุณมากจ้า อยากทำแบบนี้ได้ตั้งนานแล้ว

#43 By PrincesS>PiM on 2010-06-16 19:17

ขอบคุณมากค่าาาHot! Hot! Hot!

#44 By ★Se★ on 2010-06-16 22:02

Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot!
สุดยอด

#45 By r a p p e l e r * on 2010-06-16 22:42

เยี่ยมอ่ะ ทำแบบนี้ได้ด้วยยยยยยHot! Hot!

จะขอลองเอาไปทำมั่งนะคะ ขอบคุณหลายยยยsurprised smile

#46 By eing-ayumi on 2010-06-20 02:18

Hot! Hot! Hot! Hot! Hot!

กรี๊ดดด เพิ่งรู้ว่ามีวิธีด้วย

*ก้มลงกราบขอวิชาไปใช้