導航:首頁 > 萬維百科 > 怎麼用ps做網頁設計

怎麼用ps做網頁設計

發布時間:2020-07-25 19:27:12

1、怎麼使用PS製作一個網頁

你好!
准確的說,ps是製作網頁的其中一個軟體之一,製作網頁有專用的「網頁三劍客」:PS、DW、flash。
想要做網頁的話,你起碼要會前兩個,其中
ps在網頁製作裡面的作用主要就是:劃分切片+圖片處理。

劃分切片:就是將你在ps裡面做好的網頁版面進行合理的劃分,劃分為一個個小的切片,然後用DW對這些切片進行布局。

圖片處理:這個很好理解,就是對網頁圖片進行優化+處理,以節省空間和達到你想要的圖片效果。

最終的網頁文件是在DW這個軟體裡面完成的,單靠ps做不出來一個完整的網頁。

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來做網頁效果圖?

PS、fireworks都可以用來做效果圖的,用這些工具做效果圖的時候只要注意一下欄目的排版以及用色的協調性,PS做網頁效果圖常用的效果不多,所要只要掌握幾種常用的工具用法就可以了:選取、剪切、填色、漸變、蒙版、切圖等。
剛開始初學的可以網上找一些好點的模版下來自己嘗試著按自己的想法進行修改,等熟練掌握以後再完全自己構思、設計!

4、如何用Photoshop製作網頁模板

網頁中的元素有很多,像Banner條、文本框、文字、版權、Logo、廣告等。盡量把這些相對獨立的元素放在不同的圖層中,這樣方便以後的再編輯。 不過圖層一多,就顯得很凌亂,可建立多個圖層組來進行管理。單擊圖層面板右上角的小三角按鈕,從彈出菜單中選擇「新建組」,在隨後出現的對話框中為新建組取一個名稱(如:「網頁頂部」),確定即可。這時圖層面板中多出一個文件夾圖標,即圖層組。把相關聯的圖層都拖放到同一組中,比如網頁頂部的所有元素,標題、菜單、Logo等都放到「網頁頂部」組中(見圖1)。同樣方法可以建立多個組,在組的下面還可以建立子組。 點擊圖層組前面的小三角,就可以像文件夾一樣展開或折疊它,這樣圖層面板就顯示干凈利落得多,要修改某個元素也能很容易找到。對同一組中的所以圖層可以方便地進行統一操作,如整體復制、刪除、隱藏、合並等。 小提示: ★如果你想借鑒某個網頁的設計,不妨把它截成圖片放在最下面的圖層中,再拉出多個參考線劃出網頁的大致版式,再在此基礎之上邊參考邊製作自己的網頁。 從Photoshop到Dreamweaver的轉換 在Photoshop中設計好之後,下面就要用切片工具把它轉換成網頁。有些人在切片之前喜歡合並圖層,其實沒有必要,合不合並圖層對最終生成的網頁沒有多大影響,反而會妨礙以後的編輯修改。 第1步:我們最終需要的,只是Photoshop中製作的圖形和框架。選擇切片工具(快捷鍵為K),把需要的每個圖形獨立切分出來。每切分出一個圖形,在它的左上角會顯示出切片編號(見圖2)。 第2步:在工具箱右擊切片工具,從彈出菜單中選擇「切片選擇工具」,用它可以選取、移動切片,並可以調整切片的大小。右擊某個切片還可以刪除或劃分這個切片。

5、如何用ps設計網頁?

給你個課程網址:http://wenku.baidu.com/course/view/d7eef4335a8102d276a22f8d?cid=5

做網站,做網站效果圖是啊基礎的技能,但是學會PS才是最重要的,你看上面的課程就好了
還有啊,做網頁在多去看,多去研究別人是怎麼設計的,最前沿的設計是什麼,這樣做出來和產品才會被採納
加油

6、怎麼用ps做網頁設計

根據樓主的提問可以把問題分成2塊理解
第一層怎麼用PS軟體設計網頁
這個的話,一般你看上好看的網站之後保存為圖片格式
導入到PS軟體,調整好網頁的大小,針對性的地方進行修改便可。
第二層的理解是你不知道怎麼把把設計好的網頁導出為WEB所有格式。
簡單的圖片格式的保存為網頁格式的話
第一、在PS裡面設計好網頁
第二、利用切片工具把網頁切成一塊一塊,要想提高頁面訪問速度的話就切片切的小一點
第三、保存為WEB所有格式 (圖片及HTML) 這樣的話你直接打開HTML的話
就形成了頁面訪問的網頁了。

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



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

8、PS怎麼製作網頁界面

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

9、怎麼做網頁設計?需要用到PS么

要從事網頁設計的話,ps不但要會使用、而且還要精通,畢竟網頁美工靠的就是ps

與怎麼用ps做網頁設計相關的知識