如何用photoshop做網(wǎng)頁
很多朋友不知道用ps做網(wǎng)頁的規(guī)范,下面來介紹一下。
打開電腦中的Photoshop界面,我們先創(chuàng)建一個寬度為1200,高度任意,分辨率為72的畫布。
畫布創(chuàng)建完成之后,我們在1200px的左右兩側(cè)都拉一根輔助線固定。
接著打開畫布大小,取消“相對”,將寬度調(diào)整為1920px。
設(shè)置完成之后,在紅色的區(qū)域內(nèi)也就是1200px區(qū)域之內(nèi)進行編輯操作設(shè)計就行了,具體操作方法就看你個人網(wǎng)頁設(shè)計能力了。
Photoshop制作網(wǎng)頁的方法
設(shè)計網(wǎng)頁的方法很多,常見的有直接編寫代碼方法,利用可視化軟件設(shè)計(例如DreamWeaver)法,利用中間軟件實現(xiàn)格式轉(zhuǎn)換法(例如Word生成HTML代碼),還有就是PS設(shè)計網(wǎng)頁法。我們?yōu)榇蠹沂占砹岁P(guān)于Photoshop制作網(wǎng)頁,以方便大家參考。
首先,用Photoshop建立空白畫布,載入一張網(wǎng)頁圖片
利用切片工具,把圖片切片(切成你想要的效果)
然后打開“開始”菜單,找到另存為web格式
然后全選,全部儲存為JPG格式,保存圖像和HTML網(wǎng)頁
保存好的HTML在Dreamweaver打開即可進行其他編輯了,也可直接在網(wǎng)頁中打開。
網(wǎng)頁版ps會泄密嗎
會,解決方法如下:
打開自己的ps作品。
輸入快捷鍵ctrl+shift+alt+i,打開作品版權(quán)頁面。
版權(quán)頁面內(nèi),填寫我們的版權(quán)信息。
版權(quán)狀態(tài)一欄,下拉選擇受版權(quán)保護選項。
修改好以后保存導(dǎo)出圖片
找到保存好的圖片,右鍵屬性就可以看到我們設(shè)置的版權(quán)信息了。
Adobe Photoshop,簡稱“PS”,是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的編修與繪圖工具,可以有效地進行圖片編輯工作。ps有很多功能,在圖像、圖形、文字、視頻、出版等各方面都有涉及。
ps網(wǎng)頁設(shè)計教程
PS軟件應(yīng)用十分的廣泛,修改圖像,運用圖層蒙版設(shè)計簡單網(wǎng)頁,文字排版,網(wǎng)頁優(yōu)化,包括導(dǎo)航圖,網(wǎng)頁底端的頁腳,網(wǎng)頁主題內(nèi)容,特效文字的制作,動作按鈕的設(shè)計等。今天一起來學(xué)習(xí)如何用PS來設(shè)計簡單的網(wǎng)頁這篇文章吧。
如何用PS來設(shè)計簡單的網(wǎng)頁
新建一個800X600像素的空白背景,顏色模式設(shè)置為RGB模式。RGB模式顏色是由紅色,綠色,藍色三種顏色相交構(gòu)成,可以更好的顯示網(wǎng)頁中的色彩內(nèi)容。
新建文件,點擊確定,空白文件會自動顯示在軟件中。對于新建空白文件來說,圖像的寬度和高度的大小要按照等比例進行設(shè)計,也可以不勾選重新定義新像素來實現(xiàn)。
打開一張車的圖片,移動到白色背景畫布中,選擇圓角矩形工具,選擇路徑為了方便轉(zhuǎn)換為選區(qū),設(shè)置為5個像素,像素越大,圓角矩形的四個圓角就是更加的明顯,然后選擇漸變工具,選中系統(tǒng)自帶的黑白漸變,修改黑白漸變的顏色,改為灰白,也可以設(shè)置前景色為灰色,背景色為白色進行漸變的填充,然后點擊確定。
然后選擇工作路徑,鼠標CRL點擊工作路徑,設(shè)置為選區(qū),選中線性漸變類型,然后畫出漸變的顏色。漸變的方向是從上到下為白色到淺灰色的漸變效果圖。
然后選擇修改收縮2個像素,就是將選區(qū)收縮小2個像素,變小一些,然后再次從下向上漸變,然后alt快捷鍵復(fù)制2個,如圖所示,然后找到車的一個的圖標按鈕,然后用磁性套索工具勾勒好,然后鼠標左鍵拉動到合適位置,然后選擇3個圖層,然后水平分布,和居中分布對齊。然后選擇左對齊分布,分布均勻。分布按鈕是在選擇工具上方的工具欄中,有平均分布對齊等多個按鈕。
然后再次用鋼筆工具勾畫另外一個車的圖標,然后再用自由變換調(diào)整到合適位置,然后點擊2個圖層之后,進行左對齊分布。分布到形狀中的最左邊位置即可。
再次選擇一個不同的車的圖標設(shè)計圖片,然后用鋼筆工具進行勾畫圖標,或者為了方便,可以直接用魔棒工具來選擇,選中其需要圖形的一部分。
然后再次選中圖形,形狀圖形,全部選中相應(yīng)圖層,調(diào)整水平分布和左對齊分布。當分布不均勻,可以按住鼠標左鍵自動進行調(diào)整。
所有的圖標都自由變換,調(diào)整到合適位置,如圖。按住crl+t來實現(xiàn)圖形的自由變換的內(nèi)容。如圖
輸入相應(yīng)的文字,文字的顏色設(shè)置為黑色,將其三個文字圖層,按住shift鍵和左右方向鍵進行移動調(diào)整來改變。之后將車的圖片進行調(diào)整,便于觀看,文字進行排版即可。
網(wǎng)頁版ps怎么摳圖
使用軟件:Photoshop CC版本
PS中摳圖方法是多種的,主要有魔術(shù)棒摳圖法、多邊形套索工具摳圖法、鋼筆摳圖法、通道摳圖法、濾鏡摳圖法等等;
使用PS CC網(wǎng)頁版摳圖步驟如下(以鋼筆工具摳圖為例):
1、在PS軟件中置入普通照片;
2、用鋼筆工具將照片上的主體物摳出;
3、鋼筆摳圖完畢,按Ctrl+Enter鍵將路徑變選區(qū);
4、Ctrl+J復(fù)制選區(qū)內(nèi)容,即摳出的主體物部分,關(guān)閉背景層顯示;
5、“文件--存儲為”png格式圖片,即為,完成。
怎么用ps設(shè)計網(wǎng)頁主頁
制作主頁是一項非常復(fù)雜的工作,跟創(chuàng)意合成有點類似。首先要根據(jù)客戶的要求去找一些好的作品作為參考,找出一些靈感,然后搜集相關(guān)的素材,并按照自己的思路去慢慢溶圖、渲染顏色,處理明暗及細節(jié)等。最終效果
一、網(wǎng)頁首頁模版創(chuàng)建
1、首先打開我們下載的ps軟件,左上角選擇文件-新建(快捷鍵ctrl+N),然后創(chuàng)建一個1920x3000的畫布,網(wǎng)頁設(shè)計分辨率選擇72就可以,顏色模式我們選擇RGB,點擊創(chuàng)建;(注意寬度選擇的是像素)
為什么我們要創(chuàng)建1920寬的呢,目前我們的顯示器分辨率一般為1920px,所以創(chuàng)建1920px寬度的可以使我們的網(wǎng)頁背景正好顯示完整,左右不會出現(xiàn)空白。
2、接下來我們要將單位與標尺調(diào)整為像素,方便我們測量寬高。操作步驟為:編輯-首選項-單位與標尺(快捷鍵ctrl+K,找到單位與標尺)
3、選擇 視圖-標尺(快捷鍵ctrl+R)調(diào)用我們的刻度尺,方便直觀的看到寬度和高度;左擊刻度尺拖出2條參考線分別到360和1560刻度,使中間留有1200px的寬度。兩個刻度尺中間的距離就為我們內(nèi)容展示的區(qū)域,使用 (快捷鍵ctrl+; )可以顯示關(guān)閉刻度。
為什么要使用1200px的寬度呢,因為目前主流的網(wǎng)頁設(shè)計主體內(nèi)容寬度為980px和1200px,而1200px可以顯示更多的內(nèi)容,網(wǎng)頁也可以顯得更加的高端大氣。
二、使用矩形工具制作黑色背景導(dǎo)航條:
1.選擇“矩形工具”,設(shè)置填充色為“#333”,描邊設(shè)為空;
2.創(chuàng)建“圖層1”點擊畫布,在彈出的窗口中設(shè)置寬度1920,高度25,點擊創(chuàng)建;
3.使用移動工具將導(dǎo)航條移動到左上角;
三、logo圖片導(dǎo)入
1、使用文件->打開(ctrl+o),將logo圖片打開;
2、ctrl+A選中圖片,然后復(fù)制粘貼到當前頁面中;
3、移動圖片到指定的位置;