หัดวาดรูป Flash

posted on 08 Nov 2010 18:56 by anekodoll in Journal, Tutorial
เนื่องด้วยตอนนี้เรากำลังทำโปรเจคเกมส์  JankBook
(เป็นโค้ดเนมเฉยๆนะจ้ะ ยังไม่มีชื่อเกมส์อย่างเป็นทางการ)
 
ในช่วงเดือนตุลาคมนี้ จะเป็นช่วง Learning Process
ฉะนั้นแล้วจึงเป็นช่วงฝึกการใช้โปรแกรม
(ซึ่งมีอู้บ้าง เล่นเกมส์บ้าง อะไรบ้าง 5555+) -- แหม่ก็มันปิดเทอมนิ
 
 
และแล้วววววววว
นี่ก็คือ รูปวาด "กระต่ายพูพี" (ไอกระต่ายอ้วนนี่อีกแล้ว)
ในเวอร์ชั่นของ Flash
 
หมายเหตุ:
ใน Entry นี้จะเป็นการวาดรูปเพื่อนำไปใช้ทำ Animation ต่อ
ฉะนั้นอาจมีการแบ่งเลเยอร์และเซท Symbol เป็นจำนวนมาก(พอสมควร) ^^"
 
Tool: Adobe Flash CS4
Tablet: Wacom Graphire 4 (4x5) << ขาดไม่ได้เลยตัวนี้
Time: about 4 hours (ทำนานเหมือนกันนะเหนี่ย = =")
 
- - - - - - - - - - - - - - - - - - - - - - - - - - -
 
เกริ่น....
 
ในการวาดเจ้าตัวนี้ เราจะแบ่งอวัยวะออกเป็นส่วนๆ
เช่น หัว, หู, ขาหน้า, ขาหลัง, ตัว, หาง ... อะไรประมาณนี้
แล้วเก็บไว้เป็น Symbol แล้วเอาไปใช้ทำ Animation ต่อไป
 
เอาล่ะ+!!
มาดูความซุย ในการหัดใช้โปรแกรม แบบฉบับของแมวเหมียวกันดีกว่า (ฮา)
 
 
- - - - - - - - - - - - - - - - - - - - - - - - - - -
 
ทำอะไรไปบ้าง...
 
เวลาวาดงานนี้เราจะใช้แค่ Brush อย่างเดียว
เพราะเรารู้สึกว่า ไม่อยากได้ลายเส้นที่เท่ากันเด๊ะตลอดทั้งภาพ
(หรือว่ามันมีเทคนิคอื่นอะไรรึป่าว ใครรู้ช่วยบอกทีจ้าา ><")
 
 
ขั้นตอนที่ 1 - ดราฟ ดราฟ Draft !!!
เอาแค่ให้พอเห็นรูปร่างก็พอจ้า
 
ขั้นตอนที่ 2 - หยิบสีที่ถูกใจมาลองป้ายๆดู
ก็เหมือนเวลาเราผสมสีทิ้งไว้อ่ะจ้า พอจะเทสีก็ใช้ Dropper ดูดๆเอาเลย ^^/
(ความจริงน่าจะเซฟลง Swatches ได้แต่ยังไม่ได้ลอง แหะๆ)
 
ขั้นตอนที่ 3 - วาดรูปแต่ละส่วน ...อวัยวะนึงก็เลเยอร์นึง แบบนี้จะควบคุมง่ายกว่า
เช่นอันนี้หูก็เลเยอร์นึง หัวก็เลอเยอร์นึง จ้ะ
พอวาดเสร็จชิ้นนึงก็ Convert to Symbol เก็บไว้เลย
 
ขั้นตอนที่ 4 - พอลงสีแต่ละส่วนเสร็จก็ทำให้มันเป็น Symbol แล้วก็เก็บไว้ในเลเยอร์ของใครของมัน
(เพื่อที่จะได้เอาไปทำ Animation ในคราวต่อๆไป)
 
 
            TIP!!: การแยกชิ้นส่วนไปไว้เลเยอร์ใหม่ *** ง่ายซุดซู้ดดด
                    1. คลิกเลือกส่วนที่ต้องการ
                    2. คลิกขวา > Distribute to Layers
ของที่เราเลือกไว้จะกระเด็นไปอยู่เลเยอร์ใหม่ทันที ชอบมากๆฟีเจอร์นี้ ฮ่าๆ XD
 
 
 
และแล้วนี่ก็เป็นภาพเกือบสุดท้าย
หลังจากพยายามมั่วๆ ถูไถๆ ไปกับแฟลช
 
แล้วก็ตัดสินใจใส่เฉดเพิ่มเข้าไปอีกชั้นนึง เพื่อให้มันดูเด่นขึ้นหน่อย
และแล้วก็เสร็จสมบูรณ์จ้าาาาาาา
 
ปล. แต่โดยส่วนตัวก็แอบชอบแบบไม่ตัดสีเข้มๆเหมือนกัน
มันดูน่ารักไปอีกแบบ ฮาๆ
 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 
เทคนิคในการใส่เฉดสีหรือพวกแสงเงา มีหลายแบบมากๆ
ขึ้นอยู่กับสไตล์ของแต่ละคน
 
ไว้งมโข่ง บุ๋งๆๆ จนเจอเทคนิคดีๆเหมาะๆเมื่อไร่ จะเอามาแบ่งปันกันน่อ ^^/
 
ตอนนี้ของ บุ๋งๆๆ ไปก่อน
 
(ผัวะ!!!!!!!!!!!!!!!!!!!!) ... (โดนตบหัวไปปั่นงาน)
 
 
 
 

Comment

Comment:

Tweet

สวยจ้าเหมียวว เห็นแล้วอยากเลี้ยงกระต่าย ^^

#5 By Nat (110.168.27.112) on 2010-12-05 11:04

น่ารักมากๆ เลย ^w^

#4 By วิหคสีคราม on 2010-11-23 13:32

น่ารักมากเลยล่ะ

#3 By ☆ Writing-pk ☆ on 2010-11-12 15:51

งามมาก Hot!

#2 By Critical#Zeed on 2010-11-08 21:20

เทพ!!!
สวยมาก =[]=

#1 By ๏Luvi๏`KunG on 2010-11-08 21:08