Alberto Montt Tutorial 1 TH
วิธีการ
ออกแบบคาแรคเตอร์
ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์ โดย Alberto Montt
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
“การวาดคือวิธีการที่ผมใช้ในการท�ำความรู้จัก กับตัวเอง” - Alberto Montt
© 2015 Wacom
02
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
Alberto Montt
© 2015 Wacom
03
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
© 2015 Wacom
01
การวาดและ การแปลงภาพ
04
การตกแต่งภาพ ขั้นสุดท้าย
02
การลงสี และการแก้ไข
00
บทช่วยสอน บทน�ำ
03
รายละเอียด และพื้นผิว
05
ข้อมูลเกี่ยวกับ ศิลปิน
04
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
สร้างคาแรคเตอร์ให้มากเข้าไว้ ในบทช่วยสอนนี้ผมจะแสดงให้คุณเห็นวิธีการ ที่ผมใช้ Photoshop และน�ำมาใช้งานร่วมกับ Illustrator เหตุผลหลักที่ผมท�ำงานด้วย Photoshop เนื่องจากหัวแปรงให้ความรู้สึก ที่เป็นธรรมชาติและสมจริงมากกว่า ท�ำให้เมื่อ ใช้ Photoshop แล้วผมมักจะวาดสิ่งต่างๆ ได้เหมือนกับที่ผมวาดภาพหรือลงสีด้วย เครื่องมือที่ไม่ใช่ดิจิทัล ผมจะแสดงสิ่งที่ผมพูดถึงให้คุณดูในระหว่าง การวาดคาแรคเตอร์ที่แสนจะเรียบง่าย โดยปกติแล้ว ผมสร้างคาแรคเตอร์ใน Photoshop โดยใช้เวลาหนึ่งในสามของเวลา ที่ต้องใช้วาดใน Illustrator การใช้งานผสม กันระหว่าง Photoshop และ Illustrator ช่วยให้ผมสามารถใช้ข้อดีของเครื่องมือที่มี ประสิทธิภาพสูงสุดในแต่ละแอพพลิเคชั่น โดยใช้เครื่องมือที่ง่ายกว่าหรือไม่มีในอีก แอพพลิเคชั่นหนึ่งได้ แอพพลิเคชั่นทั้งคู่ต่าง เติมเต็มให้แก่กันจริงๆ
© 2015 Wacom
ผลงานดิจิทัลทั้งหมดที่แสดงใน eBook นี้ วาดขึ้นด้วยเมาส์ปากกา Intuos Pro จาก Wacom โดยใช้โปรแกรม Adobe© Photoshop และ Adobe Illustrator ลอง เยี่ยมชมเว็บไซต์ Wacom เพื่อค้นหาวิธียก ระดับขั้นตอนการท�ำงานและประสิทธิภาพของ คุณในฐานะศิลปินด้วยเทคโนโลยีดิจิทัลที่ทัน สมัย ปากกาและแท็บเล็ตของเราพร้อมรองรับ ความสามารถใหม่ๆ เพื่อความรวดเร็วและ แม่นย�ำ มอบอิสระที่มากยิ่งขึ้นในการทดลอง งานสร้างสรรค์
Alberto Montt นักเขียนการ์ตูนและนักวาดภาพประกอบ dosisdiarias.com
05
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
© 2015 Wacom
06
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
การวาดและการแปลงภาพ 1.
เลือกหัวแปรงใน Photoshop: ผมมักจะใช้หัวแปรงใน Photoshop ที่มีความไว ต่อแรงกดตามมาตรฐาน อย่างเช่น Hard Round Pressure Size (ขนาดแรงกดของหัวกลมแข็ง), Spatter (สแพตเตอร์) หรือแม้แต่ Chalk (ชอล์ก) หัวแปรงใน Illustrator ให้ความรู้สึกที่ไม่เป็น ธรรมชาติ ผมไม่ต้องการให้การลากแปรง แต่ละครั้งมีลักษณะเหมือนกับวัตถุที่แยกอิสระ จากกัน ซึ่งเป็นสิ่งที่ Illustrator เป็นอยู่
2.
บ ันทึกภาพวาดใน Illustrator เพื่อสร้างรูปเวกเตอร์: เมื่อเสร็จแล้วผมจะบันทึกภาพวาดใน Photoshop แล้วเปิดเอกสารใหม่ใน Illustrator และ Place (น�ำเข้า) ภาพวาดจาก Photoshop File ( ไฟล์) > New (สร้างใหม่) (Cmd+N mac/Ctrl+N win) File ( ไฟล์) > Place (น�ำเข้า) (Shift+Cmd/Shift+Cmd) +P
© 2015 Wacom
07
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
ดูวิธีการเริ่มต้นวาดภาพใน Photoshop
© 2015 Wacom
08
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
3.
สร้างภาพร่าง: ต่อไปนี้เป็นหนึ่งในเครื่องมือที่ผมชื่นชอบมากใน Illustrator: เครื่องมือ Image Trace (ร่างภาพ) ซึ่งจะปรากฏขึ้นที่แถบตัวเลือกด้านขวา หลังจากที่คุณ Place (น�ำเข้า) ภาพแล้ว
4.
ขยายภาพร่างให้เป็นเวกเตอร์: (คุณยังสามารถเรียกใช้เครื่องมือนี้ได้ด้วยการ เลือกวัตถุที่น�ำเข้า) คลิก Expand (ขยาย) แล้ว
ภาพจะกลายเป็นภาพเวกเตอร์ ง่ายมากๆ
สิ่งที่ได้ยอดเยี่ยมมากเพราะตอนนี้รอยแปรง ทั้งหมดจะเหมือนกับเศษกระดาษชิ้นเล็กๆ กล่าวคือ เป็นวัตถุอิสระที่คุณสามารถเคลื่อนย้าย ปรับขนาด ลงสี ลบ หรือรวมกลุ่มกันได้ตามที่ต้องการ
© 2015 Wacom
09
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
ดูวิธีการแปลงภาพวาดให้เป็นเวกเตอร์
© 2015 Wacom
10
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
การลงสีและการแก้ไข 1.
เพิ่มพื้นหลังชั่วคราว: ในการเพิ่มพื้นหลังชั่วคราวให้กับภาพ ให้วาดรูป สี่เหลี่ยมและเปลี่ยนสีเติมที่ใช้ซึ่งในกรณีนี้ให้ใช้สีเทา เลือกที่จุดใดก็ได้และกด Delete (ลบ) คุณจะเห็นว่า โปรแกรมท�ำการลบสิ่งนั้นออกไปโดยไม่ต้อง ท�ำการเลือกด้วยมือ ตอนนี้ชิ้นส่วนทั้งหมด จะแยกออกจากกันอย่างอิสระ หากภาพวาดยังอยู่ใน Photoshop ก็จะสามารถ ท�ำให้ขนาดไฟล์ใหญ่ขึ้นเป็น 10 เท่าได้อย่างง่ายๆ ขณะที่เมื่อใช้ Illustrator ผมจะสามารถบันทึก ภาพวาดทั้งหมดให้เป็นไลบรารีวัตถุและภาพ ได้อย่างมีประสิทธิภาพ ซึ่งสามารถน�ำมาใช้ได้ใน ภายหลังหรือเปลี่ยนแปลงให้เหมาะสมตามความ ต้องการ โดยที่ขนาดไฟล์ไม่ได้เป็นภาระต่อพื้นที่ ว่างในเครื่องคอมพิวเตอร์ของผมเลย เคล็ดลับศิลปิน: ผมใช้ Illustrator เพื่อให้สามารถจัดการหรือลงสีภาพได้อย่างง่ายดาย โดยใช้ประโยชน์จากเครื่องมือที่มีประสิทธิภาพที่มีเฉพาะใน Illustrator เพื่อสร้างรูปลักษณ์ที่ไม่ สามารถท�ำได้ด้วยวิธีอื่น หรืออย่างน้อยก็ไม่สามารถท�ำได้ง่ายๆ ผมยังสามารถน�ำภาพกลับไปยัง Photoshop ได้ทุกเมื่อและทุกสเกลตามที่ต้องการอีกด้วย แม้ว่าจะดูเหมือนเป็นขั้นตอนพิเศษ แต่ การท�ำขั้นตอนนี้ใน Illustrator เป็นเรื่องที่ง่ายกว่ามากเนื่องจากโปรแกรมจะสร้างไฟล์ที่เล็กกว่ามาก ทั้งเพื่อการเก็บและเพื่อการท�ำงาน
© 2015 Wacom
11
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
2.
เริ่มการลงสี: ผมชอบเริ่มต้นการลงสีโดยป้ายพื้นที่ส่วนใหญ่ ด้วยสี: เลือกพื้นที่ด้วย Selection Tool (เครื่องมือเลือกพื้นที่) (V) จากนั้นเพียงแค่แตะสี ที่คุณต้องการจากหน้าต่างสี หากคุณต้องการ ปรับสี ให้ใช้แถบเลื่อนบนแผงสี เทคนิคที่ยอดเยี่ยมในการรักษาระดับความเข้มสี ให้เหมือนสีต้นฉบับแต่เปลี่ยนแสงเงา คือ การกด Shift ค้างขณะที่ลากแถบเลื่อน
3.
สร้างสรรค์โดยใช้ Knife (เครื่องมือมีด): การน�ำภาพเข้า Illustrator เป็นรูปเวกเตอร์ยัง ท�ำให้ผมสามารถใช้งานเครื่องมือใน Illustrator ทั้งหมดที่ผมชอบได้อีกด้วย: ตัวอย่างเช่น Knife (เครื่องมือมีด) ซึ่งเป็นวิธีที่ง่ายและ สนุกในการช่วยผมตัดภาพวาด เหมือนว่าผม ก�ำลังเล่นอยู่กับกรรไกรและกระดาษขึ้นโครง
© 2015 Wacom
12
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
Knife Tool (เครื่องมือมีด) จะซ่อนอยู่ภายใต้ Eraser Tool (เครื่องมือยางลบ) ในพาเลต
เครื่องมือ เมื่อกดยางลบค้างไว้ คุณสามารถเลือก เครื่องมือมีดได้จากเมนูที่ลอยออกมา เมื่อเลือก Knife Tool (เครื่องมือมีด) แล้ว คุณต้องเลือก พื้นที่ที่จะตัดออกก่อนโดยกดแป้น Cmd/Ctrl ค้าง ไว้และแตะพื้นที่ที่คุณต้องการแยกส่วน ในการตัด ด้วยมีดก็เพียงเริ่มต้นท�ำการตัดเป็นแผ่นและการหั่น เป็นชิ้นเล็กๆ เมื่อตัดเสร็จแล้ว คุณสามารถเลือก หรือยกเลิกการเลือกส่วนย่อยได้โดยไม่ต้องออก จาก Knife Tool (เครื่องมือมีด) โดยกดค้างที่: » Cmd/Ctrl จะแสดง Arrow Tool (เครื่องมือลูกศร) » Cmd+Opt/Ctrl+Alt จะแสดง Group Select Tool (เครื่องมือเลือกแบบเป็น กลุ่ม) หรือ » Cmd+Shift/Ctrl+Shift เมื่อต้องการแตะ
ส่วนย่อยที่คุณต้องการน�ำออกจากส่วนที่เลือก ไว้ในปัจจุบัน
ในกรณีนี้ผมจะใช้ Knife Tool (เครื่องมือมีด) ในการสร้างเส้นเงาและแยกออกจากภาพวาด ต้นฉบับเพื่อให้สามารถเพิ่มความเข้มเงา ได้อย่างง่ายดายโดยกด Shift ค้างและ ลากแถบเลื่อนปรับสีต่างๆ ไปทางขวา
© 2015 Wacom
เคล็ดลับศิลปิน: คุณสามารถก�ำหนดแป้นลัดของ Knife (เครื่องมือมีด) ได้เอง เนื่องจากเครื่องมือนี้ยังไม่มีแป้นลัด ในการแก้ไขแป้นลัด ให้ไปที่เมนู Edit (แก้ไข) และเลือก Keyboard Shortcuts (แป้นลัด) แป้นลัดคือ (Cmd+Opt +Shift)+K หรือ (Ctrl+Alt+Shift)+K ตัวอย่างจะเป็นการก�ำหนดแป้นพิมพ์ลัด K ให้กับ Knife Tool (เครื่องมือ มีด) ระบบจะแจ้งให้คุณทราบว่าแป้นลัดดังกล่าวถูกก�ำหนดให้กับ Live Paint Bucket Tool (เครื่องมือเทสี) แล้ว และ ถ้าคุณยอมรับ เครื่องมือดังกล่าวก็จะไม่มีแป้นลัดอีกต่อไป สิ่งนี้ผมยอมรับได้เนื่องจากผมใช้ Knife Tool (เครื่องมือ มีด) มากกว่า Paint Bucket (เครื่องมือเทสี) อยู่แล้ว
13
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
รายละเอียดและพื้นผิว 1.
เพิ่มรายละเอียด: เมื่อคุณลงแสงเงาแล้ว คุณสามารถย้อนกลับและ เพิ่มองค์ประกอบต่างๆ ได้ เช่น รอยฝ้ากระหรือ หนวดเคราสั้นๆ โดยใช้รูปร่างพื้นฐาน เช่น Ellipse Tool (เครื่องมือสร้างรูปวงกลม) (L) และหากคุณ ต้องการน�ำรูปร่างนั้นกลับมาใช้ให้กด Cmd+Opt/ Ctrl+Alt ค้างไว้ ซึ่งจะท�ำงานเหมือนกับฟังก์ชันคัด ลอกด้วยการคลิกแล้วลาก วิธีการนี้คุณสามารถ สร้างพื้นผิวเพื่อเพิ่มไปยังภาพวาดได้อย่างง่ายดาย
© 2015 Wacom
14
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
2.
ใช้พื้นผิวใน Photoshop: ใน Photoshop คุณสามารถใช้พื้นผิวได้ หลายวิธี สร้างส�ำเนาเวกเตอร์ของภาพวาด จาก Illustrator โดยเลือก Cmd/Ctrl+C เปิด Photoshop และสร้างเอกสารใหม่ ขยาย ให้ใหญ่ขึ้นตามต้องการเพื่อให้มองเห็นว่าภาพวาด สามารถน�ำเข้าได้จริงๆ การปรับขยายภาพสามารถ ท�ำได้ทุกขนาดเนื่องจากภาพท�ำมาจากไฟล์เวกเตอร์ จากนั้นกด Cmd/Ctrl+V เพื่อวางไฟล์ภาพ กล่องโต้ตอบพิเศษจะปรากฏขึ้นเพื่อให้คุณวางไฟล์ เป็นแบบพิกเซล และเลือกขนาดได้ตามต้องการ คุณสามารถจ�ำกัดการวางให้ได้สัดส่วน เหมือนต้นฉบับได้ด้วยการกด Shift หรือ Shift+Opt/Alt ค้างไว้
© 2015 Wacom
15
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
3. Layer Modes ( โหมดเลเยอร์):
เมื่อวางภาพวาดไปยัง Photoshop แล้ว คุณจะสามารถใช้พื้นผิวที่สมจริงได้มากขึ้น โดยใช้เครื่องมือที่หลากหลายซึ่งคุณจะไม่พบ ใน Illustrator เครื่องมือที่ส�ำคัญอย่างยิ่ง ก็คือ Layer Modes ( โหมดเลเยอร์) ใน ตัวเลือกเลเยอร์ คุณสามารถท�ำให้ผ้าใบสีขาว ของคาแรคเตอร์โปร่งใสได้อย่างมีประสิทธิภาพ โดยการตั้งค่าโหมดเลเยอร์เป็น Multiply (มัลติพลาย) ที่ด้านบนของแผงเลเยอร์ 4. Load Selection (การเลือกโหลด):
เนื่องจากผมน�ำมาเพียงแต่ศีรษะของคาแรคเตอร์ เท่านั้นและไม่มีพื้นหลัง ผมจึงสามารถเลือกพื้นที่ ทั้งหมดของศีรษะได้โดยกด Cmd/Ctrl แล้วคลิก ที่ไอคอนของเลเยอร์ดังกล่าว จากนั้นผมสามารถ เลือกพื้นผิวและคัดลอกไปไว้ยังเลเยอร์ใหม่ได้
© 2015 Wacom
16
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
5.
ใช้หัวแปรง: ขณะที่ยังคงอยู่ในขั้นตอนการเลือก ให้เลือก เลเยอร์พื้นผิว แล้วกด Cmd/Ctrl+J ซึ่งจะ เป็นการคัดลอกพื้นผิวที่เลือกไปยังเลเยอร์พื้น หลังใหม่ ตอนนี้หากคุณซ่อนเลเยอร์พื้นผิว คุณ จะสามารถใช้พื้นผิวดังกล่าวเป็นพื้นผิวของพื้น หลังส�ำหรับใบหน้าของคาแรคเตอร์นี้ได้เท่านั้น เลือกหัวแปรงที่มีพื้นผิวซึ่งเข้ากันได้ดีกับพื้นหลังนี้ เพื่อให้มีความรู้สึกที่สมจริงและเป็นธรรมชาติมาก ขึ้น หัวแปรงใน Photoshop สามารถสร้างภาพ ที่ดูเป็นธรรมชาติได้ดีกว่ามาก หัวแปรง Spatter (สแพตเตอร์) จะเข้ากันได้ดีกับพื้นผิวนี้ โดยจะลด ขนาดลงประมาณ 2/3 ของหัวแปรงเริ่มต้น
© 2015 Wacom
17
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
6.
การสร้างเลเยอร์และการมาสก์สิ่งที่เลือก: ผมมักจะลองใช้เลเยอร์ใหม่ขณะที่เพิ่มองค์ประกอบ และลงสี เพื่อให้สามารถปรับความทึบแสงของ เลเยอร์ทั้งหมดได้ง่าย และเพื่อให้ได้เอฟเฟกต์ ที่ถูกต้องก่อนที่ผมจะน�ำไปใช้จริง คลิก Cmd/Ctrl ที่เลเยอร์พื้นผิวของศีรษะ เพื่อท�ำการมาสก์ทุกสิ่งรอบศีรษะโดยอัตโนมัติ และที่ส�ำคัญจะได้ไม่บังเอิญไปลงสีในพื้นที่ที่คุณ ไม่ต้องการ ตอนนี้คุณสามารถเล่นกับโหมดเลเยอร์ได้ส�ำหรับ การท�ำแสงเงาเพื่อให้ได้ความรู้สึกของการลงสี ด้วยมือและเป็นธรรมชาติ ตั้งค่าเป็น Multiply (มัลติพลาย) และลดความทึบแสงลงอีกครั้ง เมื่อ คุณพอใจในสิ่งที่คุณเห็น ให้กด Cmd/Ctrl+E เพื่อผสานเลเยอร์ดังกล่าวเข้ากับเลเยอร์พื้นผิว
© 2015 Wacom
18
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
ดูวิธีการเพิ่มพื้นผิว
© 2015 Wacom
19
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
การปรับแต่งและการตกแต่งขั้นสุดท้าย 1. ปรับองค์ประกอบด้วย Magic Wand (เครื่องมือคฑาวิเศษ):
ในการปรับแต่ละมุมของคาแรคเตอร์ เช่น ใบหน้า ดวงตา เสื้อผ้า และทรงผม ให้ใช้ Magic Wand Tool (เครื่องมือคฑาวิเศษ) (W)... 2. Hue/Saturation (ความสดอิ่มของสี): ...และ/หรือกล่องโต้ตอบ Hue/Saturation Adjustment (การปรับแต่งความสดอิ่มของสี) (Cmd/Ctrl+U) ให้ด�ำเนินการดังนี้: » ก่อนอื่นให้เลือกเลเยอร์ที่น�ำเข้ามา
เลเยอร์ใบหน้าสีขาวด�ำในแผงเลเยอร์
» ใช้ Wand (เครื่องมือคฑา) และแตะพื้นที่
ที่คุณต้องการจะปรับและน�ำมาสก์ออก
( ใช้ใบหน้าเป็นตัวอย่าง)
» เลือกเลเยอร์ศีรษะที่มีการตกแต่งพื้นผิว และท�ำการปรับแต่ง (Cmd/Ctrl+U) » จากนั้นลากแถบเลื่อนปรับระดับความเข้มสีจนได้ สีพื้นที่เหมาะสม (ประมาณ -45) ปรับความสว่าง ขึ้นประมาณ 60 และปรับแต่งความอิ่มของสี
หากจ�ำเป็น
© 2015 Wacom
20
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
3.
ล้างและท�ำซ�้ำ: ท�ำซ�้ำขั้นตอนเหล่านี้ส�ำหรับคุณลักษณะ ของคาแรคเตอร์ส่วนที่เหลือ: » เลือกเลเยอร์ที่น�ำเข้ามา » แตะที่ดวงตาด้วย Wand (เครื่องมือคฑา) » เลือกเลเยอร์ศีรษะที่มีการตกแต่งพื้นผิว และท�ำการปรับแต่ง (Cmd/Ctrl+U) » ลากแถบเลื่อนปรับความสว่างขึ้นสูงสุด
4.
ปรับแต่งเสื้อ: ส�ำหรับเสื้อผ้า ให้เลือกพร้อมกันหลายส่วนด้วย การกด Shift ค้างขณะที่แตะปกเสื้อ แขนเสื้อ และตัวเสื้อ จากนั้นเลือกเลเยอร์พื้นผิวอีกครั้ง และเลื่อนระดับความเข้มสีไปทางสีแดง
© 2015 Wacom
21
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
5.
ท�ำแก้มแดง: ในการท�ำให้คาแรคเตอร์แก้มแดงอ่อนๆ ผมใช้เวลาสั้นๆ ในการเพิ่มเลเยอร์ เลือกหัวแปรง Spatter (สแพตเตอร์) อีกครั้งเพื่อปรับ เพิ่มขนาดโดยใช้แป้นวงเล็บเหลี่ยมซ้ายและขวา ([)+(]) หรือวงแหวนสัมผัสบนแท็บเล็ต ท�ำการลงสี จากนั้นลดความทึบแสงของเลเยอร์ ลงตามที่คุณต้องการ คุณยังสามารถแตะปุ่ม ความทึบแสงในแถบ Brush Option (ตัวเลือก หัวแปรง) และลงสีในระดับความทึบแสงที่คุณ ต้องการได้ แต่ผมชอบที่สามารถย้อนกลับและ ปรับเปลี่ยนสิ่งต่างๆ ได้ก่อนที่จะผสานรวมเข้ากับ เลเยอร์พื้นผิว
© 2015 Wacom
22
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
6.
เพิ่มการตกแต่งขั้นสุดท้าย: ส�ำหรับการตกแต่งขั้นสุดท้ายผมจะใช้หัวแปรง รุ่นเล็กลงและใช้วิธีเดียวกับการท�ำแก้มแดง ในการลงสีแถบสว่างบนเสื้อผ้า เลือกเสื้อผ้าด้วย Wand (เครื่องมือคฑา) บนเลเยอร์ที่น�ำเข้ามา จากนั้นลงสีแถบด้วยหัวแปรง Spatter (สแพตเตอร์) ให้เป็นสีแดงสดใส ที่มีขนาดใหญ่
7.
ผสานเลเยอร์: เมื่อลงสีเสร็จแล้ว คุณสามารถเลือกเลเยอร์ใบหน้า ทั้งหมดได้โดยกด Shift และแตะที่เลเยอร์ต่างๆ ด้วยปากกา จากนั้นกด Cmd/Ctrl+E เพื่อผสานเลเยอร์เข้าด้วยกัน
© 2015 Wacom
23
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
8. ขอให้สนุก!
แนวคิดหลักส�ำหรับผมคือการใช้เครื่องมือที่มี ประสิทธิภาพสูงสุดของแต่ละโปรแกรมไปอย่าง ที่ควรจะเป็น ไม่ว่าจะ Photoshop, Illustrator หรือกระดาษ และสนุกกับงานวาดให้เต็มที่ เมื่อผม วาดภาพในรูปแบบดิจิทัล มีเครื่องมือมากมาย ที่ผมสามารถเลือกใช้ได้ ซึ่งต่างจากการวาดภาพ บนกระดาษ จึงไม่แปลกที่ผมจะรักเครื่องมือ เหล่านี้อย่างมาก
© 2015 Wacom
24
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
ข้อมูลเกีย่ วกับศิลปิน Alberto Montt เป็นนักเขียนการ์ตูนและนัก
วาดภาพประกอบชาวชิลีที่ได้สร้างสรรค์ผลง งานในหนังสือเด็กมาแล้วกว่า 40 เล่ม และยัง ท�ำงานด้านโฆษณาและการตลาดอย่างต่อเนื่อง ด้วย บล็อกที่มีชื่อเสียงของเขา “Dosis Diarias” (“Daily Dose”) ได้รับรางวัล “Best Blog in Spanish” เมื่อปี 2011 จาก Deutsche Welle ซึ่งเป็นเครือข่าย ด้านบรอดคาสต์ในประเทศเยอรมนี โดย การ์ตูนเรื่องเด่นของเขาสิบตอนได้รับการน�ำ ไปเผยแพร่ทั่วทั้งละตินอเมริกาและสเปน และยัง ปรากฏอยู่ในหน้าหนังสือพิมพ์หรือนิตยสาร ทั่วโลกเป็นประจ�ำอีกด้วย “Daily Dose” ได้รับการเยี่ยมชมจากผู้คนทั่วโลกมากกว่า 120,000 ครั้งต่อวัน
anecdotes ภาพประกอบบทกลอน มหากาพย์ “La Araucana” ได้รับการ
คัดเลือกให้เข้าไปอยู่ในท�ำเนียบเกียรติยศของ IBBY (IBBY: International Board on Books for Young People) และยังได้รับ
รางวัลทางวรรณกรรมอื่นๆ อีกมากมาย และศิลปินชื่อดังคนนี้พร้อมจะเปิดตัวผลงาน ใหม่ของตนบนรองเท้ากีฬารุ่นลิมิเต็ดที่ท�ำงาน ร่วมกับ Puma ในปีนี้ด้วย หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับผลงาน ของเขา โปรดไปที่: dosisdiarias.com
Alberto Montt ได้ตีพิมพ์หนังสือหลาย
facebook.com/#
เล่มในเรื่องราวต่างๆ ซึ่งรวมทั้งนิยายภาพ เรื่องแรกๆ ของเขาอย่าง Achiote, a
@twitter
collection of autobiographical
© 2015 Wacom
25
เรียนรู้เพิ่มเติม ©2015 Wacom Co., Ltd. สงวนลิขสิทธิ์ Wacom และโลโก้ของ Wacom เป็นเครื่องหมายการค้าจดทะเบียนของ Wacom Co., Ltd. ชื่อบริษัทและชื่อผลิตภัณฑ์อื่นๆ ทั้งหมดเป็นเครื่องหมายการค้าและ/หรือเครื่องหมายการค้าจดทะเบียนของเจ้าของชื่อนั้นๆ
โปรดตระหนั ก ว่ า เรามุ ่ ง มั่ น และทุ ่ ม เทอย่ า งมากในการออกแบบและพั ฒ นา e-Book นี้ ด้วยเหตุนี้ Wacom จึงขอสงวนลิขสิทธิ์ทั้งหมดที่เกี่ยวข้อง กับ e-Book นี้รวมทั้งเนื้อหาทั้งหมด คุณสามารถใช้ความรู้ทั้งหมดที่ได้ จาก e-Book นี้ได้อย่างอิสระ แต่ห้ามมิให้คุณแจกจ่ายต่อหรือขาย e-Book หรือเนื้อหาภายใน e-Book นี้ โพสต์บนเว็บไซต์เพื่อให้ดาวน์โหลด หรือแชร์ ในสื่อสังคมออนไลน์ © Adobe, โลโก้ Adobe, Creative Cloud และโลโก้ Creative Cloud เป็นเครื่องหมายการค้าจดทะเบียนและ/หรือเครื่องหมายการค้าของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ/หรือประเทศอืน่ ๆ
คุณสามารถดูข้อมูลเพิ่มเติมได้ที่ www.wacom.com
ออกแบบคาแรคเตอร์
ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์ โดย Alberto Montt
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
“การวาดคือวิธีการที่ผมใช้ในการท�ำความรู้จัก กับตัวเอง” - Alberto Montt
© 2015 Wacom
02
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
Alberto Montt
© 2015 Wacom
03
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
© 2015 Wacom
01
การวาดและ การแปลงภาพ
04
การตกแต่งภาพ ขั้นสุดท้าย
02
การลงสี และการแก้ไข
00
บทช่วยสอน บทน�ำ
03
รายละเอียด และพื้นผิว
05
ข้อมูลเกี่ยวกับ ศิลปิน
04
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
สร้างคาแรคเตอร์ให้มากเข้าไว้ ในบทช่วยสอนนี้ผมจะแสดงให้คุณเห็นวิธีการ ที่ผมใช้ Photoshop และน�ำมาใช้งานร่วมกับ Illustrator เหตุผลหลักที่ผมท�ำงานด้วย Photoshop เนื่องจากหัวแปรงให้ความรู้สึก ที่เป็นธรรมชาติและสมจริงมากกว่า ท�ำให้เมื่อ ใช้ Photoshop แล้วผมมักจะวาดสิ่งต่างๆ ได้เหมือนกับที่ผมวาดภาพหรือลงสีด้วย เครื่องมือที่ไม่ใช่ดิจิทัล ผมจะแสดงสิ่งที่ผมพูดถึงให้คุณดูในระหว่าง การวาดคาแรคเตอร์ที่แสนจะเรียบง่าย โดยปกติแล้ว ผมสร้างคาแรคเตอร์ใน Photoshop โดยใช้เวลาหนึ่งในสามของเวลา ที่ต้องใช้วาดใน Illustrator การใช้งานผสม กันระหว่าง Photoshop และ Illustrator ช่วยให้ผมสามารถใช้ข้อดีของเครื่องมือที่มี ประสิทธิภาพสูงสุดในแต่ละแอพพลิเคชั่น โดยใช้เครื่องมือที่ง่ายกว่าหรือไม่มีในอีก แอพพลิเคชั่นหนึ่งได้ แอพพลิเคชั่นทั้งคู่ต่าง เติมเต็มให้แก่กันจริงๆ
© 2015 Wacom
ผลงานดิจิทัลทั้งหมดที่แสดงใน eBook นี้ วาดขึ้นด้วยเมาส์ปากกา Intuos Pro จาก Wacom โดยใช้โปรแกรม Adobe© Photoshop และ Adobe Illustrator ลอง เยี่ยมชมเว็บไซต์ Wacom เพื่อค้นหาวิธียก ระดับขั้นตอนการท�ำงานและประสิทธิภาพของ คุณในฐานะศิลปินด้วยเทคโนโลยีดิจิทัลที่ทัน สมัย ปากกาและแท็บเล็ตของเราพร้อมรองรับ ความสามารถใหม่ๆ เพื่อความรวดเร็วและ แม่นย�ำ มอบอิสระที่มากยิ่งขึ้นในการทดลอง งานสร้างสรรค์
Alberto Montt นักเขียนการ์ตูนและนักวาดภาพประกอบ dosisdiarias.com
05
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
© 2015 Wacom
06
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
การวาดและการแปลงภาพ 1.
เลือกหัวแปรงใน Photoshop: ผมมักจะใช้หัวแปรงใน Photoshop ที่มีความไว ต่อแรงกดตามมาตรฐาน อย่างเช่น Hard Round Pressure Size (ขนาดแรงกดของหัวกลมแข็ง), Spatter (สแพตเตอร์) หรือแม้แต่ Chalk (ชอล์ก) หัวแปรงใน Illustrator ให้ความรู้สึกที่ไม่เป็น ธรรมชาติ ผมไม่ต้องการให้การลากแปรง แต่ละครั้งมีลักษณะเหมือนกับวัตถุที่แยกอิสระ จากกัน ซึ่งเป็นสิ่งที่ Illustrator เป็นอยู่
2.
บ ันทึกภาพวาดใน Illustrator เพื่อสร้างรูปเวกเตอร์: เมื่อเสร็จแล้วผมจะบันทึกภาพวาดใน Photoshop แล้วเปิดเอกสารใหม่ใน Illustrator และ Place (น�ำเข้า) ภาพวาดจาก Photoshop File ( ไฟล์) > New (สร้างใหม่) (Cmd+N mac/Ctrl+N win) File ( ไฟล์) > Place (น�ำเข้า) (Shift+Cmd/Shift+Cmd) +P
© 2015 Wacom
07
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
ดูวิธีการเริ่มต้นวาดภาพใน Photoshop
© 2015 Wacom
08
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
3.
สร้างภาพร่าง: ต่อไปนี้เป็นหนึ่งในเครื่องมือที่ผมชื่นชอบมากใน Illustrator: เครื่องมือ Image Trace (ร่างภาพ) ซึ่งจะปรากฏขึ้นที่แถบตัวเลือกด้านขวา หลังจากที่คุณ Place (น�ำเข้า) ภาพแล้ว
4.
ขยายภาพร่างให้เป็นเวกเตอร์: (คุณยังสามารถเรียกใช้เครื่องมือนี้ได้ด้วยการ เลือกวัตถุที่น�ำเข้า) คลิก Expand (ขยาย) แล้ว
ภาพจะกลายเป็นภาพเวกเตอร์ ง่ายมากๆ
สิ่งที่ได้ยอดเยี่ยมมากเพราะตอนนี้รอยแปรง ทั้งหมดจะเหมือนกับเศษกระดาษชิ้นเล็กๆ กล่าวคือ เป็นวัตถุอิสระที่คุณสามารถเคลื่อนย้าย ปรับขนาด ลงสี ลบ หรือรวมกลุ่มกันได้ตามที่ต้องการ
© 2015 Wacom
09
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
ดูวิธีการแปลงภาพวาดให้เป็นเวกเตอร์
© 2015 Wacom
10
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
การลงสีและการแก้ไข 1.
เพิ่มพื้นหลังชั่วคราว: ในการเพิ่มพื้นหลังชั่วคราวให้กับภาพ ให้วาดรูป สี่เหลี่ยมและเปลี่ยนสีเติมที่ใช้ซึ่งในกรณีนี้ให้ใช้สีเทา เลือกที่จุดใดก็ได้และกด Delete (ลบ) คุณจะเห็นว่า โปรแกรมท�ำการลบสิ่งนั้นออกไปโดยไม่ต้อง ท�ำการเลือกด้วยมือ ตอนนี้ชิ้นส่วนทั้งหมด จะแยกออกจากกันอย่างอิสระ หากภาพวาดยังอยู่ใน Photoshop ก็จะสามารถ ท�ำให้ขนาดไฟล์ใหญ่ขึ้นเป็น 10 เท่าได้อย่างง่ายๆ ขณะที่เมื่อใช้ Illustrator ผมจะสามารถบันทึก ภาพวาดทั้งหมดให้เป็นไลบรารีวัตถุและภาพ ได้อย่างมีประสิทธิภาพ ซึ่งสามารถน�ำมาใช้ได้ใน ภายหลังหรือเปลี่ยนแปลงให้เหมาะสมตามความ ต้องการ โดยที่ขนาดไฟล์ไม่ได้เป็นภาระต่อพื้นที่ ว่างในเครื่องคอมพิวเตอร์ของผมเลย เคล็ดลับศิลปิน: ผมใช้ Illustrator เพื่อให้สามารถจัดการหรือลงสีภาพได้อย่างง่ายดาย โดยใช้ประโยชน์จากเครื่องมือที่มีประสิทธิภาพที่มีเฉพาะใน Illustrator เพื่อสร้างรูปลักษณ์ที่ไม่ สามารถท�ำได้ด้วยวิธีอื่น หรืออย่างน้อยก็ไม่สามารถท�ำได้ง่ายๆ ผมยังสามารถน�ำภาพกลับไปยัง Photoshop ได้ทุกเมื่อและทุกสเกลตามที่ต้องการอีกด้วย แม้ว่าจะดูเหมือนเป็นขั้นตอนพิเศษ แต่ การท�ำขั้นตอนนี้ใน Illustrator เป็นเรื่องที่ง่ายกว่ามากเนื่องจากโปรแกรมจะสร้างไฟล์ที่เล็กกว่ามาก ทั้งเพื่อการเก็บและเพื่อการท�ำงาน
© 2015 Wacom
11
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
2.
เริ่มการลงสี: ผมชอบเริ่มต้นการลงสีโดยป้ายพื้นที่ส่วนใหญ่ ด้วยสี: เลือกพื้นที่ด้วย Selection Tool (เครื่องมือเลือกพื้นที่) (V) จากนั้นเพียงแค่แตะสี ที่คุณต้องการจากหน้าต่างสี หากคุณต้องการ ปรับสี ให้ใช้แถบเลื่อนบนแผงสี เทคนิคที่ยอดเยี่ยมในการรักษาระดับความเข้มสี ให้เหมือนสีต้นฉบับแต่เปลี่ยนแสงเงา คือ การกด Shift ค้างขณะที่ลากแถบเลื่อน
3.
สร้างสรรค์โดยใช้ Knife (เครื่องมือมีด): การน�ำภาพเข้า Illustrator เป็นรูปเวกเตอร์ยัง ท�ำให้ผมสามารถใช้งานเครื่องมือใน Illustrator ทั้งหมดที่ผมชอบได้อีกด้วย: ตัวอย่างเช่น Knife (เครื่องมือมีด) ซึ่งเป็นวิธีที่ง่ายและ สนุกในการช่วยผมตัดภาพวาด เหมือนว่าผม ก�ำลังเล่นอยู่กับกรรไกรและกระดาษขึ้นโครง
© 2015 Wacom
12
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
Knife Tool (เครื่องมือมีด) จะซ่อนอยู่ภายใต้ Eraser Tool (เครื่องมือยางลบ) ในพาเลต
เครื่องมือ เมื่อกดยางลบค้างไว้ คุณสามารถเลือก เครื่องมือมีดได้จากเมนูที่ลอยออกมา เมื่อเลือก Knife Tool (เครื่องมือมีด) แล้ว คุณต้องเลือก พื้นที่ที่จะตัดออกก่อนโดยกดแป้น Cmd/Ctrl ค้าง ไว้และแตะพื้นที่ที่คุณต้องการแยกส่วน ในการตัด ด้วยมีดก็เพียงเริ่มต้นท�ำการตัดเป็นแผ่นและการหั่น เป็นชิ้นเล็กๆ เมื่อตัดเสร็จแล้ว คุณสามารถเลือก หรือยกเลิกการเลือกส่วนย่อยได้โดยไม่ต้องออก จาก Knife Tool (เครื่องมือมีด) โดยกดค้างที่: » Cmd/Ctrl จะแสดง Arrow Tool (เครื่องมือลูกศร) » Cmd+Opt/Ctrl+Alt จะแสดง Group Select Tool (เครื่องมือเลือกแบบเป็น กลุ่ม) หรือ » Cmd+Shift/Ctrl+Shift เมื่อต้องการแตะ
ส่วนย่อยที่คุณต้องการน�ำออกจากส่วนที่เลือก ไว้ในปัจจุบัน
ในกรณีนี้ผมจะใช้ Knife Tool (เครื่องมือมีด) ในการสร้างเส้นเงาและแยกออกจากภาพวาด ต้นฉบับเพื่อให้สามารถเพิ่มความเข้มเงา ได้อย่างง่ายดายโดยกด Shift ค้างและ ลากแถบเลื่อนปรับสีต่างๆ ไปทางขวา
© 2015 Wacom
เคล็ดลับศิลปิน: คุณสามารถก�ำหนดแป้นลัดของ Knife (เครื่องมือมีด) ได้เอง เนื่องจากเครื่องมือนี้ยังไม่มีแป้นลัด ในการแก้ไขแป้นลัด ให้ไปที่เมนู Edit (แก้ไข) และเลือก Keyboard Shortcuts (แป้นลัด) แป้นลัดคือ (Cmd+Opt +Shift)+K หรือ (Ctrl+Alt+Shift)+K ตัวอย่างจะเป็นการก�ำหนดแป้นพิมพ์ลัด K ให้กับ Knife Tool (เครื่องมือ มีด) ระบบจะแจ้งให้คุณทราบว่าแป้นลัดดังกล่าวถูกก�ำหนดให้กับ Live Paint Bucket Tool (เครื่องมือเทสี) แล้ว และ ถ้าคุณยอมรับ เครื่องมือดังกล่าวก็จะไม่มีแป้นลัดอีกต่อไป สิ่งนี้ผมยอมรับได้เนื่องจากผมใช้ Knife Tool (เครื่องมือ มีด) มากกว่า Paint Bucket (เครื่องมือเทสี) อยู่แล้ว
13
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
รายละเอียดและพื้นผิว 1.
เพิ่มรายละเอียด: เมื่อคุณลงแสงเงาแล้ว คุณสามารถย้อนกลับและ เพิ่มองค์ประกอบต่างๆ ได้ เช่น รอยฝ้ากระหรือ หนวดเคราสั้นๆ โดยใช้รูปร่างพื้นฐาน เช่น Ellipse Tool (เครื่องมือสร้างรูปวงกลม) (L) และหากคุณ ต้องการน�ำรูปร่างนั้นกลับมาใช้ให้กด Cmd+Opt/ Ctrl+Alt ค้างไว้ ซึ่งจะท�ำงานเหมือนกับฟังก์ชันคัด ลอกด้วยการคลิกแล้วลาก วิธีการนี้คุณสามารถ สร้างพื้นผิวเพื่อเพิ่มไปยังภาพวาดได้อย่างง่ายดาย
© 2015 Wacom
14
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
2.
ใช้พื้นผิวใน Photoshop: ใน Photoshop คุณสามารถใช้พื้นผิวได้ หลายวิธี สร้างส�ำเนาเวกเตอร์ของภาพวาด จาก Illustrator โดยเลือก Cmd/Ctrl+C เปิด Photoshop และสร้างเอกสารใหม่ ขยาย ให้ใหญ่ขึ้นตามต้องการเพื่อให้มองเห็นว่าภาพวาด สามารถน�ำเข้าได้จริงๆ การปรับขยายภาพสามารถ ท�ำได้ทุกขนาดเนื่องจากภาพท�ำมาจากไฟล์เวกเตอร์ จากนั้นกด Cmd/Ctrl+V เพื่อวางไฟล์ภาพ กล่องโต้ตอบพิเศษจะปรากฏขึ้นเพื่อให้คุณวางไฟล์ เป็นแบบพิกเซล และเลือกขนาดได้ตามต้องการ คุณสามารถจ�ำกัดการวางให้ได้สัดส่วน เหมือนต้นฉบับได้ด้วยการกด Shift หรือ Shift+Opt/Alt ค้างไว้
© 2015 Wacom
15
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
3. Layer Modes ( โหมดเลเยอร์):
เมื่อวางภาพวาดไปยัง Photoshop แล้ว คุณจะสามารถใช้พื้นผิวที่สมจริงได้มากขึ้น โดยใช้เครื่องมือที่หลากหลายซึ่งคุณจะไม่พบ ใน Illustrator เครื่องมือที่ส�ำคัญอย่างยิ่ง ก็คือ Layer Modes ( โหมดเลเยอร์) ใน ตัวเลือกเลเยอร์ คุณสามารถท�ำให้ผ้าใบสีขาว ของคาแรคเตอร์โปร่งใสได้อย่างมีประสิทธิภาพ โดยการตั้งค่าโหมดเลเยอร์เป็น Multiply (มัลติพลาย) ที่ด้านบนของแผงเลเยอร์ 4. Load Selection (การเลือกโหลด):
เนื่องจากผมน�ำมาเพียงแต่ศีรษะของคาแรคเตอร์ เท่านั้นและไม่มีพื้นหลัง ผมจึงสามารถเลือกพื้นที่ ทั้งหมดของศีรษะได้โดยกด Cmd/Ctrl แล้วคลิก ที่ไอคอนของเลเยอร์ดังกล่าว จากนั้นผมสามารถ เลือกพื้นผิวและคัดลอกไปไว้ยังเลเยอร์ใหม่ได้
© 2015 Wacom
16
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
5.
ใช้หัวแปรง: ขณะที่ยังคงอยู่ในขั้นตอนการเลือก ให้เลือก เลเยอร์พื้นผิว แล้วกด Cmd/Ctrl+J ซึ่งจะ เป็นการคัดลอกพื้นผิวที่เลือกไปยังเลเยอร์พื้น หลังใหม่ ตอนนี้หากคุณซ่อนเลเยอร์พื้นผิว คุณ จะสามารถใช้พื้นผิวดังกล่าวเป็นพื้นผิวของพื้น หลังส�ำหรับใบหน้าของคาแรคเตอร์นี้ได้เท่านั้น เลือกหัวแปรงที่มีพื้นผิวซึ่งเข้ากันได้ดีกับพื้นหลังนี้ เพื่อให้มีความรู้สึกที่สมจริงและเป็นธรรมชาติมาก ขึ้น หัวแปรงใน Photoshop สามารถสร้างภาพ ที่ดูเป็นธรรมชาติได้ดีกว่ามาก หัวแปรง Spatter (สแพตเตอร์) จะเข้ากันได้ดีกับพื้นผิวนี้ โดยจะลด ขนาดลงประมาณ 2/3 ของหัวแปรงเริ่มต้น
© 2015 Wacom
17
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
6.
การสร้างเลเยอร์และการมาสก์สิ่งที่เลือก: ผมมักจะลองใช้เลเยอร์ใหม่ขณะที่เพิ่มองค์ประกอบ และลงสี เพื่อให้สามารถปรับความทึบแสงของ เลเยอร์ทั้งหมดได้ง่าย และเพื่อให้ได้เอฟเฟกต์ ที่ถูกต้องก่อนที่ผมจะน�ำไปใช้จริง คลิก Cmd/Ctrl ที่เลเยอร์พื้นผิวของศีรษะ เพื่อท�ำการมาสก์ทุกสิ่งรอบศีรษะโดยอัตโนมัติ และที่ส�ำคัญจะได้ไม่บังเอิญไปลงสีในพื้นที่ที่คุณ ไม่ต้องการ ตอนนี้คุณสามารถเล่นกับโหมดเลเยอร์ได้ส�ำหรับ การท�ำแสงเงาเพื่อให้ได้ความรู้สึกของการลงสี ด้วยมือและเป็นธรรมชาติ ตั้งค่าเป็น Multiply (มัลติพลาย) และลดความทึบแสงลงอีกครั้ง เมื่อ คุณพอใจในสิ่งที่คุณเห็น ให้กด Cmd/Ctrl+E เพื่อผสานเลเยอร์ดังกล่าวเข้ากับเลเยอร์พื้นผิว
© 2015 Wacom
18
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
ดูวิธีการเพิ่มพื้นผิว
© 2015 Wacom
19
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
การปรับแต่งและการตกแต่งขั้นสุดท้าย 1. ปรับองค์ประกอบด้วย Magic Wand (เครื่องมือคฑาวิเศษ):
ในการปรับแต่ละมุมของคาแรคเตอร์ เช่น ใบหน้า ดวงตา เสื้อผ้า และทรงผม ให้ใช้ Magic Wand Tool (เครื่องมือคฑาวิเศษ) (W)... 2. Hue/Saturation (ความสดอิ่มของสี): ...และ/หรือกล่องโต้ตอบ Hue/Saturation Adjustment (การปรับแต่งความสดอิ่มของสี) (Cmd/Ctrl+U) ให้ด�ำเนินการดังนี้: » ก่อนอื่นให้เลือกเลเยอร์ที่น�ำเข้ามา
เลเยอร์ใบหน้าสีขาวด�ำในแผงเลเยอร์
» ใช้ Wand (เครื่องมือคฑา) และแตะพื้นที่
ที่คุณต้องการจะปรับและน�ำมาสก์ออก
( ใช้ใบหน้าเป็นตัวอย่าง)
» เลือกเลเยอร์ศีรษะที่มีการตกแต่งพื้นผิว และท�ำการปรับแต่ง (Cmd/Ctrl+U) » จากนั้นลากแถบเลื่อนปรับระดับความเข้มสีจนได้ สีพื้นที่เหมาะสม (ประมาณ -45) ปรับความสว่าง ขึ้นประมาณ 60 และปรับแต่งความอิ่มของสี
หากจ�ำเป็น
© 2015 Wacom
20
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
3.
ล้างและท�ำซ�้ำ: ท�ำซ�้ำขั้นตอนเหล่านี้ส�ำหรับคุณลักษณะ ของคาแรคเตอร์ส่วนที่เหลือ: » เลือกเลเยอร์ที่น�ำเข้ามา » แตะที่ดวงตาด้วย Wand (เครื่องมือคฑา) » เลือกเลเยอร์ศีรษะที่มีการตกแต่งพื้นผิว และท�ำการปรับแต่ง (Cmd/Ctrl+U) » ลากแถบเลื่อนปรับความสว่างขึ้นสูงสุด
4.
ปรับแต่งเสื้อ: ส�ำหรับเสื้อผ้า ให้เลือกพร้อมกันหลายส่วนด้วย การกด Shift ค้างขณะที่แตะปกเสื้อ แขนเสื้อ และตัวเสื้อ จากนั้นเลือกเลเยอร์พื้นผิวอีกครั้ง และเลื่อนระดับความเข้มสีไปทางสีแดง
© 2015 Wacom
21
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
5.
ท�ำแก้มแดง: ในการท�ำให้คาแรคเตอร์แก้มแดงอ่อนๆ ผมใช้เวลาสั้นๆ ในการเพิ่มเลเยอร์ เลือกหัวแปรง Spatter (สแพตเตอร์) อีกครั้งเพื่อปรับ เพิ่มขนาดโดยใช้แป้นวงเล็บเหลี่ยมซ้ายและขวา ([)+(]) หรือวงแหวนสัมผัสบนแท็บเล็ต ท�ำการลงสี จากนั้นลดความทึบแสงของเลเยอร์ ลงตามที่คุณต้องการ คุณยังสามารถแตะปุ่ม ความทึบแสงในแถบ Brush Option (ตัวเลือก หัวแปรง) และลงสีในระดับความทึบแสงที่คุณ ต้องการได้ แต่ผมชอบที่สามารถย้อนกลับและ ปรับเปลี่ยนสิ่งต่างๆ ได้ก่อนที่จะผสานรวมเข้ากับ เลเยอร์พื้นผิว
© 2015 Wacom
22
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
6.
เพิ่มการตกแต่งขั้นสุดท้าย: ส�ำหรับการตกแต่งขั้นสุดท้ายผมจะใช้หัวแปรง รุ่นเล็กลงและใช้วิธีเดียวกับการท�ำแก้มแดง ในการลงสีแถบสว่างบนเสื้อผ้า เลือกเสื้อผ้าด้วย Wand (เครื่องมือคฑา) บนเลเยอร์ที่น�ำเข้ามา จากนั้นลงสีแถบด้วยหัวแปรง Spatter (สแพตเตอร์) ให้เป็นสีแดงสดใส ที่มีขนาดใหญ่
7.
ผสานเลเยอร์: เมื่อลงสีเสร็จแล้ว คุณสามารถเลือกเลเยอร์ใบหน้า ทั้งหมดได้โดยกด Shift และแตะที่เลเยอร์ต่างๆ ด้วยปากกา จากนั้นกด Cmd/Ctrl+E เพื่อผสานเลเยอร์เข้าด้วยกัน
© 2015 Wacom
23
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
8. ขอให้สนุก!
แนวคิดหลักส�ำหรับผมคือการใช้เครื่องมือที่มี ประสิทธิภาพสูงสุดของแต่ละโปรแกรมไปอย่าง ที่ควรจะเป็น ไม่ว่าจะ Photoshop, Illustrator หรือกระดาษ และสนุกกับงานวาดให้เต็มที่ เมื่อผม วาดภาพในรูปแบบดิจิทัล มีเครื่องมือมากมาย ที่ผมสามารถเลือกใช้ได้ ซึ่งต่างจากการวาดภาพ บนกระดาษ จึงไม่แปลกที่ผมจะรักเครื่องมือ เหล่านี้อย่างมาก
© 2015 Wacom
24
การออกแบบคาแรคเตอร์ใน PHOTOSHOP และ ILLUSTRATOR วิธีการสร้างภาพแบบราสเตอร์
สารบัญ
ข้อมูลเกีย่ วกับศิลปิน Alberto Montt เป็นนักเขียนการ์ตูนและนัก
วาดภาพประกอบชาวชิลีที่ได้สร้างสรรค์ผลง งานในหนังสือเด็กมาแล้วกว่า 40 เล่ม และยัง ท�ำงานด้านโฆษณาและการตลาดอย่างต่อเนื่อง ด้วย บล็อกที่มีชื่อเสียงของเขา “Dosis Diarias” (“Daily Dose”) ได้รับรางวัล “Best Blog in Spanish” เมื่อปี 2011 จาก Deutsche Welle ซึ่งเป็นเครือข่าย ด้านบรอดคาสต์ในประเทศเยอรมนี โดย การ์ตูนเรื่องเด่นของเขาสิบตอนได้รับการน�ำ ไปเผยแพร่ทั่วทั้งละตินอเมริกาและสเปน และยัง ปรากฏอยู่ในหน้าหนังสือพิมพ์หรือนิตยสาร ทั่วโลกเป็นประจ�ำอีกด้วย “Daily Dose” ได้รับการเยี่ยมชมจากผู้คนทั่วโลกมากกว่า 120,000 ครั้งต่อวัน
anecdotes ภาพประกอบบทกลอน มหากาพย์ “La Araucana” ได้รับการ
คัดเลือกให้เข้าไปอยู่ในท�ำเนียบเกียรติยศของ IBBY (IBBY: International Board on Books for Young People) และยังได้รับ
รางวัลทางวรรณกรรมอื่นๆ อีกมากมาย และศิลปินชื่อดังคนนี้พร้อมจะเปิดตัวผลงาน ใหม่ของตนบนรองเท้ากีฬารุ่นลิมิเต็ดที่ท�ำงาน ร่วมกับ Puma ในปีนี้ด้วย หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับผลงาน ของเขา โปรดไปที่: dosisdiarias.com
Alberto Montt ได้ตีพิมพ์หนังสือหลาย
facebook.com/#
เล่มในเรื่องราวต่างๆ ซึ่งรวมทั้งนิยายภาพ เรื่องแรกๆ ของเขาอย่าง Achiote, a
collection of autobiographical
© 2015 Wacom
25
เรียนรู้เพิ่มเติม ©2015 Wacom Co., Ltd. สงวนลิขสิทธิ์ Wacom และโลโก้ของ Wacom เป็นเครื่องหมายการค้าจดทะเบียนของ Wacom Co., Ltd. ชื่อบริษัทและชื่อผลิตภัณฑ์อื่นๆ ทั้งหมดเป็นเครื่องหมายการค้าและ/หรือเครื่องหมายการค้าจดทะเบียนของเจ้าของชื่อนั้นๆ
โปรดตระหนั ก ว่ า เรามุ ่ ง มั่ น และทุ ่ ม เทอย่ า งมากในการออกแบบและพั ฒ นา e-Book นี้ ด้วยเหตุนี้ Wacom จึงขอสงวนลิขสิทธิ์ทั้งหมดที่เกี่ยวข้อง กับ e-Book นี้รวมทั้งเนื้อหาทั้งหมด คุณสามารถใช้ความรู้ทั้งหมดที่ได้ จาก e-Book นี้ได้อย่างอิสระ แต่ห้ามมิให้คุณแจกจ่ายต่อหรือขาย e-Book หรือเนื้อหาภายใน e-Book นี้ โพสต์บนเว็บไซต์เพื่อให้ดาวน์โหลด หรือแชร์ ในสื่อสังคมออนไลน์ © Adobe, โลโก้ Adobe, Creative Cloud และโลโก้ Creative Cloud เป็นเครื่องหมายการค้าจดทะเบียนและ/หรือเครื่องหมายการค้าของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ/หรือประเทศอืน่ ๆ
คุณสามารถดูข้อมูลเพิ่มเติมได้ที่ www.wacom.com
