Welcome
Welcome to <strong>cartoon in university</strong>.

You are currently viewing our boards as a guest, which gives you limited access to view most discussions and access our other features. By joining our free community, you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content, and access many other special features. Registration is fast, simple, and absolutely free, so please, <a href="/profile.php?mode=register">join our community today</a>!

การทำสกรีนโทนด้วย CG

การวาดมือ เทคนิคโฟโต้ชอป อยากรู้เชิญทางนี้

การทำสกรีนโทนด้วย CG

Postby admin on Mon Oct 08, 2007 10:45 am

ขอแนะนำวิธีในโปรแกรมที่ใช้กัน (น่าจะ) มากที่สุดก่อนแล้วกันนะคะ นั่นก็คือ Photoshop นั่นเอง

เริ่มจากวิธีใช้ไฟล์สำเร็จรูปก่อนเลยแล้วกัน
สกรีนโทนสำเร็จรูปที่ใช้ง่ายที่สุดนั้น คงหนีไม่พ้น Pattern Stamp Tool เป็นแน่ เพราะแค่จิ้มปาดก็ใช้ได้เลย ไม่ต้องมานั่งตัดกัน

นี่คือหน้าตาของ Pattern Stamp Tool
Image

ปกติมันจะอยู่ในรูปของ Clone Stamp Tool มากกว่า ถ้าเปิดโปรแกรมแล้วเจออันที่หน้าตาคล้ายๆกัน ก็คลิกที่ลูกศรสามเหลี่ยมเล็กๆที่อยู่ข้างปุ่มค้างไว้แล้วลากไปข้างๆมันจะแตกออกมาเอง แบบนี้
Image

มาพูดถึงไฟล์ที่ต้องใช้กันก่อน
ไฟล์ Pattern สำเร็จรูปนั้นจะมีนามสกุล *.PAT ซึ่งเราก็สามารถหาโหลดได้จากที่ต่างๆ เช่น ที่นี่
http://psychobob.xepher.net/screentonez/

หลังโหลดมาเราก็ต้องย้ายมันไปวางไว้ที่
C:\Program Files\Adobe\Photoshop 7.0\Presets\Patterns

อาจแตกต่างกันไปขึ้นอยู่กับรุ่นและวิธีอินสตอลล์ของแต่ละคน
Image

เสร็จแล้วทำยังไงต่อ?

เวลาที่จะเปิด Pattern ที่โหลดมาใช้ เราก็เลือก Pattern Stamp Tool จากนั้นจะเห็นกล่องเล็กๆสำหรับเลือกใช้ Pattern เราก็คลิก จะมี Pattern ลวดลายสวยงามให้ใช้ แต่ เดี๋ยวก่อน!!! หากท่านยังไม่เจอ Pattern ลายที่ถูกใจ ก็สามารถ Load Patterns ที่เซฟไว้ขึ้นมาใช้ได้...
Image

แล้วก็เลือกตามใจชอบเลย ลายที่เลือกไว้จะปรากฎอยู่ตรงหน้าต่างให้เราเลือกสรร~*
Image

Image
admin
 
Posts: 10
Joined: Mon Oct 08, 2007 9:46 am

การทำสกรีนโทนด้วย CG (ต่อ)

Postby admin on Tue Oct 09, 2007 5:17 am

เอาล่ะ...หลังจากที่เตรียมการเสร็จแล้ว ก็ได้เวลาใช้จริงสักที

ขั้นแรกเปิดรูปภาพที่ต้องการขึ้นมาก่อน โดยจะใช้วิ๊แสกนภาพเข้าคอมหรือเอากล้องดิจิตอลถ่ายก็ได้ เสร็จแล้วมาปรับสีด้วย Image>Adjustment>Levels สำหรับผู้เชี่ยวชาญ หรือ Image>Adjustment>Brightness/Contrast สำหรับมือใหม่ (ขั้นตอนตรงนี้จะอธิบายไว้อีกทีในกระทู้อื่น)

ไปที่หน้าต่าง Layer (ถ้าหาไม่เจอก็ไปที่ Window แล้วติ๊กที่ Layers มันก็จะโผล่ออกมาเอง)
ดับเบิ้ลคลิกที่ Layer ชื่อ Back Ground จะขึ้นหน้าต่างให้เราตั้งชื่อใหม่ เราก็ตั้งชื่ออะไรก็ได้...
Image

