ps網頁設計教程

㈠ PhotoShop簡單製作斜紋質感網頁導航按鈕教程

用PhotoShop製作一種斜紋質感的網頁導航按鈕效果，簡單易學。
效果圖：
大家好，下面由我來開始教如何做上圖效果的簡單按鈕：
1.首先打開photoshop軟體，Ctrl+N新建一個10
x
10px的72dpi(解析度)的文件：
①.我們先在圖層面板新建一個新的圖層，然後把背景圖層刪除(可按del鍵快捷鍵)
②.接著在「導航器」把界面放到最大
可按ctrl+"+"
快捷鍵，然後選擇矩形選框工具，再選擇上面的「添加到選區」，然後按照下圖選出那樣的選區
並填充(alt+delete)為白色：
③接著按快捷鍵alt+A全選圖層，再選擇「編輯」菜單，往下看，找到「定義圖案」，確定!
2.接著再新建一個新的文件，500
x
300
px，300dpi(解析度)，確定,背景層填充為深灰色(#494949)!下面我們將開始製作按鍵!
①我們首先新建一個圖層，再用選框工具選出自己需要的大小按鈕，填充為黑色。
相關photoshop教程：
PS製作質水晶質感網頁按鈕教程
PS製作logo圖標按鈕教程
環形金屬質感效果
Photoshop製作精緻的透明玻璃按鈕
PS製作精緻的帶金屬邊框的水晶按鈕
Photoshop製作圓形金屬邊框按鈕

㈡ PS怎麼製作網頁界面

ps只是編輯圖片的軟體它只能處理圖片。。
網頁的
製作是用命令來編輯的
。。。ps只是用來處理一下網頁上要用的圖片，，使其更好看而已。。。】
如果你想製作網頁還是看看這方面的
書籍。。。

㈢ 如何用ps製作網頁首頁

首先要看行業，行業領域的區分，再加上本身公司的logo主題色是什麼
其次是對網站的內大小，現在容一般都是1920px的寬主體1100px,特殊行業有特殊的尺寸
功能的設想，布局框架，哪個位置需要布局什麼板塊
再就是相關的圖片設計與文字的排版，還有比較多的細節等等一系列。
還有問題歡迎私我

㈣ 求ps網頁設計視頻教程全集下載

給你推薦個網站吧，上面有很多學習視頻資源，很詳細，講的也很到位，各種軟體學習資源都有，[url=http://www.51zxw.net/study.asp?vip=5214386]51自學網－專業培訓老師錄制的視頻教程，讓學習變得很輕松[/url]。。。真的不錯啊。

㈤ 如何用ps設計網頁

如果是給個人做，怎麼做都無所謂。如果是在公司里給客戶做。這一步不可少，出了效果圖後，要給客戶看。等客戶確定不再修改時再做網頁，目的就在於防止客戶反復修改，動布局！
另外會做網頁效果圖，代表你的設計能力。用dreamweaver直接做的後果是邊想邊做，容易把設計思路搞混了！
據我所知，這樣的教程基本沒有。因為做網頁效果圖只要基本的操作，有時從別的網頁截一塊下來處理一下，直接用到自己的效果圖上。
一般顯示器解析度
寬:1024
高:
768
寬減去滾動條的寬度,
一般為1003-1004
不會有橫拉條
高度
根據頁而定
網頁設計需要的PS操作技術並不是很多，只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素，但是更多的是學習。
你可以從模仿別人的稿子開始，漸漸的融入自己的東西。
http://www.68design.net/
這個站每天都會有新的酷站收藏，也有設計欣賞。
http://www.zcool.com.cn/
這個站素材豐富而且也有酷站收藏。
要做好網頁設計，一定要多看，拚命的看並且吸收裡面的東西，看看高手們是怎麼處理細節的，這樣慢慢自然會有提高。

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

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

㈦ 求取一份用ps cc設計的web網頁和移動界面設計的視頻教程，謝謝

1、首先需要創建一個新文檔，大小 1200*1172px，背景設置為#efefef

2、使用矩形工具,在所創建新的圖層內一個大的灰色矩形，命名「Grey」，大小1200*62px。

3、為這個Grey矩形添加如下圖層樣式。

4、在Grey圖層上方再新建一個圖層Image，再該層添加另一個形狀，但這次我將使用圓角矩形工具。加入選擇一張如下圖漂亮的夢幻圖片。

5、對這張夢幻圖片，添加一些圖層樣式，如下。

6、在大圖片下面，繼續創建4個小矩形。嘗試使用不同的顏色。
我使用的尺寸是222*182px。顏色值分別是：#f15522、#66aa44、#eea411、#1188cc

7、現在我們做一下小顏色塊上的高光效果。
創建另一個層(按CTRL + SHIFT + ALT + N)，在高光層內，添加白色到透明的徑向漸變。

8、調整該高光層的混合模式為疊加,同時改變不透明度為50%.

9、復制該高光層到每個顏色圖層上方。

10、接下來做導航部分。
在網站布局的頂部，將創建一個新的矩形。

11、對該層使用下面的圖層樣式。

12、創建一個小圓橢圓工具，直徑22px。

13、對這個小圓，添加下面的圖層樣式。

14、現在進行圓形的重要的調整，刪除圓形下半部。有兩種方法：
①、首先需要右鍵單擊層在你的圖層面板中，然後使用矩形選框工具選擇的下半部分的圓圈，按鍵盤上按上刪除。
②、另一種方式是柵格化的該圓形路徑，使用橡皮擦。

15、為導航添加Icon。
這個導航樣式適合比較簡約版Icon，並做出凹陷進去的圖層質感。

16、對於所有這些Icon，添加下面的圖層樣式。

17、在Icon之間，加入一些垂直分割線。

18、分割線設置如下的圖層樣式。

19、下一步是為網頁加入Logo。

20、使用圓角矩形工具，在Image圖層底部添加另一個的形狀。

21、為該矩形添加下面的圖層樣式。

22、使用橢圓工具繼續添加一些小圓形。

23、在顏色矩形右上方，使用橢圓工具繪制一個圓形。

24、選擇圓形圖層，創建剪切模板。

25、對於這個白色圖形，添加下面的圖層樣式

26、復制該樣式，到每個顏色框的右上方，並保持相同的空間比例。

27、然後添加另一個圖標,和一些標題文本。

28、繼續完善內容，注意正文內容較多時，要文字比例比較小，同時採用與標題字顏色反差，這樣能突顯出Title的醒目性，並在其間加入橫向分割線。

29、最後一個步驟，添加另一個文本與橫排文字工具。

30、這是最後的結果。希望你會喜歡它。
您可以使用該Web布局，加以細微的修改，使得它成為另一個Wordpress主題。

㈧ PS怎麼製作網頁

1photoshop
.fireworks
設計網頁的
2DM.網頁排版的
3flash
製作網頁flash的
你可以慢慢學學

㈨ PS網頁製作如何排版

你好,不管是PS的還是PW的都是無所謂的.那怕是僅僅是一張JPG格式的圖片.
要做成網頁頁面需要在網頁製作軟體裡面做
把這些圖片里的各個元素都分別保存下來!!
在網頁製作軟體里再重新組合.排版,進行優化.

㈩ 給我介紹幾個好的PS教程網站，要平面設計類的

薛欣系列視頻教程之ps圖層—視頻中心·網易學院，裡面視頻教程隨便下