用ps做網頁圖片設計

1、用PS製作網頁要存什麼格式的圖片

存儲為web格式 也可以直接存儲為png格式即可。

ps製作網頁步驟:
1.先用Photoshop做一個網頁圖片；
2.Ctrl+R調出標尺，在圖片上繪製表格，框選出要做鏈接的部分；
3.使用切片工具，按照繪制的表格劃分切片
4.以上步驟完成後，進行操作「文件」>「儲存為Web和設備所用格式」，在打開的窗口中按照自己的需要為網頁圖片作設置，設置完成後，「儲存」，保存類型「html和圖片」，切片「所有切片」。
5.接下來用Dreamweaver打開html文件，為其作鏈接及其它。
6.最後保存就完了。

2、怎麼將PS的圖片製作成網頁

這要牽扯三個軟體：
1.photoshop（網頁圖片製作）
2.imageReady（PS圖片放進去，導出「將優化結果存儲為..」--保存類型選擇--html）
3.Dreamweaver（打開HTML文件，你就可以看見代碼了）

3、用Photoshop做網頁設計圖的教程有哪些

photoshop是處理圖片的軟體，並非做網頁的。
網頁需要格局，代碼等。如果只是拿PS做一張圖，再用firework去隔，會很簡單，很枯燥的。
再學學dreamweaver

4、如何用PS做網頁效果圖

上次有空做了個。我用的是GIF的動態效果。你也可以直接做圖片然後保存網頁格式，尺寸什麼的自己調。不要在意這些細節。。

5、用PS做好網頁圖片，怎麼樣快速變為網頁

1、先打開photoshop設計好你的網頁背景，如圖所示，如何設計這樣的頁面我就不講了，不屬於該經驗的內容，下面就是要介紹如何將這樣的圖片轉換問網頁。
2、在工具欄選擇【切片工具】，大部分人的工具欄只顯示裁剪工具，右鍵單擊裁剪工具就能看到切換工具，選擇它即可。
3、屬性欄進行設置，先來設置樣式，有三種樣式可供選擇，正常樣式、固定長寬比、固定大小。
4、正常模式下，滑鼠拖動可以繪制一個矩形的切片，切片的大小和長寬比都是任意的，點擊切片就會使切片的邊框變成棕褐色（如下面第二幅圖），並出現八個控制點（如下面第三幅圖，拖動控制袋可以任意的改變切片的大小），另外，直接拖動切片也可以改變切片的位置。
5、固定長寬比模式下，拖動滑鼠可以繪制切片，切片的大小是任意的，但是切片的長寬比是固定不變的。為了方便，一般長寬比和圖像的的長寬比是相同的。怎樣知道圖像的長寬比呢，參考下面第二幅圖，在圖像--圖像大小下，打開圖像大小對話框，這里你可以找到圖像的寬度和高度。
6、固定大小模式下，切片的長和寬都是你設定的，不會改變，如圖所示，點擊一下滑鼠就可以繪制一個切片，我繪制的這些切片都是一樣大小的。選中一個切片，切片變成棕色的邊框，並出現了八個控制點，拖動控制點也可以改變切片的大小。
7、一般將圖片切割成網頁的時候，我們可以使用一種簡便的方法，切換到任意一種模式下，右鍵單擊圖像，然後在打開的右鍵菜單中，選擇【劃分切片】，打開劃分切片的對話框。
8、設置將圖片切分為水平4個切片，垂直5個切片，點擊確定按鈕，下面第二幅圖就是我們建立這個切片。這是建立切片最快的速度了。
9、拖動控制點可以改變整行或者整列的寬度和高度。
10、除此之外，我們還可以對某個切片進行進一步的切割，右鍵單擊某個切片，然後選擇【劃分切片】，打開劃分切片對話框，設置橫向和縱向的切片個數，如圖所示
11、最後，一個關鍵的設置就是，右鍵單擊某個切片，然後在打開的右鍵菜單中選擇【編輯切片選項】，打開切片選項對話框。
12、在這里你要設置的有切片的名稱，這個名稱也就是網頁圖片的名稱，默認系統給出的名稱即可。設置url，也就是圖片的鏈接，在網頁上點擊圖片就能打開這個鏈接；目標在動態圖片中需要設置，即載入URL時的楨，在靜態的圖片中不需要設置；信息文本也就是鼠表放在網頁上的圖片上的時候，出現在瀏覽器底部狀態欄的文字信息；Alt標記就是滑鼠放在圖片上，自動出現在圖片周圍的文字。設置好這些參數以後點擊確定按鈕。
13、最後就是要保存html文件了，在菜單欄上執行：文件--存儲為web和設備所用格式
14、在打開的對話框中，點擊【雙聯】你會看到兩個圖片，上面這個是處理前的原圖，下面這個是處理後的圖片，你可以對比兩個效果以後再保存圖片。
15、設置格式為jpeg，其他參數參考下面的這幅圖，一般默認系統給出的參數即可。點擊儲存按鈕。
16、最關鍵的步驟就是在這里，設置格式為【html和圖像】，然後點擊保存按鈕。
17、你會看到保存後有兩個文件，一個是圖片文件夾，一個是html文件，雙擊打開html就可以看到一個網頁了。
18、用dreamweaver打開網頁文件可以對齊進行進一步的編輯。

6、PS製作網頁圖片

先製作一個純色。使用蒙版設置半透明。

裁切成你想要的那種形狀。

然後下面放上深底色。

然後復制幾層，排列一下

最後把需要的區域裁切出來就好。。  大體原理就是這樣。實際操作的時候可以不同裁切，直接調整需要的大小就好。

7、ps怎麼製作網頁小圖片？

如上圖，你看圖中「我的日記」只兩個組字很明顯的對比，這是我剛剛做的，比較清晰的那個是因為我直接把
字體圖層復制兩次疊加，所以看起來非常清晰，而右邊的那個沒有復制疊加過的~~~~曉得了么

8、用PS做一個網頁設計圖

挺簡單的，現在fireworks中做下PSD圖，然後在DW中處理一下就行了

我也有現成的，加些分留個郵箱可以發給你。。。。

網站分為好多類型，像個人主頁、門戶、論壇等，你可以選擇其中的一個來做。。如果你是新手的話，那就做個個人主頁吧，比較自由，做成什麼樣的都可以。。。。
如果你的程序搞的比較好的話，那就做個論壇吧、