วิธีการวาดตัวละครใน Photoshop Adobe Photoshop: วาดและทำให้ตัวละครเคลื่อนไหวโดยใช้เทคนิค Pixel Art วิธีการวาดพอร์ทัลมหัศจรรย์ใน Adobe Photoshop

ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีสร้างตัวละคร 3 มิติตลกๆ ใน Photoshop โดยใช้เทคนิคและลูกเล่นง่ายๆ

ขั้นตอนที่ 1.สร้างเอกสาร 3000 x 2500 px ใหม่ที่ 300 dpi เราใช้ เครื่องมือปากกา(ปากกา) (P) เลือกโหมด ชั้นรูปร่าง(Shape layer) และสร้างรูปทรงพื้นฐานของตัวละคร ตั้งชื่อเลเยอร์นี้ว่า "ฐาน" และเปลี่ยนสีเป็น #71d0e8.

ขั้นตอนที่ 2ก่อนที่เราจะดำเนินการต่อ เรามาตั้งค่าแผงเลเยอร์กันก่อน คลิก ที่มุมขวาบนของแผงเพื่อเปิดเมนู เลือก ตัวเลือกแผงเลเยอร์(ตัวเลือกแผงเลเยอร์) และในหน้าต่างที่ปรากฏขึ้น ให้ตั้งค่าต่อไปนี้:

ขั้นตอนที่ 3สร้างเลเยอร์ใหม่ กด CTRL ค้างไว้แล้วคลิกที่ภาพขนาดย่อของเลเยอร์ "ฐาน" เพื่อโหลดการเลือก นุ่มนิ่ม แปรง(B) สี #118ab2และสร้างเงาทางด้านซ้ายของตัวละคร

ขั้นตอนที่ 4สร้างเลเยอร์ใหม่อีกครั้ง ตั้งค่าสีพื้นหน้าเป็น #1e8cb4และเริ่มวาดเงาตามขอบฐาน

ขั้นตอนที่ 5นุ่มนิ่ม แปรงสี #44b3d7 และแสงสีที่ด้านซ้ายของตัวละคร เพื่อเลือกเฉดสีที่ต้องการได้อย่างรวดเร็ว คุณสามารถใช้ ปิเปต(ฉัน).

ขั้นตอนที่ 6ตอนนี้เราจะกำหนดรายละเอียดหลักของตัวละครสำหรับสิ่งนี้เราใช้ความนุ่มนวล แปรงสี #064168 และเริ่มวาดโครงร่างของปาก

ขั้นตอนที่ 7เราใช้ เครื่องมือปากกา(ปากกา) (P) เปลี่ยนโหมดเป็น ชั้นรูปร่าง(Shape layer) และสร้างรูปทรงปากพื้นฐานบนชั้น "ปาก" เปลี่ยนสีเป็นสีดำ

ขั้นตอนที่ 8เมื่อตัดสินใจเลือกตำแหน่งของปากแล้วให้วาดริมฝีปาก ในการทำเช่นนี้ การใช้ Pen Tool (P) ให้สร้างรูปทรงพื้นฐานของริมฝีปากบนด้วยสี #00406c บนเลเยอร์ "Upper lip" เพิ่มเงาเพื่อความสมจริงยิ่งขึ้น

ขั้นตอนที่ 9ในทำนองเดียวกันเราสร้างริมฝีปากล่างด้วยสี #4abce. เพิ่มเงาและแสงเพื่อเพิ่มความลึก

เราใช้ เครื่องมือปากกา(ปากกา) (P) เปลี่ยนโหมดเป็น เส้นทาง(Contour) และสร้างรอยพับใต้ริมฝีปากล่าง คลิก CTRL+ENTERในการสร้างการเลือกให้ใช้แปรงขนอ่อนที่มีสี # 17749 a และลากไปตามขอบของส่วนที่เลือก เพิ่มเงาและแสง หากทำทุกอย่างถูกต้อง ผลลัพธ์จะเป็นแบบนี้

ขั้นตอนที่ 11ตอนนี้เราจะสร้างดวงตา วาดรูปร่างพื้นฐานของดวงตาแล้วเติมด้วยสีขาว ตั้งชื่อเลเยอร์นี้ว่า "ตาขวา" ถือ CTRL คลิกที่ภาพขนาดย่อของเลเยอร์เพื่อโหลดการเลือก ใช้ soft แปรง(B) สี #237a9cและวาดเงารอบดวงตา

