創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)公司是一家服務(wù)多年做網(wǎng)站建設(shè)策劃設(shè)計(jì)制作的公司,為廣大用戶提供了成都做網(wǎng)站、成都網(wǎng)站建設(shè)，成都網(wǎng)站設(shè)計(jì)，1元廣告，成都做網(wǎng)站選創(chuàng)新互聯(lián)建站，貼合企業(yè)需求，高性價(jià)比，滿足客戶不同層次的需求一站式服務(wù)歡迎致電。
1，教您怎樣用Photoshop制作一個(gè)漂亮的網(wǎng)頁
第一步 首先新建一個(gè)文檔。我創(chuàng)建的是寬1100px高1100px的文檔。這個(gè)文檔可以用于寬為1024px的站點(diǎn)，仍然還有空間去決定在可視區(qū)域之外如何布置，這樣在更大屏幕下也很好的適應(yīng)。現(xiàn)在第一步先創(chuàng)建一個(gè)美觀抽象背景。我們使用從#1b204c到#472373這兩種顏色按照線性遞減繪制背景。第二步 現(xiàn)在我們要一個(gè)吸引眼球的背景，足夠抽象到不會(huì)干擾人閱讀文字。很走運(yùn)，在GoMedias Arsenal站點(diǎn)里有一張很棒的免費(fèi)水彩圖片，點(diǎn)擊“freebie（免費(fèi)贈(zèng)品）”區(qū)，你就能找到兩張水彩圖片；我們要的是綠色那張。現(xiàn)在這樣很開心了，你按下CTRL+I將圖片反置，會(huì)在黑色為底的背景上呈現(xiàn)漂亮的粉紫色，這樣就更酷了！第三步 現(xiàn)在把處理過的水彩圖片拷貝到主畫布上，按下CTRL+T鍵，將其調(diào)整到適當(dāng)大小。這里我們要將右邊淡化為黑色（這樣在后面我們可以更方便地編輯我們的 HTML代碼）。另外，我們也不想在豎直方向過長，因此最好擦掉一些超出的地方。選取一個(gè)畫刷，選用黑色擦去底下部分。注意最好選取帶有一些紋理的畫刷，這樣擦去部分不會(huì)顯得很明顯。如果你向下滾動(dòng)畫刷列表，有一個(gè)Photoshop自帶的像圖例中的畫刷。這個(gè)畫刷也能用，當(dāng)然你可能有其他更漂亮的畫刷，用起來更加自如。你選中以后，在右邊和底下區(qū)域黑色填充，這樣這層就覆蓋在整個(gè)畫布上了。2，用photoshop做網(wǎng)頁方法
800*600我一般寬會(huì)設(shè)成780px，1024*768 寬度會(huì)設(shè)成 1000px，高度當(dāng)然要看內(nèi)容多少來定。布局就不好說了 要看設(shè)計(jì)者的喜好、習(xí)慣、網(wǎng)站的功能、設(shè)計(jì)風(fēng)格來定了。接下來就是切圖了，切圖是個(gè)很麻煩但又很關(guān)鍵的步驟。切圖前必須考慮好圖片大小（大圖為了瀏覽時(shí)能順利打開最好切割成N小快），是否為背景圖（有的圖很大，但實(shí)際上都是小圖片的平鋪效果，所以遇到這種圖只取小圖，在網(wǎng)頁中設(shè)為背景就可以了）。除此之外還要考慮是否可以用圖片以外的元素代替，比如有的純色塊完全沒必要用圖片，只要在網(wǎng)頁中調(diào)整表格的顏色就可以得到相同的效果。photoshop有專門的切割工具，按需要把設(shè)計(jì)好的網(wǎng)頁切割好后用ctrl+alt+shift+s保存，就會(huì)生成一個(gè)html文件了，你會(huì)發(fā)現(xiàn)html的圖片文件夾里已經(jīng)有你切好的一塊一塊的小圖片。瀏覽這個(gè)web頁面，顯示的效果和ps中的完全一致，似乎布局已經(jīng)完成了。但Dreamweaver現(xiàn)在才剛剛開始排的上用場，因?yàn)榫W(wǎng)頁畢竟不是純粹的圖片，還需要文字、flash、聲音等元素的添加，Dreamweaver要做的就是繼續(xù)完善你的頁面，圖片越少越好，該刪的刪、該設(shè)背景的設(shè)為背景該用表格顏色代替的用顏色代替。哇塞 想想都麻煩^ ^歸根結(jié)底 photoshop 是用來構(gòu)圖設(shè)計(jì)的，而Dreamweaver是為了完成并完善圖片到網(wǎng)頁的轉(zhuǎn)換過程。3，如何用Photoshop做網(wǎng)頁設(shè)計(jì)
如果是給個(gè)人做，怎么做都無所謂。如果是在公司里給客戶做。這一步不可少，出了效果圖后，要給客戶看。等客戶確定不再修改時(shí)再做網(wǎng)頁，目的就在于防止客戶反復(fù)修改，動(dòng)布局！另外會(huì)做網(wǎng)頁效果圖，代表你的設(shè)計(jì)能力。用dreamweaver直接做的后果是邊想邊做，容易把設(shè)計(jì)思路搞混了！據(jù)我所知，這樣的教程基本沒有。因?yàn)樽鼍W(wǎng)頁效果圖只要基本的操作，有時(shí)從別的網(wǎng)頁截一塊下來處理一下，直接用到自己的效果圖上。一般顯示器分辨率 寬:1024 高: 768 寬減去滾動(dòng)條的寬度, 一般為1003-1004 不會(huì)有橫拉條 高度 根據(jù)頁而定 網(wǎng)頁設(shè)計(jì)需要的PS操作技術(shù)并不是很多，只要掌握基礎(chǔ)就行了。 但是你想要做好一個(gè)稿子就不是那么簡單了。 這當(dāng)中有一些天賦的因素，但是更多的是學(xué)習(xí)。 你可以從模仿別人的稿子開始，漸漸的融入自己的東西。 http://www.68design.net/這個(gè)站每天都會(huì)有新的酷站收藏，也有設(shè)計(jì)欣賞。 http://www.zcool.com.cn/這個(gè)站素材豐富而且也有酷站收藏。 要做好網(wǎng)頁設(shè)計(jì)，一定要多看，拼命的看并且吸收里面的東西，看看高手們是怎么處理細(xì)節(jié)的，這樣慢慢自然會(huì)有提高。是否可以解決您的問題？先在ps里設(shè)計(jì)好前臺(tái),然后用dreamweaver布局出來 設(shè)計(jì)前臺(tái)就是劃分好區(qū)域,搭配好顏色,再就是做一些小修飾、效果,看起來美觀就行 如果自己沒有靈感的話,就多瀏覽別人做的網(wǎng)頁,就會(huì)有思路了。4，如何用photoshop做網(wǎng)頁
用dreamweaver做網(wǎng)站，photoshop只是輔助作用，給你個(gè)視頻教程吧，挺好的，我剛看了的，教你怎么做網(wǎng)站還有怎么用PS和dreamweaver結(jié)合的，滿意就給分吧，嘿嘿http://www.pconline.com.cn/pcedu/videoedu/dreamweaver/0704/1002891.html用photoshop把頁面設(shè)計(jì)好，再切割，用dreamweaver編輯PS只是做一些邊框。。按鈕的外觀的，然后切片背景的吧。。。哈哈,以上的回答都是錯(cuò)誤的......PS也可以完成網(wǎng)頁制作......用PS制作好一個(gè)頁面,再導(dǎo)入PS姐妹軟件ImageReady制作,切片切好.一些連接的制作就到別的網(wǎng)頁制作軟件編輯吧.在IR(其實(shí)大家都算她是PS)里做好一切后,最后就是生成HTML文件了,操作:文件>>>存儲(chǔ)優(yōu)化結(jié)果>>>格式選HTML和圖像>>>>確定保存,好了完成了!先在ps里設(shè)計(jì)好前臺(tái),然后用dreamweaver布局出來 設(shè)計(jì)前臺(tái)就是劃分好區(qū)域,搭配好顏色,再就是做一些小修飾、效果,看起來美觀就行 如果自己沒有靈感的話,就多瀏覽別人做的網(wǎng)頁,就會(huì)有思路了。
5，怎么使用PS制作一個(gè)網(wǎng)頁
你好!準(zhǔn)確的說，ps是制作網(wǎng)頁的其中一個(gè)軟件之一,制作網(wǎng)頁有專用的“網(wǎng)頁三劍客”：PS、DW、flash。想要做網(wǎng)頁的話，你起碼要會(huì)前兩個(gè)，其中ps在網(wǎng)頁制作里面的作用主要就是：劃分切片+圖片處理。劃分切片：就是將你在ps里面做好的網(wǎng)頁版面進(jìn)行合理的劃分，劃分為一個(gè)個(gè)小的切片，然后用DW對(duì)這些切片進(jìn)行布局。圖片處理：這個(gè)很好理解，就是對(duì)網(wǎng)頁圖片進(jìn)行優(yōu)化+處理，以節(jié)省空間和達(dá)到你想要的圖片效果。最終的網(wǎng)頁文件是在DW這個(gè)軟件里面完成的，單靠ps做不出來一個(gè)完整的網(wǎng)頁。首先是在photoshop中制作網(wǎng)頁的框架。網(wǎng)頁中的元素有很多，像banner條、文本框、文字、版權(quán)、logo、廣告等。盡量把這些相對(duì)獨(dú)立的元素放在不同的圖層中，這樣方便以后的再編輯。 不過圖層一多，就顯得很凌亂，可建立多個(gè)圖層組來進(jìn)行管理。單擊圖層面板右上角的小三角按鈕，從彈出菜單中選擇“新建組”，在隨后出現(xiàn)的對(duì)話框中為新建組取一個(gè)名稱（如：“網(wǎng)頁頂部”），確定即可。這時(shí)圖層面板中多出一個(gè)文件夾圖標(biāo)，即圖層組。把相關(guān)聯(lián)的圖層都拖放到同一組中，比如網(wǎng)頁頂部的所有元素，標(biāo)題、菜單、logo等都放到“網(wǎng)頁頂部”組中。同樣方法可以建立多個(gè)組，在組的下面還可以建立子組。 點(diǎn)擊圖層組前面的小三角，就可以像文件夾一樣展開或折疊它，這樣圖層面板就顯示干凈利落得多，要修改某個(gè)元素也能很容易找到。對(duì)同一組中的所以圖層可以方便地進(jìn)行統(tǒng)一操作，如整體復(fù)制、刪除、隱藏、合并等。 小提示： ★如果你想借鑒某個(gè)網(wǎng)頁的設(shè)計(jì)，不妨把它截成圖片放在最下面的圖層中，再拉出多個(gè)參考線劃出網(wǎng)頁的大致版式，再在此基礎(chǔ)之上邊參考邊制作自己的網(wǎng)頁。 從photoshop到dreamweaver的轉(zhuǎn)換 在photoshop中設(shè)計(jì)好之后，下面就要用切片工具把它轉(zhuǎn)換成網(wǎng)頁。有些人在切片之前喜歡合并圖層，其實(shí)沒有必要，合不合并圖層對(duì)最終生成的網(wǎng)頁沒有多大影響，反而會(huì)妨礙以后的編輯修改。 第1步：我們最終需要的，只是photoshop中制作的圖形和框架。選擇切片工具（快捷鍵為k），把需要的每個(gè)圖形獨(dú)立切分出來。每切分出一個(gè)圖形，在它的左上角會(huì)顯示出切片編號(hào)。 第2步：在工具箱右擊切片工具，從彈出菜單中選擇“切片選擇工具”，用它可以選取、移動(dòng)切片，并可以調(diào)整切片的大小。右擊某個(gè)切片還可以刪除或劃分這個(gè)切片。 第3步：切分出所有圖片后，執(zhí)行“文件→存儲(chǔ)為web所用格式”命令，打開存儲(chǔ)對(duì)話框，根據(jù)需要設(shè)置好圖片的格式、調(diào)色板等參數(shù)后，點(diǎn)擊右上角“存儲(chǔ)”按鈕調(diào)出保存對(duì)話框，選擇html網(wǎng)頁格式，使用默認(rèn)設(shè)置，選擇“所有用戶切片”，保存即可。 第4步：在dreamweaver中打開剛才保存的網(wǎng)頁，添加文字并進(jìn)行各種編輯修改就可以了。怎么樣，簡單吧！注意：photoshop導(dǎo)出的實(shí)際上就是一個(gè)大的表格，所有空白的地方也都會(huì)轉(zhuǎn)換為圖片填充，在dw中編輯時(shí)，直接刪除這些圖片再添加相應(yīng)的內(nèi)容即可。 小提示： ★在photoshop中編輯好圖形后，點(diǎn)擊工具箱最下面的按鈕（快捷鍵為ctrl+shift+m），可以轉(zhuǎn)到imageready里進(jìn)行編輯，在這里，切片工具的功能更為強(qiáng)大，輸出的圖形控制也更豐富。
網(wǎng)站欄目：如何ps制作一個(gè)好網(wǎng)頁設(shè)計(jì)，教您怎樣用Photoshop制作一個(gè)漂亮的網(wǎng)頁
標(biāo)題URL：
http://www.ef60e0e.cn/article/icpoed.html
建站
咨詢
售后
建站咨詢
