photoshop如何設(shè)計綠色的時尚Web網(wǎng)站
來源:未知
作者:空來風(fēng)
學(xué)習(xí):482人次
作者佚名 出處:UCD博客
在此網(wǎng)頁設(shè)計教程,您將了解如何創(chuàng)建一個美麗,綠色,時尚的布局在photoshop。您將了解到流行的設(shè)計技術(shù),如建立一個三維帶和具有專業(yè)外觀的顏色gradient效應(yīng)。
最后結(jié)果
查看預(yù)覽正是我們要共同創(chuàng)造。不要忘記點(diǎn)擊圖片看全尺寸版本的網(wǎng)頁布局。
設(shè)置photoshop的文件
1、在photoshop創(chuàng)建一個新的文件,文件“快捷鍵(按Ctrl+N),大小為980px的830px。
2、標(biāo)尺(按Ctrl+R)沿著邊緣拉4條輔助線。
, 創(chuàng)建布局的背景
3、選擇圓角矩形工具“快捷鍵(u)”,設(shè)置半徑為10px、顏色為#E0E0AC,并沿著輔助線創(chuàng)建一個圓角矩形。
4、選擇“ 畫布大。ò碅lt+Ctrl+C)來設(shè)置畫布大小。
5、再次選擇畫布大。ò碅lt+Ctrl+C),使用的設(shè)置畫布大小。
, 6、選擇背景圖層,設(shè)置前景顏色為#6C821C,并填寫在使用油漆桶工具(按g)。
7、創(chuàng)建一個新的圖層,選擇漸變工具(按G)從黑色到白色拉漸變。設(shè)置不透明為10%
8、加“圖層蒙版”,選擇漸變工具(按G)從黑色到透明?纯聪旅娴膱D片,以供參考。
, 9、右鍵單擊圖層層,然后選擇轉(zhuǎn)換為智能對象。然后選擇濾鏡 “噪音 ”添加噪音和使用的設(shè)置下面的圖片。
10、創(chuàng)建一個新層,選擇畫筆工具(B組),選擇一個白色的軟刷,設(shè)置直徑300px,并在頂部畫一條白線。設(shè)置不透明度為50%。
11、創(chuàng)建一個新圖層,設(shè)置前景顏色為黑色和背景顏色為白色(D),然后選擇濾鏡“渲染”云,右鍵單擊該層,選擇轉(zhuǎn)換為智能對象。
12、選著濾鏡 “模糊”動感模糊設(shè)置下面的圖片。
13、然后進(jìn)入過濾鏡“銳化”
14、添加圖層蒙版。
15、選擇漸變工具(G)黑色到透明底部到頂部的文件。
16、選擇混合模式,設(shè)置不透明為40%。
設(shè)置的背景內(nèi)容
17、雙擊“背景”層,打開圖層樣式窗口的設(shè)置和使用的下列圖像外發(fā)光圖層樣式。
在此網(wǎng)頁設(shè)計教程,您將了解如何創(chuàng)建一個美麗,綠色,時尚的布局在photoshop。您將了解到流行的設(shè)計技術(shù),如建立一個三維帶和具有專業(yè)外觀的顏色gradient效應(yīng)。
最后結(jié)果
查看預(yù)覽正是我們要共同創(chuàng)造。不要忘記點(diǎn)擊圖片看全尺寸版本的網(wǎng)頁布局。
設(shè)置photoshop的文件
1、在photoshop創(chuàng)建一個新的文件,文件“快捷鍵(按Ctrl+N),大小為980px的830px。
2、標(biāo)尺(按Ctrl+R)沿著邊緣拉4條輔助線。
, 創(chuàng)建布局的背景
3、選擇圓角矩形工具“快捷鍵(u)”,設(shè)置半徑為10px、顏色為#E0E0AC,并沿著輔助線創(chuàng)建一個圓角矩形。
4、選擇“ 畫布大。ò碅lt+Ctrl+C)來設(shè)置畫布大小。
5、再次選擇畫布大。ò碅lt+Ctrl+C),使用的設(shè)置畫布大小。
, 6、選擇背景圖層,設(shè)置前景顏色為#6C821C,并填寫在使用油漆桶工具(按g)。
7、創(chuàng)建一個新的圖層,選擇漸變工具(按G)從黑色到白色拉漸變。設(shè)置不透明為10%
8、加“圖層蒙版”,選擇漸變工具(按G)從黑色到透明?纯聪旅娴膱D片,以供參考。
, 9、右鍵單擊圖層層,然后選擇轉(zhuǎn)換為智能對象。然后選擇濾鏡 “噪音 ”添加噪音和使用的設(shè)置下面的圖片。
10、創(chuàng)建一個新層,選擇畫筆工具(B組),選擇一個白色的軟刷,設(shè)置直徑300px,并在頂部畫一條白線。設(shè)置不透明度為50%。
11、創(chuàng)建一個新圖層,設(shè)置前景顏色為黑色和背景顏色為白色(D),然后選擇濾鏡“渲染”云,右鍵單擊該層,選擇轉(zhuǎn)換為智能對象。
12、選著濾鏡 “模糊”動感模糊設(shè)置下面的圖片。
13、然后進(jìn)入過濾鏡“銳化”
14、添加圖層蒙版。
15、選擇漸變工具(G)黑色到透明底部到頂部的文件。
16、選擇混合模式,設(shè)置不透明為40%。
設(shè)置的背景內(nèi)容
17、雙擊“背景”層,打開圖層樣式窗口的設(shè)置和使用的下列圖像外發(fā)光圖層樣式。
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁模版,個人網(wǎng)站建設(shè)入門知識
- ps cs6設(shè)計時尚促銷專題頁教程
- 網(wǎng)頁設(shè)計基礎(chǔ)技巧
- 網(wǎng)頁設(shè)計的分割布局秘密
- ps cs6設(shè)計個人作品網(wǎng)頁模板教程
- ps設(shè)計電影網(wǎng)站實例
- PS創(chuàng)建一款簡潔大方的歐美商務(wù)網(wǎng)站首頁
- PS設(shè)計iPhone蘋果應(yīng)用電子網(wǎng)站
- PS電子商務(wù)在線購物網(wǎng)站美工教程
- ps設(shè)計時尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站模
推薦教程
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop繪制好看的老式wordpress主題
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- Photoshop制作禮品店網(wǎng)站模板
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!