จากนั้นเราก็ทำการสร้างเลเยอร์ขึ้นมาใหม่ เมื่อคลิกสร้างแล้วมันจะอยู่ข้างบนเลเยอร์แรกที่เป็นรูปภาพ เราก็ลากมันลงมาข้างล่างซะ
Image

จากนั้นเราจะทำให้เลเยอร์รูปที่เราวาด (ซึ่งตอนนี้อยู่ข้างบน) โปร่งใส เราจะได้มาลงสีที่เลเยอร์ล่างแทนได้โดยไม่ต้องทับเส้น ขั้นแรกก็คลิกที่เลเยอร์ภาพวาดก่อนเลย จากนั้นก็คลิกตรงลูกศรเล็กๆข้างคำว่า Normal แล้วก็เลือกที่ Multiply
Image
admin
 
Posts: 10
Joined: Mon Oct 08, 2007 9:46 am

Postby jin on Thu Oct 11, 2007 5:12 pm

ขอบคุงมั่กเน้อ~ ว่าแต่ ....................นั่นลายมือเรอะน่ะ................หึหึหึ
Image สู้ตายนะค๊าบ~*!jin-tx_agito@hotmail.com
User avatar
jin
 
Posts: 49
Joined: Thu Oct 11, 2007 3:32 pm
Location: ณ มหานครทาวสวิว

Postby *~ Lil' ~* on Thu Oct 11, 2007 5:31 pm

เอาน่าๆ - -" แบบ ขี้เกียจใช้ Text Tool อ่ะ

คิดซะว่าเป็นเอกลักษณ์ดี 555+
(เอกลักษณ์บ้านใครฟะ!!!???)

เอาล่ะ ได้เวลาละเลงงานแล้ว~*

เราจะลองยกตัวอย่างง่ายๆดูก่อน อาทิเช่น การลงสีเสื้อ
ขั้นแรก คลิกเลเยอร์รูปภาพ เพื่อจะบอกคอมว่า เราจะทำงานกับเลเยอร์นี้นะ เลือก Magic Wand จากแถบเครื่องมือ แล้วก็คลิกเลือกส่วนที่ต้องการ ซึ่งมันจะมีลูกเล่นอีกมากมาย ดังนี้
Image

ถ้าคลิกอันที่1-เราจะเลือกพื้นที่ได้พื้นที่เดียว ถ้าคลิกที่อื่นต่อก็หมายถึงยกเลิกอันแรกไปเลย

ถ้าคลิกอันที่2-เราจะเลือกพื้นที่อันแรก แล้วสามารถคลิกเลือกอันต่อไปได้โดยไม่ยกเลิกพื้นที่ที่เลือกเอาไว้ก่อน ถ้าใช้ศัพ์คณิตศาสตร์ก็เหมือนการ Union ของเซต เช่น คลิกเลือกเสื้อ ปกเสื้อ กระโปรง รองเท้า แต่ไม่เอาส่วนอื่นที่เป็นผิวหนังของตัวละคร เวลาปาดลายก็จะได้ลายเฉพาะตรงส่วนเสื้อผ้า ส่วนผิวปาดไปก็เหมือนเดิม

ถ้าคลิกอันที่3-อันนี้จะไม่ค่อยได้ใช้กันเท่าไร ประมาณว่าอยากจะทำโดนนัท เลยเลือกวงกลมอันใหญ่ก่อน เสร็จแล้วเลือกวงกลมอันเล็ก ก็จะกลายเป็นว่าส่วนที่เราเลือกจะออกมาเป็นรูปที่มีช่องว่างภายในแบบวงแหวน เวลาปาดก็จะติดลายเฉพาะตรงส่วนวงแหวน ข้างในไม่เกี่ยว

ถ้าคลิกอันที่4-นี่ก็ไม่ค่อยได้ใช้เท่าไร ประมาณว่าเราเลือกส่วนแรกไว้ก่อน แล้วเลือกส่วนที่สองต่อ ซึ่งมันจะมีส่วนที่ทับกับส่วนแรกในพื้นที่ที่เราต้องการจะลงโทน ส่วนอื่นๆที่ไม่ทับซ้อนกันก็จะไม่ถูกเลือ อะไรประมาณนี้

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