ขั้นตอนที่ 12สร้างเอกสารใหม่สำหรับม่านตา เราใช้ เครื่องมือวงรี(วงรี) (U) แล้วสร้างวงกลม เปลี่ยนสีเป็น #4dc9dfและใช้สไตล์เลเยอร์ อินเนอร์โกลว์(Inner Glow) ด้วยการตั้งค่าเหล่านี้ ตั้งชื่อเลเยอร์ด้วยวงกลม "ไอริส"

ขั้นตอนที่ 13สร้างวงกลมสีดำขนาดเล็กอีกอันหนึ่ง วางไว้ตรงกลางม่านตาแล้วตั้งชื่อเลเยอร์ว่า "Pupil" เราใช้ แปรง(B) ตั้งค่าสีพื้นหน้าเป็น #006082 จากนั้นเปิดแปรงลำแสง SS ใน Photoshop และสร้างพื้นผิวม่านตา การใช้ตัวกรอง ฟิลเตอร์ - เบลอ - เกาส์เซียน เบลอ(Filter - Blur - Gaussian Blur) ด้วยรัศมี 2.5 พิกเซล ทำให้พื้นผิวเรียบขึ้น เลือกวงกลมสีดำและใช้ตัวกรองนี้กับรัศมี 20 พิกเซล

ขั้นตอนที่ 14เราจัดกลุ่มเลเยอร์ทั้งหมดและนำเข้าไปยังเอกสารการทำงานหลัก เปลี่ยนสีพื้นหน้าเป็น #e6deb5 ใช้แปรงขนนุ่มแล้วทาสีที่ขอบตาเพื่อเพิ่มความเหลือง เปลี่ยนสีเป็น #d8cea6เปิดแปรง Veins ใน Photoshop และทาสีเส้นเลือดฝอยภายในดวงตา ตั้งชื่อเลเยอร์นี้ว่า "เส้นเลือดฝอย"

ขั้นตอนที่ 15ตอนนี้ขอเพิ่มเปลือกตา เมื่อต้องการทำเช่นนี้ ให้สร้างสีฐาน #00b7d6. ทำซ้ำ (CTRL+J) ชั้นเปลือกตาและเปลี่ยนสีของสำเนาเป็น #007da1. เพิ่มมาสก์ให้กับสำเนาโดยคลิกที่ปุ่มที่ด้านล่างของแผงเลเยอร์ เพิ่มเลเยอร์มาส์ก(เพิ่มเลเยอร์มาส์ก) ให้ใช้แปรงขนนุ่มสีดำขนาดใหญ่ที่มีขนาด 250 พิกเซล แล้วทาที่กึ่งกลางเปลือกตาเพื่อปล่อยส่วนที่สว่างออก

ขั้นตอนที่ 16. เพิ่มเงาทั้งภายในและภายนอกเปลือกตาอ่อน แปรงขนาดและสี 100 พิกเซล #0e5a79. เปลี่ยนสีแปรงเป็น #00425dและวาดโครงร่างของศตวรรษ จากนั้นกด CTRL ค้างไว้แล้วคลิกที่ภาพขนาดย่อของเลเยอร์ที่มีองค์ประกอบที่สร้างขึ้นเพื่อโหลดการเลือกและสร้างเลเยอร์ใหม่ วาดแสงที่ด้านบนของเส้นทางที่สร้างขึ้นด้วยแปรงขนอ่อน 100 พิกเซลและสี #236e8b.

ขั้นตอนที่ 17ตอนนี้ มาเพิ่มแสงให้กับเค้าร่างกันเถอะ สำหรับสิ่งนี้เราใช้ เครื่องมือปากกา(ปากกา) (P) ใน เส้นทาง(Contour) และสร้างเส้นดังในภาพหน้าจอด้านล่าง จากนั้นเปิดใช้งานแปรง (B) และปรับ: ขนาด 2 พิกเซล สีขาว และ ความแข็ง(ความแข็ง) 100%. เรากลับไปที่ปากกาคลิกขวาที่เส้นทางที่สร้างขึ้นแล้วเลือก เส้นทางโรคหลอดเลือดสมอง(เค้าร่างจังหวะ). ในเมนูแบบเลื่อนลงให้เลือก แปรง(แปรง).

ขั้นตอนที่ 18ทำซ้ำขั้นตอนที่ 16 และ 17 เพื่อวาดเปลือกตาล่าง จากนั้นจัดกลุ่มเลเยอร์เข้าด้วยกันแล้วตั้งชื่อว่า "Lower Eyelid" เราใช้ เครื่องมือปากกา(ปากกา) (P) ใน ชั้นรูปร่าง(Shape layer) และสร้างเส้นด้วยสี #0b506aและ #15698ข.

