ps網頁設計要素

1、ps網頁設計教程

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

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

2、如何用photoshop進行網頁製作

HTML+CSS+JS，這是廣義上的網頁三元素，HTML負責骨骼，CSS負責血肉，JS負責行為動作。其中瀏覽器中表現的畫面約等於(html+css)，但僅僅擁有他們是表現不出設計師們大腦中天馬行空，不拘一格的想像力的，因此才引入了PSD作為設計稿。
這就好比，你完全自己DIY一個高達，你需要先有一副高達圖片（PSD），再通過圖片中的表現自己搭建支撐的骨架（HTML），再用各式噴漆、馬克筆（CSS）去勾畫、完善細節。

那麼回到問題上來，怎麼用PS做網頁？假定adobe體系中，PS永遠只能設計網頁，而Dreamweaver才能製作網頁，但是依然要你自己根據設計去解構設計然後劃分網頁骨架，具體到html上就是根據不同的頁面表現來寫Div標簽，製作Button按鈕，用CSS控制他們的大小和位置以及表現。更進一步的話，大部分前端會手寫html和css代碼，因為DW有各式包括啟動速度，冗餘代碼之類的問題。

至於響應式，這又是基於成型的html以後另一個話題了，但還是html+css，只不過通過UA檢測來適應不同終端的不同展現。

3、ps網頁設計尺寸

從用戶體驗的角度來說，你不應該以最大尺寸來做參考，設計頁面應該以最小尺寸來做決定；
從普遍用戶來說，目前最小尺寸大部分是以1024*768解析度作為標准來做的，設計師要做的事情就是以最小尺寸來設計，還要考慮到大屏幕顯示器的用戶的瀏覽效果，所以你必須要考慮到頁面的自動伸縮問題；即使是以大圖片為背景的頁面，也是會考慮到不同解析度的伸展問題
作為網頁設計師，要盡量考慮到絕大部分用戶的瀏覽需求

4、關於ps做網頁設計的

隨便做什麼嗎？如果是。我這里有幾個。

5、關於PS與網頁設計..

急也要一點一點的一為，可以和同學交流，不要讓人家給做好的，只能害了自個，以後直接面臨著工作，這可馬虎不得哦，親

6、PS中網頁設計的寬度一般是多大？

網頁設計電腦端UI都是1920寬，1080像素高的尺寸設計

7、photoshop在網頁製作中的主要功能?

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

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

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

8、photoshop網頁製作高手來看看啊，怎麼製作HTML元素

直接到 Dreamweaver找表單 -列表/菜單

就會有這種效果  在ps里只是圖片格式預覽用的 不能實際操作

9、ps製作網頁需要注意哪些方面

網頁ps可能不是好的軟體。網頁有專門的網頁製作軟體。ps可以製作圖標或者圖片值了，按鈕等等。

10、如何用photoshop進行網頁設計

你是想要在原來的設計下面加上一塊空白，那可以選擇「圖象」-「畫布大小」，在彈出的對話框中，先設置定位，如果在下面加長就點擊向上的鍵頭，這樣就會在原圖的下方加入空白，現在再輸入設定高度數字就OK了！