วาดหยดน้ำค้างกลางใบไม้ไว้เชยชมกันเถอะ by

24
Jan
0

วาดหยดน้ำค้างกลางใบไม้ไว้เชยชมกันเถอะ

 

sample22a

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

sample22b

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

sample22c

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

sample22d

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

sample22e

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

sample22f

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

sample22g

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

sample22h

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

จบปิ๊ง

ขั้นตอนการวาดรูปรับปีลิง by

30
Dec
0

sample21a

sample21b

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

 

sample21c

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

 

sample21d

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

 

sample21e

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

 

sample21f

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

 

sample21g

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

 

sample21h

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

 

sample21i

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

 

sample21j

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

 

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

หัดสร้าง Application บน Facebook ด้วย Heroku (Free Cloud Hosting) by

30
Sep
6

บทความนี้จริงๆ ก็เหมือนของเก่าเล่าใหม่ เพราะเคยเขียนไปนานมากแล้ว แต่ครั้งนี้ Facebook ได้ประกาศจับมือกับ Heroku ทำให้เรามี Cloud Hosting ได้ใช้กันฟรีๆ ไม่ต้องไปหา host เองให้วุ่นวาย (แต่เฉพาะการทำ app ง่ายๆ เล็กๆ น้อยๆ นะครับ ถ้าจะทำจริงจัง ควรไปเช่า host แบบจ่ายเงินจริงจังอยู่ดี) ซึ่งตัว Heroku นั้นมีข้อดีอย่างมากอย่างแรกคือมี https ในตัว ทำให้ผู้ที่ต้องการจะสร้าง application บน facebook แบบง่ายๆ ไม่ต้องไปวุ่นวายหา Host ใช้งาน และหาทางจดค่าโดเมนและค่า https certificate แบบรายปีให้วุ่นวาย ผมจึงขอเขียนเป็นบทความใหม่ดังนี้ครับ

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

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

  • —เตรียม Hosting สำหรับเก็บไฟล์ รองรับ load การใช้งานทั่วไป (ในที่นี้ของเราคือ Heroku ครับ)
  • —สร้าง Application ใน Developer ของ Facebook
  • —SDK สำหรับติดต่อกับ Facebook ภาษาต่างๆ (หลักๆ ที่ใช้คือ PHP SDK และ Javascript SDK)
  • —ตัวเกม ตัว app ที่เราสร้างขึ้น

เปิด Animated GIF เป็น frame ด้วย Photoshop by

21
Feb
2
ปัญหาหลักๆในการที่จะ edit รูป animated gif แบบรูปด้านล่างนี้
ที่หลายๆคนมักจะเจอนะครับ ก็คือเปิดมันใ้้ห้ออกมาเป็น frame ๆไม่ได้
พอลากไฟล์ .gif เข้าไปใน photoshop ทีไร มันก็ขึ้นหน้าต่างนี้ขึ้นมา
แล้วภาพ .gif ของเราก็กลายเป็นภาพเดียวตลอดเลย
ถ้าเป็นเมื่อก่อนก็ไม่มีปัญหาหรอกครับ ถ้าเราัยังมีเจ้า Imageready อยู่
แต่ ณ วันนี้(CS3+ มั้ง) เขาก็ได้จากเราไปแล้วครับ
แต่ว่าเราก็ยังมีความหวังอยู่ครับ วิธีการนั้นก็ไม่ได้ยากเลยครับ แค่ไม่รู้เท่านั้นเอง
วิธีการคือ
1. ไปที่ File > Import > Video Frames to Layers
2. จากนั้น Photoshop ก็จะขึ้นหน้าต่างเลือกไฟล์ที่จะเิปิดมาครับ
ให้เราเลือกไปที่ Folder ที่มีไฟล์ .gif ของเราอยู่ แต่เมื่อเข้าไปถึงก็จะพบว่าไม่มีไฟล์ของเราให้เลือก
แถมกดไปที่ File type: ก็ไม่มีให้เลือกอย่างอื่นอีกต่างหาก
3. ถึงขั้นนี้แล้วเราก็อย่างไปยอมครับ พิมพ์ชื่อไฟล์ของเราเข้าไปดื้อๆเลย!
เมื่อกด Load ปุปเราก็จะได้ของที่เราอยากได้ครับ ไฟล์ gif ที่แบ่งออกมาเป็น frame แล้ว

วิธีการเอารูปจาก .ai ไปใส่ใน .fla by

28
Jan
0

ไม่รู้คนอื่นๆเป็นเหมือนผมไหมนะครับ ในสมัยที่ผมเริ่มหัดทำแฟลชแรกๆ ถ้าจะเอารูปภาพ หรือ Interface ที่เราออกแบบในไฟล์ .ai หรือ .psd  เข้าไปใช้ในแฟลชเนี่ย วิธีที่ผมทำมีอยู่ 2 แบบครับ 1. Ctrl+C , Ctrl+V 2.เซฟออกมาเป็นไฟล์รูป .jpg .png ก็ว่ากันไป แล้วค่อยลากเข้าไปใน Movie Clip ในไฟล์ .fla อีกที

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

กู้เงิน | เศรษฐกิจพอเพียง | สินเชื่อบุคคล | สมัครบัตรกดเงินสด | สินเชื่อ | เงินกู้ด่วน | ยืมเงินทรูมูฟ | เงินด่วนนอกระบบ