ขั้นตอนที่ 19ตอนนี้ให้เพิ่มเงารอบดวงตาและทำซ้ำขั้นตอนที่ 11-17 เพื่อสร้างตาซ้าย เพิ่มเงาที่ตาซ้าย จัดกลุ่มเลเยอร์ทั้งหมด และตั้งชื่อกลุ่มว่า "ตาซ้าย"

ขั้นตอนที่ 20 - สร้างรอยย่นบนแก้ม
ถึงเวลาทำงานพับโดยเริ่มจากแก้ม สร้างรูปร่างด้วยสี #c2e7f1และใช้ตัวกรอง เกาส์เซียนเบลอ(Gaussian blur) มีรัศมี 17 พิกเซล

ขั้นตอนที่ 21สร้างการเลือกการพับ ใช้แปรงขนอ่อนที่มีขนาด 100 พิกเซลพร้อมสี #004576 และวาดตามขอบของรอยพับที่เลือก ก่อนยกเลิกการเลือกให้บันทึกสร้างแถบใหม่พร้อมสี #add8eb แล้วนำไปใช้กับมัน เกาส์เซียนเบลอ

ขั้นตอนที่ 22โหลดส่วนที่เลือกที่เราบันทึกไว้ในขั้นตอนก่อนหน้า กด CTRL+I เพื่อกลับด้าน และเพิ่มเงาที่ด้านนอกของรอยพับโดยใช้แปรงขนนุ่มที่มีสี #0d5983. จัดกลุ่มเลเยอร์ด้วยการพับและตั้งชื่อกลุ่มว่า "พับซ้าย" ในทำนองเดียวกันเราสร้างส่วนพับที่ถูกต้อง

ขั้นตอนที่ 23 - สร้างรอยย่นบนร่างกาย
ตอนนี้เราต้องสร้างรอยพับที่ด้านล่างของตัวละคร เมื่อต้องการทำเช่นนี้ ให้ใช้แปรงขนอ่อนขนาด 175 พิกเซลที่มีความแข็ง (ความแข็ง) 0% และความทึบแสง (ทึบ) 50% เลือกสี #0d6897และทาสีด้วยแปรงในบริเวณที่จะพับ

ขั้นตอนที่ 24เราใช้ เครื่องมือปากกา(ปากกา) (P) ใน เส้นทาง(โครงร่าง) และสร้างโครงร่างของส่วนพับหลัก บันทึกโครงร่างนี้แล้วคลิก CTRL+ENTERเพื่อแปลงเป็นส่วนที่เลือก ใช้แปรงขนอ่อนที่มีขนาด 200 พิกเซลและสี # 0e547bกลับด้านการเลือกและเริ่มวาดเงาบนรอยพับ หากจำเป็น ให้เปลี่ยนความทึบของแปรง

ขั้นตอนที่ 25เพิ่มเงาให้กับส่วนล่างของตัวละครโดยใช้แปรงขนนุ่มและสี #0a6791 เปลี่ยนสีแปรงเป็น #0f5b83 และเพิ่มเงามากขึ้น

ขั้นตอนที่ 26เราใช้ เครื่องมือปากกา(ปากกา) (P) แล้วลากเส้นเพื่อเน้นรอยพับ ต่อไปก็ใช้แปรงขนนุ่มๆ สี #004e7aและเพิ่มเงา สร้างการเลือกด้วย Pen Tool (P) เพื่อเพิ่มเงา เปลี่ยนสีพื้นหน้าเป็น #007299 กลับด้านการเลือกและวาดเงาที่ด้านนอก ในทำนองเดียวกัน เราเพิ่มเงาภายในส่วนที่เลือกเพื่อให้รอยพับดูสมจริงยิ่งขึ้น

ขั้นตอนที่ 27 - สร้างการพับเล็ก
เพื่อสร้างรอยพับเล็ก ๆ เราใช้ ขนนก(P) อยู่ในโหมด ชั้นรูปร่าง(เลเยอร์รูปร่าง) และสร้างรูปร่าง จากนั้นกด CTRL ค้างไว้แล้วคลิกที่ภาพขนาดย่อของเลเยอร์เพื่อโหลดการเลือก ใช้แปรงขนนุ่มที่มีขนาด 200 พิกเซลและสี #0198bdและเริ่มวาดเงาบนรอยพับเล็กๆ

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

ขั้นตอนที่ 29 - การเพิ่มไฮไลท์
ตอนนี้เราจะเพิ่มไฮไลท์เพื่อทำให้ตัวละครของเราดูสมจริงยิ่งขึ้น เราใช้ เครื่องมือปากกา(ขนนก) (P) และสร้างรูปร่างสำหรับรอยพับหลักขนาดใหญ่ เปลี่ยนสีเป็น #ceecf1 และใช้ฟิลเตอร์ เกาส์เซียนเบลอ(Gaussian blur) ที่มีรัศมี 15 พิกเซล

