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

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板

          時間:2024-02-04 22:30作者:下載吧人氣:29

          最終效果:

          photoshop制作一款漂亮的網頁模板
          首先,新建一個800× 800px的畫布,用漸變工具拉出垂直漸變,顏色系數在圖內給出。

          photoshop制作一款漂亮的網頁模板
          畫布將成為這樣(水印效果為小Y翻譯時加上,作者原圖無):

          photoshop制作一款漂亮的網頁模板
          新建圖層,用圓角矩形工具在中間拉出一個矩形,填充任意顏色,在圖層面板里將填充設為0%。

          photoshop制作一款漂亮的網頁模板
          選擇中間矩形所在圖層,圖層樣式 漸變疊加,#3399cc~#00cccc

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板
          這是我們現在得到的效果:

          photoshop制作一款漂亮的網頁模板
          選擇自定義形狀工具,選擇其中的一個圓形形狀。

          photoshop制作一款漂亮的網頁模板
          新建圖層,畫幾個圓形,用變形工具適當變形,最好將它們放入一個群組內,得到以下效果。

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板
          選擇大小適中的軟性畫筆用#3399cc的顏色輕涂矩形上方與圓相交區域。

          photoshop制作一款漂亮的網頁模板
          在最上方新建圖層,用圓角矩形工具,再得到一個略小的矩形,至于中間,填充黑色。

          photoshop制作一款漂亮的網頁模板
          加圖層樣式,外發光、漸變疊加(#003366~006699),具體參數如下:

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板
          得到以下效果圖:

          photoshop制作一款漂亮的網頁模板
          選擇另外一個邊緣稍寬的圓形形狀,在左邊位置,畫幾個大小不一的圓形,用變形工具變形, 將上一步所畫的若干個變形圓形對下一層的矩形執行 剪貼蒙版(具體操作為選中圖層按ctrl+alt+G,作者所用方法為選中縮略圖邊




          選擇另外一個邊緣稍寬的圓形形狀,在左邊位置,畫幾個大小不一的圓形,用變形工具變形,

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板
          將上一步所畫的若干個變形圓形對下一層的矩形執行剪貼蒙版(具體操作為選中圖層按ctrl+alt+G,作者所用方法為選中縮略圖邊界,按住alt點擊左鍵,得到效果一致),如下:

          photoshop制作一款漂亮的網頁模板
          在另外一側,選擇橢圓工具畫三個橢圓,顏色#003333,并將圖層面板內填充設為70%,

          photoshop制作一款漂亮的網頁模板
          選擇星形筆刷,新建圖層,在橢圓周圍畫幾個大小不一的星星,填充設為20%,

          photoshop制作一款漂亮的網頁模板
          制作網站左上方logo,由添加漸變的星形筆刷和域名構成,以下為漸變系數、字體系數與得到效果:

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板
          同樣在右側添加迷你導航,

          photoshop制作一款漂亮的網頁模板
          添加導航,

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板
          在導航右側畫一個漸變圓角矩形,添加圖層樣式漸變疊加、描邊,系數如下:

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板
          ,在矩形內添加必要說明, 運用 圓角矩形工具 在導航下方拉一個圓角矩形,寬高如圖: 拖入素材,對素材層執行 剪切蒙版 ,如下圖: 再次用圓角矩形工具,圖片的下面再拉出一個圓角矩形,并運用錨點工具將右側的兩個圓




          在矩形內添加必要說明,

          photoshop制作一款漂亮的網頁模板
          運用圓角矩形工具在導航下方拉一個圓角矩形,寬高如圖:

          photoshop制作一款漂亮的網頁模板
          拖入素材,對素材層執行剪切蒙版,如下圖:

          photoshop制作一款漂亮的網頁模板
          再次用圓角矩形工具,圖片的下面再拉出一個圓角矩形,并運用錨點工具將右側的兩個圓角改為直角,圖層樣式 漸變疊加。

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板
          再下一層再拉出一個圓角矩形,同樣添加漸變疊加。

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板
          得到如下效果:

          photoshop制作一款漂亮的網頁模板
          接下來用軟的筆刷工具為上下兩層加上亮角,顏色為# 0099CC

          photoshop制作一款漂亮的網頁模板
          加上文字和圖片,并且在左上角注明標題(添加外發光樣式,系數給出),右上角注明日期和另外一個logo出現過的五角星(筆刷工具)。

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板
          再在下面添加一個類似層,你將得到如下效果,

          photoshop制作一款漂亮的網頁模板
          ,繼續在畫布右側,畫出兩個前面我們做過的漸變(垂直)交叉層,漸變系數給出。

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板
          得到以下效果:

          photoshop制作一款漂亮的網頁模板
          添加上文字和圖片, 將以上三個圖層放如一個組中,復制組,放置在下方。 用 矩形工具 在下方做出若干個矩形圖形,交替的添加漸變樣式(垂直),漸變系數分別給出。 添加上文字和標題,所用字體(標題的外發光樣式)同上




          添加上文字和圖片,

          photoshop制作一款漂亮的網頁模板
          將以上三個圖層放如一個組中,復制組,放置在下方。

          photoshop制作一款漂亮的網頁模板
          用矩形工具在下方做出若干個矩形圖形,交替的添加漸變樣式(垂直),漸變系數分別給出。

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板
          添加上文字和標題,所用字體(標題的外發光樣式)同上。

          photoshop制作一款漂亮的網頁模板
          矩形工具,拉一個大的圓角矩形,包括頁面以下的兩個板塊,添加漸變樣式(垂直)。

          photoshop制作一款漂亮的網頁模板

          photoshop制作一款漂亮的網頁模板
          添加蒙版,略微用黑色筆刷在蒙版上將兩邊擦暗一點,得到如下效果。

          photoshop制作一款漂亮的網頁模板
          再次用橢圓形狀工具+變形工具,在頁面底部同樣拉出不規則的若干橢圓形狀,添加上顏色#0066cc。

          photoshop制作一款漂亮的網頁模板
          標簽網頁模板,漂亮,一款,制作,photoshop

          相關下載

          查看所有評論+

          網友評論

          網友
          您的評論需要經過審核才能顯示

          公眾號

          主站蜘蛛池模板: 国产午夜精品一区二区三区漫画| 亚洲AV无码一区二区三区国产| 一区二区精品视频| 亚洲色精品三区二区一区| 水蜜桃av无码一区二区| 人妻体体内射精一区二区 | 精品人妻中文av一区二区三区| 国产精品毛片一区二区三区| 日韩精品一区二区三区老鸭窝| 国产日本一区二区三区| 视频在线观看一区二区| 无码人妻精品一区二区三区9厂| 制服丝袜一区在线| 中文字幕在线视频一区| 亚洲欧美日韩一区二区三区在线| 丰满岳妇乱一区二区三区| 久久久久人妻精品一区二区三区| 亚州AV综合色区无码一区| 国精产品一区一区三区| 精品一区二区三区影院在线午夜| 亚洲熟妇av一区二区三区| 内射一区二区精品视频在线观看| 一区二区三区伦理高清| 麻豆精品人妻一区二区三区蜜桃| 国模无码人体一区二区| 日本精品一区二区三区四区| 亚洲Av高清一区二区三区| 日韩一区二区电影| 最美女人体内射精一区二区| 国产激情精品一区二区三区| 日韩精品一区二区三区国语自制| 亚洲午夜一区二区电影院| 无码精品黑人一区二区三区| 三上悠亚精品一区二区久久| jazzjazz国产精品一区二区| 麻豆va一区二区三区久久浪| 国产一区二区三区播放心情潘金莲| 精品视频一区二区三三区四区| 老熟妇仑乱视频一区二区| 91无码人妻精品一区二区三区L| 精品日韩亚洲AV无码一区二区三区|