CNS㊣口齒不清的阿宅

　　會寫這篇教學文的原因，是由於我的朋友魔老鬼這個學人精，學我去買了兩隻山口可動的 TORO & KURO 貓，然後就迷上了拿公仔來演戲的阿宅習性...而每當他自導自演完一部大作後，就會在 MSN 上跟我抱怨說到…

魔老鬼：「每次要做那些對話框，真是累死我了！」
我：『ㄟ~那是因為你不會用 Fireworks，用這來做可簡單的』

講了這麼多廢話，以下就一步步說明，如何做出如上圖般漫畫式的對話框吧。

一、開啟 Fireworks CS3。
二、點選「檔案＞開啟舊檔」選取你要編輯的檔案。

三、因為圖要放到 Blog 上，所以點選「修改＞畫布＞影像大小」(快速鍵 Ctrl+J)，將圖檔的寬度調為 500px，此時若在工作區看到的圖變小，可於右下角改變顯示的百分比。


四、點選左方工具列中的「矩形工具」，選擇你想要使用的樣式，這邊我選圓角矩形。


五、在圖上拉出適當大小的圓角矩形，下方屬性列，可修改矩形顏色或框線樣式。


六、重要的地方來了，於左方工具列點選「選取細部工具」，此時游標會變成白色箭頭，然後再點選剛剛拉出的圓角矩形，會發現選取的狀態不一樣了。


七、保持以上的狀態，點選左方的「鋼筆工具」，游標會變成鋼筆樣，移到被選取的圓角矩型框線上後，鋼筆旁會出現 + 號，表示可在曲線上新增錨點(這句不懂沒關係)，如圖所示範的，新增三個錨點。


八、再使用「選取細部工具」，點選剛剛三個錨點之中間那個，然後把它”拉出來”，對話框就成形了。


九、最後點選「文字工具」，在對話框上輸入你要的文字，就大功告成了。


這就是最後的成品...XD



看起來步驟可能有點繁瑣，因為我是以完全沒用過 Fireworks 的人來寫的，如果你稍微有點基礎的話，做起來其實是非常快的。