ขั้นตอนที่ 30สร้างรูปทรงอื่นด้วยสี #ceecf1และสมัคร เกาส์เซียนเบลอ(Gaussian blur) ที่มีรัศมี 25 พิกเซล ถัดไป สร้างแถบแคบใหม่ที่มีสีเดียวกัน และใช้การเบลอที่มีรัศมี 18 พิกเซล

ขั้นตอนที่ 31ทำซ้ำขั้นตอนที่ 29 และ 30 เพื่อเพิ่มไฮไลท์เพิ่มเติม เพิ่มไฮไลท์ในส่วนอื่นๆ ขึ้นอยู่กับตำแหน่งของแหล่งกำเนิดแสง

ขั้นตอนที่ 32 - การเพิ่มไฮไลท์ไปที่ส่วนหัว
เพื่อเพิ่มไฮไลท์บนหัว ให้ใช้ เครื่องมือปากกา(Feather) (P) แล้วสร้างรูปทรงด้วยสี #ceecf1 จากนั้นจึงทา เกาส์เซียนเบลอ(Gaussian blur) ที่มีรัศมี 40 พิกเซล ถัดไปสร้างแถบแคบอีกอันหนึ่งรอบดวงตาด้วยสีเดียวกันแล้วทา เกาส์เซียนเบลอ(Gaussian blur) ที่มีรัศมี 25 พิกเซล หากทำทุกอย่างถูกต้อง ตัวละครควรมีลักษณะดังนี้

ขั้นตอนที่ 33สร้างรูปทรงใหม่ตรงกลางศีรษะด้วยสี #ceecf1และสมัคร เกาส์เซียนเบลอ(Gaussian blur) ที่มีรัศมี 46 พิกเซล ผลลัพธ์ควรเป็นเช่นนี้

ขั้นตอนที่ 34ทำซ้ำขั้นตอนที่ 29 และ 30 เพื่อเพิ่มไฮไลท์ให้กับร่างกายของตัวละครและทำให้สมจริงยิ่งขึ้น

ขั้นตอนที่ 35 - สร้างมือ
สร้างฐานของมือด้วย เครื่องมือปากกา(ปากกา) (P) อย่าลืมเปลี่ยนเป็นโหมด ชั้นรูปร่าง(ชั้นรูปร่าง). เปลี่ยนสีเป็น #00a4cbให้ใช้แปรงขนนุ่มที่มีขนาด 200 พิกเซลและทาเงาบนมือ

ขั้นตอนที่ 36ตอนนี้เราจะให้รายละเอียดเกี่ยวกับมือ เริ่มกันที่นิ้วชี้สร้างรอยพับด้วยสี #006384 และสมัคร เกาส์เซียนเบลอ(Gaussian blur) ที่มีรัศมี 3.5 พิกเซล

ขั้นตอนที่ 37ทำซ้ำขั้นตอนที่ 36 และสร้างรอยพับเพิ่มเติมบนนิ้วทั้งสองข้าง หากต้องการเพิ่มความสว่าง ให้สร้างวงรีด้วยสี #cfebf1 แล้วทา เกาส์เซียนเบลอ(Gaussian blur) ที่มีรัศมี 7.5 พิกเซล

ขั้นตอนที่ 38สร้างไฮไลท์บนนิ้วโดยทำซ้ำขั้นตอนที่ 37 แล้วเพิ่มแสงที่มือ

ขั้นตอนที่ 39ตอนนี้มีตัวช่วย เครื่องมือปากกา(ขนนก) (P) สร้างฐานของนิ้วโป้ง เปลี่ยนสีเป็น #029fc4,จากนั้นก็ใช้แปรงขนนุ่มๆสี #017798 และเพิ่มเงา ทำซ้ำขั้นตอนที่ 37 และเพิ่มไฮไลท์

ขั้นตอนที่ 40ต่อไปเราต้องสร้างภาพขนาดย่อ สร้างฐานและใช้สไตล์เลเยอร์ ซ้อนทับไล่ระดับสี(การไล่ระดับสีทับซ้อน) ด้วยสี #42a51eและ #3dd567. เพิ่มสไตล์เลเยอร์ จังหวะ(จังหวะ) สี #008babและกว้าง 2 พิกเซล

ขั้นตอนที่ 41เล็บก็ดูดี มาเพิ่มสไตล์เลเยอร์กัน ภายนอกโกลว์(เรืองแสงภายนอก). สร้างการเลือกใหม่ เติมด้วย #d3fdcd และใช้ตัวกรอง เกาส์เซียนเบลอ(Gaussian blur) ที่มีรัศมี 4 พิกเซล หากทำทุกอย่างถูกต้องเล็บควรมีลักษณะเช่นนี้

