譯 / www.loadskill.com donger

　　這是一個演示，將帶你感受在一個典型站點中創造幾個新頁面的全過程。本演示按照這個過程的不同階段被分成幾個部分。如果你需要更多的幫助信息，在fireworks里也包括了一個幫助。

　　第一步：安裝

　　fireworks：cd中包括了fireworks的安裝程序。cd中還有alien skin提供的alien skin eye candy的演示版本。安裝eye candy文件夾到你的xtras文件夾中。

　　dreamweaver 4 cd中包括了dreamweaver demo版的安裝程序。

　　macromedia flash 5 cd中包括了macromedia flash 5 demo版的安裝程序。

　　在我們開始以前，先講一個名詞--“選擇物體”：

　　在這整個演示中，我將經常提起“選擇物體”這個名詞。意思是，在工具欄中選擇指針工具，點擊你想選擇的物體。如果想一下子選擇多個物體，你也能這樣做。方法有兩種：

　　1. 按下shift鍵，然后再用指針工具選擇別的物體。

　　2. 用指針工具，點擊并拖出一個區域，被這個區域所包含的物體都被選中。

譯 / www.loadskill.com donger

　　在位圖和矢量圖編輯環境中工作

　　在這一部分中，我們最開始將從導入的位圖和矢量圖創造出矢量圖。

　　從photoshop中導入帶有遮照的圖片

• 打開demo_02.png

• 選擇"文件/導入"，文件名為"compass.psd"

• 在文件中點擊任意位置放置圖片

• 請注意該羅盤圖形包含了來自photoshop的蒙版圖層，在fireworks中仍舊得到了保留。同時具有文字及生動的陰影效果。選中自photoshop導入的圖象與文字后，使用info面板來定位

• 在info面板中，鍵入x=0,y=106

譯 / www.loadskill.com donger

　　編輯物體的遮照

• 單擊層面板的遮照并選擇它（邊界框就會出現）

• 在工具面板中選擇橢圓工具，設置它的填充顏色為白色

• 在圖象的最右邊畫一個細的垂直橢圓形

• 這將在右邊緣創造一個凹入的效果以替代當前遮照的直邊緣

• 退出位圖編輯模式（按esc鍵）

　　編輯生動的文字

• 在文字"online adventure travel"上雙擊，并編輯它

• 把"online"改寫成"the latest in"

• 當文字編輯框還是打開時，在當前文件中，單擊并拖動文字，重新安排使它精確的定

• 位在圖象右邊稍下的位置

• 改變文字的顏色為白色，點擊ok

• 在effect面板，注意文字效果是從photoshop帶進來的

• 此時文字仍舊被選中，打開effect面板，點擊"i"圖標

• 調整陰影的透明度為100%

• 續對文件進行處理或者如果你剛開始閱讀這一部分，請使用文件：demo_03.png

  

  譯 / www.loadskill.com donger