วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

อ่านหัวข้อก่อนหน้า อ่านหัวข้อถัดไป Go down

วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by Belkan-War on Tue 28 Apr 2009 - 0:36

เอามาให้ดูครับ เครดิตเว็บ Thaicartoonclub (มันค่อนข้างยาว เดี๋ยวจะค่อยๆ ลงนะครับ)มาดูวิธีทำตั้งแต่ขั้นแรกกันเลย คือ การเตรียมภาพก่อนที่จะลงมือทำ CG (อาจจะโหลดช้าหน่อยเพราะรูปมันใหญ่ ก็ทนรอเอาหน่อยละกันนะ)

1. เปิดโปรแกรม PhotoShop แล้วเลือกรูปที่จะใช้ทำCG ดังภาพข้างล่าง (ไปที่เมนู File>Open>เลือกรูป>Open หรือ เปิด) ปล. ถ้ามีรอยเปื้อนต่างๆก็ใช้เครื่องมือยางลบ ลบซะก่อนก็ดีนะ

2. ทำให้ภาพอยู่ในโหมด RGB Color ( คลิ๊กที่ตำแหน่ง A แล้วคลิ๊กที่ตำแหน่ง B ตามลำดับ ดังภาพ)

3. เปลี่ยน Layer ของภาพ จาก Backgrond ให้เป็น Layer ที่ตกแต่งได้( ดับเบิ้ลคลิ๊กที่ A จะมี กล่องข้อความขึ้นมา คลิ๊กOK)



4. ทำภาพให้เป็น ภาพโปรงใส่[Transparent (โดยที่ตรงส่วนที่เป็นสีขาวจะโปร่งใส)]( คลิ๊กที่ตำแหน่ง A แล้วคลิ๊กที่ตำแหน่ง B ตามลำดับ ดังภาพผลลัพธ์จะเป็นดังรูป C)
คลิ๊กที่ตำแหน่ง A กด Delete (บนคีย์บอร์ด)จะได้ผลลัพธ์ ดังจุดB ดังภาพ
avatar
Belkan-War
Bronze Star
Bronze Star

birth : 06/04/1991
Placement : เทือกเขา อากินะ

ขึ้นไปข้างบน Go down

Re: วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by Belkan-War on Tue 28 Apr 2009 - 0:37

ต่อๆ 5. ทำให้จุดประในภาพหายไป (คลิ๊กที่เครื่องมือ A แล้วคลิ๊กที่ตรงไหนของภาพก็ได้ตำแหน่ง จุดประจะหายไปดูจุด B ผลลัพธ์จะเป็นดังรูป ) จากนั้นจะทำการเพิ่ม Layer ตรงจุด C (การกระทำกับรูปในคนละ Layer จะไม่เกี่ยวข้องกัน ทำให้สะดวกในการแก้ไขภาพ)
6. เพิ่ม Layer ทำเป็น Backgrond( คลิ๊กที่ตำแหน่ง A จะทำให้มี Layer เปล่าขึ้นมา1 Layer ดังภาพ B) ปล. จากภาพ ตรงจุด B มีแถบสีฟ้า แสดงว่าเรากำลังกระทำกับ Layer นั้นอยู่ และถ้าเราต้องการซ่อน Layer ไหน ไม่ให้แสดงออกมาให้เห็นในภาพ สามารถทำได้โดยการคลิ๊กที่รูปตาหน้า Layer นั้นๆ ถ้าจะยกเลิกการซ่อน Layer ก็คลิ๊กที่ตาหน้า Layer นั้น อีกที (ถ้าจะลบ Layer ทำได้โดยการคลิ๊กค้างที่ Layer ที่ต้องการลบแล้วลากมาใส่รูปถังขยะข้างๆจุด A )
7. เปลี่ยนชื่อ Layer ใหม่ที่สร้างขึ้นเป็น Backgrond หรือBK( ดับเบิ้ลคลิ๊กที่ Layer ที่สร้างใหม่จะมี กล่องข้อความขึ้นมา พิมพ์ชื่อตรงจุด A คลิ๊กOK )
8. ลาก Layer BK ลงมาไว้ล่างสุด ( คลิ๊กค้างที่ Layer BK แล้วลากลงมาไว้ข้างล่างสุด จะได้ผลลัพธ์ดังภาพ)
9. ลงสี Backgrond ( คลิ๊กที่ตำแหน่ง A แล้วคลิ๊กที่ตำแหน่ง B ตามลำดับ จะได้สีขาวดัง C คลิ๊ก OK ตรงจุด D )
จากนั้นเลือกเครื่องมือตรงจุด E แล้วคลิ๊กตรงที่ว่างในรูป เราก็จะได้ Backgrond สีขาว ดังภาพข้างล่าง ปล. ต้องมีแถบสีฟ้าตรง Layer BK เป็นการบอกว่าเรากำลังกระทำกับ Layer นี้อยู่
avatar
Belkan-War
Bronze Star
Bronze Star

