เปลี่ยนภาพถ่ายเป็นภาพวาดภาพการ์ตูน

  ไฟล์ภาพขัดข้อง ท่านสามารถไปอ่านเรื่องนี้ได้ที่  http://loongchat.blogspot.com/2015/08/blog-post_22.html

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

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

The original image.ภาพต้นฉบับ

เริ่มเทคนิคกันเลยนะครับ

  Step 01 เปิดภาพต้นฉบับขึ้นมาในโฟโตชอพ ได้ภาพชื่อ Background และจะมีภาพที่ท่านเลือกเปิดขึ้นมาให้ในพื้นที่ทำงาน

  Step 02 ใช้วิธีสร้างซีเลคชั่นอย่างง่ายๆ โดย ขยายมุมมองภาพให้ใหญ่ขึ้น จะช่วยให้ทำงานง่ายขึ้น เลือกเครื่องมือที่จะสร้างเส้นซืเลคชั่นที่ท่านถนัดเช่นชุด Lasso Tool แล้วสร้างเส้นซีเลคชั่นแยกเอาเฉพาะส่วนหัวออกมา

  Step 03 เมื่อสร้างเส้นซีเลคชั่นแยกเอาเฉพาะส่วนหัวออกมาแล้ว ท่านอาจปรับมุมมองภาพกลับมาเป็นขนาดปกติก็ได้ แล้วก้อปปี้เอาเฉพาะส่วนหัวที่เลือก โดยกดคีย์ Ctrl + J บนแป้นคีย์บอร์ด ได้เป็นภาพหัวชื่อ Layer 1 คุณอาจเปลี่ยนชื่อใหม่โดยใช้ชื่อว่า Head ตอนนี้ถ้าดูภาพในวินโดว์หรือพื้นที่ทำงาน จะเห็นว่า เส้นซีเลคชั่น หรือเส้นประได้หายไปแล้ว

  Step 04 ใช้เม้าส์คลิกที่ Background ให้เป็นไฮไลท์สีน้ำเงิน เพื่อสั่งให้โปรแกรมทำงานที่เลเยอร์นี้ ขยายมุมมองภาพให้ใหญ่ขึ้นจะช่วยให้ทำงานง่ายขึ้น เลือกเครื่องมือที่จะสร้างเส้นซืเลคชั่นที่ท่านถนัดเช่นชุด Lasso Tool แล้วสร้างเส้นซีเลคชั่นแยกเอาเฉพาะส่วนลำตัวออกมา

  Step 05 เมื่อสร้างเส้นซีเลคชั่นแยกเอาเฉพาะส่วนลำตัวออกมาแล้ว ท่านอาจปรับมุมมองภาพกลับมาเป็นขนาดปกติก็ได้ แล้วก้อปปี้เอาเฉพาะส่วนลำตัวที่เลือก โดยกดคีย์ Ctrl + J บนแป้นคีย์บอร์ด ได้เป็นภาพลำตัวชื่อ Layer 1 คุณอาจเปลี่ยนชื่อใหม่โดยใช้ชื่อว่า Body ตอนนี้ถ้าดูภาพในวินโดว์หรือพื้นที่ทำงาน จะเห็นว่า เส้นซีเลคชั่น หรือเส้นประได้หายไปแล้ว

  Step 06 เราได้ส่วนหัวและส่วนลำตัว แยกออกจากกัน แยกออกจากฉากหลัง และตอนนี้ได้เวลาแกล้งกันแล้ว เราจะแกล้งทำให้ใบหน้าเปลี่ยนไปก่อน เช่น ทำให้หัวโต หน้ายาว คางแหลม โดยคลิกที่เลเยอร์ Head ให้เป็นไฮไลท์สีน้ำเงิน แล้วใช้เมนูEdit>Transform>Distort จัดการปรับขนาดของหัวให้เล็ก ใหญ่ เรียว แหลม หัวโต ได้ตามใจ หรือกดคีย์ลัด Ctrl + T จะมีกรอบ Transform ขึ้นมารอบๆเลเยอร์ Head ใช้เม้าส์คลิกขวาที่ภายในกรอบ Transform จะมีหน้าต่างเปิดขึ้นมาให้เลือก Distort เมื่อคลิกเลือกแล้ว หน้าต่างก็จะปิดลงไป ให้คุณใช้เม้าส์คลิกลากตรงจุดสี่เหลี่ยมเล็กๆที่อยู่บนเส้นกรอบ เพื่อหดหรือยืดขยายภาพได้ตามใจ 

