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

          軟件下載吧

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

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

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

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

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

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

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

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


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

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


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

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

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

          Photoshop教程:設(shè)計(jì)綠色時尚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è)計(jì)綠色時尚Web網(wǎng)站
          設(shè)置的背景內(nèi)容
          17、雙擊“背景”層,打開圖層樣式窗口的設(shè)置外發(fā)光。
          Photoshop教程:設(shè)計(jì)綠色時尚Web網(wǎng)站

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



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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

          相關(guān)下載

          查看所有評論+

          網(wǎng)友評論

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

          公眾號

          主站蜘蛛池模板: 麻豆亚洲av熟女国产一区二| 高清无码一区二区在线观看吞精| 精品国产日韩一区三区| 成人区人妻精品一区二区不卡网站| 3d动漫精品啪啪一区二区中| 国产精品小黄鸭一区二区三区| 伊人久久一区二区三区无码| 久久一区二区精品| 国产丝袜美女一区二区三区| 精品女同一区二区三区在线| 精品人妻无码一区二区三区蜜桃一| 久久亚洲综合色一区二区三区| 一区二区三区久久精品| 偷拍精品视频一区二区三区| 福利国产微拍广场一区视频在线| 亚洲综合一区无码精品| 一色一伦一区二区三区| 一区二区三区视频| 亚洲av无码一区二区三区人妖| 国产高清在线精品一区| 精品无码一区二区三区电影| 制服丝袜一区在线| 亚洲综合在线一区二区三区| 国产一区二区三区小说| 国产一区二区不卡老阿姨| 国产微拍精品一区二区| 久久精品国内一区二区三区| 国产精品视频一区| 国产亚洲福利一区二区免费看| 国产一区在线视频观看| 一区二区三区免费精品视频| 国产午夜精品一区理论片飘花 | 国产在线第一区二区三区| 老熟妇高潮一区二区三区| 相泽南亚洲一区二区在线播放 | 国产精品视频第一区二区三区 | 亚洲丰满熟女一区二区哦| 无码丰满熟妇浪潮一区二区AV| 国产乱码精品一区二区三区四川| AV怡红院一区二区三区| 日韩精品一区二区三区四区 |