下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站

時間:2024-02-07 06:45作者:下載吧人氣:34

作者:佚名 出處:UCD博客綠色時尚Web網(wǎng)站Photoshop教程

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站

您將了解如何創(chuàng)建一個美麗,綠色,時尚網(wǎng)頁。
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
設(shè)置Photoshop的文件
1、在Photoshop創(chuàng)建一個新的文件,文件“快捷鍵(按Ctrl+N),大小為980px的830px。
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
2、標(biāo)尺(按Ctrl+R)沿著邊緣拉4條輔助線。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站

創(chuàng)建布局的背景


3、選擇圓角矩形工具“快捷鍵(u)”,設(shè)置半徑為10px、顏色為#E0E0AC,并沿著輔助線創(chuàng)建一個圓角矩形。
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
4、選擇“ 畫布大小(按Alt+Ctrl+C)來設(shè)置畫布大小。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
5、再次選擇畫布大小(按Alt+Ctrl+C),設(shè)置畫布大小。
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
6、選擇背景圖層,設(shè)置前景顏色為#6C821C,并使用油漆桶工具(按g)。
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站


7、創(chuàng)建一個新的圖層,選擇漸變工具(按G)從黑色到白色漸變。設(shè)置不透明為10%
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
8、加“圖層蒙版”,選擇漸變工具(按G)從黑色到透明。看看下面的圖片,以供參考。

9、右鍵單擊圖層層,然后選擇轉(zhuǎn)換為智能對象。然后選擇濾鏡>“噪音>”添加噪音和使用的設(shè)置下面的圖片。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
10、創(chuàng)建一個新層,選擇畫筆工具(B),設(shè)置為白色軟刷,直徑300px,并在頂部畫一條白線。設(shè)置不透明度為50%。

11、創(chuàng)建一個新圖層,設(shè)置前景顏色為黑色和背景顏色為白色(D),然后選擇濾鏡“渲染”云,右鍵單擊該層,選擇轉(zhuǎn)換為智能對象。

12、選著濾鏡 “模糊”動感模糊設(shè)置下面的圖片。

13、然后選著濾鏡“銳化”
14、添加圖層蒙版。
15、選擇漸變工具(G)黑色到透明底從部到頂部漸變。
16、選擇混合模式,設(shè)置不透明為40%。
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
設(shè)置的背景內(nèi)容
17、雙擊“背景”層,打開圖層樣式窗口的設(shè)置外發(fā)光。
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站

18、創(chuàng)建一個新層,設(shè)置前景顏色為#2A2009,選擇畫筆工具(b)從工具面板中選擇一個筆刷直徑的25px。
19、右鍵單擊該層,選擇轉(zhuǎn)換為智能對象。
20、然后進入“編輯>自由變換到(Ctrl+T),像我在下面設(shè)置大小。
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
21、選擇濾鏡“模糊”高斯模糊進行設(shè)置,然后設(shè)置混合模式的這一層不透明為30%。
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站



創(chuàng)建導(dǎo)航欄


22、現(xiàn)在,我們要創(chuàng)建的導(dǎo)航欄。選擇矩形工具(u)設(shè)置顏色為#D8D8A5。
23、創(chuàng)建一個長方形的高度60px在頂部的矩形。
注:打開信息面板(F8鍵),這樣你就可以看到您的矩形的高度。
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
24、您可能注意到,因為導(dǎo)航欄頂部不是圓角。 要糾正,我們將使用裁剪工具。 右鍵單擊“導(dǎo)航欄”層,然后選擇創(chuàng)建裁剪。雙擊“導(dǎo)航欄”層,打開圖層樣式窗口進行設(shè)置斜面浮雕、漸變疊加。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
25、現(xiàn)在我們要創(chuàng)建一個背景,選擇矩形工具(u),設(shè)置顏色為#A6A43F,并創(chuàng)建一個小矩形的高度60px,層的不透明為15%。然后右鍵單擊在此層,并選擇裁剪
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
26、選擇文字工具(T)新增的文字,導(dǎo)航菜單使用顏色為#A6A43F。我使用的是 LT65字體,如果您沒有這個字體,可使用任何其他的字體。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
27、 現(xiàn)在,創(chuàng)建一個新的Photoshop文件,新建文件“>(按Ctrl+n),尺寸5px的5px,背景為透明,層的前景顏色為#2A2009,選 擇鉛筆工具(b),選擇一個筆刷的直徑1px。然后進入“編輯>定義圖案,命名,然后單擊確定。關(guān)閉該文件。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
創(chuàng)建“特色項目”區(qū)
28、選擇矩形工具(u)建立一個長方形的高度330px使用任何你想要的顏色。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站

