IT4X เทคนิคคอมพิวเตอร์ โน๊ตบุค ข่าว IT

ข่าวสาร / ความรู้ => ทิป เทคนิค Photoshop => ข้อความที่เริ่มโดย: Poowangdee ที่ กรกฎาคม 25, 2010, 16:40:47

หัวข้อ: Photoshop Tip : CG Painting Vol.1 !!!
เริ่มหัวข้อโดย: Poowangdee ที่ กรกฎาคม 25, 2010, 16:40:47
แหะๆๆๆๆๆ

สวัสดีสวีดัส ค่ะ (มาถึงก็มุขแระ ชิ)

วันนี้จะมาพูดถึงการทำงานด้าน CG Painting (Computer Graphic Painting) นะคะ

แปลตรงๆเลย ก็คือ งานวาดภาพระบายสีในคอมพิวเตอร์อ่าแหละค่ะ

วันนี้ก็มีเทคนิคการลงสีตัวละครในแบบของผู้หวังดีสุดรั่วมาฝากค่ะ (ก็จำๆๆของคนอื่นๆ แล้วมารวมๆ เป็นของตัวเองน่ะแหละ)

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

และนี่คือ ภาพที่จะใช้สาธิตในคราวนี้

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/yupin022.jpg)

มันเป็นงานที่ครูใช้ให้วาดน่ะค่ะ เลยหยิบมาสอนซะเลย

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

ขั้นแรกก็เปิดไฟล์ขึ้นมาค่ะ แล้วก็ก๊อปปี้เลเยอร์ แล้วก็ไปตามรูปเลยค่ะ

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/hc_411406.jpg)

เคอร์เซอร์จะเป็นรูปตัวดูด ให้จิ้มไปที่พื้นที่สีขาวที่เป็นฉากหลัง ตั้งค่าไว้สูงสุดที่ 200 ค่ะ (ตามรูปไปเลย)

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/CG_02.jpg)

จะมีซีเลคชั่นตามภาพเลยค่ะ ให้กดปุ่มลบ แบล็คเสปซ ลบพื้นที่สีขาวออกซะ

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/CG_03.jpg)

ลบแล้วจะได้แบบนี้

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/CG_04.jpg)

สร้างเลเยอร์ใหม่ ตั้งชื่อเลเยอร์ว่า สกิน (กันเราสับสนเวลาลงสีค่ะ และการที่เราแยกว่า เลเยอร์ไหนคืออะไร จะช่วยให้เราสะดวกในการลงสีมากขึ้นค่ะ)

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/CG_05.jpg)

กลับไปที่เลเยอร์ลายเส้นที่เราทำไว้ในตอนต้น เน้น ให้เลเยอร์ลายเส้นเป็นเลเยอร์บนสุดเสมอ เลือกเครื่องมือ เมจิก ไวน์ ทูล ซีเล็กพื้นที่บริเวนที่เป็นผิวของตัวละครทั้งหมดค่ะ

จากนั้นให้ไปตามรูปเลยค่ะ

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/hc_411412.jpg)

ให้ตั้งค่าอยู่ที่ 1 เพื่อที่จะให้ซีเล็กชั่นของเรากลืนเข้าไปในเส้นซักเล็กน้อย ทำไมน่ะรึ เพื่อทำให้สีที่เราลงกลืนกับขอบพอดี

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/CG_06.jpg)

จะได้ออกมาดังรูปค่ะ

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/CG_07.jpg)

จากนั้นเลือกสีเนื้อๆ หรือจะดูดมาจากภาพอื่นก็ได้ค่ะ เทสีลงไปโดยกด Alt+Del  

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/CG_08.jpg)

ทำไปเรื่อยๆจนครบทั้งตัวก็เสร็จแล้วล่ะค่ะ

พที่เสร็จแล้วจะออกมาเป็นแบบนี้ค่ะ

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/hc_411416.jpg)

ในครั้งต่อไปจะมาสอนการลงเงานะคะ
หัวข้อ: Re: Photoshop Tip : CG Painting Vol.1 !!!
เริ่มหัวข้อโดย: Moshi ที่ กรกฎาคม 25, 2010, 16:59:54
เรียบง่าย แต่สวย ชอบฝีมือการวาดรูปจิงๆ หุหุ
หัวข้อ: Re: Photoshop Tip : CG Painting Vol.1 !!!
เริ่มหัวข้อโดย: Poowangdee ที่ กรกฎาคม 25, 2010, 17:37:55
เรียบง่าย แต่สวย ชอบฝีมือการวาดรูปจิงๆ หุหุ

 :) :) :)

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

มาต่อกับการลงเงาจร้า ที่แรกก็ว่า จะตั้งกระทู้ใหม่ แต่ ไม่เอาแระ อิอิ

ขั้นแรกก็เปิดไฟล์ที่เราทำค้าง ติ๊ต่าง เอาไว้ออกมา

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/hc_411416.jpg)

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

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/CG_09.jpg)

จากนั้นให้เลือกเครืองมือบรัชขึ้นมา เลือกหัวแปรงแบบฟุ้งๆหน่อย เลือกสีที่เข้มกว่าสีผิวเล็กน้อย แล้วระบายเงาที่ผิวลงไป ควรซีเล็กบริเวณผิวไว้ด้วยค่ะ กันสีไปเลอะที่อื่นน่ะ (จะทำจุดไหนก็ซีเล็กมันเอาไว้ค่ะ)

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/CG_10.jpg)

