網(wǎng)頁設(shè)計ps模板

網(wǎng)頁設(shè)計ps模板

ID:24921946

大?。?7.79 KB

頁數(shù):5頁

時間:2018-11-17

網(wǎng)頁設(shè)計ps模板_第1頁
網(wǎng)頁設(shè)計ps模板_第2頁
網(wǎng)頁設(shè)計ps模板_第3頁
網(wǎng)頁設(shè)計ps模板_第4頁
網(wǎng)頁設(shè)計ps模板_第5頁
資源描述:

《網(wǎng)頁設(shè)計ps模板》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在應用文檔-天天文庫。

1、自從人類進入商品經(jīng)濟社會以來,貿(mào)易即已成為人們?nèi)粘;顒拥闹饕糠?,并成為一國?jīng)濟增長的主動力。國際分工的深化、大量國際統(tǒng)一標準規(guī)則的建立網(wǎng)頁設(shè)計ps模板  篇一:PS制作網(wǎng)頁效果圖—漂亮的綠色首頁模板  Photoshop詳解制作漂亮的綠色首頁模板  在這篇教程中,你將學會如何在photoshop中制作一個漂亮的綠色的干凈的網(wǎng)頁效果圖。你將學會一些很時髦的設(shè)計技巧,像是如何制作3D絲帶,或者是如何設(shè)置看上去很專業(yè)的漸變色。這是教程的第一部分?! ∽罱K效果圖  看一看我們最終的效果圖吧,看上去還不錯  :>  在photoshop中新建文檔  1在photoshop中新建一個文檔,尺寸

2、為980px×  830px.  2如果你在photoshop軟件界面中,沒有看到在畫布的周圍看到標尺,點擊試圖>標尺(Ctrl+R)可以顯示標尺。  3在畫布的四個邊,分別拖拽四條標尺線。在這四條線中間,我們將繪制我們的頁面。  創(chuàng)建頁面背景  4選擇圓角矩形工具(U),設(shè)置圓角半徑為10px,設(shè)置顏色為#E0E0AC,在你的整個畫布中拖拽一個圓角矩形。設(shè)置這個圖層名字為“bg“.  5隨著信息化和全球化的發(fā)展,國家及地區(qū)之間的貿(mào)易也已成為拉動一國經(jīng)濟的三駕馬車之一,甚至是三駕馬車之首,奧巴馬政府成立之日起自從人類進入商品經(jīng)濟社會以來,貿(mào)易即已成為人們?nèi)粘;顒拥闹饕糠?,并成為一?/p>

3、經(jīng)濟增長的主動力。國際分工的深化、大量國際統(tǒng)一標準規(guī)則的建立好了,現(xiàn)在,我們將擴大我們的畫布。首先,縮小我們的畫布視圖(ctrl+-),然后點擊圖像>畫布尺寸(Alt+Ctrl+C),然后根據(jù)下面的截圖設(shè)置參數(shù)?! ?再一次選擇圖像>畫布尺寸(Alt+Ctrl+C),然后根據(jù)下面的截圖設(shè)置參數(shù)?! ?在圖層面板中點擊背景圖層,設(shè)置前景色為#6C821C,用油漆桶(G)填充背景?! ?在背景圖層上面創(chuàng)建一個新圖層,命名為”gradient“.  9在工具欄中選擇漸變工具(G),從畫布頭部開始向下拖拽出一個從白色到黑色的漸變。10設(shè)置該圖層渲染模式為顏色加深,然后設(shè)置圖層圖層透明度為10

4、%.  篇二:PS制作網(wǎng)頁模板  先整理好需要做的內(nèi)容至一個文件夾中?! 〈蜷_photoshop新建一個空白面板?! ∵x擇矩形工具繪製一個980*auto的圖形?! 〗Y(jié)果如下:  使用選擇工具點擊邊緣節(jié)點?! ≡诓藛螜谙路娇煽匆妶D片的寬與高?! ↑c擊背景  圖層,再按下shift鍵點擊新建的圖層?! “聪逻x擇快捷鍵"V",在菜單欄下方會出現(xiàn)對齊選項。選擇居中對齊。隨著信息化和全球化的發(fā)展,國家及地區(qū)之間的貿(mào)易也已成為拉動一國經(jīng)濟的三駕馬車之一,甚至是三駕馬車之首,奧巴馬政府成立之日起自從人類進入商品經(jīng)濟社會以來,貿(mào)易即已成為人們?nèi)粘;顒拥闹饕糠?,并成為一國?jīng)濟增長的主動力。國際分工

5、的深化、大量國際統(tǒng)一標準規(guī)則的建立  從標尺區(qū)域按下鼠標向右拖動會形成一根輔助線。拖至矩形邊緣自動吸附即可?! ∑喝绾斡胮hotoshop輸出html網(wǎng)頁(psd網(wǎng)頁模板)  如何用photoshop輸出html網(wǎng)頁(psd網(wǎng)頁模板)  XX-11-0314:52  在修改好相應的文字與圖象之后,我們就將PSD文件輸出(X)HTML文件?! ∈紫鹊孟葘SD文件做切片,有兩種方法: ?、偈褂霉ぞ邫谏系摹扒衅ぞ摺?,  然后在圖象上劃出一塊一塊的區(qū)域?! 、谑褂没趨⒖季€的切片,按ctrl+R調(diào)出標尺欄,  把鼠標移動到標尺上,按住鼠標左鍵,移動到圖象上,將會看到一條綠色的參考線,

6、如圖  將參考線;排好,然后點一下工具欄上的切片工具圖表,然后點上面  選項欄里的“基于參考線的切片”。于是在原來的參考線上就變成了一塊一塊的切片了。  接下來就可以輸出了: ?、僖来芜x擇菜單欄上的“文件”→“存儲為Web所用格式”→“存儲”?! 、诮酉聛砭蜁棾鲆粋€“將優(yōu)化結(jié)果存儲為”的窗口,如圖隨著信息化和全球化的發(fā)展,國家及地區(qū)之間的貿(mào)易也已成為拉動一國經(jīng)濟的三駕馬車之一,甚至是三駕馬車之首,奧巴馬政府成立之日起自從人類進入商品經(jīng)濟社會以來,貿(mào)易即已成為人們?nèi)粘;顒拥闹饕糠?,并成為一國?jīng)濟增長的主動力。國際分工的深化、大量國際統(tǒng)一標準規(guī)則的建立  在“保存類型”處有個下拉列框

7、可以選擇,因為我們要存儲為網(wǎng)頁的格式,所以選擇“HTML和圖象(*html)”,再選擇“保存”就可以輸出一個網(wǎng)頁格式的HTML文件與一個包含圖象的名為“images”的文件夾。 ?、廴绻覀冃枰敵觥癲iv+css的網(wǎng)頁”我們還可以這么做:  在“設(shè)置”處的下拉列框,選擇“其他”  就會彈出一個“輸出設(shè)置”的窗口  在第2個下拉列框處選擇“切片”  選擇“生成CSS”  單擊“好”→“保存”就可以輸出一個目前流行的“div+css”的HTML網(wǎng)頁?! ∑鋵?/p>

當前文檔最多預覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當前文檔最多預覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學公式或PPT動畫的文件,查看預覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負責整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細閱讀文檔內(nèi)容,確認文檔內(nèi)容符合您的需求后進行下載,若出現(xiàn)內(nèi)容與標題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。