การทำภาพเอนิเมชั่นใน photoshop cs31. เปิดเอกสารใหม่ขึ้นมา โดยไปที่เมนู file > new แล้วตั้งค่าเอกสารตามความต้องการ ในที่นี้ สร้างเอกสารใหม่ขนาด 125x125
2. หารูปภาพอะไรก็ได้มา 3 ภาพ ใส่แยกไว้ในแต่ละเลเยอร์ รวมทั้งหมด 3 ภาพ 3 เลเยอร์ ดังรูป
3. ไปที่เมนู Window > Animation จะได้หน้าต่าง Animation ขึ้นมา ดังรูป
4. คลิกตรง 0 sec. เพื่อเลือกเวลาที่ต้องการ ในการแสดงแต่ละภาพ ในที่นี้เลือกเป็น 2 วินาที
5. คลิกที่ Duplicates selected frames เพื่อ copy จาก frame แรก ดังรูป
6. หลังจากนั้นให้ไปคลิกที่รูปตาตรงเลเยอร์ที่ 3 ออก ดังรูป
7. กลับไปคลิกที่ Duplicates selected frames เพื่อ copy จาก frame ที่สอง (เหมือนข้อ 5)
8. ต่อจากนั้นให้ไปคลิกที่รูปตาตรงเลเยอร์ที่ 2 ออก (เหมือนข้อ 6)
9. ทดสอบได้โดยการกดปุ่ม play animation จะเล่นตั้งแต่ frames แรกไป frames สุดท้าย frames ละ 2 วินาที เมื่อจบ frames สุดท้ายก็จะวนกลับไปที่ frames แรกใหม่
10. ไปที่ File > Save for Web & Devices หรือกด ALT + CTRL + SHIFT + S เพื่อเซฟ และตั้งค่าตามต้องการ
11. สุดท้ายเราก็จะได้รูปเอนิเมชั่นที่ทำจาก photoshop cs3 แล้วครับ ง่ายๆใช่มั๊ยครับ สำหรับคนที่เคยใช้ ImageReady ก็คงจะคุ้นเคยกันเป็นอย่างดี
การสร้างเว็บไซต์ด้วยโปแนะนำการใช้เครื่องมือใน Macromedia Dreamweaver MX• แถบคำสั่ง (Menu bar) เป็นแถบที่ใช้เก็บคำสั่งทั้งหมดของโปรแกรม
• แถบเครื่องมือ (Tool bar) เป็นแถบที่รวบรวมปุ่มคำสั่งที่ใช้ง่ายบ่อย
• แถบสถานะ (Status bar)
• ส่วนของ Properties (Properties Inspector) แต่ละ Object ที่เรานำมาใช้สร้างหน้าเว็บเพจจะมีคุณสมบัติต่างๆ ที่เราสามารถปรับแต่งได้
• ส่วน Panel Group เป็นส่วนที่เพิ่มขึ้นมาเพื่อให้สามารถใช้ในการติดต่อกับฐานข้อมูลฝั่งเซิร์ฟเวอร์ เพื่อให้ง่ายในการสร้าง Application บน Internet การสร้างและดูแลเว็บด้วย Macromedia Dreamweaver MX สุวิมล คงศักดิ์ตระกูล
• ส่วน Panel Group เป็นส่วนที่เพิ่มขึ้นมาเพื่อให้สามารถใช้ในการติดต่อกับฐานข้อมูลฝั่งเซิร์ฟเวอร์ เพื่อให้ง่ายในการสร้าง Application บน Internet
• รายละเอียดของแท็บ Insert (Insert Bar) เป็นกลุ่มเครื่องมือองค์ประกอบต่างๆ (Object) ที่จะนำมาสร้างหน้าเว็บเพจ มี 12 กลุ่ม ดังนี้
แท็บ Common เป็นส่วนที่รวบรวมกลุ่มเครื่องมือที่ใช้สร้างองค์ประกอบต่างๆ ของเว็บ เช่นการแทรกภาพ การแทรกตาราง การกำหนดลิงค์ เป็นต้น
กำหนดลิงค์ กำหนดอีเมล์ลิงค์ แทรกตาราง แทรกรูปภาพ แทรกFlash แทรกวันที่ กำหนดลิงค์ในเว็บเพจเดียวกัน
แท็บ Layout เป็นส่วนรวมเครื่องมือที่ช่วยในการจัดองค์ประกอบของหน้าเว็บเพจ
แท็บ Text เป็นที่รวบรวมคำสั่งเกี่ยวกับการใช้งานตัวอักษร
แท็บ Table รวบรวมคำสั่งในการสร้างตารางให้กับเว็บเพจ
แท็บ Frames รวบรวมคำสั่งที่ใช้ในการแบ่งหน้าเว็บเพจให้ออกเป็นส่วนย่อย
แท็บ Forms แทรกเครื่องที่ใช้ในการสร้างแบบสอบถาม และตัวเลือกต่างๆ
แท็บ Templates ใช้ในการกำหนดรูปแบบให้กับเว็บเพจ
แท็บ Characters เป็นกลุ่มเครื่องมือที่ใช้แทรกตัวอักษร และสัญลักษณ์พิเศษ
การแทรก Line Break การแทรกที่ว่าง
แท็บ Media ใช้สำหรับแทรกไฟล์วิดีโอ , ภาพเคลื่อนไหว, Flash, Java applet, ActiveX หรือ Plugin ในหน้าเว็บ
การแทรกไฟล์ Flash การสร้างปุ่มแบบ Flash การสร้างตัวอักษรแบบ Flash
แท็บ Head เป็นการแทรกคำสั่งเสริมในหน้าเว็บ เช่น คีย์เวิร์ด เพื่อให้ Search Engine สามารถค้นหาเว็บเราได้
แท็บ Script ใช้ในการแทรกภาษาสคริปต์ในเว็บ
แท็บ Application เป็นแท็บที่รวบรวมคำสั่งที่ใช้สร้างแอพพลิเคชั่นติดต่อกับฐานข้อมูลผ่านเว็บเซิร์ฟเวอร์
• หน้าต่างเว็บเพจ (Document Window) สำหรับหน้าต่างการทำงาน Macromedia Dreamweaver MX สามารถเลือกได้ 3 รูปแบบ เอกสารประกอบการอบรมโค รงการอบรมสำหรับผู้ดูแลเว็บหน่วยงานของมหาวิทยาลัย Show Code View เป็นหน้าต่างที่แสดงเฉพาะ HTML ของเว็บเพจที่เรากำลังทำงานอยู่ Show Code and Design Views เป็นหน้าต่างที่แสดงทั้ง HTML และหน้าเว็บเพจที่ออกแบบ Show Design View แสดงแต่หน้าเว็บเพจปกติไม่แสดง HTML โปรแกรม Macromedia Dreamweaver 8
