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

เอาหละ มาเข้าเรื่องกันเลยดีกว่า สำหรับ 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

Comment:

Tweet

Make your own life time more simple get the <a href="http://goodfinance-blog.com/topics/business-loans">business loans</a> and all you want.

#117 By CLEMENTSKirsten20 (193.105.210.41) on 2011-10-16 15:20

One knows that men's life seems to be not cheap, nevertheless some people need money for various issues and not every one gets enough cash. Therefore to get fast <a href="http://goodfinance-blog.com/topics/business-loans">business loans</a> and just auto loan would be a right way out.

#116 By FannyLe26 (193.105.210.41) on 2011-10-16 14:59

It is great that people are able to take the <a href="http://goodfinance-blog.com">loan</a> and this opens completely new possibilities.

#115 By ShellyVang (193.105.210.41) on 2011-10-14 15:28

That is known that cash makes us free. But how to act when someone has no cash? The one way is to try to get the <a href="http://goodfinance-blog.com/topics/home-loans">home loans</a> and just sba loan.

#114 By Chen23Jeanette (91.212.226.143) on 2011-10-10 12:54

People all over the world take the <a href="http://goodfinance-blog.com/topics/business-loans">business loans</a> from various creditors, just because it is easy and fast.

#113 By BucknerSuzette34 (91.212.226.143) on 2011-10-10 12:36

Some time before, I needed to buy a good house for my organization but I didn't earn enough cash and could not order something. Thank goodness my sister proposed to try to get the <a href="http://goodfinance-blog.com/topics/mortgage-loans">mortgage loans</a> from reliable bank. Thus, I did that and was satisfied with my credit loan.

#112 By BethBradley23 (91.212.226.143) on 2011-10-10 12:35

Some time ago, I did need to buy a car for my firm but I didn't earn enough cash and could not buy something. Thank heaven my friend suggested to try to take the <a href="http://goodfinance-blog.com/topics/home-loans">home loans</a> from banks. Thence, I acted that and used to be satisfied with my car loan.

#111 By BertieGibbs28 (91.212.226.143) on 2011-10-08 09:43

Thanks a lot for sharing this with all of us you really realize what you are speaking approximately! Bookmarked.
Welcome to buy cheap Canada Goose Jacket . http://www.canadagoose2011parka.com

#110 By Canada Goose Parka (208.110.86.74) on 2011-10-07 11:39

Thanks a lot for sharing this with all of us you really realize what you are speaking approximately! Bookmarked.
Welcome to buy cheap Canada Goose Jacket . http://www.canadagoose2011parka.com

#109 By Canada Goose Parka (208.110.86.74) on 2011-10-07 11:38

It’s worth to read it.Thank you for sharing.canada goose parka will bring you a happy and free life when you are outside for skiing or playing. canada goose are all in good quality, and the price of them is cheap and worthy for you to buy. canada goose jackets sale online in 2011 owns many different designs and materials, you can come and choose. http://www.canadagoose2011parka.org

#108 By linchaoying on 2011-09-23 13:54

Hot! Hot! Hot! Hot! Hot!

เข้าใจง่ายดีค่ะ

#107 By @om on 2011-03-10 11:48

ลองหา โปรแกรม Manga Studio มาใช้สิคับ

ใช้คล้ายๆ photoshop แต่มีพวกสกรีนโทน กรอบคำพูด

และก็พวกเส้นสปีด ไกด์เส้นเปอไรพวกนี้อะคับ

หาโหลดไม่ยากด้วย

ปล. ขอโทดนะคับที่นอกเรื่อง ฮะๆ

#106 By oBiSeSo (118.172.83.150) on 2011-01-29 23:09

ขอบคุณจ้า

-------------------------

http://www.konmun.com/

#105 By modify on 2010-05-13 12:10

แหล่มครับ

#104 By narinlover on 2010-04-27 16:03

ขอบคุณมากค่ะ ที่สอน ใช้เป็นซะทีbig smile big smile

#103 By BlueHana on 2010-03-09 13:29

โอ้ มันเป็นเช่นนี้เองopen-mounthed smile

#102 By [ Sai ];charot on 2009-03-13 08:09

ขอบคุณค่า

#101 By NaShi_Y on 2009-03-12 10:11

โอ้ว ขอบคุณมากน้าๆๆ

ทำได้แว้ววววววว

#100 By GAB on 2009-03-08 19:47

เจ๋งเป้ง ต็องทดลองซะแล้ว

#99 By Nan (124.121.28.224) on 2008-10-30 12:47

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

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

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

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

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

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

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

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

ประโยช

มากมาย

#95 By KOMIE on 2007-01-25 19:48

อ่านะ......

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

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

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

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

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

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

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

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

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

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

ว๊าว

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

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

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

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

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

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

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

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

อธิบายดีจัง

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

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

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

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

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

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

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

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

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

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

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

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

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

#78 By ame -'๑'- on 2006-01-27 14:42

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

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

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

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

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

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

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

เด้

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

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

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

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

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

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

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

#69 By japanicsw on 2005-11-01 16:24

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