29、雙擊層,打開圖層樣式窗口進行設(shè)置。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
30、選擇圓角矩形工具(u),設(shè)置半徑為8px,設(shè)置顏色為#A6A43F,并創(chuàng)建一個圓角矩形的寬度為940px和高度240px,層的不透明為50%

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
31、選擇矩形工具(ü),設(shè)置顏色為#A6A43F,并創(chuàng)建一個矩形的尺寸610px的220px。這將是背景,精選項目形象。
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
32、插入您想要的任何圖像文件到您使用移動工具(五)(我用的屏幕截圖Envato網(wǎng)站)。
33、把上圖中長方形你創(chuàng)建在上一步中,右鍵單擊層上的圖片并選擇創(chuàng)建裁剪面具。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
34、選擇文字工具(T)和添加一些文字

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
創(chuàng)建鼓動性按鈕
35、現(xiàn)在,我們要建立兩個按鈕底部的精選項目部分。選擇圓角矩形工具(ü),設(shè)置半徑為8px和顏色#A6A42F,創(chuàng)造一個小圓角矩形。命名此層“按鈕1”。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
36、我們希望頂端和按鈕有關(guān)聯(lián)。要做到這一點:
A.選中節(jié)點
B.選擇直接選擇工具(A)和點擊的道路上,你看到周圍的按鈕,現(xiàn)在你應(yīng)該看到兩個定位點在每一個角落。
C.選擇轉(zhuǎn)換點工具(它是根據(jù)鋼筆工具),然后按一下四個定位點上方的按鈕。
D.選擇直接選擇工具(一)再次按住Shift鍵并創(chuàng)建您連續(xù)彎道。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站

37、層不透明為30%。
38、然后添加一些文本使用的文字,工具(T)顏色#EAEAB7。
39、您還可以添加一個圖標(biāo)。我用一個圖標(biāo)從功能圖標(biāo)。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
41、創(chuàng)建一個按鈕后,同上述步驟,使用不同的圖標(biāo)和文字。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
創(chuàng)建三維帶
42、選擇矩形工具(u)和建立一個長方形的高度130px使用顏色#A6A43F。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
43、選擇圓角矩形工具(ü),設(shè)置半徑為10px,在左側(cè)創(chuàng)建一個圓角矩形。
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
44、點擊載體工具的圓角矩形,然后選擇圓角矩形工具(ü),點擊減去從形狀領(lǐng)域按鈕圖示從選項,看看以下的圖片,以供參考。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
45、創(chuàng)建一個新層,右鍵單擊它并選擇創(chuàng)建裁剪面具。
46、然后選擇漸變工具(G)白色到透明。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
47、層的混合模式的這一層覆蓋,不透明至30%。
48、選擇圓角矩形工具(ü),設(shè)置顏色為#878533,并創(chuàng)建一個圓角矩形。
49、然后選擇矩形工具(ü),點擊“從形狀區(qū)域減去”按鈕的選項欄。
50、然后雙擊在此層,打開圖層樣式窗口的設(shè)置。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站

51、重復(fù)上述步驟。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
52、選擇圓角矩形工具(ü),設(shè)置半徑為8px,顏色為#E1E0C1,并創(chuàng)造四個圓形矩形的層面220px的110px。
53、層的不透明性這些層面的50%。
Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
54、選擇工具(T)的從圖層面板,并添加一些文字在底部的布局。您也可以使用一些圖示。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
55、使用文字工具(T)及顏色#E0E0AC寫的名稱,您的網(wǎng)站在上方的文件。
56、雙擊這一層的設(shè)置如圖。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
57、然后,使用文字工具(T)的再次寫標(biāo)語。
58、使得所有的東西都完成后,您可以添加4個圖像文件,將它們放在你的彩帶內(nèi)。

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
恭喜,我們就大功告成了!

Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站



Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站 Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站 Photoshop教程:設(shè)計綠色時尚Web網(wǎng)站
標(biāo)簽Web,網(wǎng)站,時尚,綠色,教程,設(shè)計,Photoshop

相關(guān)下載

查看所有評論+

網(wǎng)友評論

網(wǎng)友
您的評論需要經(jīng)過審核才能顯示

公眾號

主站蜘蛛池模板: 5╳社区视频在线5sq| 亚洲激情黄色小说| 一级黄色片免费| 精品日韩欧美国产一区二区| 日本三级香港三级人妇99| 国产又大又粗又长免费视频| 久久精品国产一区二区三区不卡| 欧美日韩另类综合| 日韩视频一区二区三区| 国产成人免费片在线视频观看| 久久精品无码一区二区无码| 黑人操亚洲美女| 日本成人不卡视频| 四虎影视永久免费观看网址| 三上悠亚大战黑人在线观看| 精品久久久久不卡无毒| 女人18毛片a| 亚洲色偷偷av男人的天堂| 97在线视频免费公开观看| 欧美美女毛茸茸| 国产精品久久久| 久久无码人妻精品一区二区三区 | 老鸭窝视频在线观看| 我要看WWW免费看插插视频| 制服丝袜自拍偷拍| baoyu122.永久免费视频| 波多野结衣中文字幕一区二区三区| 国产综合成人亚洲区| 亚洲bt欧美bt精品| 青草青草久热精品观看| 成人妇女免费播放久久久| 免费五级在线观看日本片| 99r在线播放| 最近免费韩国电影hd免费观看| 国产剧果冻传媒星空在线| 一级特黄色毛片免费看| 熟妇人妻一区二区三区四区| 国产精品久久久久一区二区 | 国产特级毛片AAAAAA视频| 久久久久无码精品国产| 精品久久久无码中文字幕边打电话 |