注：本教程以英文原版Fireworks4來制作，不加漢化，所有專業詞匯在原單詞後加上中文注釋，以方便對照閱讀。
制作步驟：
一、新建文件，使用菜單命令File→New(快捷方式為“Ctrl+N”)，在彈出的New Document對話框中將Width和Height數值都為設300Pixels象素，Resolution分辨率為72Pixels→Inch像素→英寸，其Canvas Color畫布顏色設置為White白色。點擊OK按鈕完成畫布屬性設置。
二、如果當前屏幕中沒有標尺，請使用菜單命令VIEw→Rulers來打開(快捷方式為“Ctrl+Alt+R”)，從水平標尺和垂直標尺中各拉出一條輔助線放置在畫布中央，不需要太准確的位置，只要看上去差不多就可以了。
三、打開Info面板(快捷方式為“Alt+Shift+F12”)，選擇工具面板中的Ellipse橢圓形工具(快捷方式為R鍵，該工具和Rectangle矩形工具處於同一個工具選項中，你可以連續按三次R鍵來選擇Ellipse橢圓形工具)。用鼠標在兩條輔助線的交叉位置上點擊，同時按住Shift和Alt鍵向外拖動，觀察Info面板中的W和H的數值，當它們達到200時，釋放鼠標。此時畫布中會出現一個以輔助線的交叉位置為圓心，直徑為200的圓形對象。在工具面板中的Colors區域中，設置該圓形對象的Stroke描邊顏色為黑色，Fill填充顏色為None無。
四、以水平輔助線為圓心的一個中心點，使用橢圓形工具，按住Shift+Alt鍵分別繪制兩個直徑為100、描邊顏色為黑色、無填充顏色的圓形對象。(注意：這二個完成的小圓對象要位於大圓的內部，這樣才能使下面的操作比較容易執行。)用指針工具同時選擇靠左邊的小圓和大圓，使用菜單命令Modify→Aligh→Left使這個小圓和大圓最左邊對齊，接著選擇靠右邊的小圓和大圓，使用菜單命令Modify→Aligh→Right使這個小圓和大圓最右邊對齊，完成的效果如下圖所示，這三個圓之間是彼此相切的關系。
五、使用快捷方式“Ctrl+A”全選這三個圓形對象，選擇工具面板中的Eraser小刀工具(快捷方式為E)按住Shift鍵沿著水平輔助線穿過這三個對象從左至右畫一條直線。
六、刪去左右二個小圓中的下上二段半圓弧。此時你可以使用快捷方式“Ctrl+”；隱藏輔助線的顯示。
七、用指針工具按住Shift鍵選擇左右兩個小圓的兩段剩余半圓弧，使用菜單命令Edit→Clone (快捷方式為“Ctrl+Shift+D”)，克隆當前所選擇的兩段半圓弧。使用該命令後克隆後的兩段半圓弧處於被選擇狀態，同時按住Shift鍵選擇大圓的上半圓弧，使用菜單命令Modify→Join(快捷方式為Ctrl+J)將當前所選擇的三段半圓弧組合成為一條路徑，並將這條組合路徑向上移動一點位置。使用同樣的方法使下面的三段半圓弧也組合成為一條組合路徑。
八、將分離的兩條組合路徑按照原來的上下位置放置好，選擇下半部分的組成路徑，設置其填充顏色為藍色，RGB值為#000099。
九、使用工具面板中的橢圓形工具繪制兩個直徑為20像素的小圓，設置它們的描邊顏色為None無，左邊的一個填充為白色，右邊的一個填充為藍色，RGB值為#000099。放置好位置，完成本例的制作。
注意：由於Fireworks4中的對象操作是以矢量圖形為基礎的，因此你可以自由地放大和縮小圖形，不需要擔心將圖像放大後會有馬賽克效果。