- Vector drawing tools เครื่องมือวาดภาพเวคเตอร์ เพื่อความสะดวกในการวางเลย์เอาท์และแก้ไข
- Bitmap-editing tools เครื่องมือตกแต่งภาพ เพื่อให้ได้กราฟิกที่สวยงาม
- Live effects สำหรับสร้างเอฟเฟ็คต์พิเศษต่างๆ
- Export engine สำหรับเอ็กปอร์ตกราฟิกให้เป็นฟอร์แม็ทที่ใช้ได้ในเว็บ รวมถึงลดขนาดไฟล์ให้เล็กลง
- HTML and JavaScript output ในการสร้างคุณสมบัติพิเศษต่างๆให้กับกราฟิก
Fireworks Facts
โดยพื้นฐานแล้ว Fireworks ถือเป็นโปรแกรมประเภท vector-drawing ที่มีความสามารถในเชิง image-editing เพื่อให้ได้เป็นกราฟิกในแบบบิตแมพที่สวยงาม โดยได้นำความสามารถของกราฟิกแบบเวคเตอร์ที่เรียกว่า พาธ (path) ซึ่งมีข้อได้เปรียบในเรื่องของการควบคุมและแก้ไขทำได้ที่ง่าย มารวมกับความสามารถในการตกแต่งพิกเซลของภาพบิตแมพ
เพื่อให้ทุกองค์ประกอบของกราฟิกเปลี่ยนแปลงได้ Fireworks ได้แยก stroke, fill และ effects ออกจากออบเจ็ค เพื่อให้ดีไซน์เนอร์สามารถสร้างและแก้ไขกราฟิกได้อย่างไร้ขีดจำกัด
เมื่อมีการเปลี่ยนแปลงรูปร่างหรือพาธของออบเจ็ค Fireworks จะทำการคำนวณและแอพพลายเอฟเฟ็คต์รวมถึงลักษณะต่างๆให้ใหม่ เพื่อป้องกันการบิดเบือนของรูป
Fireworks สามารถเปิดและแก้ไขไฟล์ที่สร้างขึ้นจาก Photoshop, corelDraw, FreeHand และโปรแกรมอื่นๆอีกมาก w นอกเหนือจากฟิลเตอร์ที่มีอยู่ในโปรแกรมแล้ว Fireworks ยังสามารถทำงานกับฟิลเตอร์เสริมที่เป็น plug-in มาตรฐานของ Photoshop ได้อีกด้วย เช่น Kai's Power Tools, Alien Skin's Eye Candy และ Xenofex เป็นต้น
Cool Features
- Smart Maximize: เวลาที่คุณเปิดหรือสร้างเอกสารใหม่ขึ้นมา โปรแกรมจะตรวจสอบขนาดของเอกสาร แล้วพิจารณาระดับการซูมและขนาดหน้าต่างเอกสารที่เหมาะสม เพื่อแสดงภาพรวมทั้งหมดของเอกสารให้คุณได้เห็นอย่างครบถ้วน ตัวอย่างเช่น เมื่อสร้างเอกสารขึ้นใหม่ขนาด 1000x2000 พิกเซล โปรแกรมจะเปิดหน้าต่างเอกสารขนาดใหญ่ พร้อมปรับระดับวิวเป็น 20%
- Live Effects: ตัวอย่างของ Live Effects นั้นได้แก่ Inner Bevel, Outer Bevel, Drop Shadow, Glow และ Emboss ที่เรียกเป็น 'Live' ก็เนื่องมากจากเอฟเฟ็คต์เหล่านี้ สามารถปรับตัวให้เข้ากับออบเจ็คโดยอัตโนมัติ เมื่อมีการเปลี่ยนแปลงขนาดหรือรูปร่างของออบเจ็คภายหลัง รวมถึงความสามารถในการ enable และ disable แต่ละเอฟเฟ็คต์ได้อย่างสะดวก
- Styles: ด้วย Styles ของ Fireworks ทำให้คุณแอพพลายรูปแบบของกราฟิก เช่น stroke, fill, effects และ text-settings ให้กับออบเจ็คอื่นๆได้อย่างไม่จำกัด ช่วยให้คงรูปแบบของกราฟิกที่เหมือนกันตลอดทั้งไซท์
- Animation: คุณสามารถสร้างภาพเคลื่อนไหวได้มากถึง 3 วิธี เริ่มจากแบบพื้นฐานคือ Frame-by-frame animation ไปจนถึงวิธีที่เหนือชั้นยิ่งขึ้นได้แก่ Tween instances และ Animated symbols
- Hotspots: สร้างลิงค์ให้กับบริเวณของรูปได้ โดยไม่จำกัดรูปร่างสี่เหลี่ยมของกราฟิกอีกต่อไป
- Slices: ใช้ในการตัดแบ่งรูปที่ออกแบบไว้ให้เป็นขนาดที่เล็กลง เพื่อการดาวน์โหลดที่เร็วขึ้น หรือสร้างเอฟเฟ็คต์ rollover โดยรูปเหล่านี้จะถูกนำมารวมเข้าด้วยกันด้วยตารางของ HTML อีกครั้งหนึ่ง
- URL Panel: คุณสามารถอิมพอร์ต URL มาจาก URL Libraries, ไฟล์ bookmark หรือเว็บเพจได้ ซึ่งจะช่วยให้คุณไม่ต้องพิมพ์ลิงค์ต่างๆด้วยตัวเองทุกๆครั้ง และยังลดปัญหาลิงค์ผิดพลาดได้อีกด้วย
- Behaviors: คือรูปภาพที่ควบคุมด้วยโค้ด HTML และ JavaScript ซึ่งใช้ในการสร้าง interative image ที่จะตอบสนองต่อการกระทำของผู้ใช้ได้ เช่น Swap image หรือ Pop-up menu โดยคุณไม่จำเป็นต้องรู้เรื่องโค้ดแต่อย่างใด
- Optimizing for the web: ในการตัดสินใจเลือกระดับการบีบอัดไฟล์เพื่อให้ได้รูปคุณภาพดีที่มีขนาดไฟล์เล็กที่สุดนั้น Fireworks ช่วยให้คุณเปรียบเทียบผลลัพธ์ของรูปที่ได้จากการบีบอัดที่ต่างกันถึง 4 แบบพร้อมๆกัน
- Integrating with Dreamweaver MX: Macromedia Dreamweaver เป็นโปรแกรมสร้างเว็บที่ได้รับความนิยมอย่างมากในปัจจุบัน ในเวอร์ชั่น MX ทั้ง Dreamweaver และ Fireworks มีอินเตอร์เฟสที่เหมือนกัน ทำให้คุณทำงานในโปรแกรมทั้งสองได้อย่างสะดวกยิ่งขึ้น รูปที่ใส่ใน Dreamweaver สามารถแก้ไขใน Fireworks ได้อย่างสะดวกด้วยการคลิกเพียงครั้งเดียว ขณะที่ Dreamweaver เข้าใจและสามารถแก้ไขโค้ดที่สร้างจาก Fireworks ได้เสมือนเป็นโค้ดที่ Dreamweaver สร้างขึ้นเอง
- Integrating with Flash MX: โปรแกรมแอนนิเมชั่นและแอพพลิเคชั่นที่โด่งดังของ Macromedia นอกจากอินเตอร์เฟสที่คล้ายกันของ Flash และ Fireworks แล้ว การทำงานระหว่างโปรแกรมทั้งสองก็ทำได้อย่างคล่องตัวยิ่งขึ้น เช่น การก็อปปี้เวคเตอร์กราฟิกจากโปรแกรมหนึ่งไปเพสท์ในอีกโปรแกรมหนึ่งได้โดยตรง การอิมพอร์ตไฟล์ PNG ของ Fireworks เข้ามาใน Flash รวมถึงการไฟล์ของ Fireworks ให้อยู่ในรูปของ Flash (.swf) w Batch processing: ใช้ในการเปลี่ยนคุณสมบัติของกราฟิกหลายๆไฟล์พร้อมกัน เช่น การเปลี่ยนขนาดของภาพทั้งหมดในโฟลเดอร์ให้เล็กลง เพื่อนำไปใช้เป็นรูปตัวอย่าง (thumbnail) ด้วยการสั่งเพียงครั้งเดียว
- Find and Replace: คุณสมบัติใหม่ที่ไม่เคยมีในโปรแกรมกราฟิกมาก่อน สามารถค้นหาและแทนที่ข้อความ ตัวอักษร สี ลิงค์ ในไฟล์ของ Fireworks ได้
- Automation: ในพาเนล History คุณสามารถบันทึกขั้นตอนต่างๆที่ต้องการเก็บไว้เป็นคำสั่งในเมนู Commands เพื่อนำไปใช้ในภายกับไฟล์อื่นหลังได้อีกด้วย
- Custom commands: เป็นคำสั่งในรูปแบบของ Extension ที่สร้างขึ้นจาก JavaScript และโค้ดเฉพาะของ Fireworks ดังที่ปรากฏเป็นคำสั่งต่างๆในเมนู Commands คุณสามารถเพิ่มคำสั่งเหล่านี้ได้ ด้วยการสร้าง Extension ขึ้นมาเอง หรือดาวน์โหลดจากเว็บ Macromedia ก็ได้