ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    my. Hidden Room *S t o r a g e

    ลำดับตอนที่ #375 : [How to] CG-Painting

    • อัปเดตล่าสุด 2 ส.ค. 51



    เครดิต :: ท่าน Aruru แห่ง Moe-Board นะคะ

    ห้ามเอาไปแจกจ่ายต่อที่อื่นเด็ดขาด

    ปล. ถึงท่าน Aruru ที่เอามาไว้ในนี้เพราะข้าน้อยกลัวว่ากระทู้นั้นจะโดนลบน่ะเจ้าค่ะ

    http://moe-board.net/bbs/index.php?showtopic=13410

    How to CG-Painting by: Aruru
    คำว่าCGย่อมาจากComputer Generated (บางคนบอกว่าย่อมา​จากComputerGraphic)
    โปรแกรมยอดนิยมที่ส่วนใหญ่เขาใช่ลงสีกันคือPhotoshop, Painter, openCanvas (นี่คือที่เราเห็นบ่อยๆ)
    ในที่นี้โปรแกรมที่ข้าน้อยใช้คือPhotoshop CS2ทั้งหมด

    ก่อนอื่นเรามาดูกันก่อนว่าถ้าเราจะทำงานเพ้นท์สักชิ้น เราต้องใช้อุปกรณ์อะไรบ้าง
    ไฟล์ภาพในบอร์ดไฟล์ภาพในบอร์ดไฟล์ภาพในบอร์ด
    1.Computerที่ลงโปรแกรมPhotoshopหรือโปรแกรมอื่นที่ท่านถนัด (ถ้าจะทำรูปใหญ่ เล่นeffectเยอะๆ ก็ควรใช้เครื่องที่แรงหน่อยนะขอรับ...สเปกเครื่องเราคือhp Computer, CPU-Intel DuoCore1.86 GHz, RAM 3.00GB, )
    2.Tablet หรือเมาส์ปากกา หากท่านไม่คิดจะเอาดีด้านนี้ใช้เมาส์หนูไปก่อนก็ได้นะขอรับแต่ถ้าให้เมาส์ปากกาจะคุม
    เรื่องน้ำหนักเส้นได้ดีกว่า
    3.กระดาษวาดเขียนและกระดาษลอกลาย...ไม่แนะนำให้ใช้A4ธรรมดานะขอรับเพราะเนื้อกระดาษมันสู้ไม่ได้
    4.ดินสดและปากกาประจำตัว อันนี้ตามสบายเลยขอรับ

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

    ต่อไปเป็นอุปกรณ์เสริม...ไม่มีก็ได้
    ไฟล์ภาพในบอร์ดไฟล์ภาพในบอร์ดไฟล์ภาพในบอร์ด
    1.Art Books เอาไว้สำหรับดูเทคนิคการลงสีของพวกมืออาชีพ (พูดง่ายๆ ก็คือเลียนแบบนั่นแหละ แต่ใช้เป็นวิธีลัดสำหรับหัดทำเอง เราก็ทำแบบนี้มาแล้ว*ตอนนี้ก็ยังทำอยู่^^)
    2.หนังสือสอนลงCG มีขายตามร้านหนังสือทั่วไปซีเอ็ด B2Sก็มี...หามาลองอ่านดูก่อนได้ขอรับ มีพูดเรื่องพวกการจัดองค์ประกอบ ทฤษฏีสีอะไรพวกนั้นด้วย ละเอียดดี
    3.G-PEN ปากกาตัดเส้นสำหรับพวกนักเขียนการ์ตูนญี่ปุ่นเขาใช้กัน (คำเตือน-ถ้ายังใช้G-PENไม่ค่อยอย่าเอาไปใช้กับงานจริงนะขอรับ งานเละแน่ เราเจอมาเองแล้ว...เสียดายงาน)

    ต่อไปเมื่อเรามีอุปกรณ์ครบแล้วก็เริ่มลงCGกันเถอะ...
    ไฟล์ภาพในบอร์ด
    1.ร่างรูปขึ้นมา...เอาแบบที่ตัวเองชอบหรือจะหาผลงานของนักวาดในดวงใจมาดูแล้ววาดตามไปก่อนก็ได้ (ข้าน้อยหารูปไปเจอรูปหนึ่งที่Nanakusa คนวาดรูปโมโมะจังวาดมาได้รูปหนึ่ง ชอบท่าทางรูปนี้มากเลย)

    ไฟล์ภาพในบอร์ด
    2.เอากระดาษลอกลายมาวางทับแล้วร่างภาพขั้นที่2 ทำให้จากเส้นยุ่งๆ ขดไปมาให้กลายเป็นเส้นเดี่ยวเพราะตอนร่างเส้นมันมั่วมากจนดูไม่ค่อยออก

    ไฟล์ภาพในบอร์ด





    3.เอากระดาษลอกลายแผ่นเมื่อกี้ลงบนกล่องไฟแล้วเอากระดาษวาดเขียนมาวางทับ...วาดอีกครั้งลงกระดาษวาดเขียน (อาจจะดูยุ่งยากไปหน่อยนะถ้าเกิดว่าใครวาดได้เส้นวาดอยู่แล้วข้ามขั้นตอนนี้ไปเลยก็ไ
    ด้)

    ไฟล์ภาพในบอร์ด





    ^นี่คืองานที่ผ่านการลอกลายเรียบร้อยแล้ว...ดูดีขึ้นเยอะเลย (ใช้กระดาษแผ่นเดียวกัน ประหยัดดี)

    ไฟล์ภาพในบอร์ด




    ไฟล์ภาพในบอร์ด
    4.แล้วก็มาถึงช่วงลุ้นระทึกเพราะว่าเราจะลงหมึกกันแล้ว (ต้องลุ้นหน่อยเพราะว่าหมึกไม่เหมือนดินสอ ผิดแล้วผิดเลย)
    ที่ต้องรู้ไว้หน่อยก็คือปากกาที่ใช้ลงต้องเป็นปากกาเคมีหรือหัวนิจิเท่านั้น (อย่าเอาลูกลื่นมาลงนะ) เพราะปากกาเคมีหมึกจะสวยกว่า (มากๆๆๆ ถึงมากที่สุด) แถมขนาดเส้นเล็กใหญ่ได้ตามแรงกดของมือ เช่นในรูป
    ป.ล.ไม่ต้องห่วงเรื่องลงหมึกพลาดเพราะเรามีต้นฉบับเก็บไว้แล้ว (นั่นคือกระดาษลอกลายเมื่อกี้ไงถึงต้องให้วาดลงในนั้นก่อน เผื่อเสีย)
    จะเลื่อกใช้ขนาดหัวปากกาแบบไหนลงแล้วแต่ท่านเลยว่าอยากได้ภาพแบบเห็นเส้นชัดหรือเกือ
    บไม่เห็นเส้นเลย

    ไฟล์ภาพในบอร์ด





    5.ลบดินสอที่วาดไว้ ระวัง...!!! รอให้หมึกแห้งก่อนนะขอรับ

    ไฟล์ภาพในบอร์ด





    6.งานที่เสร็จแล้ว ทีนี้ก็ไปเปิดPhotoshopขึ้นมา

    ไฟล์ภาพในบอร์ด





    7.สแกนรูปเข้าเครื่อง

    ไฟล์ภาพในบอร์ด





    8.แต่งสีและทำความสะอาดภาพของเราโดยลบส่วนที่มันดำๆ ทิ้งและปรับแสง+สีด้วยคำสั่งLevels (Ctrl+L) เมื่อกดแล้วจะเห็นเป็นกราฟซึ่งข้างล่างมีลูกศรสามเหลี่ยม3อัน เลื่อนอันสีขาวกับดำเข้ามาหาตรงกลางจนเส้นชัด เมื่อพอใจแล้วก็ OK…แล้วปรับสีด้วยคำสั่งHue (Ctrl+U) ของเราชอบให้เส้นมันออกเป็นสีโทนน้ำตาลดำ

    ไฟล์ภาพในบอร์ด





    9.ตั้งชื่อlayerนี้ว่า #Line จากนั้นปรับค่าจาก Normalให้เป็น Mutiply เพื่อทำให้Layerนี้มีคุณสมบัติโปร่งแสง (มองทะลุสีขาวได้เห็นแต่เส้น)
    แล้วสร้างLayerใหม่จากนั้นgroup layerซะแล้วตั้งชื่อgroupว่า CG ในgroupนี้เราจะใส่layerทั้งหมดที่มีการลงสีไว้

    ไฟล์ภาพในบอร์ด
    10.เลือกBrush Tools ปรับโหมดให้เป็นPen Pressure หรือหัวปากกาเปลี่ยนตามแรงกดจากเมาส์ปากกา

    ไฟล์ภาพในบอร์ด
    11.ลงสี (ในภาพเริ่มลงจากหน้าก่อน) ใช้Brush Tool โดยลงเป็นสีเดียวไปก่อนแล้วค่อยๆ เพิ่มรายละเอียดที่หลัง... ถ้าใครจะSelectionแล้วเทสีเอาก็ได้แต่แนะนำว่าถ้าลงด้วยเมาส์ปากกาเลยจะสวนกว่าในส่ว
    นรอยต่อของเส้น

    ไฟล์ภาพในบอร์ด
    ^ลงเสร็จแล้ว

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

    ไฟล์ภาพในบอร์ด





    13.ปรับสีให้อ่อนลงหน่อยแล้วระบายทับสีเดิมในส่วนที่เป็นด้านล่างของตาดำ

    ไฟล์ภาพในบอร์ดไฟล์ภาพในบอร์ด
    14.15. ใช้ Smudge เกลี่ยสีให้เข้ากันแล้วใช้ Dodge ปรับโหมดเป็น Hightlight ระบายทับขอบตาล่าง สีตาจะสว่างขึ้น...ทำไปเรื่อยๆ จนกว่าจะสวยถูกใจ

    ไฟล์ภาพในบอร์ด
    ^ตาเมื่อลงสีเสร็จ...เมื่อเสร็จแล้วไปที่layer #Lineแล้วลบเส้นส่วนที่เป็นตาออกจะได้ตาแบบในรูป

    ไฟล์ภาพในบอร์ดไฟล์ภาพในบอร์ด
    **ต่อไปเราก็จะกลับไปลงสีผิวต่อนะ**
    15.กลับไปที่Body กดctrlค้างแล้วเอาเมาส์ไปกดที่layer Bodyจะเป็นการเลือกพื้นที่ทำงานไม่ให้สีที่เราลงไปออกไปข้างนอก
    แล้วเลือกสีที่เข้มกว่าสีพื้นที่เราลงไปนิดหน่อยแล้วระบายตามขอบใบหน้า

    ไฟล์ภาพในบอร์ดไฟล์ภาพในบอร์ด
    16.แล้วปรับสีอีกครั้งให้อ่อนกว่าลงปรับหัวแปรให้Opacity (ค่าความโปร่งใส) อยู่ประมาณ 60-70 แล้วลงสีทับบริเวณกลางของใบหน้าหรือตรงส่วนที่โดนแสงเยอะ
    แล้วทำเหมือนตอนที่ลงสีตาอีกครั้งคือใช้ Smudge เกลี่ยสีให้เข้ากันแล้วใช้ ใช้ Dodge ปรับโหมดเป็น Hightlight เน้นสีใบหน้าให้สดใส

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

    ใช้วิธีเดียวกันนี้กับส่วนอื่นๆ ที่เป็นผิวด้วยเมื่อทำเสร็จจะได้ผลแบบข้างล่างนี้ (ตอนนี้ทำคึงเรื่องแสงเงาด้วยนะว่าแสงมาทางไหน ผิวที่โดนแสงเยอะเอาสีขาววาดทับไปเลยก็ได้...ดูในรูปแบบตรงส่วนที่เป็นขอบๆ ของนิ้วอ่ะ)
    เทคนิคลับ-เมื่อลงสีผิวเสร็จใช้คำสั่งHue (Ctrl+U) แล้วลองเลื่อนแถบHueไปทางซ้ายหรือขวาดู เลื่อนไปจนสีผิวเหมาะสมที่สุดแล้วกดOK ภาพนี่ก็ใช้Hueมาแล้ว-โดยเพิ่มโทนสีแดงให้มากขึ้น สีผิวเลยออกเป็นโทนสีเนื้อผสมชมพู (เพิ่มความน่ารักของรูปได้นะ^^)

    ไฟล์ภาพในบอร์ด






    ไฟล์ภาพในบอร์ดไฟล์ภาพในบอร์ดไฟล์ภาพในบอร์ด
    18.สร้างLayer ชื่อ Hairขึ้นมาโดยวางทับบนBody (เพราะว่าที่ลงไปเมื่อกี้สีในBodyมาเหลื่อมเข้ามาทับผมตั้งเยอะ เอาHairวางไว้ข้างบนจะได้ทับพอดีไม่ต้องลบสีที่เกินมาในBody)

    ถ้าคิดว่าต้องลงสีพื้นก่อนใช่มั้ยแสดงว่าท่านเริ่มเข้าใจหลักการลงCGนิดๆ แล้ว เพราะมันถูกต้องเป๊ะๆ เลย...เอ้า ลงซะสีผม อยากได้ผมสีไรก็ลงสีนั้นนั่นแหละ
    (จริงๆ แล้วจะลงสีอะไรมันก็ปรับที่หลังได้อยู่แล้วอ่ะนะโดยใช้คำสั่งHueแบบตอนที่แสกนภาพเข้
    ามาแล้วปรับสีอ่ะ)

    ไฟล์ภาพในบอร์ดไฟล์ภาพในบอร์ด
    19.เลือกพื้นที่ทำงานบริเวณผมทั้งหมดโดยการกดCtrl+คลิกเมาส์ที่Layer Hair
    ปรับสีผมให้อ่อนลงหน่อยแล้วเอาสีเดิม (สีน้ำตาลเข้มปาดตามเส้นผมให้เป็นริ้วๆ แบบในรูปตัวอย่าง)
    เมื่อเสร็จให้เปลี่ยนสีเป็นสีน้ำตาลเกือบขาว (ใช้สีขาวแทนไปเลยก็ได้) โดยใช้หัวแปรOpacityประมาณ50 แล้วลงในด้านตรงข้ามกับที่ลงสีเข้มไป


    ไฟล์ภาพในบอร์ดไฟล์ภาพในบอร์ด
    20.ใช้ dodge และ Burn Tool ทำไฮท์ไลท์กับผมต่อ (วิธีการทำง่ายๆ ก็คือปาดมั่วๆ ไปนั่นแหละ สวยเมื่อไหร่ก็หยุด)

    เพิ่มค่าlevel กดCtrl+Lเรียกหน้าต่างLevelsขึ้นมาแล้วปรับค่าความสว่าง (ลูกศรอันซ้ายสุดใต้กราฟ อันสีขาว) เลื่อนมาทางซ้ายเยอะๆ เลย

    จริงๆ แล้ววิธีการลงสีผมคือการลากเส้นBrushไปเรื่อยๆ (แบบมั่วๆ เพราะผมคนจริงๆ มันก็มั่วอยู่แล้ว^^) ตอนลากไปก็เปลี่ยนสีไปพลางด้วย...สลับระหว่างสีแก่กับสีอ่อนนั่นแหละ
    พอลงไปสักพักก็เปลี่ยนมาใช้ dodge และ Burn Tool ทำไฮท์ไลท์บ้างสุดท้ายใช้ เกลี่ยสีจากบนลงล่างตามเส้นผมไปเลย

    ไฟล์ภาพในบอร์ด

    ไฟล์ภาพในบอร์ด
    21.ลงสีพื้นให้เสื้อผ้าในลักษณะโมโนโทนแบบที่เคยทำมากับผิวและผมนั่นแหละ


    ไฟล์ภาพในบอร์ด
    22.ลงแสงเงาให้เสื้อผ้าขั้นต้น วิธีก็คือดูดสีจากสีพื้นที่ลงไว้แล้วปรับให้เข้มขึ้นเล็กน้อยแล้วระบายทับส่วนที่โดน
    วัตถุอื่นทับ (ส่วนที่เป็นเงานั่นแหละ) การลงแบบนี้ต้องคำนึงถึงเรื่องแสงเงากันซะหน่อย...!!!
    เพราะมันอาศัยการลงมั่วๆ แบบตอนลงผมไม่ได้แล้ว...เมื่อลงเงาเสร็จก็มาลงส่วนแสงจ้า ดูดสีพื้นเดิมขึ้นมาอีกครั้งแล้วปรับOpacity-50 แล้วระบายทับในส่วนที่เป็นส่วนนูนที่รับแสงมากกว่าส่วนอื่น ตรงไหนนูนก็ก็ระบายไปหลายๆ ครั้งเลย
    เสร็จแล้วก็ทำอีกครั้งแต่คราวนี้ใช้สีขาวและหัวแปรOpacity-25 ระบายอีกรอบ

    ไฟล์ภาพในบอร์ด
    23.ทีนี้ก็ลงสีขั้นที่2 โดยสีเงาใช้สีดำOpacity-25 ส่วนที่เป็นจุดแสงจ้าก็ใช้
    Dodge Tool โหมดไฮท์ไลท์ Opacity-30ลงซ้ำอีกรอบ

    ไฟล์ภาพในบอร์ด
    24. เก็บรายละเอียดในจุดเล็กๆ พร้อมสำรวจภาพว่ายังมีตรงไหนยังไม่ได้ลงสีหรือไม่ ถ้ามีก็จัดการลงซะ
    (ในภาพที่จักการอยู่ตอนนี้คือโบว์)

    ไฟล์ภาพในบอร์ดไฟล์ภาพในบอร์ด
    25.ลบเส้นทิ้ง...! แต่ไม่ใช่ลบทั้งหมด เราต้องเหลือเส้นไว้นิดหน่อย วิธีทำ-เซ็ตค่ายางลบให้เหลือOpacityประมาณ25-30
    ปรับค่าความฟุ้ง 0% หัวยางลบให้ใหญ่พอสมควรแล้วกลับไปที่Layer #Line
    แล้วปาดยางลบไปตามเส้น มันจะสีจางลงแต่อย่าลบจนหายไปหมดเลยนะ
    **การลบแบบนี้ควรใช้เมาส์หนูมากกว่าเมาส์ปากกา

    ไฟล์ภาพในบอร์ด





    ^ภาพที่ลงเสร็จทุกอย่างแล้ว

    26.ขั้นต่อไปคือการทำbackground
    ไฟล์ภาพในบอร์ด





    งานของเราเลือกใช้brush Dynamicหรือการเพ้นท์โดยใช้effect Brushรูปร่างแปลกๆ ...ลองปรับค่าดู มันเปลี่ยนได้หลายแบบมาก
    ไฟล์ภาพในบอร์ด
    ใช้Brushระบายเอา...อันนี้แล้วแต่ว่าต้องการพื้นหลังเป็นรูปอะไรก็วาดไปเลย

    สิ่งที่ต้องต่อไปคือการเกลี่ยนสีหรือการไล่สีจากเข้มไปอ่อนโดยพยายามเปลี่ยนสีบ่อยๆ เข้า

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

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

    แต่ไม่จำเป็นต้องทำแบบนี้ทุกครั้งนะ

    เมื่อจัดวางได้ที่แล้วก็กลับไปที่Layer BG_R
    เพื่อลงสีพื้นหลัง


    ไฟล์ภาพในบอร์ด
    ในรูปนี้เห็นว่ามีพื้นที่ว่างเหลืออยู่จึงในเส้นhightlightโดนวางเส้นสีขาวเล็กๆ แล้วทำขอบในฟุ้งเป็นสีเรื่องแสงสีฟ้า (ใช้Layer Styleเพิ่มEffectเอา)

    ไฟล์ภาพในบอร์ด
    แล้วก็ใช้Textเขียนชื่อผลงาน (รูปนี้เลือกพื้นที่ว่างด้านซ้ายที่ยังโล่งอยู่)

    ไฟล์ภาพในบอร์ด
    < อันนี้สำหรับคนที่มีโลโก้ของตัวเองก็ลากมาปะได้เลย ระบุงานนี้มาจากค่ายไหน

    ไฟล์ภาพในบอร์ด



    แล้วก็มาถึงขั้นสุดท้าย...นั่นคือใช้ความรู้สึกของตัวเองถามว่าภาพนี้พอใจหรือยัง...หากยังไปลองจับองค์ประกอบภาพขยับซ้าย-ขวาดูหน่อยเดี๋ยวก็ใช้ได้เอง
    -เสร็จ...อันนี้แหละเสร็จแล้วจริงๆ จัดการSaveซะ แล้วก็เอาไปใช้ได้เลยควรsaveเป็นไฟล์ .PSDเก็บไว้เผื่อแก้ไขด้วยนะ


    ไฟล์ภาพในบอร์ด

    จบแล้ว...ในที่สุด เห็นม๊ะว่าลงCGไม่ได้ยาก (ไม่จริงหรอก พูดไปงั้นแหละ) ถ้าอยากทำเป็น อยากทำเก่งก็เริ่มลงมือซะ ไปเรื่อยๆ เดี๋ยวก็เริ่มจับจุดได้เองแหละ

    “หนทางไกล เริ่มต้นที่ก้าวแรก”

    ป.ล.ใครมีข้อเสนอแนะอะไรติชมกันเข้ามานะขอรับ...ถ้าเห็นว่าhow toนี้ดีก็ช่วยโหวดให้ปักหมุดหน่อยนะขอรับ 36.gif
    แล้วก็ขออภัยถ้าภาพไม่ชัด ภาพที่เป็นรูปถ่ายนั่นก็ถ่ายเองอาจมัวๆ นิดๆ แล้วก็ขออภัยอีกครั้งสำหรับคนเน็ตช้าเพราะรูปเยอะมากกลัวว่าเดี๋ยวไม่เข้าใจ

    แล้วพบกันใหม่หากว่าข้าน้อยเขียนhow toฉบับต่อไปนะขอรับ 31.gif

    -------------------------
    ป.ล.ของแถมขอรับ นี่เป้นรูปของอาเวีย (ก็ตัวหลักที่เพ้นท์มานี่แหละขอรับ) อีกรูปหนึ่งซึ่งบางท่านอาจจะเคยเห็นมาแล้ว (อยู่ในกระทู้ของท่านunnameที่มีโพสต์มาสค็อตกันน่ะขอรับ)
    ไฟล์ภาพในบอร์ด
    31.gif 
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

    ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×