Photoshopก็ทำอนิเมชั่นได้นะเออ by

30
Apr
0

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

e0b8a3e0b8b9e0b89be0b981e0b8a3e0b881e0b8ade0b8b5e0b881

จากนั้นเราก็จะได้แถบเครื่องมือที่จะใช้ในการทำภาพเคลื่อนไหวแล้วนะครับ

e0b8a3e0b8b9e0b89be0b8aae0b8ade0b887-e0b8ade0b8b5e0b881

อนิเมชั่นในโฟโต้ชอปนั้นจะเป็นการเรียงลำดับการเปิดเลเยอร์ให้เปิดเลเยอร์นี้เมื่อไหร่ค้างนานแค่ไหนเราสามารถปรับได้ใน Animation นี่หละครับและเมื่อเราพอใจกับอนิเมชั่นที่เราทำแล้วขั้นต่อไปก็คือการนำมันออกมาครับผมถามตามนี้เลย

e0b8a3e0b8b9e0b89be0b8aae0b8b2e0b8a1-e0b8ade0b8b5e0b881

เมื่อคลิกแล้วจะเข้ามาในหน้านี้

e0b8a3e0b8b9e0b89be0b8aae0b8b5e0b988-e0b8ade0b8b5e0b881

เมื่อเลือกตามความเหมาะสมแล้วก็เซฟโลด เราก็จะได้นี่มาแล้วครับผม

shot414

เห็นมั้ยไม่ยากเลยใช่มั้ยครับเพื่อนๆ Q(o_O)9

เล่นกลด้วยคำสั่ง Fill[Shift+F5] ใน Photoshop Cs5 [Basic] by

29
Apr
0

เรื่องราวเกิดขึันเมื่อโจ๊กเกอร์กะแบทแมนนัดกันมาจิบน้ำชาตอนบ่ายของวันเสาร์

โจ๊กเกอร์ : เราจะเสกให้ดินสอหายวับไป!!!

แบทแมน : มั่วนะ!!! เราไม่เชื่อนายหรอก…ไหนๆๆ…บอกหน่อยดิ นายทำไง???

โจ๊กเกอร์ : ไม่ได้ยากเย็นอะไรหรอก เด็กป.4แถวบ้านเราก็ทำได้!!!

ขั้นตอนที่ 1 Selection ส่วนที่ต้องการเอาออกไปจากรูปภาพ(ดินสอ)

ขั้นตอนที่ 2 กด Shift+F5 หรือ ไปที่ Edit > Fill แล้วเลือกตรงช่อง Use เป็น Content-Aware อย่าลืมกด OK ด้วยนะ…ไอ้แบทแมน

โจ๊กเกอร์ : แต่น แต๊น!!…ดินสอหายไปแล้วววววววว!!!

แบทแมน : เง้ออออออ!!!(adv.)

Flash Animation : รถวิ่งในเมือง by

29
Apr
0

ตัวอย่างงานที่เสร็จแล้ว

สำหรับการทำ Animation จะรถวิ่ง คนวิ่ง หรือตัวอะไรวิ่งก็ตามนะครับ

หลายๆครั้งที่เรามักจะใช้การขยับฉาก เพื่อให้ภาพดูว่าเป็นรถวิ่งไปข้างหน้า

ส่วนตัวรถจริงๆน่ะไม่ได้ขยับไปไหนเลย

จากตัวอย่างที่เห็นคือขยับตัวตึกด้านหลังเป็น Loop เอาครับ

วิธีการทำก็คือ

1.เตรียมรูปจาก illustrator ให้เรียบร้อยก่อน

null

หลักของการทำ Animation เป็น Loop ก็คือ Frame แรกกับ Frame สุดท้ายต้องเหมือนกันครับ

ดังนั้นวิธีการทำตึกผมเลย copy  ตึกมาอีกชุดนึง เพื่อเอาไว้เลื่อนไปด้านขวาครับ

2.ทำตึกเลื่อนใน Flash

null

ภาพนี้คือ Frame แรกของตึกที่เรา import มาจาก Illustrator ครับ

หลังจากเราสร้าง Tween เสร็จแล้ว กำหนด KeyFrame สุดท้าย แล้วก็เลื่อนตึกเลยครับ

null

ภาพนี้คือ Frame สุดท้าย ของตึกครับ

ที่จำเป็นต้องมี KeyFrame ตรงกลางหลายๆอันเป็นเพราะว่า ถนนมีลักษณะโค้งครับ

ถ้าปรับขนาดและเลื่อนไปเฉยๆเลย ตึกจะขยับไม่รับกับส่วนโค้งของถนนครับ

ต่อมาคือวิธีทำเส้นบนถนนให้วิ่งครับ

อันนี้ผมใช้วิธี Frame by Frame เลย

1st Frame2nd Frame3rd Frame

ที่เหลือก็คือ ทำรถขยับขึ้นลงนิดหน่อยก็เสร็จแล้วครับ

มาเป็น developer ของ facebook กันเถอะ by

28
Apr
1

ก่อนอื่นเลยต้องอธิบายว่า developer ของ facebook คืออะไร

จริงๆแล้วก็คือผู้ที่ต้องการจะพัฒนาในส่วนของ application ต่างๆใน facebook

ตัวอย่างเช่น game ต่างๆที่อยู่ใน facebook นั่นเอง

มาเริ่มกันเลยดีกว่า ก่อนอื่นนะครับต้องเข้าไปที่ link นี้เลย