ขั้นตอนที่ 42สร้างนิ้วก้อยโดยทำซ้ำขั้นตอนที่ 39-41 โดยเพิ่มแสงและเงาตามต้องการ จัดกลุ่มทุกชั้นด้วยมือและตั้งชื่อกลุ่มว่า "มือขวา" จากนั้นเราก็ทำซ้ำกลุ่ม ไตร่ตรองด้วย แก้ไข - แปลง - พลิกแนวนอน(แก้ไข - แปลงร่าง - พลิกแนวนอน) แล้วแนบไปทางด้านซ้ายของตัวละคร เราเรียกว่า "มือซ้าย"

ขั้นตอนที่ 43 - การแก้ไขสี
ถึงเวลาปรับสีสักหน่อย จัดกลุ่มเลเยอร์ทั้งหมดและตั้งชื่อกลุ่มว่า "มอนสเตอร์" ทำซ้ำและรวมสำเนาเป็นหนึ่งเลเยอร์ (CTRL + E) ทำซ้ำเลเยอร์ (CTRL+J) และตั้งค่าโหมดการผสมการคัดลอกเป็น แสงอ่อน(Soft light) และลดความทึบแสง (opacity) ได้ถึง 70%

ขั้นตอนที่ 44ทำซ้ำเลเยอร์ "มอนสเตอร์" go ตัวกรอง - แกลเลอรีตัวกรอง(ตัวกรอง - แกลเลอรีตัวกรอง) และใช้ตัวกรอง ห่อพลาสติก(บรรจุภัณฑ์กระดาษแก้ว). ตั้งชื่อเลเยอร์นี้ว่า "ตัวกรอง"

ขั้นตอนที่ 45เลือกเลเยอร์ "ตัวกรอง" และเปลี่ยนโหมดการผสมเป็น ซ้อนทับ(คาบเกี่ยวกัน) และลดความทึบแสง (opacity) ได้ถึง 60% สิ่งนี้จะให้เอฟเฟกต์ที่น่าสนใจแก่ตัวละครและทำให้สมจริงยิ่งขึ้น

ขั้นตอนที่ 46เรามาถึงจุดสิ้นสุดของบทเรียนแล้ว ตอนนี้เราต้องเปลี่ยนสีตา เมื่อต้องการทำสิ่งนี้ ให้เพิ่มเลเยอร์การปรับ ฮิว/ความอิ่มตัว(ฮิว / ความอิ่มตัว) และเปลี่ยนพารามิเตอร์ เว้(เว้) ถึง -98. ตั้งชื่อเลเยอร์นี้ว่า "สีตา"

ขั้นตอนที่ 47กำลังเพิ่ม หน้ากากเวกเตอร์ไปที่เลเยอร์การปรับสีตา เลือกมาสก์และเติมสีดำเพื่อซ่อนเอฟเฟกต์ นุ่มนิ่ม แปรงสีขาวและร่างไอริสของดวงตา

ขั้นตอนที่ 48เราเพียงแค่ต้องเพิ่มการตกแต่งเล็กน้อย ขั้นแรก ให้เพิ่มภาพสะท้อนบนดวงตา ในการทำเช่นนี้ ให้สร้างวงรีสีขาวบนม่านตา จากนั้นเพิ่มเวกเตอร์มาสก์ในเลเยอร์แล้วซ่อนด้านล่างของวงรีสีขาวด้วยแปรงขนอ่อน 50 พิกเซล

ขั้นตอนที่ 49หลังจากใช้ฟิลเตอร์ ห่อพลาสติก(บรรจุภัณฑ์กระดาษแก้ว) คุณอาจสังเกตเห็นว่ารอบๆ ขอบของตัวละครมีไฮไลท์เพิ่มเติม ซึ่งเราต้องลบออกเพื่อให้ดูสมจริง

ขั้นตอนที่ 50เราลบส่วนที่ไม่จำเป็นทั้งหมดของตัวละครออก: ที่มือ, นิ้ว, ขอบของร่างกาย

ขั้นตอนที่ 51นี่เป็นขั้นตอนสุดท้ายของบทเรียน ทดลองกับแปรงเพื่อสร้างพื้นหลังที่เหมาะสม ยินดีด้วย! เราเสร็จแล้ว นั่นคือทั้งหมดที่เพื่อน ฉันหวังว่าคุณจะสนุกกับการกวดวิชานี้ นี่คือผลลัพธ์สุดท้าย

(คลิกที่ภาพเพื่อขยาย)

