1. เตรียมใบไม้ไว้ก่อน

2. กำหนดขอบเขตของหยดน้ำ

3. ทำให้มันฟุ้งๆแบบนี้

4. เนื่องจากหยดน้ำนั้นโปร่งใส ดังนั้นด้านบนจึงเกิดเงาด้วย ส่วนด้านล่างไม่โดนเงาจากขอบบนของหยดน้ำจึงสว่างกว่า เติมความสว่างเข้าด้านล่างของหยดน้ำ

5. เติมไฮไลท์สีสดด้วยเลเยอร์ Overlay

6. เติมไฮไลท์ขาว

7. เติมเงาตกกระทบบนใบไม้

8. เนื่องจากหยดน้ำใส เงาจึงไม่มืดสนิททั้งเงา ให้เติมความใสให้มันเป็นอันสมบูรณ์

จบปิ๊ง

1. ผมร่างภาพในหัวคล่าวๆ ไว้หลายๆแบบ โดยภาพนี้จะไม่มีรายละเอียดอะไร แต่เป็นการกำหนดโครงสร้างและโพสของตัวละคร และคอมโพสโดยรวมของภาพว่าจะไปในทิศทางไหน

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

3. ตัดเส้น ผมไม่ได้ตัดเส้นเนี๊ยบนัก แต่ตัดเพื่อเน้นส่วนรายละเอียดที่เป็นเส้นสเก็ตหยาบๆในขั้นตอนก่อนหน้ามากกว่า แต่การตัดเส้น ถ้าเราตัดให้เส้นต่อกันสนิทจะทำให้ขั้นตอนการลงสีพื้นง่ายขึ้นครับ

4. ลงสีพื้น จะเห็นว่าการลงสีพื้นในหลายๆส่วนผมไม่ได้คำนึงถึงเส้นขอบมากนัก มีการลงสีเลยหรือทะลุบ้างเพื่อไม่ให้งานที่เสร็จออกมาดูแข็งจนเกินไปแต่มีบรรยากาศของสีที่กระทำต่อกันครับ

5. วาดเมฆคล่าวๆ กำหนดทิศทางแสงและเงาด้วยเลเยอร์ multiply และ overlay บางคนก็ไม่ชอบใช้ blending mode ในการทำงาน แต่ผมมองว่ามันช่วยร่นเวลาได้มากดีครับ

6. ลงลายละเอียดตามที่เรากำหนดแสงและเงาไปในขั้นก่อนหน้า ผมเพ้นทับเส้นไปเลย เพื่อว่าเวลาเจอจุดที่ตัดเส้นผิดพลาดจะได้เพ้นทับแก้ไขไปในทีเดียวครับ เติมรายละเอียดเช่นรอยยับของผ้าหรือขนตามใจชอบ

7. เติมลายผ้าด้วยเลเยอร์ multiply แล้วตกแต่งให้เข้ากับแสงเงาบนผ้า เขียนลายกระบองด้วยเลเยอร์ normal

8. ตบแสงเข้าไปในบางจุดที่้ต้องการเน้นให้เด่นขึ้น ตกแต่งเมฆให้เรียบร้อย

9. ผลักระยะของแขนและกระบองที่อยู่ไกลโดยลดความสดของสี ถ้ายังไม่พอใจเราสามารถปรับสีเล็กน้อยในขั้นตอนนี้ด้วยคำสั่ง color balance หรือ level ตามใจชอบ

10. สวัสดีปีใหม่ครับ

องค์ประกอบจำเป็นสำหรับนำ application ขึ้น Facebook

รูปแสดง Architecture ของเกม facebook ทั่วๆ ไป

ขั้นตอนการสร้าง application บน facebook ด้วย Heroku

1. เข้าไปที่ www.facebook.com/developers (หากยังไม่ยืนยันตัวตนผ่าน SMS facebook จะไม่อนุญาตให้เราสร้าง app ใหม่)
2. คลิก Create New App ทางมุมขวาบน

New App

3. จะปรากฏดังรูป คลิกที่ปุ่ม Get Started ในกรอบ Cloud Services

4. เลือก Heroku และคลิก Next (ในอนาคต Facebook อาจมี Cloud เจ้าอื่นให้เลือกนอกจาก Heroku เช่นกัน)

5. เลือกประเภท application ที่เราจะสร้าง (PHP, Pyhton, Ruby,Node.js) ซึ่งในบทความนี้ให้เลือกเป็น PHP และอีเมล์ที่เราจะใช้ในการสมัคร account Heroku (แยกต่างหากออกจาก Facebook Account) และคลิก Create

6. ตอนนี้ทาง Heroku จะสร้างหน้า Example Application ขึ้นมาให้โดยอัตโนมัติ ให้คลิก Allow App เพิ่อดำเนินการต่อไป

7. ปรากฏหน้า Example Application ที่เสร็จแล้วพร้อมใช้งานของ Heroku ขึ้นมา

8. คลิก link confirm การสมัครสมาชิกของ Heroku ที่ส่งเข้าอีเมล์ของคุณ

9. ตั้งรหัสผ่านเพื่อใช้งาน Heroku

10. Download Heroku Toolbelt ที่ http://devcenter.heroku.com/articles/facebook (แต่ละ OS จะมีขั้นตอนการ install ไม่เหมือนกัน)

11. ขั้นต่อไปคือเปิด Command Prompt ขึ้นมาสำหรับ Windows ซึ่งถ้าเป็น Linux หรือ Mac ก็เปิด Terminal/Shell ขึ้นมาได้เลยครับ แล้วพิมพ์ heroku login และกรอกข้อมูลอีเมล์และรหัสผ่านไป เสร็จแล้วตัว heroku toolbelt จะสร้างและ upload public key ไปให้บน heroku server โดยอัตโนมัติ

