Logo web1. ประยุกต์ใช้ งาน: สร้ างโลโก้เวปแบบง่ ายๆ ด้วย ImageReady
การสร้างโลโก้หรือ banner ของเวปไซต์น้ ัน เราจาเป็ นที่จะต้องอาศัยโปรแกรมในการสร้าง Gif Animation ซึ่งมีมากมายเลยทีเดียว แต่ในที่น้ ีผม
จะแนะนาการสร้างโลโก้ (Gif Animaiton) ด้วยโปรแกรม ImageReady ซึ่งมาพร้อมกับโปรแกรม Photoshop อยูแล้วตั้งแต่ version5.5 ซึ่ง
่
สามารถสร้างงานออกมาอย่างง่ายดาย ไม่เชื่อต้องไปลองทาดู
เริ่มต้นด้วยการออกแบบภาพโลโก้ใน Photoshop ซะก่อน ตัวอย่างผมออกแบบให้มี 3 เลเยอร์ด้วยกัน (ดังภาพด้านล่าง)
เลเยอร์ที่ 1 เป็ นโลโก้ของเวป [TP] เลเยอร์ที่ 2 เป็ นชื่อของเวป THAIPHOTOSHOP เลเยอร์ที่ 3 เป็ นแบคกราวน์สีฟ้า
เมื่อออกแบบโลโก้เป็ นที่พอใจแล้ว กดปุ่ ม Jump to ImageReady เพื่อเรียกโปรแกรม ImageReady ขึ้นมา เมื่อ ImageReady ถูกเปิ ดขึ้นมาจะเห็น
ว่าหน้าตาของโปรแกรมนั้นแทบจะไม่มีความแตกต่างไปจาก Photoshop เลย ซึ่งหน้าต่างที่เราจะต้องใช้งานหลักๆ ก็มีอยู่ 3 ตัวด้วยกัน ดังภาพ
ด้านล่าง
หน้าต่างแรกคือหน้าต่าง Original หน้าต่างที่ 2 คือ Layers หน้าต่างที่ 3 คือ Animation เรามาเริ่มต้นการใช้งาน ImageReady กันเลยดีกว่า
2. ที่หน้าต่าง Layers คลิกขวาที่ เลเยอร์ TP จะมีเมนูยอpขึ้ นมาให้เลือก Duplicate Layer เสร็จแล้วก็ให้ทาการ Duplicate Layer อีกครั้งหนึ่ง โดยใช้
่
วิธีขางต้น ซึ่งเราก็จะได้เลเยอร์ TP ขึ้นมาอีก 2 เลเยอร์ (จะมีชื่อเป็ น TP copy และ TP copy2 ตามลาดับ) ต่อจากนั้นให้ทาการคลิกปิ ดตาเลเยอร์
้
อื่นๆ ให้หมดยกเว้น เลเยอร์ BACKGROUND (ด้านล่างสุด) และเลเยอร์ TP copy 2 (ด้านบนสุด) ถ้าไม่เข้าใจให้ดูภาพประกอบด้านล่าง
ไปที่เมนู Filter เลือก Blur เลือกคาสั่ง Gaussian Blur...
กาหนดค่า Radius: เป็ น 5 pixels กดปุ่ ม OK มาทางานที่หน้าต่าง Animation กันต่อ
คลิกปุ่ ม Duplicates current frame. หนึ่งครั้ง ดังภาพด้านบน ที่หน้าต่าง Layers คลิกเมาส์ปิดตา หน้าต่าง TP copy 2 (เลเยอร์บนสุด) แล้วคลิก
เปิ ดตาเลเยอร์ TP copy ดังภาพ
3. ไปที่เมนู Filter เลือก Blur เลือกคาสัง Gaussian Blur...
่
กาหนดค่า Radius: เป็ น 3 pixels กดปุ่ ม OK กลับมาที่หน้าต่าง Animation
คลิกปุ่ ม Duplicates current frame. หนึ่งครั้ง ดังภาพด้านบน ที่หน้าต่าง Layers คลิกเมาส์ปิดตา หน้าต่าง TP copy แล้วคลิกเปิ ดตาเลเยอร์ TP ดัง
ภาพ
กลับมาที่หน้าต่าง Animation อีกครั้ง
4. คลิกปุ่ ม Duplicates current frame. ห้าครั้ง ที่หน้าต่าง Layers คลิกเมาส์ปิดตา หน้าต่าง TP แล้วคลิกเปิ ดตาเลเยอร์ THAIPHOTOSHOP ดังภาพ
ที่หน้าต่าง Animation
คลิกปุ่ ม Duplicates current frame. สี่ครั้ง
ลองกดปุ่ ม Play animation เพื่อดูลกษณะของการเคลื่อนไหว ถ้าต้องการให้เฟรมตรงไหนเร็วหรือช้าก็สามารถคลิกปุ่ ม Duplicates current
ั
frame. ได้ (frame ยิงมากการเคลื่อนไหวจะยิงช้า และขนาดของไฟล์ Gif ที่ได้จะมีขนาดใหญ่ตามไปด้วย) มาถึงขั้นตอนสุดแล้วแล้วคลิก
่ ่
ไปที่เมนู File เลือกคาสั่ง Save Optimized แล้วตั้งชื่อไฟล์ กดปุ่ ม Save เป็ นอันเสร็จเรียบร้อยแล้ว