導航:首頁 > 萬維百科 > ps網頁設計欣賞

ps網頁設計欣賞

發布時間:2020-12-06 03:04:00

1、如何用Photoshop做網頁設計

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

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

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

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

2、ps網頁設計教程

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

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

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

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

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

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

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

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

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

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

4、講解下PS網頁模版設計 心得

1,新手,應該多看多做 沒有捷徑! 關鍵字「酷站欣賞」搜來看看 。 模仿是初學必須的。

2,看的多了, 一些設計方式、手法、顏色搭配自然就應運而生。 換句話說就是「經驗」。

3,再往後 就嘗試做一些很有質感、創意的東西出來。

4,在繼續,形成自己的風格。那麼恭喜您 已經成為大師。

前兩點是一個痛苦的過程。尤其是客戶交修改的時候。
達到第三點說明您已經是公司部可缺少的人才了
如果達到第4點。那就是客戶聽您的了。

補充下,熟練使用軟體製作出效果 是基本的。 色彩敏感性 這個50%以上需要一些天份。 多看別人的設計同樣可以培養。

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

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

6、關於ps做網頁設計的

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

7、關於PS網頁設計

你要修改的是效果圖嗎?
如果是
那麼建議你使用紅蜻蜓抓圖精靈(RDFsnap)抓一下網頁
抓出的是PNG的 然後用PS打開就可以勒

如果你是想要修改一個網頁 而不是效果圖
那麼你只要用網頁下載器下載就可以勒(建議使用整站下載器)
手動下載也是一樣得 不過比較麻煩而已

8、用PS做的網頁設計如何做成動態網站效果

用PS做的是效果圖,需要前端開發人員編寫代碼才可以在網站上展示出來。
簡單來說,在PS里做好之後,需要切圖。把圖片切割成適合在網站上瀏覽。
切圖時需要把文字分離出圖片的要處理好。
切好圖片之後,需要用html結合JavaScript等知識編寫代碼。
這樣寫出的頁面還只是靜態的網站。
如果想要做成動態的效果,還需要搭建後台,連接資料庫等。

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

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

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

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

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

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

與ps網頁設計欣賞相關的知識