ถ้าติ๊กอันที่6-อันนี้เวลาติ๊กแล้วไปเลือกพื้นที่ พวกเส้นเล็กๆอย่างเช่นที่แรเงาไว้หรือสีที่ต่างไปหน่อยก็จะถูกเลือกด้วย แต่ถ้าไม่ติ๊กเวลาจะเลือกส่วนที่เป็นสีขาวก็จะได้แค่ส่วนที่ขาวจั๊วะ สีเทาหน่อยๆก็ไม่ถูกเลือกไปด้วย

ถ้าติ๊กอันที่7-อันนี้เวลาไม่ติ๊กแล้วไปเลือก ถ้าคลิกส่วนสีขาวของภพเสก็ต เราก็จะได้ส่วนที่เป็นกระดาษโล่งๆสีขาวทั้งภาพ ส่วนที่ไม่ถูกเลือกก็จะเป็นส่วนที่เราตัดเส้นไว้ แต่ถ้าติ๊ก เวลาเลือกเราก็จะได้พื้นที่ปิดแค่อันเดียว อันอื่นที่ไม่มีส่วนเปิดถึงกันก็จะไม่โดนไปด้วย

ถ้าติ๊กอันที่8-โดยปกติเวลาเราทำงานด้วย Magic Wand ก็จะทำงานแค่ในเลเยอร์เดียวไม่เกี่ยวกับเลเยอร์อื่น แต่ถ้าเราติ๊กอันนี้ล่ะก็จะเหมือนกับว่าสิ่งที่วาดไว้บนทุกเลเยอร์มารวมอยู่ในเลเยอร์เดียวกันหมด เวลเลือก ภาพบนเลเยอร์อื่นก็จะมีส่วนเข้ามาเกี่ยวข้องด้วย ประมาณนี้

