บทความ photoshop : การสร้าง animation จาก Image Ready ตอน 2

บริการจดโดเมนเนม เว็บไซด์ .Com, .Net, .Org เพียง 550 บาท / ปี สำหรับโดเมนอื่นๆ คลิกเพื่อดูรายละเอียด

คลิก Banner เพื่อสนับสนุนเว็บไทยดีดี กำลังโหลดข้อมูล...

สนใจติดต่อโฆษณา คลิกดูรายละเอียด กำลังใช้งาน 562 ท่าน เยี่ยมชม 13,729,268 ครั้ง

หน้าหลัก เว็บไทยดีดี | คำติชมของคุณ

Flash menu

ค้นหาบทความ Photoshop ค้นจากเว็บไทยดีดี ค้นจาก Google

ออกแบบเว็บไซต์ (Web Design) | พัฒนาโปรแกรมเฉพาะด้าน (Web Develop) | ปรับปรุงเว็บไซต์ (Web Modify)

บริการจดโดเมนเนม เว็บไซด์ .Com, .Net, .Org |.Biz, .Info | .Ac.th, .Co.th | .Or.th, .Go.th | .In.th

564/4 ลุมพีนีเซ็นเตอร์ บี 4 ถ.แฮปปี้แลนด์ แขวงคลองจั่น เขตบางกะปิ กรุงเทพฯ 10240 โทรศัพท์ : 0-2704-9100 โทรสาร : 0-2704-7596 คลิ๊กดูแผนที่

Webmaster Talk วันศุกร์ ที่ 16 พฤษภาคม พ.ศ.2551

Webthaidd.COM 2.8 Live Version Build 0512

ปรับปรุงหน้าเว็บให้รองรับ Internet Explorer 7.0

การค้นหาบทความ

1. พิมพ์ URL เข้าสู่บทความ www.webthaidd.com/photoshop

2. ใช้เครื่องมือ Quick Search เพื่อช่วยในการค้นหาบทความ

ติดต่อทีมงาน Tel. 0-2704-9100, Fax. 0-2704-7596

menu left

ติดต่อลงโฆษณา 0-6977-0268

ชื่อผู้ใช้

รหัสผ่าน

ล็อกอินชั่วคราว

ล็อคอินถาวร

สมัครสมาชิก

ลืมรหัสผ่าน

วิธีใช้งานระบบ

13	ออกแบบเว็บไซต์ (Design)

10	พัฒนาโปรแกรมเฉพาะด้าน (Dev)

14	ปรับปรุงเว็บไซต์ (Re Design)

21	จดโดเมนเนม (Domain)

28	เช่าพื้นที่จัดทำเว็บไซต์ (Hosting)

Adobe เปิดตัว Creative Suite Production Premium และ Master Collection แล้ว
อโดบีซิสเทม วางจำหน่ายชุดสุดยอดโปรแกรมสำหรับงานกราฟิกแล้ว หลังจากได้แนะนำตัว Creative Suite 3 ไปก่อนหน้านี้เพียงไม่กี่เดืิอน More »

อะโดบี เปิดตัว Photoshop Express รุ่นเบต้า
ซอฟต์แวร์ฟรีทางออนไลน์นำเสนอเทคโนโลยี Photoshop สู่ผู้ใช้ทั่วไปที่ต้องการปรับแต่งภาพดิจิตอล More »

อะโดบี Photoshop Elements 6 พร้อมแล้วสำหรับเครื่อง Mac
บริษัท อะโดบี ซิสเต็มส์ อินคอร์เปอเรทเต็ด (Nasdaq : ADBE) ได้ประกาศ วางจำหน่าย ซอฟต์แวร์ อะโดบี โฟโต้ ช็อป เอลีเมนท์ 6 (Adobe? Photoshop? Elements 6) สำหรับเครื่องแม็คอินทอช More »

อะโดบี เปิดดาวน์โหลด Adobe Photoshop Lightroom 1.3 และ Camera Raw 4.3 เวอร์ชั่นอัพเดทล่าสุด
บริษัท อะโดบี ซิสเต็มส์ อินคอร์เปอเรทเต็ด (Nasdaq:ADBE) ปล่อยอัพเดท ตัวใหม่ล่าสุดออกมาให้ผู้ใช้ Photoshop? Lightroom? More »

Adobe เตรียมย้ายโปรแกรมทั้งหมดไปไว้บนเว็บ
Bruce Chizen ซีอีโอของ Adobe พูดในงาน Web 2.0 ที่ซานฟรานซิสโกว่า เดสก์ท็อปยังมีความสำคัญ อยู่ในปัจจุบัน แต่สถานการณ์นี้ จะเปลี่ยนไปในช่วง 5-10 ปีข้างหน้านี้ More »

อ่านข่าวทั้งหมด

01	เครื่องมือทำเว็บ ออนไลน์

02	ค้นหาเว็บไทย (Web Directory)

03	วิทยุ เพลงออนไลน์ (Radio)

04	EXPERTISE MSN

05	เว็บบอร์ด ถาม-ตอบปัญหา

06	แบบสำรวจ (Poll)

05	รายละเอียดโฆษณาบนเว็บ

บทความ Photoshop CS ออนไลน์ Webthaidd Basic and Advance E-learning

จัดทำโดย : ดินสอ

แสดง 42,253 ครั้ง

เว็บบอร์ด

ส่งให้เพื่อน

พิมพ์

การสร้าง animation จาก Image Ready ตอน 2