birth : 06/04/1991
Placement : เทือกเขา อากินะ

ขึ้นไปข้างบน Go down

Re: วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by Belkan-War on Tue 28 Apr 2009 - 0:38

"ลงสีพื้น"
หลังจากได้ภาพที่พร้อมลงสีแล้ว เราก็มาลงสีพื้นกันเป็นขั้นต่อไป (อาจจะโหลดช้าหน่อยเพราะรูปมันใหญ่ ก็ทนรอเอาหน่อยละกันนะ)

ผ่านบทแรก (การเตรียมรูป) หวังว่าคงจะคุ้นเคยกับระบบ Layer กันพอสมควรแล้ว บทนี้(การลงสีพื้น)และบทต่อไป (การตกแต่ง)เราจะต้องใช้ Layer กันอีกเยอะเลย เพราะฉนั้นตั้งใจอ่านกันหน่อยนะ เดี๋ยวจะทำไม่ได้ เหอ 1. คัดลอก Layer 0 เก็บไว้เพื่อเป็นต้นแบบ และกันเสีย โดยเปลี่ยนชื่อ Layer 0 เป็นอะไรก็ได้ที่เราเข้าใจ โดยวิธีที่เคยสอน จากนั้นก็ทำการคัดลอก(คัดลอก Layer โดย คลิ๊กค้างที่ตำแหน่ง A แล้วลากไปวางที่ตำแหน่ง B ตามลำดับ ดังภาพ)
จากนั้นให้ลากรูปที่คัดลอกมาไว้ข้างล่างดังรูป ( ปกติพอเราคัดลอกรูป copy จะอยู่ข้างบนรูปที่คัดลอก และจะมีชื่อ Layer = copy ตามด้วยชื่อภาพที่ copy ดังตำแหน่ง A ตำแหน่ง B คือรูปต้นแบบ ปล. ตามรูปได้ทำการย้ายภาพ copy มาไว้ข้างล่างแล้ว )
2. ลงสีทีละส่วน แบ่งเป็นผม เสื้อผ้า ผิวหนัง เครื่องประดับ ฯลฯ แล้วแต่ความถนัด( คลิ๊กที่ Layer ที่เราcopy มา แล้วคลิ๊กที่เครื่องมือ A จะปรากฏเป็นจุดประ ดังตำแหน่ง a แล้วคลิ๊กที่เครื่องมือ B เพื่อเทสีที่เราเลือกแล้วลงไป ดังตำแหน่ง b ) เทคนิคเล็กๆน้อยๆ ถ้าเราใช้เครื่องมือ A แล้วปรากฏว่า จุดประเป็นกระดำกระด่าง ไม่เหมือนดังจุด a ดังภาพ ให้กด Delete 1ที จากนั้นคลิ๊กใหม่ที่เดิม จุดประ จะไม่กระดำกระด่าง และสามารถเทสีให้เนียนเรียบสวยงามได้
3. แต่งจุดเล็กๆน้อยที่การเทสีไม่ละเอียดพอ เช่นปลายผม และซอกเล็กๆ(คลิ๊กที่เครื่องมือ A แล้วคลิ๊กที่ตำแหน่ง B เพื่อเลือกขนาดพู่กัน จากนั้นก็ระบายตรงจุดที่ต้องการระบายสี ดังภาพ)
4. แก้ชื่อให้เป็น hair ( เพื่อบอกว่า Layer นี้ลงสีผม) ดังภาพ
5. ลงสีส่วนอื่นๆโดยวิธีเดียวกันกับข้อ1-4 ( จุด A ภาพที่ลงสีพื้นเสร็จแล้ว จุด B แสดงการแบ่ง Layer ต่างๆ) ดังภาพ
avatar
Belkan-War
Bronze Star
Bronze Star

birth : 06/04/1991
Placement : เทือกเขา อากินะ

ขึ้นไปข้างบน Go down

Re: วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by Belkan-War on Tue 28 Apr 2009 - 0:40

