ps網頁設計製作

1、如何用Photoshop做網頁設計

如果是給個人做，怎麼做都無所謂。如果是在公司里給客戶做。這一步不可少，出了效果圖後，要給客戶看。等客戶確定不再修改時再做網頁，目的就在於防止客戶反復修改，動布局！
另外會做網頁效果圖，代表你的設計能力。用dreamweaver直接做的後果是邊想邊做，容易把設計思路搞混了！
據我所知，這樣的教程基本沒有。因為做網頁效果圖只要基本的操作，有時從別的網頁截一塊下來處理一下，直接用到自己的效果圖上。

一般顯示器解析度 寬:1024 高: 768 寬減去滾動條的寬度, 一般為1003-1004 不會有橫拉條 高度 根據頁而定
網頁設計需要的PS操作技術並不是很多，只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素，但是更多的是學習。
你可以從模仿別人的稿子開始，漸漸的融入自己的東西。

http://www.68design.net/
這個站每天都會有新的酷站收藏，也有設計欣賞。
http://www.zcool.com.cn/
這個站素材豐富而且也有酷站收藏。

要做好網頁設計，一定要多看，拚命的看並且吸收裡面的東西，看看高手們是怎麼處理細節的，這樣慢慢自然會有提高。
是否可以解決您的問題？

2、photoshop在網頁製作的作用

首先，做網頁設計為什麼要使用photoshop，photoshop是一個圖形圖像處理軟體，而且是可視化的操作，可以讓設計師更方便的進行操作。那有人會說Firworks可以設計網頁嗎，答案肯定是有的，因為Firworks也是圖形圖像軟體，只是根據個人的操作習慣了，另外一般Firworks給人的印象是一個只會做GIF動畫的軟體，可能是對軟體的偏見吧，現在絕大部分做網頁設計都使用PS。從軟體的角度來說，PS的功能會比FIR要強大許多！

從軟體的界面的設計，到軟體的實用性，以及特效的製作上，都有著不可超越的特性，而且photoshop還在不斷的升級過程中，現在最高的版本是CS6，它不僅僅可以實現網頁設計的製作以及平面設計效果圖的製作，還可以製作GIF動畫以及3D效果圖！

做為做網頁設計的平台，photoshop起著至關重要的作用，做網頁設計，首先必須要有一個自己足夠熟悉的平台，而且在操作上要有效率，後期做網頁設計，效率是一個非常值得關注的問題。

3、ps網頁設計教程

PS軟體應用十分的廣泛，修改圖像，運用圖層蒙版設計簡單網頁，文字排版，網頁優化，包括導航圖，網頁底端的頁腳，網頁主題內容，特效文字的製作，動作按鈕的設計等。今天一起來學習如何用PS來設計簡單的網頁這篇文章吧。

如何用PS來設計簡單的網頁
新建一個800X600像素的空白背景，顏色模式設置為RGB模式。RGB模式顏色是由紅色，綠色，藍色三種顏色相交構成，可以更好的顯示網頁中的色彩內容。
新建文件，點擊確定，空白文件會自動顯示在軟體中。對於新建空白文件來說，圖像的寬度和高度的大小要按照等比例進行設計，也可以不勾選重新定義新像素來實現。
打開一張車的圖片，移動到白色背景畫布中，選擇圓角矩形工具，選擇路徑為了方便轉換為選區，設置為5個像素，像素越大，圓角矩形的四個圓角就是更加的明顯，然後選擇漸變工具，選中系統自帶的黑白漸變，修改黑白漸變的顏色，改為灰白，也可以設置前景色為灰色，背景色為白色進行漸變的填充，然後點擊確定。
然後選擇工作路徑，滑鼠CRL點擊工作路徑，設置為選區，選中線性漸變類型，然後畫出漸變的顏色。漸變的方向是從上到下為白色到淺灰色的漸變效果圖。
然後選擇修改收縮2個像素，就是將選區收縮小2個像素，變小一些，然後再次從下向上漸變，然後alt快捷鍵復制2個，如圖所示，然後找到車的一個的圖標按鈕，然後用磁性套索工具勾勒好，然後滑鼠左鍵拉動到合適位置，然後選擇3個圖層，然後水平分布，和居中分布對齊。然後選擇左對齊分布，分布均勻。分布按鈕是在選擇工具上方的工具欄中，有平均分布對齊等多個按鈕。
然後再次用鋼筆工具勾畫另外一個車的圖標，然後再用自由變換調整到合適位置，然後點擊2個圖層之後，進行左對齊分布。分布到形狀中的最左邊位置即可。
再次選擇一個不同的車的圖標設計圖片，然後用鋼筆工具進行勾畫圖標，或者為了方便，可以直接用魔棒工具來選擇，選中其需要圖形的一部分。
然後再次選中圖形，形狀圖形，全部選中相應圖層，調整水平分布和左對齊分布。當分布不均勻，可以按住滑鼠左鍵自動進行調整。
所有的圖標都自由變換，調整到合適位置，如圖。按住crl+t來實現圖形的自由變換的內容。如圖
輸入相應的文字，文字的顏色設置為黑色，將其三個文字圖層，按住shift鍵和左右方向鍵進行移動調整來改變。之後將車的圖片進行調整，便於觀看，文字進行排版即可。

4、教您怎樣用Photoshop製作一個漂亮的網頁

第一步 首先新建一個文檔。我創建的是寬1100px高1100px的文檔。這個文檔可以用於寬為1024px的站點，仍然還有空間去決定在可視區域之外如何布置，這樣在更大屏幕下也很好的適應。

現在第一步先創建一個美觀抽象背景。我們使用從#1b204c到#472373這兩種顏色按照線性遞減繪制背景。

第二步 現在我們要一個吸引眼球的背景，足夠抽象到不會干擾人閱讀文字。很走運，在GoMedia』s Arsenal站點里有一張很棒的免費水彩圖片，點擊「freebie（免費贈品）」區，你就能找到兩張水彩圖片；我們要的是綠色那張。

現在這樣很開心了，你按下CTRL+I將圖片反置，會在黑色為底的背景上呈現漂亮的粉紫色，這樣就更酷了！

第三步 現在把處理過的水彩圖片拷貝到主畫布上，按下CTRL+T鍵，將其調整到適當大小。這里我們要將右邊淡化為黑色（這樣在後面我們可以更方便地編輯我們的 HTML代碼）。另外，我們也不想在豎直方向過長，因此最好擦掉一些超出的地方。選取一個畫刷，選用黑色擦去底下部分。

注意最好選取帶有一些紋理的畫刷，這樣擦去部分不會顯得很明顯。如果你向下滾動畫刷列表，有一個Photoshop自帶的像圖例中的畫刷。這個畫刷也能用，當然你可能有其他更漂亮的畫刷，用起來更加自如。

你選中以後，在右邊和底下區域黑色填充，這樣這層就覆蓋在整個畫布上了。

5、ps網頁設計製作過程。

第一:整個網站的風格要把握 第二:圖片的處理,圖片的大小不能太大。 第三:安全性問題 第四:客戶的體驗。比如你的投票板塊放在哪裡客戶會給你投票而不是讓客戶反感

6、使用ps製作網頁時畫布通常會使用什麼單位

你好，單位一般是像素，尺寸見以下圖片，望採納。

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

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

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