導航:首頁 > 萬維百科 > ps做網頁設計教程

ps做網頁設計教程

發布時間:2021-03-30 02:27:10

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

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

2、如何用Photoshop做網頁設計

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

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

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

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

3、PS設計網頁頁面的教程

網頁設計需要的PS操作技術並不是很多,只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素,但是更多的是學習。
你可以從模仿別人的稿子開始,漸漸的融入自己的東西。

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

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

4、怎麼用photoshop做網頁

用ps可以做簡單的網頁,你找到切片工具,就可以把你做好的圖片導出為網頁了~~

5、在Photoshop中如何製作網頁

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

第4步:在Dreamweaver中打開剛才保存的網頁,添加文字並進行各種編輯修改就可以了。怎麼樣,簡單吧!注意:Photoshop導出的實際上就是一個大的表格,所有空白的地方也都會轉換為圖片填充,在DW中編輯時,直接刪除這些圖片再添加相應的內容即可。
小提示:
★在Photoshop中編輯好圖形後,點擊工具箱最下面的按鈕(快捷鍵為Ctrl+Shift+M),可以轉到ImageReady里進行編輯,在這里,切片工具的功能更為強大,輸出的圖形控制也更豐富。

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

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

7、ps製作網頁效果圖的教程

我 推薦你一個我經常去的Photoshop教程網站你去看看吧,很有幫助的

http://www.65ps.com/
http://bbs.65ps.com/

我就是在里專面學了不少PS教程,里屬面也有零基礎教程,即使不會一看也能明白!

與ps做網頁設計教程相關的知識