"ตกแต่งเงาและพื้นหลัง"
หลังจากสีพื้นกันแล้ว ก็มาถึงขั้นตกแต่งให้รูปสมบูรณ์ เป็นขั้นต่อไป (อาจจะโหลดช้าหน่อยเพราะรูปมันใหญ่ ก็ทนรอเอาหน่อยละกันนะ) บทนี้จะมีการสร้าง Layer ลูก ซ้อน Layer แม่ขึ้นมา(ที่จากบทที่แล้วคงจะมีหลายคนสงสัยว่าทำไมต้องสร้างหลาย Layer ได้ใช้ในขั้นตอนนี้นี่แหละ) ประโยชน์ ก็คือ Layer ลูก ที่สร้างซ้อนขึ้นมา ไม่ว่าจะกระทำการไดๆกับ Layerลูกนั้นก็ตาม มันจะไม่เลยออกนอกขอบเขต(ส่วนที่ลงสี) ของ Layer แม่เลย เหอๆ สะดวกมากเลยนะ สำหรับคนที่มือไม่นิ่ง 1. เพิ่ม Layer ลูก กับ Layer ที่เราจะแต่งเงาและรายละเอียด(โดย คลิ๊กที่ตำแหน่ง A(Layer ที่จะตกแต่ง) แล้วคลิ๊กที่ตำแหน่ง B ตามลำดับ จะได้ Layer เปล่า มา1อันดังจุด C เหนือ Layer ที่เลือก ดังภาพ)
คลิ๊กเลือกที่ Layer ที่สร้างใหม่ จากนั้น กด Ctrl + G (ที่คีย์บอร์ด)( Layer ที่สร้างใหม่จะกล้ายเป็น Layer ลูก ของ Layer ที่อยู่ด้านล่างทันที และ Layer ที่เป็น Layer แม่จะมีขีดใต้ชื่อดังจุด B)เปลี่ยนชื่อ Layer ลูก ดังจุด A คลิ๊กเลือก Layer ลูก แล้วลงเงาตามใจชอบ ( ลงเงายังไงให้สวย วิธีฝึกที่ง่ายที่สุดให้หาแบบมาดู เช่นจากโปสเตอร์-หนังสือ-นิตยสารการ์ตูน แล้วลงเงาตามแบบ)
2. ทำส่วนอื่นๆ( Layer อื่น )ด้วยวิธีเดียวกันกับข้อ 1.จนครบทุกส่วน จากนั้นแต่งสีพื้นหลัง( คลิ๊กที่ Layer BK ตรงตำแหน่ง A แล้วคลิ๊กตำแหน่ง B จากนั้นลากเส้นลงมาจากบนลงล่าง จะได้ภาพเหมือนที่จุด C ) เทคนิคเล็กๆน้อยๆ เราสามารถเกลี่ยสีเงาให้เนียนไปกับสีผิวได้โดยใช้เครื่องมือที่เป็นรูปนิ้ว( Smudge Tool ) คลิ๊กค้างแล้วถูบริเวณขอบๆด้านที่ต้องการเกลี่ย โดยสามารถเลือกขนาดจุดที่เกลี่ยได้เหมือนขนาดพู่กัน โดยเลือกขนาดที่เดียวกันกับที่เลือกขนาดพู่กัน (หน้าต่าง Brushes)
3. สร้างเทคนิคพิเศษ โดยใช้ Filter (จากภาพข้างล่างทำเทคนิคนี้กับ Backgrond โดย ไปที่เมนูข้างบน เลือก Filter > Render> Lens Flare...)ปล. มีอีกหลาย Filter ให้เลือกใช้กัน ลองใช้กันดูหลายๆอย่าง ก็จะได้ภาพที่แตกต่างกันออกไป (สกรีนโทนที่ Lovejung ทำก็ใช้ไอ้เจ้าFilter นี่แหละช่วยทำ)

Mission Complete !!!
avatar
Belkan-War
Bronze Star
Bronze Star

birth : 06/04/1991
Placement : เทือกเขา อากินะ

ขึ้นไปข้างบน Go down

Re: วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by Happiiloo_alfie on Tue 28 Apr 2009 - 1:01

ขอบคุนจ้า
avatar
Happiiloo_alfie
Shooting Star
Shooting Star

birth : 18/03/1989
Placement : ดินแดนแห่งพันธสัญญา

ขึ้นไปข้างบน Go down

Re: วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by mynamekor on Tue 28 Apr 2009 - 4:41

