วิธีวาดเฟืองประกอบฉาก by

29
Jul
0

คราวนี้เราจะมาทำเฟืองตามภาพด้วยวิธีเบสิคง่ายๆ
01

ใช้บรัชหัวทึบจิ้มจิ้กเป็นวงกลม2วง ขยายลดขนาดให้ได้ตามต้องการ
02

นำมาซ้อนกันก็จะได้วงเฟืองข้างใน
03

วาดซี่เฟือง แล้วcopyแปะรอบๆ
04
05 06
แปะจนรอบ จากนั้นซีเล็คชั่นวงกลมตรงกลางแล้วลบซะ
07 08
ใช้Ctrl+T กดaltลากให้ได้มุมที่ต้องการ copyไปซ้อนด้านล่างอีกชั้น   จากนั้นก็เพ้นผิว-แปะtextureเป็นอันเสร็จ
09

ทำภาพที่เอียงให้ตรงใน PS cs6 by

28
Jul
0

1. เปิดภาพที่ต้องการทำงาน
red1

2.ไปที่ฟังชั่น Crop tool (c) เลือก Perspective Crop tool ตามรูป
02

3.จากนั้นให้ลากลงในภาพ จะขึ้นเส้นปะมาให้เราดัด ส่วนนี้ดัดเส้นปะให้พอดีกับภาพ ตามรูป
03

4.เมื่อพอใจกดEnter ภาพที่เอียงก็จะตรงแบบนี้
04

หวังว่าจะได้นำไปใช้กันครับ

การสร้างสเตท Skill (ท่าไม้ตาย) ของฮีโร่ด้วย Unity Animator by

13
Jul
0

 

 

 

1.หลังจากอนิเมทท่าทางตัวละครใส่สเตท skill ด้วย Spine เรียบร้อยแล้ว export นำเข้าสู่ Unity

 

2.คลิกขวาที่ SkeletonData เลือก Spine > Instantiate (Mecanim)

sample28a

 

3.เราจะได้ Controller หน้าเหลี่ยมๆอย่างนี้มา พร้อมๆกับก้อน Spine Mecanim GameObject ซัมติงที่คืออะไรต้องไปถามโปรแกรมเมอร์

sample28b

 
4.กาง Controller ออกมาเลือกที่สเตท skill

sample28c

 

5.เปิดแท็บ Animator ลากสเตท skill เข้าไป เราจะได้ สเตท skill เข้าไปอยู่ใน Unity Animator

sample28d

 

 

 

6.สร้าง panel ที่  sorting layer skill depth 50 ตั้งชื่อว่า skill

sample28e

 

7.ลาก Spine Mecanim GameObject ไปไว้ใน panel นั้น เปลี่ยนชื่อมันเป็น Hero

 

8.เลือกที่ Hero แล้วไปที่แท็บ Animation เราจะสามารถจัดการอนิเมทบนไทม์ไลน์ของ Unity Animator ได้ต่อไป

sample28f

[UNITY] [Editor] เทคนิคการเขียน Editor ภาค 1 by

30
Jun
0

หลังจากใช้ UNITY กันมาซักพักแล้ว วันนี้เรามาเรียนรู้เรื่องที่ทำให้ชีวิต ง๊ายง่าย กันมากขึ้นดีกว่า
นั่นก็คือ การเขียน Editor นั่นเอง แต่เราไม่ได้จะมาเรียนการเขียน Editor กากๆ พื้นๆนะ
เราจะมาเรียนเรื่องที่มันลึกขึ้นอีกนิด เทพขึ้นอีกหน่อย ให้ชีวิต ดี๊ดี ขึ้นอีกเยอะๆกันดีกว่า

เรื่องแรกเลยก็คือ เรื่องของเส้นคั่น ในตัวเลือกต่างๆของ Editor เคยสงสัยกันไหมว่า เอะทำยังไง
ให้มันมีเส้นคั่นโผล่ออกมา แล้วมีหลายเส้นได้ไหม แล้วมีกฏการเขียนยังไงให้มันมีเส้นคั่นขึ้นมา คืออย่างงี้ครับ
คำตอบก็คือ คำสั่ง MenuItem() เนี่ยมันมี พารามิเตอร์ ที่ชื่อว่า priority อยู่ครับ และมันก็มีกฏเล็กๆน้อย
สำหรับ พารามิเตอร์ ตัวนี้นั่นก็คือ มันจะเรียงลำดับ Item ใน Menu จาก priority น้อยไปหามาก
และแบ่งกลุ่มให้หากมี Item ที่มี priority เดียวกัน และจะสร้างเส้นคั่นให้ ทุกๆ 50 priority ครับ
อ่านแล้ว งงๆ กันใช่ไหมครับ มาดูตัวอย่างกันดีกว่า

[MenuItem("Test/Menu1", false, 1)]
static void Menu1(){}
[MenuItem("Test/Menu2", false, 1)]
static void Menu2(){}
[MenuItem("Test/Menu3", false, 51)]
static void Menu3(){}

จะได้ผลลัพท์ดังรูป

1

และหากเราเพิ่ม code นี้ลงไปท้าย code เดิม

[MenuItem("Test/Menu4", false, 101)]
static void Menu4() { }

จะได้ผลลัพท์ดังรูป

2

เป็นยังไงบ้างครับสำหรับ trick เล็กๆน้อยๆ ของการเขียน Editor ไว้คราวหน้าจะมี trick อื่นๆมาฝากอีกครับ

มาใส่แสง lens flare เท่ๆในงานกัน by

30
Jun
0

1. เริ่มต้นเปิดรูปขึ้นมาก่อน
01

2. สร้างเลเยอร์ใหม่แล้วเทสีดำลงไป~ ใช้ถังสีปุ่มG
02

3. จากนั้นไปที่ Fiter >> Render >> Lens flare…
03

4. จะมีหน้าต่าง Lens flares ขึ้นมา ส่วนนี้สามารถปรับความสว่าง(1) หรือจุดตั้งแสงไฟได้ โดยลากไปทางทิศที่เราต้องการ
04

5. แล้วก็เลือกเลเยอร์ปรับเป็นโหมด Screen ตอนนี้เราก็ได้แสงแล้ว /ส่วนนี้อาจต้องขยับแสงไปในจุดที่ต้องการเพิ่มด้วย
05

6.เสร็จแล้วลองเปลี่ยนสีโดยไป Image >> Adjustments >> Hue / Saturation หรือ Ctlr+U
ค่า Hue เลือนเพื่อเลือกสี / ค่า Saturation เลือนเพื่อเข้มสุดกับอ่อนสุด
06

7.จากนั้นก็อบเลเยอร์แสงขึ้นมาอีก กดCtlr+J และกด Ctlr+t เพื่อบีบและยืดออกด้านข้าง
07

เป็นอันเสร็จ เท่านี้เราก็ได้แสงเท่ๆเหมือนในหนังแล้ว
08