12. Copy private key และ public key ที่ถูกสร้างขึ้นอัตโนมัติชื่อ id_rsa และ id_rsa.pub ในข้อ 11 จาก C:\Users\User ของคุณ\.ssh ไปยัง C:\Program Files\Git\.ssh (ต้องสั่ง Show hidden file เสียก่อน)

13. ข้อเสีย(หรือข้อดี?) อย่างหนึ่งของ heroku คือการใช้ upload file ใดๆ ขึ้น server ของ heroku จะไม่มี FTP หรือ ssh ให้ใช้งานเลยแม้แต่น้อย ต้อง push code ผ่าน Git ของ heroku เท่านั้น (Git คือ software version control ประเภทหนึ่ง เทียบได้กับ Subversion หรือ SVN) โดยก่อนอื่นต้อง git clone ไฟล์ที่ตัว heroku สร้างให้อัตโนมัติมาลงเครื่องของเราก่อน ซึ่งให้แก้ furious-robot-218 เป็นชื่อ project ของเราที่ Heroku ตั้งชื่อให้ตอนสร้างแทน

14. แก้ไขไฟล์ index.php โดยทดลองเพิ่มข้อความอะไรก็ได้เพื่อทดสอบการแก้ไขไฟล์ให้แสดงผลต่างไปจากเดิมที่เห็นก่อนหน้านี้ เช่นพิมพ์ข้อความ Welcome to my new app เพิ่มเข้าไป

15. สั่ง git commit -am “comment ที่ใช้เตือนความจำคุณเอง”

16. สั่ง git push heroku หากสำเร็จจะปรากฏข้อความในลักษณะดังภาพ หากล้มเหลวและขึ้นว่า Permission denied ให้ตรวจสอบขั้นตอนที่ 11-12 ดีๆ อีกครั้ง

17. เมื่อสำเร็จและกลับไปดูที่ www.facebook.com/developers อีกครั้งแล้วคลิกที่ app ที่เราพึ่งสร้างจะพบว่าที่ตัว facebook นั้นกรอก URL ไปยัง Heroku ให้เองแล้วอัตโนมัติ

18. Heroku นั้นจะสร้าง application บน facebook ในรูปแบบ Website ให้อัตโนมัติ (ตัวเว็บอยู่นอกกรอบ facebook แค่ขอดึงใช้งานข้อมูล friend ต่างๆ เฉยๆ) หากเราต้องการให้เป็น application ที่อยู่ในกรอบ facebook (เรียกว่า Canvas app) ให้ copy ข้อความใน Site URL มาใส่ยังช่อง App on Facebook ในส่วน Secure Canvas URL เอาเองนะครับ (ส่วนช่อง Canvas URL ก็ให้กรอกเหมือนกัน แค่เปลี่ยนจาก https เป็น http เท่านั้น) หรือหากต้องการสร้าง application ให้ tab บน page ของคุณก็ไปกรอกที่ช่อง Page Tab แทนครับ

ขอให้ทุกคนสนุกกับการสร้าง App บน facebook นะครับ

แต่ทุกวันนี้ผมใช้วิธีที่(คิดว่า)น่าจะดีกว่าทั้ง2วิธีนั้นแล้วครับ เพราะรู้สึกว่ามันเป็นระเบียบกว่า และรวดเร็วกว่า

1. เตรียมไฟล์ .ai ให้พร้อม ด้วยการแบ่ง layer ให้กับส่วนต่างๆที่จะเอามาใช้เป็น Movie Clip ในแฟลชของเราครับ
แบ่งเสร็จแล้วก็ตั้งชื่อ Layer ให้เรียบร้อยด้วยนะครับ อย่าง “Layer 4” ในรูปนั่นคือตัวอย่างที่ไม่ดี

2. New File ในโปรแกรมแฟลชครับ แล้วก็อย่าลืมตั้งขนาดให้เท่ากับไฟล์ .ai ของเราด้วยนะครับ(โดยเฉพาะในกรณีที่เป็นพวก Interface)

3. จากนั้นเลือกคำสั่ง File > Import > Import to Stage

ก็จะมีหน้าต่างหน้าตาแบบนี้โผล่ขึ้นมานะครับ

4.เลือกที่ Layer ที่เราต้องการจะสร้างเป็น Movie Clip ครับ แล้วติ๊กที่ช่อง Create Movie Clip

5. ทำแบบนี้ให้ครบทุกๆอันครับ แล้วก็ถ้าเราต้องการ เราสามารถ Import Layer นั้นๆเข้ามาเป็นแค่ รูปภาพเฉยๆก็ได้ด้วย (Layer Bg ในรูป)

เท่านี้ก็เสร็จแล้วครับ เราก็จะได้ไฟล์ .fla ที่มี Movie Clip ที่เราต้องการครบพร้อมโดยไม่ต้อง Copy+Paste นั่งสร้าง Movie Clip ใหม่เองให้เมื่อยตุ้ม

Option : เราสามารถเลือกได้ด้วยนะครับว่าเราจะ Import เข้ามาเป็นอะไร ถ้าเป็นงาน Interface ส่วนใหญ่ผมก็ใช้ Flash Layers แหละครับ แต่บางงานเช่น Animation ของตัวละครที่ทำเป็น Frame by Frame ใช้ Keyframes ก็สะดวกดีครับ