(เอ...รู้สึกเราอธิบายงงๆแฮะ -_-")[/u]
Last edited by *~ Lil' ~* on Sat Oct 13, 2007 4:18 pm, edited 1 time in total.
User avatar
*~ Lil' ~*
ผีเฝ้าบอร์ด
 
Posts: 134
Joined: Mon Oct 08, 2007 8:48 am
Location: ถ้าไม่เฝ้าบอร์ด...ก็แปลว่าหลับอยู่

Postby GooD on Fri Oct 12, 2007 9:19 pm

โอ้!! กำลังสนใจเรื่องนี้อยู่พอดีเลย จะคอยติดตามนะคับ :lol:
GooD
User avatar
GooD
 
Posts: 72
Joined: Fri Oct 12, 2007 8:27 pm
Location: นครลอยฟ้าโซราริส

Postby jin on Sat Oct 13, 2007 4:32 pm

ขอแทรกนิสนึง คือ Magic wand อ่ะ ถ้าขอบเส้นไม่คมจิงๆ จะใช้ออกมาไม่ค่อยสวยนะ
ไม่ละเอียกเท่าไหร่ อาจพลาดได้....(คิดว่าบางคนรู้อยู่แล้ว แต่เผื่อมีคนมะรุ แหะๆๆๆๆ) :idea:
Image สู้ตายนะค๊าบ~*!jin-tx_agito@hotmail.com
User avatar
jin
 
Posts: 49
Joined: Thu Oct 11, 2007 3:32 pm
Location: ณ มหานครทาวสวิว

Postby *~ Lil' ~* on Sat Oct 13, 2007 5:02 pm

แทรกได้เลยจ้า~*

ถือว่าช่วยๆกันนะ ^_^
(เพราะเราเองก็ใช่ว่าจะเก่งอะไร orz )

ทีนี้เรามาลองใช้ภาคปฎิบัติจริงดู...

เริ่มจากการลงสีเสื้อคลุมกิโมโนในภาพนี้กัน
(ผลงานเราเอง -*- ยินดีรับคำวิจารณ์ค่ะ...เหอๆๆ)

Image

เราจะปรับให้เลือกได้ทีละหลายๆส่วน เพราะเสื้อมันไม่ได้เป็นเนื้อเดียวกันที่เชื่อมถึงกันหมด ค่า Tolerance เอาตามปกติ ติ๊ก Anti-alias เพราะแรเงาไว้ซะเยอะ ติ๊ก Contiguous เพราะเราไม่ได้จะเอาพื้นที่สีขาวทั้งหมด ส่วน Use All Layer ไม่ต้องติ๊ก เพราะมีแค่เลเยอร์เดียว...

เอาล่ะ ทีนี้เราก็เอาเจ้าคฑา Magic Wand ไปติ๊กในส่วนที่เราต้องการแปะโทนซะ

Image

จะเห็นได้ว่ามีอะไรเลื้อยๆล้อมรอบส่วนที่เราเลือก...

ทีนี้เราจะปรับให้ส่วนที่เราเลือกกินเส้นเข้าไปนิดหน่อย จะได้ไม่เหลือขอบขาวเวลาแปะโทน

ไปที่ Select>Modify> Expand

Image

มันจะขึ้น Box มาถามเราว่าอยากให้กินเข้าไปกี่ Pixel ดี เราก็กะๆเอาประมาณ 3-4 จะเวิร์คสุด

Image

จะเห็นได้ว่าพื้นที่ที่เลือกกินเข้าไปในเส้นหนอยนึงแล้ว แต่ไม่ทั้งหมด

ขั้นตอนต่อไปต้องจัดการด้วยมือ กับเครื่องมือใหม่ที่เรียกว่า Lasso Tool
(จะใช้แบบกลมหรือแบบเหลี่ยมก็ได้ เนื่องแบบกลมเราต้องลากเอาเองหมดเลย จึงแนะนำคนที่ใช้เม้าส์หนูและมือไม่เที่ยงว่าเอาแบบเหลี่ยมดีกว่านะคะ ^_^)
(หรือจะใช้เครื่องมือ Marquee Tool หรือ Magic Wand แทนก็ได้ แล้วแต่ความชำนาญค่ะ)

ขั้นแรกก็ปรับให้เป็นส่วนที่เลือกเพิ่มเข้าไปเรื่อยๆได้ก่อน แล้วเราก็ใช้ Lasso Tool สร้างรูปทรงต่างๆ ให้กินเข้าไปในส่วนที่ Magic Wand เข้าไม่ถึง (กรณีนี้สร้างสามเหลี่ยมให้กินเข้าไปตรงส่วนมุมของผ้าที่ทับกันอยู่)

Image

แล้วมันก็จะออกมาแบบนี้...ส่วนที่ลากเข้าไปเมื่อกี้ถูกเลือกด้วยแล้ว

Image

บางครั้งเราก็เลือกพลาด กินพื้นที่ในส่วนที่ไม่ต้องการปาดโทนด้วยเหมือนกัน เราก็ใช้ Lasso Tool อีกเหมือนเดิม แต่ปรับให้ส่วนที่เราเลือกเข้าไปใหม่ถูกตัดออกแทน

Image

Image


ทำซ้ำไปเรื่อยๆจนกว่าจะได้พื้นที่ที่เราต้องการแปะโทนเท่านั้นจริงๆนะคะ ^_^
User avatar
*~ Lil' ~*
ผีเฝ้าบอร์ด
 
Posts: 134
Joined: Mon Oct 08, 2007 8:48 am
Location: ถ้าไม่เฝ้าบอร์ด...ก็แปลว่าหลับอยู่

Postby *~ Lil' ~* on Sat Oct 13, 2007 5:31 pm

โอวววว ในที่สุด ถึงเวลาปาดโทนสักที

เอาล่ะ เลือกพื้นที่เรียบร้อยแล้วนะ >w<

Image

ขั้นตอนต่อไปสำคัญมากๆ นั่นก็คือ...
"คลิกเลือกเลเยอร์ล่างเพื่อใช้ในการทำงาน ห้ามลืมเด็ดขาดเพราะถ้าทำงานกับเลเยอร์รูปภาพมันจะพัง"

(เคยเจอครั้งนึง...ลงโทนตั้งนานแล้วพลาด จะแก้ก็แก้ไม่ได้ เพราะไปทำงานกับเลเยอร์รูปภาพซะนี่ -*- )

Image

โอเคนะ จากนั้นเราก็คลิกที่ Pattern Stamp Tool เลือกโทนที่จะใช้ แล้วก็ปาดได้เลยค่า~
ปาดเข้าๆ มันดีจัง...

Image

ปาดจนเสร็จสมบูรณ์ เราก็ไปที่ Select>Deselect เพื่อเอารอยประออก

Image

ทีนี้ถ้าเราจะลงโทนในส่วนอื่นๆต่อ เราก็ปรับเลเยอร์ที่เราลงโทนไว้ให้เป็น Multiply เหมือนเลเยอร์รูปภาพ แล้วสร้างเลเยอร์ใหม่ขึ้นมา แล้วลากมาอยู่อยู่ใต้รูปภาพนั้นอีกครั้ง แล้วเริ่มขั้นตอนเหมือนเดิมไปเรื่อยๆ จนกว่าจะเสร็จตามที่ตั้งใจ

ต่อไปจะสอนวิธีลงเงานะคะ ^_^
User avatar
*~ Lil' ~*
ผีเฝ้าบอร์ด
 
Posts: 134
Joined: Mon Oct 08, 2007 8:48 am
Location: ถ้าไม่เฝ้าบอร์ด...ก็แปลว่าหลับอยู่

Postby *~ Lil' ~* on Sat Oct 13, 2007 6:15 pm

หลังจากที่ปาดสกรีนโทนเสร็จ...

(งานเผาน่ะนะ แบบว่าตั้งใจทำเป็น Tutorial เลยไม่เน้นความสวยงามเท่าไร - -")

Image

จะเห็นได้ว่ามันยังดูไม่มีมิติสักเท่าไร เราก็จะทำเงาไม่มันกัน โดยอุปกรณ์ที่ใช้ในการเลือกพื้นที่คราวนี้ก็คือ Lasso Tool เจ้าเดิม >w<

เราจะเอา Lasso Tool มาลากให้เป็นรูปร่างของแสงเงากันดูนะ ก่อนอื่นก็ต้องกำหนดเลเยอร์ใหม่ แล้วคลิกให้ไปทำงานในเลเยอร์นั้นกันก่อน แล้วก็ลาก Lasso ได้เลย

Image

หลังเลือกเสร็จ ก็ไปที่ Pattern Stamp Tool แล้วก็ปาดดดดดดดดด

ย้ำอีกครั้ง...ทำงานให้ถูกเลเยอร์นะคะ ถ้าให้ดีไปที่กล่องเลเยอร์คลิกแม่กุญแจล็อกเลเยอร์ภาพไว้เลยแหละดีที่สุด

Image

เท่านี้ก็เรียบร้อย หลังจากนั้นก็ Select>Deselect ออกดังเดิม แล้วสร้างเลเยอร์ใหม่ลุยต่อกับจุดอื่นๆ จนเสร็จ ^_^

คำเตือนเรื่องเลเยอร์ : แม้ว่าการใช้เลเยอร์มากๆจะทำให้งานละเอียด เวลาพลาดก็แก้ไขง่าย แต่อย่าใช้มากจนหลงเลเยอร์ งงไม่รู้ว่าอันไหนเป็นอันไหนนะคะ -*-
User avatar
*~ Lil' ~*
ผีเฝ้าบอร์ด
 
Posts: 134
Joined: Mon Oct 08, 2007 8:48 am
Location: ถ้าไม่เฝ้าบอร์ด...ก็แปลว่าหลับอยู่

Postby *~ Lil' ~* on Sat Oct 13, 2007 6:33 pm

เย้ๆๆๆ เสร็จซะที

(เผาสดๆร้อนๆ -*- คิดซะว่าพอดูได้ละกันนะ)

รูปเล็กมองไม่เห็นสกรีน เอารูปใหญ่ไปเลยละกัน


ขอบคุณที่ติดตาม Tutorial ฉบับนี้จ้า~*

Image
User avatar
*~ Lil' ~*
ผีเฝ้าบอร์ด
 
Posts: 134
Joined: Mon Oct 08, 2007 8:48 am
Location: ถ้าไม่เฝ้าบอร์ด...ก็แปลว่าหลับอยู่

Postby GooD on Sat Oct 13, 2007 7:44 pm

ขอบคุณมากคับสำหรับเทคนิคดีๆเด๋วขอเอาไปฝึกตามล่ะนะ เรามาตัวเปล่าไม่รู้เทคนิคไรเลยT^T จะติดตามต่อไปอย่างใกล้ชิดคับ^ ^ ปล.ไม่น่าเชื่อ งานเผาหรือนั่น แล้วถ้าไม่เผาล่ะจะงามขนาดใหนเนี้ย อยากเห็นๆว่างๆเอามาโพสให้ดูทีนะคับบบ :D
GooD
User avatar
GooD
 
Posts: 72
Joined: Fri Oct 12, 2007 8:27 pm
Location: นครลอยฟ้าโซราริส


Return to เทคนิคคอมิค

Who is online

Users browsing this forum: No registered users and 0 guests

cron