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

2022-12-26 15:16:23 來源/作者: / 己有:50人學習過





同樣在右側添加迷你導航,


添加導航,




在導航右側畫一個漸變圓角矩形,添加圖層樣式漸變疊加、描邊,系數如下:






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




在矩形內添加必要說明,


運用圓角矩形工具在導航下方拉一個圓角矩形,寬高如圖:


拖入素材,對素材層執行剪切蒙版,如下圖:


再次用圓角矩形工具,圖片的下面再拉出一個圓角矩形,并運用錨點工具將右側的兩個圓角改為直角,圖層樣式 漸變疊加。






再下一層再拉出一個圓角矩形,同樣添加漸變疊加。




得到如下效果:


接下來用軟的筆刷工具為上下兩層加上亮角,顏色為# 0099CC


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






再在下面添加一個類似層,你將得到如下效果,


,繼續在畫布右側,畫出兩個前面我們做過的漸變(垂直)交叉層,漸變系數給出。






得到以下效果:


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