Step 07 หากยืดหรือหดด้วยวิธี Distort แล้วยังไม่สะใจ ท่านสามารถใช้เม้าส์คลิกขวาที่ภายในกรอบ Transform จะมีหน้าต่างเปิดขึ้นมาให้เลือก Warp มาใช้ได้อีก เมื่อคลิกเลือกแล้ว หน้าต่างก็จะปิดลงไป ให้คุณใช้เม้าส์คลิกลากตรงจุดวงกลมเล็กๆ หรือจุดสี่เหลี่ยมเล็กๆหรือคลิกลากตรงจุดตัดในกรอบตารางที่อยู่บนเส้นกรอบ เพื่อหดหรือยืดขยายภาพได้ตามใจ เมื่อปรับรูปร่างได้ตามต้องการแล้ว ให้กดคีย์ Enter บนแป้นคีย์บอร์ด กรอบ Transform จะหายไป จะได้หน้าคนบิดเบี้ยว คางแหลมแก้มตอบมาแทนให้สะใจ

  Step 08 ต่อไปคลิกที่เลเยอร์ Body ให้เป็นไฮไลท์สีน้ำเงิน กดคีย์ลัด Ctrl + T จะมีกรอบ Transform ขึ้นมารอบๆเลเยอร์ Body ใช้เม้าส์คลิกขวาที่ภายในกรอบ จะมีหน้าต่างเปิดขึ้นมาให้เลือก Warp เมื่อคลิกเลือกแล้ว หน้าต่างก็จะปิดลงไป ให้คุณใช้เม้าส์คลิกลากตรงจุดวงกลมเล็กๆ หรือจุดสี่เหลี่ยมเล็กๆหรือคลิกลากตรงจุดตัดในกรอบตารางที่อยู่บนเส้นกรอบเพื่อหดหรือยืดขยายภาพได้ตามใจ เมื่อปรับรูปร่างได้ตามต้องการแล้ว ให้กดคีย์ Enter บนแป้นคีย์บอร์ด กรอบ Transform จะหายไป

Step 09 เมื่อกลั่นแกล้งด้วยวิธีการต่างๆจนสะใจดีแล้ว ให้คุณใช้เม้าส์คลิกขวาตรงที่ว่างในเลเยอร์ใดก็ได้ จะมีหน้าต่างเปิดขึ้นมาให้เลือก Flatten Image สั่งรวมเลเยอร์ให้ยุบรวมกันเป็นเลเยอร์เดียว โฟโตชอพยังให้ใช้ชื่อว่า Background 

Step 10 หลังจากสั่งรวมเลเยอร์ให้ยุบรวมกันเป็นเลเยอร์เดียว โฟโตชอพยังให้ใช้ชื่อว่า Background ซึ่งเราจะใช้เป็นภาพต้นฉบับในการตบแต่งให้เป็นภาพวาดภาพการ์ตูนต่อไป ให้คุณก้อปปี้ภาพโดยกดคีย์ Ctrl + J ได้ภาพ Layer 1 ที่อยู่บนสุดเป็นไฮไลท์สีน้ำเงิน นั่นคือสั่งให้ Layer 1 ทำงานตามที่แสดงให้เห็นในเลเยอร์พาเลท และภาพในวินโดว์ ก็แสดงให้เห็นเป็นภาพของ Layer 1 ที่ก้อปปี้มาจากภาพต้นฉบับ

  Step 11 เริ่มต้นการทำภาพวาดโดยเลือกเมนู Filter>Artistic> Poster Edges เพื่อปรับเส้นให้มีความหนาขึ้น คล้ายเส้นการ์ตูน