ศิลปินยอดนิยม Aaron Blaise แชร์วิธีการวาดตัวละครแบบไดนามิกใน Photoshop โดยใช้การคิดแบบดั้งเดิม

ในบทช่วยสอนนี้ Aaron Blaise จะอธิบายวิธีที่เขาสร้างตัวละครที่สมจริงและวิธีที่เขาใช้การอ้างอิงต่างๆ ในกระบวนการ

1. สร้างภาพร่าง

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

2. รายละเอียดร่าง

ลดระดับความทึบของภาพร่างลงเหลือประมาณ 30% และสร้างเลเยอร์ใหม่ที่เรียกว่า Enhanced Sketch ตอนนี้เราวาดรายละเอียด - ตัวอย่างเช่นริ้วรอย, พับ, จมูก

ขั้นตอนนี้มีความสำคัญมาก เนื่องจากภาพร่างที่ได้จะเป็นแบบจำลอง (เทมเพลต) สำหรับกระบวนการวาดต่อไป

3. ใช้สีหลัก

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

ถัดไปเพิ่มสีอื่น ๆ เพื่อความหลากหลาย ในขั้นตอนนี้ คุณยังทำงานได้อย่างรวดเร็ว ชัดเจน และไม่ต้องคำนึงถึงรายละเอียดอีกด้วย ถึงเวลาทดลอง! การวาดภาพที่ได้จะเป็นพื้นฐานสำหรับการระบายสีเพิ่มเติม

4. สร้างเลเยอร์เงาแรก

สร้างเลเยอร์ใหม่เหนือเลเยอร์อื่นทั้งหมด เรียกว่า Shadows ตั้งค่าโหมดการผสมเป็นทวีคูณ ซึ่งจะช่วยให้มองเห็นสีพื้นฐานผ่านเลเยอร์เงา เราเริ่มร่างเงาด้วยสีโทนเย็นที่เลือกไว้ของโทนสีกลาง

ในขั้นตอนนี้ คุณสามารถทำทุกอย่างได้อย่างรวดเร็ว แต่ต้องระวัง

5. วาดแสงโดยตรง

ถัดไป สร้างเลเยอร์ใหม่ที่ด้านบนของส่วนที่เหลือ และตั้งชื่อเป็น Direct Lighting ในขั้นตอนนี้ การจำอุณหภูมิของดอกไม้เป็นสิ่งสำคัญมาก ผู้เขียนใช้สีกลางโทนเย็นสำหรับเงา แต่ให้สีโทนอุ่นและบริสุทธิ์กว่าสำหรับไฮไลท์

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

6. แสดงถึงแสงสะท้อน

สร้างเลเยอร์ใหม่ใต้เลเยอร์ Direct Light แล้วตั้งชื่อเป็นแสงสะท้อน จากนั้นเลือกสีที่อุ่นกว่าและสว่างกว่าสีเงาที่อยู่รอบๆ เล็กน้อย

ปัจจัยสำคัญที่นี่คือความระมัดระวังและความละเอียดอ่อน: วาดอย่างระมัดระวัง

7. กำหนดไฮไลท์

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

8. วิธีสร้างพื้นหลังฤดูใบไม้ร่วง

ถัดไป สร้างเลเยอร์ใหม่ใต้เลเยอร์อื่นๆ ทั้งหมดแล้วตั้งชื่อเป็นพื้นหลัง ใช้แปรงธรรมชาติ เริ่มร่างภาพในพื้นหลังอย่างรวดเร็วด้วยสี "ฤดูใบไม้ร่วง" ที่ตัดกันในเกณฑ์ดีกับตัวอักษรสีเขียว

เราวาดพื้นหลังด้วยเฉดสีเข้มเพื่อให้ตัวละครโดดเด่นขึ้น จากนั้นคลิก Filter – Blur – Gaussian Blur (Filter> Blur> Gaussian Blur) และตั้งค่าการเบลอเป็น 25 พิกเซล

9. ใช้ภาพอ้างอิง

เนื้อหนังช้างจะช่วยสร้างผิวที่เท่ให้กับตัวละครของเรา! เลือกส่วนเล็ก ๆ ด้วย Lasso Tool ลากไปที่ภาพประกอบของเราและลดความทึบลงเหลือ 30% จากนั้นคลิก Image – Correction – Exposure (Image>Adjustments> Exposure) เพิ่มค่า Gamma และปรับค่า Exposure เพื่อเพิ่มความคมชัด ดังนั้นให้ปรับการตั้งค่าเหล่านี้พร้อมกับระดับความทึบจนกว่าพื้นผิวจะพอดีกับภาพวาดของเรา

