㈠ 如何用PS製作網頁模版
設計一個尺寸後,就直接設計內容就可以,注意不要合並任何圖層,文字可以拿一些常用的字代替。
都做完後,保存成PSD和JPEG兩種格式。前者就是模板,後者就是網上的預覽!
㈡ 用PS怎麼做網頁啊最近在學。。
我怎麼不知道PS能做出網頁呢?
我只知道PS能處理圖片
我用PS4年了都沒聽過PS能做網頁...
㈢ 怎麼用ps做網頁設計
你是要做效果圖,還是生成網頁?
生成網頁的話,直接用
切片工具
,切好,然後存儲為web所用格式,選擇格式為html就可以啦。
㈣ photoshop如何製作網頁
photoshop 是可以做網頁。不過做出來的是圖形位主的網頁。它是個圖形處理工具。adobe公司提供有pagemaker做網頁的
㈤ 如何用Photoshop製作網頁模板
網頁中的元素有很多,像Banner條、文本框、文字、版權、Logo、廣告等。盡量把這些相對獨立的元素放在不同的圖層中,這樣方便以後的再編輯。 不過圖層一多,就顯得很凌亂,可建立多個圖層組來進行管理。單擊圖層面板右上角的小三角按鈕,從彈出菜單中選擇「新建組」,在隨後出現的對話框中為新建組取一個名稱(如:「網頁頂部」),確定即可。這時圖層面板中多出一個文件夾圖標,即圖層組。把相關聯的圖層都拖放到同一組中,比如網頁頂部的所有元素,標題、菜單、Logo等都放到「網頁頂部」組中(見圖1)。同樣方法可以建立多個組,在組的下面還可以建立子組。 點擊圖層組前面的小三角,就可以像文件夾一樣展開或折疊它,這樣圖層面板就顯示干凈利落得多,要修改某個元素也能很容易找到。對同一組中的所以圖層可以方便地進行統一操作,如整體復制、刪除、隱藏、合並等。 小提示: ★如果你想借鑒某個網頁的設計,不妨把它截成圖片放在最下面的圖層中,再拉出多個參考線劃出網頁的大致版式,再在此基礎之上邊參考邊製作自己的網頁。 從Photoshop到Dreamweaver的轉換 在Photoshop中設計好之後,下面就要用切片工具把它轉換成網頁。有些人在切片之前喜歡合並圖層,其實沒有必要,合不合並圖層對最終生成的網頁沒有多大影響,反而會妨礙以後的編輯修改。 第1步:我們最終需要的,只是Photoshop中製作的圖形和框架。選擇切片工具(快捷鍵為K),把需要的每個圖形獨立切分出來。每切分出一個圖形,在它的左上角會顯示出切片編號(見圖2)。 第2步:在工具箱右擊切片工具,從彈出菜單中選擇「切片選擇工具」,用它可以選取、移動切片,並可以調整切片的大小。右擊某個切片還可以刪除或劃分這個切片。
㈥ 如何用PHOTOSHOP做網頁的布局
首先要看布局需要多大 。然後新建一個網頁大小的背景;在根據導航條,logo,欄目的大小各自新建圖層。在編輯完成後將其合並。 可用ctrl+u 綜合調整整體顏色;ctrl+m調整綜合對比度。最後用切片導出。
㈦ 用PS做好網頁圖片,怎麼樣快速變為網頁
1、先打開photoshop設計好你的網頁背景,如圖所示,如何設計這樣的頁面我就不講了,不屬於該經驗的內容,下面就是要介紹如何將這樣的圖片轉換問網頁。
2、在工具欄選擇【切片工具】,大部分人的工具欄只顯示裁剪工具,右鍵單擊裁剪工具就能看到切換工具,選擇它即可。
3、屬性欄進行設置,先來設置樣式,有三種樣式可供選擇,正常樣式、固定長寬比、固定大小。
4、正常模式下,滑鼠拖動可以繪制一個矩形的切片,切片的大小和長寬比都是任意的,點擊切片就會使切片的邊框變成棕褐色(如下面第二幅圖),並出現八個控制點(如下面第三幅圖,拖動控制袋可以任意的改變切片的大小),另外,直接拖動切片也可以改變切片的位置。
5、固定長寬比模式下,拖動滑鼠可以繪制切片,切片的大小是任意的,但是切片的長寬比是固定不變的。為了方便,一般長寬比和圖像的的長寬比是相同的。怎樣知道圖像的長寬比呢,參考下面第二幅圖,在圖像--圖像大小下,打開圖像大小對話框,這里你可以找到圖像的寬度和高度。
6、固定大小模式下,切片的長和寬都是你設定的,不會改變,如圖所示,點擊一下滑鼠就可以繪制一個切片,我繪制的這些切片都是一樣大小的。選中一個切片,切片變成棕色的邊框,並出現了八個控制點,拖動控制點也可以改變切片的大小。
7、一般將圖片切割成網頁的時候,我們可以使用一種簡便的方法,切換到任意一種模式下,右鍵單擊圖像,然後在打開的右鍵菜單中,選擇【劃分切片】,打開劃分切片的對話框。
8、設置將圖片切分為水平4個切片,垂直5個切片,點擊確定按鈕,下面第二幅圖就是我們建立這個切片。這是建立切片最快的速度了。
9、拖動控制點可以改變整行或者整列的寬度和高度。
10、除此之外,我們還可以對某個切片進行進一步的切割,右鍵單擊某個切片,然後選擇【劃分切片】,打開劃分切片對話框,設置橫向和縱向的切片個數,如圖所示
11、最後,一個關鍵的設置就是,右鍵單擊某個切片,然後在打開的右鍵菜單中選擇【編輯切片選項】,打開切片選項對話框。
12、在這里你要設置的有切片的名稱,這個名稱也就是網頁圖片的名稱,默認系統給出的名稱即可。設置url,也就是圖片的鏈接,在網頁上點擊圖片就能打開這個鏈接;目標在動態圖片中需要設置,即載入URL時的楨,在靜態的圖片中不需要設置;信息文本也就是鼠表放在網頁上的圖片上的時候,出現在瀏覽器底部狀態欄的文字信息;Alt標記就是滑鼠放在圖片上,自動出現在圖片周圍的文字。設置好這些參數以後點擊確定按鈕。
13、最後就是要保存html文件了,在菜單欄上執行:文件--存儲為web和設備所用格式
14、在打開的對話框中,點擊【雙聯】你會看到兩個圖片,上面這個是處理前的原圖,下面這個是處理後的圖片,你可以對比兩個效果以後再保存圖片。
15、設置格式為jpeg,其他參數參考下面的這幅圖,一般默認系統給出的參數即可。點擊儲存按鈕。
16、最關鍵的步驟就是在這里,設置格式為【html和圖像】,然後點擊保存按鈕。
17、你會看到保存後有兩個文件,一個是圖片文件夾,一個是html文件,雙擊打開html就可以看到一個網頁了。
18、用dreamweaver打開網頁文件可以對齊進行進一步的編輯。
㈧ 如何用ps設計網頁
如果是給個人做,怎麼做都無所謂。如果是在公司里給客戶做。這一步不可少,出了效果圖後,要給客戶看。等客戶確定不再修改時再做網頁,目的就在於防止客戶反復修改,動布局!
另外會做網頁效果圖,代表你的設計能力。用dreamweaver直接做的後果是邊想邊做,容易把設計思路搞混了!
據我所知,這樣的教程基本沒有。因為做網頁效果圖只要基本的操作,有時從別的網頁截一塊下來處理一下,直接用到自己的效果圖上。
一般顯示器解析度
寬:1024
高:
768
寬減去滾動條的寬度,
一般為1003-1004
不會有橫拉條
高度
根據頁而定
網頁設計需要的PS操作技術並不是很多,只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素,但是更多的是學習。
你可以從模仿別人的稿子開始,漸漸的融入自己的東西。
http://www.68design.net/
這個站每天都會有新的酷站收藏,也有設計欣賞。
http://www.zcool.com.cn/
這個站素材豐富而且也有酷站收藏。
要做好網頁設計,一定要多看,拚命的看並且吸收裡面的東西,看看高手們是怎麼處理細節的,這樣慢慢自然會有提高。
㈨ 如何用ps來做網頁效果圖
你可以在菜單欄里的「圖像」菜單下的「圖像大小」對話框來進行大小設置邊框可以在批處理面進行設置
㈩ 怎麼用ps製作網頁
製作網頁是PS、DW、FL三個軟體並用的,PS只是把需要放上去的圖片進行美化而已。FL是製作一些動畫效果。DW才是把PS和FL處理好的素材組合成網頁