Step 12 เมื่อหน้าต่าง Poster Edgesเปิดขึ้นมา ภาพที่เห็นในจอตอนแรก อาจเห็นขนาดใหญ่เกินไป คุณสามารถคลิกที่สามเหลี่ยมคว่ำที่มุมซ้ายล่าง เปิดหน้าต่างขึ้นมาแล้วเลือก Fit on Screen เพื่อปรับขนาดภาพสำหรับดูในช่องพรีวิวให้มีขนาดพอดี ให้คุณเติมใส่ค่าปรับขนาดต่างๆตามที่ผมวงไว้ให้ได้เลย โดยใช้ค่า Edge Thickness = 8, ค่า Edge Intensity = 2, ค่า Posterization = 4 คุณอาจลองใส่ค่าอื่นแล้วดูภาพในช่องพรีวิวก็ได้ ถ้าชอบก็ใช้ค่าอื่นได้ครับ แล้วแต่ความชอบ เสร็จแล้ว คลิก Ok ปิดหน้าต่าง Poster Edges ไป

  Step 13 ตอนนี้เราได้เส้นขอบมีความหนา คล้ายเส้นการ์ตูนแบบ Poster Edges มาแล้วคือ Layer 1 เปลี่ยนชื่อเลเยอร์นี้ซะใหม่จะได้ไม่สับสน ผมใช้ชื่อว่า Poster Edges แล้วให้คุณก้อปปี้เลเยอร์ Poster Edges ขึ้นมา จะได้ชื่อว่า Poster Edges Copy เราก็เปลี่ยนชื่อซะใหม่ ผมใช้ชื่อเป็น Poster Edges to Cutout

  Step 14 ต่อไปเราจะลดทอนรายละเอียดสีเพื่อให้ภาพดูคล้ายภาพวาดภาพการ์ตูนมากขึ้นโดยเลือกเมนู Filter>Artistic> Cutout

  Step 15 เมื่อหน้าต่าง Cutout เปิดขึ้นมา ภาพที่เห็นในจอตอนแรก อาจเห็นขนาดใหญ่เกินไป คุณสามารถคลิกที่สามเหลี่ยมคว่ำที่มุมซ้ายล่าง เปิดหน้าต่างขึ้นมาแล้วเลือก Fit on Screen เพื่อปรับขนาดภาพสำหรับดูในช่องพรีวิวให้มีขนาดพอดี ให้คุณเติมใส่ค่าปรับขนาดต่างๆตามที่ผมวงไว้ให้ได้เลย โดยใช้ค่า Number of Levels = 7 , Edge Simplicity = 5 , Edge Fidelity = 3 คุณอาจลองใส่ค่าอื่นแล้วดูภาพในช่องพรีวิวก็ได้ ถ้าชอบก็ใช้ค่าอื่นได้ครับ แล้วแต่ความชอบ เสร็จแล้ว คลิก Ok ปิดหน้าต่าง Cutout ไป

  Step 16 เช็คให้แน่ใจว่าโปรแกรมยังทำงานที่เลเยอร์ Poster Edges to Cutout  โดยคลิกตรงที่ว่างของเลเยอร์บนสุด ให้เป็นไฮไลท์สีน้ำเงิน แล้วคลิกที่ไอคอน Create new fill or adjustment layer ที่อยู่ใต้เลเยอร์พาเลท พอมีหน้าต่างเปิดขึ้นมา ให้คลิกเลือก Brightness/Contrast เพื่อเพิ่มความเข้มข้นของแสง

  Step 17 มีเลเยอร์ Brightness/Contrast 1 เปิดขึ้นมาเหนือ Poster Edges to Cutout และมีหน้าต่าง Adjustment เปิดขึ้นมาให้ปรับตัวเลื่อนเพื่อให้ได้แสงตามต้องการครับ ขอแนะนำนิดนึง เวลาปรับแต่งให้นึกถึงสีสันของหนังการ์ตูนเข้าไว้นะครับ จะได้มีความรู้สึกสนุกขึ้นไม่ต้องกังวลกับสีสันที่เป็นธรรมชาติจนเกินไป และหากว่าปรับตัวเลื่อนไปจนได้สีสันโดยรวมในภาพตามที่ต้องการแล้ว อาจมีบางส่วนในภาพมืดจนขาดรายละเอียดไปบ้าง ก็ไม่ต้องกังวลครับ มีวิธีแก้ไขตามสเตปต่อไป ตอนนี้ให้คลิกที่กากบาทด้านบนมุมขวาของหน้าต่าง Adjustment ปิดหน้าต่างไปได้เลย

Step 18 ในภาพจะเห็นว่ามีบางส่วนของเสื้อครุยและบริเวณพุงของนายแบบนั้นมืดเกินไปจนภาพขาดรายละเอียด ให้ใช้เม้าส์คลิกภายในกรอบเลเยอร์มาสค์สีขาว สั่งให้โปรแกรมทำงาน ตั้งค่าสีโฟร์กราวน์ให้เป็นสีดำ เลือกเครื่องมือ Brush Tool ใช้แปรงขอบฟุ้งๆโดยคลิกที่สามเหลี่ยมคว่ำสีดำเพื่อปรับความฟุ้งของขอบแปรงที่ 0-ไม่ควรเกิน25% ปรับขนาด px ของแปรงเล็ก-ใหญ่ตามขนาดพื้นที่ที่จะระบาย ตัวอย่างนี้ปรับขนาดแปรงให้ใหญ่พอๆกับหัวของบัณฑิตก็ใช้ได้แล้ว ปรับขนาดน้ำหนักในการระบายในแต่ละครั้งโดยปรับ Opacity ให้ต่ำกว่า 50% เพื่อที่จะใช้แปรงค่อยๆระบายทีละน้อย เพื่อเปิดรายละเอียดของภาพออกมา ในตัวอย่างตั้งปรับไว้ที่ 35%

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

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

The final result

  สำหรับภาพตัวอย่างอื่นๆ ที่ไม่ได้ต้องการแกล้งปรับแต่งให้สนุกสนาน เช่นภาพวิวทิวทัศน์ ภาพดอกไม้ สัตว์ ฯลฯ หากต้องการปรับแต่งให้เป็นภาพวาดภาพการ์ตูน ก็ให้ท่านเปิดภาพต้นฉบับเข้าไปในโปรแกรม แล้วเริ่มปรับแต่งตั้งแต่ Step 10 เรื่อยไปจนถึง Step 19 แล้วจึงรวมเลเยอร์และเซฟไฟล์ไปใช้งานได้เลยครับ และภาพเหล่านี้คือภาพตัวอย่าง

ขอเชิญท่านชมวิดีโอคลิปจากยูทูป

เปลี่ยนภาพถ่ายเป็นภาพวาดภาพการ์ตูน

แล้วพบกันใหม่ในโอกาสต่อๆไปนะครับ

ขอขอบคุณทุกท่านที่ให้กำลังใจที่ดีเสมอมา

ขอขอบคุณ OkNATION.NET

ที่ให้พื้นที่ในการแบ่งปันความสุข

ขอบคุณครับ