http://developers.facebook.com

ซึ่งเป็นส่วนของการดูแลจัดสรร app ของเรานั่นเอง

เมื่อเข้าสู่หน้าแรกให้ทำการ คลิกที่ apps ด้านบนตามรูป

home developer
หลังจาก เข้าสู่หน้า apps แล้วเราจะพบปุ่ม create new app
create new app
เมื่อทำการกดเข้าไปแล้วจะพบ dialog ให้กรอกข้อมูลขึ้นมา
dialog create
ในช่องแรก app name ให้ทำการกรอก ชื่อที่เราต้องการของ application ในส่วนนี้ขอใส่เป็น flashbooktest
ในช่องที่สอง app namespace นั้นจะเป็น ชื่อที่ตามหลัง http://apps.facebook.com/ นั่นเอง ไว้เป็น url ในการเรียกถึง app-ของเรา ขอใส่เป็น leveluptestapp
เมื่อกรอกแล้วก็กดcontinue ได้เลย
เราก็จะพบหน้า
4
ที่เราจะพูดถึงในครั้งนี้คือส่วนด้านล่าง
5
เราจะพูดถึง app on facebook ให้คลิกเข้าไปเลยครับจะได้หน้าตาดังนี้
6
ซึ่งจะเห็นได้ว่า ตรง canvas page นั้นจะเป็นชื่อที่เราตั้งในตอนแรกนั่นเอง
ส่วน canvas url นั้นให้เรากรอก url ที่เราสร้างเอาไว้แล้วเพื่อจะมาไว้ในfacebook กล่าวคือเราจะต้องมีการทำ app เอาไว้ที่ domian ของเราแล้วนำมา linkเข้ากับ facebookนั่นเอง ขอใส่เป็น http://www.levelup.in.th/trainees/kraivit/testcreate/
และsecure canvas url ส่วนตรงนี้ให้ใช้wrlอันเดียวกับเมื่อกี้เพียงhttpให่เคิมs เข้าไปด้วยเป็น httpsนั่นเอง
เท่านี้เราก็จะสามารถสร้าง app ในfacebookได้แล้ว
เพียงแค่เราไปทำappไว้ที่ http://www.levelup.in.th/trainees/kraivit/testcreate/ ตามที่เรากรอกเอาไว้
เมื่อเราเข้าhttp://apps.facebook.com/leveluptestapp ก็จะพบกับสิ่งที่เราทำนั่นเอง
เพียงแต่ในส่วนของphpที่เราทำขึ้นมานั้นจะต้องมีการติดต่อกับfacebookก่อน ซึ่งสามารถอ่านได้ที่คลิกที่นี่ในข้อที่7ลงไปนะครับ
เท่านี้เองเราก็จะสามารถเป็น developerของ facebook ได้แล้ว ง่ายนิดเดียวเองใช่ไหมครับ ^^

การปรับค่าสเตตัส สำหรับ Brush SAI by

27
Apr
1

อะแฮ่มมม  วันนี้จะอธิบายค่าต่างๆของเครื่องมือ Bursh  ในโปรแกรม SAI =3=

บลัชจะมีให้ปรับได้อยู่สองจุดคือ  ส่วนของ Size ซึ่งอันนี้ก็ปรับตามความถนัดได้เลย

อีกส่วนจะเป็น  Color blending – Opacity Mix – Persistence

ถ้าค่าทุกอย่าง = 0 จะได้สีที่ชัดที่สุด แต่สีที่ได้จะไม่เนียนเข้าด้วยกัน

——————————-

ตัวอย่างการปรับค่า  Opacity Mix – 30

Persistence – 10

Opacity Mix  จะช่วยผสมสีสองสีให้กลืนเข้าหากัน  แต่โดยปกติเราจะไม่ปรับตัวนี้เกิน 50 นะไม่งั้นมันจะปาดสีไม่ค่อยติด

Persistence –   จะช่วยให้ สีเนียนขึ้น คล้ายๆ บลัชหัวฟุ้งในโฟโต้ชอพ

————–

การปรับใช้ค่าทั้งสามอย่างรวมกัน

Color blending - ถ้าใช้เดี่ยวๆ ขอบของบลัชจะไม่เนียนเท่า Persistence แต่จะให้สีที่อ่อนกว่าสีจริงที่เราเลือก

เช่นถ้าเลือกสีดำเข้ม  แล้วปรับ  Color blending  สีที่ได้จะเป็นสีเทาเข้ม  [ในกรณีที่ค่า Density ไม่เท่ากับ 100 ]

ถ้าค่า Density 100 เต็ม จะปรับอย่างอื่นยังไงก็ได้ค่าน้ำหนักเดียวกันหมดล่ะนะ…

————————————————–

ก็จะได้อะไรประมานนี้

ข้อดีของ เครื่องมือนี้คือมันจะเกลี่ยสีง่ายกว่าบลัชของโฟโต้ชอพ แล้วมันจะดูนุ่มๆ เบิร์นๆ เนียนๆ

หมดมุกแล้ว…

สวัสดีครับบบ *กราบบบ

—————————-

 เราชนะรอบ 4 | ยืมเงิน 3000 ด่วน | แอพกู้เงิน | แอพเงินด่วน | สินเชื่อออนไลน์อนุมัติทันที | Site Map | กู้เงินก้อน | กระเป๋าตัง | thisshop และ ยืมเงินฉุกเฉิน 5000 ด่วน