LevelUp! Studio » gif https://blog.levelup.in.th Experience the new world. Fri, 26 May 2017 10:06:07 +0000 th hourly 1 http://wordpress.org/?v=3.8.1 เปิด Animated GIF เป็น frame ด้วย Photoshop https://blog.levelup.in.th/2011/02/21/import-animated-gif-to-photoshop%e0%b9%80%e0%b8%9b%e0%b8%b4%e0%b8%94-animated-gif-%e0%b9%80%e0%b8%9b%e0%b9%87%e0%b8%99-frame-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-photoshop/ https://blog.levelup.in.th/2011/02/21/import-animated-gif-to-photoshop%e0%b9%80%e0%b8%9b%e0%b8%b4%e0%b8%94-animated-gif-%e0%b9%80%e0%b8%9b%e0%b9%87%e0%b8%99-frame-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-photoshop/#comments Mon, 21 Feb 2011 15:57:35 +0000 http://blog.levelup.in.th/?p=851 ปัญหาหลักๆในการที่จะ 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 แล้ว
]]> https://blog.levelup.in.th/2011/02/21/import-animated-gif-to-photoshop%e0%b9%80%e0%b8%9b%e0%b8%b4%e0%b8%94-animated-gif-%e0%b9%80%e0%b8%9b%e0%b9%87%e0%b8%99-frame-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-photoshop/feed/ 2 หยุด Gif animation ไว้ที่เดิม :D https://blog.levelup.in.th/2010/04/30/stop-gif-animation%e0%b8%ab%e0%b8%a2%e0%b8%b8%e0%b8%94-gif-animation-%e0%b9%84%e0%b8%a7%e0%b9%89%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b9%80%e0%b8%94%e0%b8%b4%e0%b8%a1-d/ https://blog.levelup.in.th/2010/04/30/stop-gif-animation%e0%b8%ab%e0%b8%a2%e0%b8%b8%e0%b8%94-gif-animation-%e0%b9%84%e0%b8%a7%e0%b9%89%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b9%80%e0%b8%94%e0%b8%b4%e0%b8%a1-d/#comments Fri, 30 Apr 2010 16:43:51 +0000 http://blog.levelup.in.th/?p=517 เคยมีบางครั้งไหมที่ gif บนหน้าจอมันดุ๊กดิ๊กน่ารำคาญ ?

วันนี้จะมาเสนอวิธีการง่ายๆให้มัหยุดขยับซะ

ด้วยการกดปุ่ม Esc ซะ แค่นี้ก็จบแล้ว

หรือจะเอาไปประยุกต์ใช้ หรือดูหรูหน่อยก็ สั่งด้วย javascript : window.stop();

(หาวิธีให้กลับไปวิ่งไม่ได้ เลยเอามาใช้ต่อไม่ค่อยได้ =w=)

]]> https://blog.levelup.in.th/2010/04/30/stop-gif-animation%e0%b8%ab%e0%b8%a2%e0%b8%b8%e0%b8%94-gif-animation-%e0%b9%84%e0%b8%a7%e0%b9%89%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b9%80%e0%b8%94%e0%b8%b4%e0%b8%a1-d/feed/ 0 [How to] โลกหมุนๆๆ – 2 https://blog.levelup.in.th/2009/12/21/how-to-spinning-planet-2/ https://blog.levelup.in.th/2009/12/21/how-to-spinning-planet-2/#comments Mon, 21 Dec 2009 06:02:28 +0000 http://blog.levelup.in.th/?p=348 ตอนที่สองของการทำไอ้นี่ครับ

เป็นตอนต่อของ entryนี้ ครับ

อย่างที่ว่าไว้ในตอนที่แล้วครับ ส่วนที่2ของการทำโลกหมุนๆอันนี้ จะมาทำในโปรแกรม Photoshop ครับ

Step 1 เอาลูกโลกจากโปรแกรม Illustrator มาใส่ในไฟล์ Photoshop ครับ ง่ายๆเลยก็ Ctrl+C > Ctrl+V ก็ได้ครับ

Step2 ตกแต่้งสีเพิ่มนิดหน่อยครับ ใส่เงานิดหน่อย

ตกแต่งสีลูกโลกครับ จากการตั้ง Blending Options > Outer Glow

Blending Options > Color Overlay

Step3 ใส่ข้อความ Loading

Step4 เตรียม Layer ไว้ให้ครบสำหรับทำ Animation

จะประกอบด้วย layer ลูกโลก3อัน layer ข้อความ Loading 3อัน

Step5 เปิดหน้าต่าง Animation ขึ้นมาครับ Window->Animation

จากนั้นกด Duplicate Frame ให้มีทั้งหมด 3 frame

จากนั้น ในแต่ละ Frame ให้เลือกเปิดปิด layer ดังในรูปครับ

Frame 1


Frame 2


Frame 3

เท่านี้ก็เสร็จเรียบร้อยแล้วครับ

วิธีการเซฟออกมาเป็นรูป เผื่อมีคนสงสัยครับ File -> Save for Web ครับ

แล้วเลือกเป็นไฟล์ GIF ครับ

]]> https://blog.levelup.in.th/2009/12/21/how-to-spinning-planet-2/feed/ 0