จะได้แบบนี้ค่ะ

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/CG_11.jpg)

ทำแบนี้ต่อไปเรื่อยๆจนครบทั้งตัวค่ะ

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/hc_411420.jpg)

จากนั้นให้เลือกเครื่องมือถาทูๆ Smudge Tool (R) อันที่เป็นรูปมือมีนิ้วน่ะค่ะ แหะๆ ขึ้นมา แล้วถูไปตามเงาอีกครั้ง ให้มันกลืนๆกันหน่อยน่ะค่ะ

จะสังเกตได้ว่าเมื่อทำเสร็จแล้ว เงาจะดูกลมกลืนขึ้น

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/hc_411421.jpg)

ทำให้ครบทั้งภาพก็เรียบร้อยแล้วล่ะค่ะ ^^

(http://i252.photobucket.com/albums/hh25/kajoky/CGPainting/hc_411422.jpg)

ครั้งต่อไปจะมาสอนการทำดวงตานะคะ ยากนิดนึงค่ะ แล้วเราจะมาเก็บรายละเอียดด้วย

เมื่อเราเก็บรายละเอียดเสร็จจะได้ออกมาประมาณภาพนี้เลยค่ะ

(http://a.imageshack.us/img401/2585/aisia11.jpg)

สำหรับคราวนี้ขอแปะโป้งไว้ก่อนนะคะ อิอิ
หัวข้อ: Re: Photoshop Tip : CG Painting Vol.1 !!!
เริ่มหัวข้อโดย: FREE—T๏—PLAY ที่ กรกฎาคม 25, 2010, 17:44:18
โหยากเหมือนนกัลนะเนี่้ย

แต่เหมือนมือโปรเลยอ่ะ

รูปที่เอามาโชวโคตรเท่อ่ะ

เพิ่งเสร็จหรอ
หัวข้อ: Re: Photoshop Tip : CG Painting Vol.1 !!!
เริ่มหัวข้อโดย: Poowangdee ที่ กรกฎาคม 25, 2010, 17:57:56
โหยากเหมือนนกัลนะเนี่้ย

แต่เหมือนมือโปรเลยอ่ะ

รูปที่เอามาโชวโคตรเท่อ่ะ

เพิ่งเสร็จหรอ

ใช่จร้า เพิ่งเสร็จงิ

ตอนที่พี่หัดทำครั้งแรกๆ มันก็ยากเหมือนกันนั่นแหละ โดยเฉพาะดวงตา ยากที่สุด

พี่หัดมา 2 เดือนมั้ง กว่าจะได้แบบรูปที่โชว์อ่ะ  
หัวข้อ: Re: Photoshop Tip : CG Painting Vol.1 !!!
เริ่มหัวข้อโดย: Moshi ที่ กรกฎาคม 25, 2010, 18:37:04
ดวงตาทำยากมากๆ ทำไงก็ไม่สวย 555
หัวข้อ: Re: Photoshop Tip : CG Painting Vol.1 !!!
เริ่มหัวข้อโดย: Poowangdee ที่ กรกฎาคม 25, 2010, 22:10:19
เหอะๆ หลังจากเวลเสร็จใหม่ๆ ก็มาทำดวงตากันต่อเลยค่ะ    ;D ;D ;D

ขั้นแรกเลย เปิดไฟล์เดิมขึ้มาค่ะ สร้างเลเยอร์ใหม่ เอาไว้เหนือเลเยอร์เส้นก็ได้ ยวนๆ

จากนั้น ใช้บรัชวาดทรงสีดำๆแบบในรูปลงไปค่ะ (แต่บูมใช้พาธนะ ถนัดอ่าค่ะ)

(http://img830.imageshack.us/img830/2561/cg12.jpg)

ต่อมาโหลดซีเล็กชั่น โดยการ กด Ctrl ค้างไว้แล้วคลิกที่เลเยอร์ของดวงตาที่เราลงสีไว้เมื่อครั้งกระนู้นออกมาค่ะ

(http://img834.imageshack.us/img834/6154/cg13.jpg)

ใช้บรัชวาดสีดำๆลงไปที่ขอบ แบบในรูปน่ะ

(http://img684.imageshack.us/img684/7372/cg14.jpg)

เสร็จแล้วก็ใช้บรัชแต้มสีขาวลงไป

(http://a.imageshack.us/img96/1407/cg15h.jpg)

สุดท้าย กลับไปที่เลเยอร์ตา แล้วใช้ การ์เดียน ไล่สีอีกทีค่ะ

(http://a.imageshack.us/img189/5484/cg16m.jpg)

แค่นี้ก็เสร็จแล้วค่ะ

(http://a.imageshack.us/img716/8856/hc411434.jpg)

 

หัวข้อ: Re: Photoshop Tip : CG Painting Vol.1 !!!
เริ่มหัวข้อโดย: ♥Gz”Copter-*- ที่ สิงหาคม 12, 2010, 15:04:29
สวยดีนะครับ
 ???
หัวข้อ: Re: Photoshop Tip : CG Painting Vol.1 !!!
เริ่มหัวข้อโดย: dewkun1997 ที่ กันยายน 25, 2010, 21:07:25
เก่งจริงๆเลยครับ นับถือๆ :)
หัวข้อ: Re: Photoshop Tip : CG Painting Vol.1 !!!
เริ่มหัวข้อโดย: ßë©äûšë ที่ กันยายน 25, 2010, 21:24:39
โอ้โห..สุดยอด