10. กำหนดพื้นผิวให้กับตัวละครของเรา

จากนั้นไปที่ Editing – Free Transform (Edit> Free Transform) เปลี่ยนขนาดของพื้นผิว จากนั้นเลือก Editing – Transformation – Curve (Edit> Transform> Warp) ตอนนี้เราสามารถสร้างพื้นผิวเพื่อให้เข้ากับลักษณะของเราในรูปร่างของมัน

11. เพิ่มแสงแฟลร์ให้กับพื้นผิว

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

12. วาดจุดบนผิวตัวละคร

สร้างเลเยอร์ใต้เลเยอร์ "ไฮไลต์บนพื้นผิว" และตั้งชื่อเป็น "สปอต" ตั้งค่าเลเยอร์นี้เป็น Blending Mode Multiply

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

13. วาดองค์ประกอบในเบื้องหน้า

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

เมื่อเราวาดทุกอย่างแล้ว ให้รวมเลเยอร์ทั้งหมดเข้าด้วยกัน แล้วไปที่ Filter - Blur - Gaussian Blur ตั้งค่าความเบลอเป็น 35 พิกเซล ซึ่งจะทำให้ภาพมีความลึกที่ดี

14. สัมผัสสุดท้าย

คัดลอกเลเยอร์ทั้งหมดที่มีตัวละครและรวมเป็นเลเยอร์เดียว จากนั้นเราทำให้มองไม่เห็นแต่ละเลเยอร์ดั้งเดิมทั้งหมด เลือกเครื่องมือ Blur (เครื่องมือ Blur) และการตั้งค่าพู่กันพู่กัน (การตั้งค่าพู่กัน) ตั้งค่าไว้ที่ประมาณ 300 พิกเซลและสูงสุด 50%

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

ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีวาดและทำให้ตัวละครเคลื่อนไหวโดยใช้เทคนิค Pixel Art ทั้งหมดที่คุณต้องการสำหรับสิ่งนี้คือ Adobe Photoshop ผลลัพธ์ที่ได้คือ GIF ที่มีนักบินอวกาศกำลังทำงานอยู่

โปรแกรม: Adobe Photoshop ความยาก: ผู้เริ่มต้น, ระดับกลาง เวลาที่ต้องการ: 30 นาที - หนึ่งชั่วโมง

I. การตั้งค่าเอกสารและเครื่องมือ

ขั้นตอนที่ 1

เลือกดินสอ (ดินสอ) บนแถบเครื่องมือ - นี่จะเป็นเครื่องมือหลักสำหรับบทเรียนของเรา ในการตั้งค่า ให้เลือกประเภทแปรงกลมแข็ง และตั้งค่าที่เหลือให้เหมือนกับในภาพ เป้าหมายของเราคือทำให้ปลายปากกาคมที่สุด

ขั้นตอนที่ 2

ในการตั้งค่าของเครื่องมือยางลบ (ยางลบ) ให้เลือกโหมดโหมดดินสอ และตั้งค่าที่เหลือตามที่แสดงในภาพ

ขั้นตอนที่ 3

เปิด Pixel Grid (มุมมอง > แสดง > ตารางพิกเซล) หากไม่มีรายการดังกล่าวในเมนู ให้ไปที่การตั้งค่าและเปิดใช้งานการเร่งกราฟิก ค่ากำหนด > ประสิทธิภาพ > การเร่งกราฟิก

โปรดทราบ: ตารางจะปรากฏเฉพาะบนผืนผ้าใบที่สร้างขึ้นใหม่เมื่อซูมเข้า 600% ขึ้นไป

ขั้นตอนที่ 4

ในการตั้งค่า > ทั่วไป (Control-K) เปลี่ยนโหมดการแก้ไขภาพเป็นโหมดเพื่อนบ้านที่ใกล้ที่สุด ซึ่งจะช่วยให้ขอบเขตของวัตถุมีความชัดเจนมากที่สุด

ในการตั้งค่าหน่วยและไม้บรรทัด ให้ตั้งค่าหน่วยสำหรับไม้บรรทัดเป็นพิกเซล การตั้งค่า > หน่วยและไม้บรรทัด > พิกเซล

ครั้งที่สอง การสร้างตัวละคร

ขั้นตอนที่ 1

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

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

ขั้นตอนที่ 2

ปรับขนาดภาพขนาดย่อให้สูง 60 พิกเซลโดยใช้แป้นพิมพ์ลัด Control+T หรือคำสั่ง Edit > Free Transform

ขนาดของวัตถุจะแสดงในแผงข้อมูล โปรดทราบว่าการตั้งค่าการแก้ไขจะเหมือนกับที่เราทำในขั้นตอนที่ 4

