1、如何用Photoshop製作網頁模板
網頁中的元素有很多,像Banner條、文本框、文字、版權、Logo、廣告等。盡量把這些相對獨立的元素放在不同的圖層中,這樣方便以後的再編輯。 不過圖層一多,就顯得很凌亂,可建立多個圖層組來進行管理。單擊圖層面板右上角的小三角按鈕,從彈出菜單中選擇「新建組」,在隨後出現的對話框中為新建組取一個名稱(如:「網頁頂部」),確定即可。這時圖層面板中多出一個文件夾圖標,即圖層組。把相關聯的圖層都拖放到同一組中,比如網頁頂部的所有元素,標題、菜單、Logo等都放到「網頁頂部」組中(見圖1)。同樣方法可以建立多個組,在組的下面還可以建立子組。 點擊圖層組前面的小三角,就可以像文件夾一樣展開或折疊它,這樣圖層面板就顯示干凈利落得多,要修改某個元素也能很容易找到。對同一組中的所以圖層可以方便地進行統一操作,如整體復制、刪除、隱藏、合並等。 小提示: ★如果你想借鑒某個網頁的設計,不妨把它截成圖片放在最下面的圖層中,再拉出多個參考線劃出網頁的大致版式,再在此基礎之上邊參考邊製作自己的網頁。 從Photoshop到Dreamweaver的轉換 在Photoshop中設計好之後,下面就要用切片工具把它轉換成網頁。有些人在切片之前喜歡合並圖層,其實沒有必要,合不合並圖層對最終生成的網頁沒有多大影響,反而會妨礙以後的編輯修改。 第1步:我們最終需要的,只是Photoshop中製作的圖形和框架。選擇切片工具(快捷鍵為K),把需要的每個圖形獨立切分出來。每切分出一個圖形,在它的左上角會顯示出切片編號(見圖2)。 第2步:在工具箱右擊切片工具,從彈出菜單中選擇「切片選擇工具」,用它可以選取、移動切片,並可以調整切片的大小。右擊某個切片還可以刪除或劃分這個切片。
2、如何用Photoshop做網頁設計
如果是給個人做,怎麼做都無所謂。如果是在公司里給客戶做。這一步不可少,出了效果圖後,要給客戶看。等客戶確定不再修改時再做網頁,目的就在於防止客戶反復修改,動布局!
另外會做網頁效果圖,代表你的設計能力。用dreamweaver直接做的後果是邊想邊做,容易把設計思路搞混了!
據我所知,這樣的教程基本沒有。因為做網頁效果圖只要基本的操作,有時從別的網頁截一塊下來處理一下,直接用到自己的效果圖上。
一般顯示器解析度 寬:1024 高: 768 寬減去滾動條的寬度, 一般為1003-1004 不會有橫拉條 高度 根據頁而定
網頁設計需要的PS操作技術並不是很多,只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素,但是更多的是學習。
你可以從模仿別人的稿子開始,漸漸的融入自己的東西。
http://www.68design.net/
這個站每天都會有新的酷站收藏,也有設計欣賞。
http://www.zcool.com.cn/
這個站素材豐富而且也有酷站收藏。
要做好網頁設計,一定要多看,拚命的看並且吸收裡面的東西,看看高手們是怎麼處理細節的,這樣慢慢自然會有提高。
是否可以解決您的問題?
3、關於photoshop設計網頁
1024x768解析度,IE瀏覽器
高度不限,寬度不要超過1003,1024-邊框寬度-滾動條寬度=1003(PX)
4、教您怎樣用Photoshop製作一個漂亮的網頁
第一步 首先新建一個文檔。我創建的是寬1100px高1100px的文檔。這個文檔可以用於寬為1024px的站點,仍然還有空間去決定在可視區域之外如何布置,這樣在更大屏幕下也很好的適應。
現在第一步先創建一個美觀抽象背景。我們使用從#1b204c到#472373這兩種顏色按照線性遞減繪制背景。
第二步 現在我們要一個吸引眼球的背景,足夠抽象到不會干擾人閱讀文字。很走運,在GoMedia』s Arsenal站點里有一張很棒的免費水彩圖片,點擊「freebie(免費贈品)」區,你就能找到兩張水彩圖片;我們要的是綠色那張。
現在這樣很開心了,你按下CTRL+I將圖片反置,會在黑色為底的背景上呈現漂亮的粉紫色,這樣就更酷了!
第三步 現在把處理過的水彩圖片拷貝到主畫布上,按下CTRL+T鍵,將其調整到適當大小。這里我們要將右邊淡化為黑色(這樣在後面我們可以更方便地編輯我們的 HTML代碼)。另外,我們也不想在豎直方向過長,因此最好擦掉一些超出的地方。選取一個畫刷,選用黑色擦去底下部分。
注意最好選取帶有一些紋理的畫刷,這樣擦去部分不會顯得很明顯。如果你向下滾動畫刷列表,有一個Photoshop自帶的像圖例中的畫刷。這個畫刷也能用,當然你可能有其他更漂亮的畫刷,用起來更加自如。
你選中以後,在右邊和底下區域黑色填充,這樣這層就覆蓋在整個畫布上了。
5、PS怎麼製作網頁??
1photoshop
.fireworks
設計網頁的
2DM.網頁排版的
3flash
製作網頁flash的
你可以慢慢學學
6、用photoshop做網頁方法
800*600我一般寬會設成780px,1024*768 寬度會設成 1000px,高度當然要看內容多少來定。
布局就不好說了 要看設計者的喜好、習慣、網站的功能、設計風格來定了。
接下來就是切圖了,切圖是個很麻煩但又很關鍵的步驟。切圖前必須考慮好圖片大小(大圖為了瀏覽時能順利打開最好切割成N小快),是否為背景圖(有的圖很大,但實際上都是小圖片的平鋪效果,所以遇到這種圖只取小圖,在網頁中設為背景就可以了)。除此之外還要考慮是否可以用圖片以外的元素代替,比如有的純色塊完全沒必要用圖片,只要在網頁中調整表格的顏色就可以得到相同的效果。photoshop有專門的切割工具,按需要把設計好的網頁切割好後用ctrl+alt+shift+s保存,就會生成一個html文件了,你會發現html的圖片文件夾里已經有你切好的一塊一塊的小圖片。瀏覽這個web頁面,顯示的效果和ps中的完全一致,似乎布局已經完成了。
但Dreamweaver現在才剛剛開始排的上用場,因為網頁畢竟不是純粹的圖片,還需要文字、flash、聲音等元素的添加,Dreamweaver要做的就是繼續完善你的頁面,圖片越少越好,該刪的刪、該設背景的設為背景該用表格顏色代替的用顏色代替。
哇塞 想想都麻煩^ ^
歸根結底 photoshop 是用來構圖設計的,而Dreamweaver是為了完成並完善圖片到網頁的轉換過程。
7、怎麼使用PS製作一個網頁
你好!
准確的說,ps是製作網頁的其中一個軟體之一,製作網頁有專用的「網頁三劍客」:PS、DW、flash。
想要做網頁的話,你起碼要會前兩個,其中
ps在網頁製作裡面的作用主要就是:劃分切片+圖片處理。
劃分切片:就是將你在ps裡面做好的網頁版面進行合理的劃分,劃分為一個個小的切片,然後用DW對這些切片進行布局。
圖片處理:這個很好理解,就是對網頁圖片進行優化+處理,以節省空間和達到你想要的圖片效果。
最終的網頁文件是在DW這個軟體裡面完成的,單靠ps做不出來一個完整的網頁。
8、在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里進行編輯,在這里,切片工具的功能更為強大,輸出的圖形控制也更豐富。
9、如何用ps設計網頁?
給你個課程網址:http://wenku.baidu.com/course/view/d7eef4335a8102d276a22f8d?cid=5
做網站,做網站效果圖是啊基礎的技能,但是學會PS才是最重要的,你看上面的課程就好了
還有啊,做網頁在多去看,多去研究別人是怎麼設計的,最前沿的設計是什麼,這樣做出來和產品才會被採納
加油
10、如何用photoshop進行網頁設計
你是想要在原來的設計下面加上一塊空白,那可以選擇「圖象」-「畫布大小」,在彈出的對話框中,先設置定位,如果在下面加長就點擊向上的鍵頭,這樣就會在原圖的下方加入空白,現在再輸入設定高度數字就OK了!