(ADOBE)阿豆比實際操作-Part7

DAEMON TOOL安裝可產生虛擬光碟機，可載入影像檔(ISO BIN NDF)

ISO BUSTER可解壓縮影像檔

1.開啟一個網站>按PRINT SCREEN抓圖，回PHOTOSHOP

2.CTRL+N新增檔案>CTRL+V貼上

3.回網頁瀏覽器，往下拉，把下半部的網頁也重複以上步驟貼到PHOTOSHOP

4.在photoshop中選擇第一個檔案

5.影像>版面尺寸>錨點的上方箭頭點掉>更改寬度及高度(使原圖片的版面變大)

6.到第二個檔案中，點移動，將圖片拖拉到第一個檔案中

7.降低該圖層的不透明度 ，將兩個圖層重疊對好

8.使用矩形選取工具，選取多餘部分，按DEL刪除

9.將不透明度調回100>在圖層視窗中選擇合併圖層

10.新增圖層，點矩形選取工具，框選在按鈕上想覆蓋按鈕上文字位置

11.點油漆桶工具，按住ALT不放，從按鈕旁邊取樣顏色

12.在選取範圍內點一下，填入顏色覆蓋文字

13.重複步驟10~12，將所有按鈕的文字蓋掉

14.整個版面的部份，可以把不要的地方用裁切工具切掉

按鈕改顏色的方法

1.使用矩形選取工具框選要改顏色的按鈕(也可以用筆型工具定義選取範圍)

2.點圖層視窗中的建立新填色或調整圖層，選擇色相飽和度>編輯(選取按鈕的原始顏色)>色相(修改按鈕的顏色)>飽和度，明亮(微調顏色)

3.如果要修改白色的按鈕，必須新增圖層，框選一個範圍與按鈕大小相同，填入想改的顏色，設圖層的混色模式為色彩增值

切割網頁圖像變成網頁的前製動作

1.檢視>尺標(CTRL+R也可以)

2.點移動>從尺規上拖拉出藍色的參考線框住按鈕與FLASH動畫

切割圖片變為網頁

1.檢視>靠齊(打勾)

2.選擇切片工具，拖拉創造切片，每個切片大小當作按鈕的大小，FLASH動畫的大小(剛好框住FLASH或者按鈕的意思)

3.如果剛拖拉出一個切片發現位置不對， 可拖拉邊框調整

4.如果已經拖拉出一堆切片，要調整先前的切片，必須要選擇切片調整工具，點選該切片，再拖拉其邊框調整

5.切片調整完，執行>檔案>儲存為網頁與裝置用

6.點切片選取工具，點選切片，設定壓縮格式，如果顏色單純則預設值選GIF，如果是照片則選JPEG，顏色數值設小點以畫面品質可接受為原則，品質數值設小點也是以畫面品質可接受為原則

7.點儲存

8.新增資料夾，檔名設為INDEX>儲存

9.在資料夾中選擇剛剛儲存的檔案，打開檢視完成的網頁

10.在IMAGE資料夾中可檢視可發現HTML將一推小圖片組合成一個網頁