ขั้นตอนที่ 3

ซูมภาพขนาดย่อ 300-400% เพื่อให้ใช้งานได้ง่ายขึ้นและลดความทึบของเลเยอร์ จากนั้นสร้างเลเยอร์ใหม่และร่างโครงร่างของภาพร่างโดยใช้เครื่องมือดินสอ หากตัวละครมีความสมมาตร เช่นในกรณีของเรา คุณสามารถร่างโครงร่างเพียงครึ่งเดียว จากนั้นทำซ้ำและพลิกกระจกที่วาด (แก้ไข> แปลง> พลิกแนวนอน)

จังหวะ:ในการวาดองค์ประกอบที่ซับซ้อน ให้แบ่งออกเป็นส่วนๆ เมื่อพิกเซล (จุด) ในเส้นก่อตัวเป็น "จังหวะ" เช่น 1-2-3 หรือ 1-1-2-2-3-3 ภาพร่างจะดูนุ่มนวลขึ้นในสายตามนุษย์ แต่ถ้าฟอร์มต้องการ จังหวะนี้ก็พังได้

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

ทำให้โครงร่างเรียบขึ้นโดยวาดเงาตามขอบด้านใน

เพิ่มเงาต่อไป ตามที่คุณอาจสังเกตเห็นในระหว่างการวาด รูปร่างบางอย่างสามารถแก้ไขได้

ขั้นตอนที่ 6

สร้างเลเยอร์ใหม่สำหรับไฮไลท์

เลือกโหมดการผสมซ้อนทับจากรายการดรอปดาวน์ในแผงเลเยอร์ ทาสีด้วยสีอ่อนบนพื้นที่ที่คุณต้องการเน้น จากนั้นปรับไฮไลท์ให้เรียบโดยใช้ Filter > Blur > Blur

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

ขั้นตอนที่ 7

ตอนนี้นักบินอวกาศต้องเพิ่มความคมชัด ใช้การตั้งค่าระดับ (ภาพ > การปรับ > ระดับ) เพื่อทำให้สีสว่างขึ้น จากนั้นปรับเฉดสีโดยใช้ตัวเลือกสมดุลสี (ภาพ > การปรับ > สมดุลสี)

ตัวละครพร้อมสำหรับแอนิเมชั่นแล้ว

สาม. แอนิเมชั่นตัวละคร

ขั้นตอนที่ 1

สร้างสำเนาของเลเยอร์ (Layer > New > Layer Via Copy) และย้ายขึ้นไป 1 px ขึ้นไป และ 2 px ไปทางขวา นี่คือจุดสำคัญในแอนิเมชั่นตัวละคร

ลดความทึบของเลเยอร์ดั้งเดิมลง 50% เพื่อให้คุณเห็นเฟรมก่อนหน้า สิ่งนี้เรียกว่า “การลอกผิวหัวหอม” (โหมดพหูพจน์)

ขั้นตอนที่ 2

ตอนนี้งอแขนและขาของตัวละครราวกับว่าเขากำลังวิ่ง

● เลือกมือซ้ายด้วย Lasso Tool
● การใช้ FreeTransformTool (แก้ไข > FreeTransform) และกดปุ่ม Control ค้างไว้ ย้ายขอบเขตของคอนเทนเนอร์เพื่อให้มือเคลื่อนกลับ
● เลือกขาข้างหนึ่งก่อนแล้วยืดออกเล็กน้อย ในทางกลับกัน บีบขาที่สองให้เหมือนตัวละครกำลังเดินอยู่
● ใช้ดินสอและยางลบแตะส่วนแขนขวาใต้ข้อศอก

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

ทำสำเนาของเลเยอร์ที่สองแล้วพลิกในแนวนอน ตอนนี้คุณมีท่าพื้นฐาน 1 ท่าและเคลื่อนไหว 2 ท่า คืนค่าความทึบของเลเยอร์ทั้งหมดเป็น 100%

ขั้นตอนที่ 5

ไปที่ Window > Timeline เพื่อแสดงพาเนล Timeline แล้วคลิก Create Frame Animation

บนไทม์ไลน์ ให้ทำดังต่อไปนี้:

  1. ตั้งการหน่วงเวลาเป็น 0.15 วินาที
  2. คลิกที่ DuplicatesSelectedFrames เพื่อสร้างสำเนาอีก 3 ชุด
  3. ตั้งค่าวนซ้ำเป็น Forever

ขั้นตอนที่ 6

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

ท่าพื้นฐาน→วิ่งด้วยเท้าขวา→ท่าพื้นฐาน→วิ่งด้วยเท้าซ้าย

ที่เกี่ยวข้อง