เว้นระยะอัพไปซะนาน ต้องขอโทษสำหรับผู้ที่คอยติดตามด้วยนะครับ เพราะว่าช่วงนี้ผมงานยุ่งๆ หน่อย ตอนนี้พอจะว่างบ้างเลยมาอัพได้..

เอาหละ มาเข้าเรื่องกันเลยดีกว่า สำหรับ entry ที่แล้วน้อง Kaoru ถามว่า "ถาม ลุงแชมสุดหล่อ ติดสกรีนโทน ใน PS ต้องทามไงก๊า ( สกรีนที่เปนจุดๆ อ่ะค่ะ เหมือนเงา ในกาตูน) " ซึ่งผมกำลังทำพวกนี้อยู่พอดี ก็เลยตอบได้ (ฮาฮา ถ้าถามอะไรที่ไม่ได้ทำจะตอบไม่ได้เรอะ) .. จริงๆ เว็บนี้ก็มี "คนการ์ตูน" เยอะ ผมเขียนเรื่องแบบนี้ก็นะ เสียวๆ ว่าจะเป็นการเอามะพร้าวห้าวมาขายสวน เหมือนกัน (เป็นสำนวนไทย หมายความว่า สอนจรเข้ให้ว่ายน้ำ หรือ สอนหนังสือให้สังฆราช .. อ้าว แล้วจะแปลสำนวนเป็นสำนวนทำไมอีกวะเนี่ย)

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



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

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

อันแรกเลยก็คือเราจะใช้สกรีนแบบไหนบ้างหละ 50% Gray , 25% Gray หรือแบบไล่สีๆ หรือแบบลายดอกไม้ ลายหวือหวา ซึ่งก็แล้วแต่เทคนิคของแต่ละคนอ้ะนะ ในที่นี้จะสอนแบบ Gray ปกติเพื่อเป็นแนวทาง

1. เรา file>new ขึ้นมากำหนดขนาด 2x2 pixel แล้วซูมสุดขีด จุดแหมะลงไปสองจุดตามรูป



2. กด select>all ตอนนี้คือจะเลือกทั้งหมดแล้ว และกด edit>define as pattern

3. แค่นี้เราจะได้ screen แบบ 50% Gray ไว้ใช้แล้ว

4. แล้วเวลาเอามาแปะ จะแปะยังไงหละ สมมติว่าสแกนเข้ามาก็แล้วกัน เลเยอร์ของเราจะวางตัวแบบนี้ สมมติว่าเรายังไม่ทำอะไรกับมันนะ

The image http://champcpe.exteen.com/images/pscorner/sc02.gif cannot be displayed, because it contains errors.

5. เราก็กด new layer ไปตามรูป เราจะได้เลเยอร์ใหม่มา ซึ่งเราจะแปะสกรีนโทนที่เลเยอร์ีนี้แหละ เราเลือก Blending mode ใหม่เสียก่อน เปลี่ยนจาก normal เป็น multiply ซึ่งเรื่อง Blending Mode ต่างๆ นี้ อะไรแตกต่างกันยังไง จะมาพูดถึงในคราวต่อไปนะครับ

The image http://champcpe.exteen.com/images/pscorner/sc03.gif cannot be displayed, because it contains errors.

6. หลังจากเปลี่ยนเป็น Multiply แล้ว ให้เราใช้ Lasso Tool เลือกบริเวณที่ต้องการจะแปะ แล้วเลือก paint bucket เปลี่ยน fill ข้างบนจาก foreground เป็น pattern แล้วเลือก pattern ที่เราทำไว้ในขั้นตอนที่ 2

7. จะเห็นว่ามีสกรีนโทนติดไว้แล้ว


แค่นี้แหละครับ ง่ายๆ ประเด็นอยู่ที่เราต้องทำลายสกรีนไว้เยอะๆ ตามที่เราจะใช้ เช่นลายพวก 50%, 25%, 12.5%, 6.75% อะไรแบบนี้ อย่างจะเห็นว่าของผมทำไว้ห้าแบบ

The image http://champcpe.exteen.com/images/pscorner/sc05.gif cannot be displayed, because it contains errors.

* อื่นๆ ถ้าเราอยากซ้อนสกรีน เหมือนที่นักเขียนการ์ตูนทำกัน ก็ทำได้ โดยการ new layer ขึ้นมาอีก แล้วทำสกรีนในเลเยอร์ใหม่นั้น อย่าลืมเลือก layer ใหม่ให้เป็น multiply ด้วย

* ถ้าต้องการเก็บรายละเอียดของสกรีนเช่นเราไม่สามารถติดให้เนี้ยบได้โดยใช้ lasso tool ก็สามารถใช้พวก eraser ลบได้ตามปกติเลย

* วิธีอื่นๆ มีอีกมาก แต่วิธีนี้ผมเห็นว่าอธิบายง่ายดีครับ

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