การสร้าง animation จาก Image Ready ตอน 2

1.> การใช้งาน Image ready ตอนนี้เราจะทำการเพิ่มความนุ่มนวลในการสลับภาพ ขั้นแรกให้เราเตรียมภาพใน Photoshop เพื่อไปประกอบเนื้อเรื่องใน animation ก่อน งานนี้เตรียมไว้ 3 ภาพ

2.> เมื่อได้ภาพแล้วให้คลิ๊กที่ Jump to ImageReady เราจะเข้าสู่โปรแกรม Image Ready

3.> เราจะทำให้ภาพค่อยๆ แสดงขึ้นมาทีละภาพแบบนุ่มนวล ขั้นแรกกำหนดภาพแรกซึ่งเป็นภาพเริ่มต้น ให้มีลักษณะจางหายไปก่อน

4.> ต่อจากนั้นให้เราเพิ่มภาพที่สองขึ้นมา โดยคลิ๊กที่ Duplicates current frame เพื่อเพิ่ม frame ขึ้นมา 1 เฟรม แล้วทำให้ภาพที่เพิ่มขึ้นมา มีความชัดเต็มร้อย ดังรูป

5.> จากนั้นเลือก Tweens animation frames เพื่อเพิ่ม เฟรมตรงกลางระหว่างภาพทั้งสองภาพ แล้วใส่ค่า ตามรูป

รูปเปิดตา Layer 1 เพื่อให้เฟรมที่ 2 แสดงผลรูปนี้

6 .> โปรแกรม Image ready จะทำการสร้างเอฟเฟค ระหว่างกลางให้เราดังรูป (หลักการ คือกำหนดรูปแบบต้นทาง และปลายทาง และโปรแกรม Image ready จะทำเอฟเฟคให้เราตรงกลางเอง) ลอง Plays ดูได้เลย

7.> เราจะทำให้ภาพนี้ค่อยๆ จางหายทีละภาพแบบนุ่มนวล ขั้นแรกเพิ่มเฟรม ขึ้นมาอีกเฟรมนึงก่อน แล้วกำหนด ความชัดของภาพให้เป็น 0 %

8 .> จากนั้นเลือก Tweens animation frames เพื่อเพิ่ม เฟรมตรงกลางระหว่างภาพทั้งสองภาพ แล้วใส่ค่า ตามรูป

ลอง Plays ดูได้เลย

9 .> ที่นี้เพิ่มความสมบูรณ์ของพื้นหลังไปนิดนึงจะทำให้การดูภาพสมจริงมากขึ้นโดยการใส่พื้นหลังสีขาวดังรูป Plays ดูอีกครั้ง

10 .> สังเกตุว่าภาพอาจวิ่งเร็วไป ให้เราเลือกเฟรมทั้งหมด โดยเลือกที่เฟรมแรกก่อน จากนั้นกด Shift ค้างไว้ แล้วมาเลือกเฟรมสุดท้าย จากนั้นก็ทำการ ปรับค่าความหน่วงการแสดงผล โดยเลือกเวลาเอาตามใจชอบได้เลย

11 .> ให้เราทำแบบนี้กับภาพที่เหลืออื่นๆ แล้วเซฟออกมาใช้งานดู

12 .> เพิ่มเติมอีกนิด เมื่อเรา ทำภาพทั้ง 3 ภาพ ให้แสดง animation แล้วบางครั้งเพื่อการต่อภาพให้เนียน ให้เราลบเฟรม ที่เป็นสีขาวออกไปภาพ จะมีการต่อที่สมบูรณ์มากขึ้น

ภาพที่เสร็จแล้ว

ความคิดเห็นผู้อ่านบทความนี้

ความเห็นที่ : 9	แจ้งลบ
กำหนดค่าสี
โดย : ดินสอ เมื่อ : 31 ม.ค. 51

ความเห็นที่ : 8	แจ้งลบ
ต้องกำหนดโหมลสีให้ต่ำลง จาก 256 เหลือ 128 หรือ 64 แต่ก็ต้องดูด้วยว่าเราพอใจในคุณภาพสีหรือเปล่า แนะนำว่าถ้าไฟล์ภาพขนาดใหญ่ ให้ใช้โปรแกรม flash จะดีกว่า
โดย : ดินสอ เมื่อ : 31 ม.ค. 51

ความเห็นที่ : 7	แจ้งลบ
ลองทำดูแล้วครับ ขนาดไฟล์ที่ ได้ 4.5 MB ครับ จะทำงัยให้ ให้ขนาดไฟล์มันเล็กลงล่ะครับ เพราะจะเอาไปใส่เวปไซค์ครับ
โดย : บุญตาล เมื่อ : 31 ม.ค. 51

ความเห็นที่ : 6	แจ้งลบ
ขอบคุณค่ะ
โดย : นิด เมื่อ : 22 ม.ค. 51

ความเห็นที่ : 5	แจ้งลบ
ขอบคุนค่ะ
โดย : punch เมื่อ : 23 ธ.ค. 50

ความเห็นที่ : 4	แจ้งลบ
ขอบคุงคับ
โดย : Jiggalow เมื่อ : 11 ธ.ค. 50

ความเห็นที่ : 3	แจ้งลบ
เซฟยังไงอะ
โดย : คนรักโฟโต้ช็อฟ เมื่อ : 30 พ.ย. 50

ความเห็นที่ : 2	แจ้งลบ
สุดยอดมากมายยยยย
โดย : คนรักนายหลวง เมื่อ : 28 พ.ย. 50