ขอบคุณคับ จะลองนำไปใช่ดูนะคับผม

_________________
เส้นทางสู่ความฝัน [PNK]
avatar
mynamekor
Shooting Star
Shooting Star

birth : 17/11/1991
Placement : ในหมาสีดำข้างถนน

ขึ้นไปข้างบน Go down

Re: วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by trio-jam on Wed 29 Apr 2009 - 10:07

มันมีลวกกว่านี้อีกแหละ เค้าทำบ่อย คริๆ

เดี๋ยวลองแบบนี้มั่ง

_________________

Credit by : toei

How to be a successful man:

"-Shut up and do it-"

PS.Bluffing is useless. Try another tactics. Got it?
avatar
trio-jam
InW
InW

Placement : ณ กองเพลิง(เผา?)

http://trio-jam.exteen.com/

ขึ้นไปข้างบน Go down

Re: วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by By~ne on Fri 1 May 2009 - 15:46

แง่ม

เข้ามาดูดความรู้ขอรับ อิอิ
avatar
By~ne
InW
InW

birth : 02/05/1995
Placement : ในสภาสูง

http://by-neowo.exteen.com/

ขึ้นไปข้างบน Go down

Re: วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by desadoria on Fri 1 May 2009 - 18:15

งุมๆ เมื่อก่อนผมก็ทำอย่างงี้นะ

แต่เดี๋ยวนี้เอาให้มันล้นหรอบแล้วค่อยลบเอาแล้วค่อยทำการ clip mask เอา

ส่วนการลงเงาผมใช้วิธี lock และ fill เอาจะทำให้เรารู้ว่า เงาที่เลาลงไปถูกต้องรึเปล่า ' ')

เอ้อ ผมใช้วิธี ดูดและปาดเอาน่ะ (อย่าคิดลึกเชียวหนา)
avatar
desadoria
Shooting Star
Shooting Star

birth : 16/03/1993
Placement : สิงสู่ต้นไม่ไปเรื่อยๆ

http://desadoria.exteen.com

ขึ้นไปข้างบน Go down

Re: วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by prim_15505 on Sun 3 May 2009 - 11:41

ทำตามทุกขั้นตอนแล้วมันม่ะได้อ่ะ...ทำไงดี
avatar
prim_15505
InW
InW

birth : 19/05/1991
Placement : บ้านปริศนาใกล้ๆต้นไม้โลก

http://prim15505.exteen.com/

ขึ้นไปข้างบน Go down

Re: วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by hana5394 on Sun 3 May 2009 - 20:47

T^Tแง่งง ของเรามานรุ่นเก่าอ่าา มานไม่มีบางอย่างเหมือนของคนอื่นเรยแหะ- -
avatar
hana5394
Shooting Star
Shooting Star

birth : 23/04/1994
Placement : NMB

ขึ้นไปข้างบน Go down

Re: วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by YunozukaE on Mon 4 May 2009 - 8:13

ขอบคุณมากขอรับ ขั้นตอนนี้กำลังอยู่ในขั้นฝึกฝน
avatar
YunozukaE
Lucky Star
Lucky Star

birth : 17/11/1988
Placement : ~ตามแต่ใจจะโหยหา~ >w<

ขึ้นไปข้างบน Go down

Re: วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by -=IZE=- on Tue 5 May 2009 - 10:37

ขอบคุณจ้า

ขอรับเทคนิคนี้ไปลองฝึกล่ะเน้อ~ hot pot
avatar
-=IZE=-
Lucky Star
Lucky Star

Placement : <+:อาณาจักรกางเขนแดง:+>

ขึ้นไปข้างบน Go down

Re: วิธีการลงสีง่ายๆ ด้วย Photoshop (เอามาให้ดูสำหรับใครที่คิดอยากลงสีครับ ^^)

ตั้งหัวข้อ by LinEBaSS on Thu 17 Sep 2009 - 10:43

พื้นฐาน CG เก็บๆๆๆๆๆ ขอบคุณครับ กำลังหัด หาตั้งแต่ ขั้น พื้นๆเลย ไม่เอา ลอยๆ -..-
avatar
LinEBaSS
Golden Star
Golden Star

birth : 25/05/1991

ขึ้นไปข้างบน Go down

อ่านหัวข้อก่อนหน้า อ่านหัวข้อถัดไป ขึ้นไปข้างบน


 
Permissions in this forum:
คุณไม่สามารถพิมพ์ตอบ