* ถึงไม่ได้เป็นคนเขียนการ์ตูน แต่ว่า งานอาร์ตแขนงนี้ก็น่าสนใจนะครับ ลองเอาไปประยุกต์ใช้กับการดีไซน์ต่างๆ ดู

เข้าใจกันไหมเนี้ย.. ="= ถ้าไม่เข้าใจก็ขอโทษด้วยนะครับ สำหรับผู้ที่เก่ง Photoshop แล้ว กรุณาเข้าใจว่า tutorial นี้พยายามอธิบายให้ง่ายที่สุดเพื่อให้ผู้ีที่ไม่มีพื้นฐานเข้าใจครับ

ไว้เจอกันตอนต่อไปคร้าบ

ปล. คอมเมนต์ไว้หน่อยก็ดีนะ





Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

ยากจังเรยค่ะ เเต่ถ้าสำเร็จคงง่ายกว่าการที่ใช้สกรีนโทนเเบบตัดเเปะเยอะ

#51 By ทซึกิ (161.200.255.161) on 2005-05-21 17:50

เหอๆทำคนละวิธีกะผมแฮะ ความรู้ใหม่เลยนะนี่

#52 By The DeAtH on 2005-05-25 22:50

อยากมีsax

#53 By นุต (203.107.195.243) on 2005-06-12 11:30

น่ารักนะจะ

#54 By หนุงหนิง (58.11.73.89) on 2005-06-17 16:26

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

#55 By เด็กโรงเรียนสิงห์บุรีห้อง1 (203.188.35.113) on 2005-07-21 08:54

เอ่อ..?ก้อ..?หนุกดี เป็นประโยชน์ในการวาด....ตูน

#56 By เด็กปีศาส (203.172.149.138) on 2005-08-03 13:53

123ka

#57 By ka (61.7.129.238) on 2005-08-13 12:46

โดยเฉพาะคนเขียน ฮันเตอร์ เพราะแค่วาดมันก็ขี้เกียจจะตายอยู่แล้ว

555+ แอบฮาตรงมีเหมือนกันค่ะ แค่วาดก็จาไม่รอดแล้วจริงๆค่ะ

#58 By Penguin_Nooch on 2005-08-13 22:18

อ่อ......รู้ซะที
แอบโง่อยู่ตั้งนาน = =

#59 By llFlying Dutch Manll on 2005-08-16 01:40

คร้าบบบบบบบ

#60 By นานะคุง (61.19.198.210) on 2005-09-03 22:20

#61 By (203.188.13.121 /unknown) on 2005-09-12 13:02

ดีมากๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ

#62 By (203.188.13.121 /unknown) on 2005-09-12 13:03

อยากได้มากๆเลยคับ ถ้าไม่เป็นการเสียเวลา กรุณาส่งไปให้หน่อยนะคับ ขอบพระคุณมากคร้าบ

#63 By nic (61.19.127.34 /192.168.1.236) on 2005-09-12 15:34


เคยทำมาก่อนแต่เป็นอีกวิธีนะ

#64 By rapbit (203.155.194.23) on 2005-10-12 22:40

อ่า..เพิ่งถึงบางอ้อ

#66 By (203.209.38.199) on 2005-10-22 16:14

thankyouuuuuuuuuuuuuuuuuuu

#67 By thankyou (202.133.182.2) on 2005-10-28 11:45

#68 By (203.149.7.11) on 2005-11-01 14:57

ยอดดดดดดดดดดดด

#69 By JaPaN♀ on 2005-11-01 16:24

ก็ดีนะ...แต่ไม่ค่อยสวยเท่าไร

เรา มีอีกวิธี

#70 By Lily (58.136.206.136) on 2005-11-04 13:19

ช่วยตอบคำถามหน่อย อยากรู้มากจิงๆนะ ถามตั้งหลายครั้งแล้ว ทำไมexteen ถึงได้ ทำบล็อกได้ย๊าวยาว ตามเนื้อหา ทำยังงัยหรอ บอกหน่อยจิ
เราลองทำเว็บอ่ะ โดยออกแบบจากphotoshopเสร็จแล้ว แต่มันก็แค่บล็อกอ่ะ
พอเอามาใส่ในDreamWeaverมันก็เป็นแค่บล็อกสั้นๆ ถ้าเนื้อหามากๆ ขอบมันก็ไม่พออ่ะ แก้ปัญหายังงัยหรอ ตอบทีเถอะ
srikit3@hotmail.com

#71 By อมยิ้ม (202.28.77.30 /10.30.1.49) on 2005-11-06 15:03

เด้

#72 By นัท (203.172.217.25) on 2005-11-10 11:29

#73 By นัท (203.172.217.25) on 2005-11-10 11:31

โห ชอบมากเลยค่ะ แต่หนูได้ลายสกรีนโทนมาจากการโหลดจะใช้ไดเหมือนกันรึเปล่าคะ ถ้าไงก็ส่งเมล์มาก็ได้นะคะ Mammew_kinpla@hotmail.com

#75 By raccoon (203.113.45.198) on 2005-11-29 20:42

โอ้ว มันเยี่ยมมากเลยจอร์จ ซ่าร่าไม่เคยพบอะไรแบบนี้ O O

#76 By Annda (203.113.61.69) on 2006-01-04 01:43

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

#77 By คนแปลกหน้า (58.9.132.104) on 2006-01-17 21:37

-..- ไม่เก็ตแฮะๆ

#78 By [A-me] one one -'๑'- on 2006-01-27 14:42

อยากอ่านแบบมี.....เยอะๆ

#79 By yui (203.151.141.193 /203.150.97.71) on 2006-01-27 16:49

#80 By เรย์ (203.172.138.186) on 2006-01-31 16:05

เคยดูฮันเตอร์ป่างเจ๋งเป้ง

#81 By เรย์ (203.172.138.186) on 2006-01-31 16:07

ดีมากๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ ซาบซึง

#82 By (125.24.20.235) on 2006-02-01 15:59

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

#83 By แลคโตบาซิลลัส (61.19.144.186) on 2006-03-21 13:40

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

#84 By แลคโตบาซิลลัส (61.19.144.186) on 2006-03-21 13:42

อธิบายดีจัง

#85 By ไร้นาม (203.156.86.187 /192.168.100.8) on 2006-04-03 20:20

โฮ่......เจ๋ง

#86 By pear_chan (125.24.73.96) on 2006-04-05 17:30

อางึมอางำ งำๆงึมๆ เหอะๆไม่ค่อยเข้าใจแต่ก็นะ มีประโยชน์มากมายค่ะ =_=" ข้าน้อยคงจะโง่เกินไป แต่ก็ขอบคุณมากๆค่ะ

#87 By ซาลาเปารูปนก (203.113.51.6) on 2006-04-18 15:11

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

มีบล็อกไหนสอนทำพวกนี้เยอะๆบ้าง อยากรู้ ใช้โหมด search ไม่ได้ น่าเสียดาย

#88 By cinamania on 2006-06-03 13:37

ว๊าว

#89 By MiMz99's MNeT on 2006-06-03 17:47

สะ สะ สะสุดยอดๆๆ

#90 By [Sayoko™] on 2006-09-05 15:06

สวยมากค่ะ คงจะได้นำไปใช้ รวมถึงทุกคนที่ต้องการได้อะไรใหม่ๆไปทำเช่นกัน

#91 By บุ๋ม...^_^ on 2006-09-06 23:39

ขอบคุณมากๆค่ะ

#92 By ^o^MayRin on 2006-09-10 03:57

ขอบคุณมากๆเลยค่า มีประโยชน์มากๆเลย

#93 By ..... on 2006-09-16 14:27

อ่านะ......

มีงงอยู่เล็กๆนะคะ เนี่ย แต่จะพยายามเข้าใจค่ะ ขอบคุณสำหรับข้อมูลที่เป็นประโยชน์นะคะ

#94 By †~古手梨花~† on 2007-01-24 22:20

ประโยช

มากมาย

#95 By Gimsong♪ 김성 on 2007-01-25 19:48

โอ้ว ว้าว ยอดเยี่ยมมากเลย ซาร่า เอ้ย ลูน่าขอคารวะด้วยนม 1 แกลลอน (จอกมันเล็กไป เหล้าไม่ชอบ) เทคนิคที่เป็น "เบสิค" ที่ใครหลายๆ คนก็คาดไม่ถึงว่ามันจะมีที่มาแบบนี้ เห็นทีน่าเอาไปทำมั่ง

(แหม เอ็ง พูดยังกะว่าเคยวาดการ์ตูนด้วยรึน่ะ)

#96 By ลูน่า on 2007-01-28 17:01

เพิ่งมาอ่าน ..ลองทำแล้ว แจ๋วจ้า

#97 By A-leX on 2007-01-30 15:46

กรั่กๆๆ เฮียแชมป์เห็นด้วยค่ะ
นักเขียนการ์ตูนที่ไม่ชอบสรีนโทนนน
คนแรกที่คิดถึงก็แน่อยู่แล้วค่ะ ขนาดวาดเธอยังขี้เกียจ
ถ้ารอเธอใส่สกินโทนด้วยคงอีกนาน - -"
แต่ช่วงนี้ไม่ค่อยได้ตามเลย เห็นเค้าบอกว่ากลับมาเขียนแล้ว
(พูดเหมือนเค้าเลิกเขียนไป แค่เค้าไม่ได้เขียนนานๆเอง)
กลับมาเขียนก็ดีแล้ว คิดถึงคิรัวร์ ><

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

#98 By ชิชิน>w on 2007-10-30 14:35