ps黑色風格網頁模板
- 2022-12-24 18:33:42
- 來源/作者:互聯網/佚名
- 己被圍觀次
在這篇網頁設計教程里,你將學習制作可以用于整站的一個既優雅又專業的網頁,我們將用到Photoshop軟件里的一些基本的工具,比如:筆刷和圖層等。
第九步:添加一個漂亮的裝飾元素這個區域的最后一步是添加一個漂亮的裝飾元素以增加網頁整體的感覺,使用下載的Floral筆刷,設置前景色為#343434,在合適位置畫完之后,將圖層的混合模式改為強光;

第十步:創建幻燈片區域下面開始幻燈片區域的制作,選擇圓角矩形工具,設置半徑為5px,前景色為#FFFFFF,在網頁布局的右側添加一個合適尺寸的圓角矩形選區。

改變此圖層的填充為15%,是背景圖案可以透過此圖層顯示出來,然后添加陰影,如圖:

第十一步:在幻燈片區域添加圖片我們需要在此添加一個縮略圖,選擇一個合適的圖片并添加到幻燈片區域上方。在圖層面板中選擇縮略圖圖層,按住Ctrl點擊此圖層,PS自動選擇縮略圖選區,執行選擇-改變-收縮命令,設置參數10px,然后執行選擇-反選(Ctrl+Shift+I),最后執行編輯-清除。

第十二步:添加對于顯示的縮略圖的描述在圖層縮略圖圖中按住Ctrl點擊縮略圖圖層,激活縮略圖選區,新建圖層并填充顏色為#000000,然后運用矩形選框工具選取新建圖層頂部部分按delete刪除;

改變圖層的不透明度為75%,最后選咋橫排文字工具在此圖層上方添加對圖片的描述文字;

第十三步:在特色區域的下方添加一個分隔區域特色區域的最后一步是在其下方添加一個橫排的分隔區,方法同第二步和第三步,然后給該圖層添加內陰影。


第十四步:給網頁主體區域添加背景顏色你可能已經猜到了,主體區域是如圖那樣設計為三列,選擇矩形選框工具在下方空白區域新建一個合適尺寸的矩形選區,填充顏色為#FBF5EA.

第十五步:添加列標題對于列的標題,我們需要從素材中選擇可以代表列內容的標識符,并放在左列中。設置字體為Georgia,字體顏色為#323232,下一步使用鋼筆工具在列標題下方添加一個邊界,樣式如圖所示:

設置前景顏色為#323232,然后選擇一個合適的筆刷并設置直徑為3px,新建圖層,利用筆刷描邊路徑。設置圖層樣式如下:



復制此圖層并向下移動圖層4px或5px,設置不透明度為24%左右。

第十六步:在左列中添加內容標題文字設置為#323232,主體文字顏色設置為#2A2A2A。(其它顏色也可以)。使用同步驟8一樣的方法添加”Read More”按鈕。中間行文字顏色設置為#484848。
*PSjia.COM 傾力出品,轉載請注明來自PS家園網(m.sz-xdd.com.cn)
上一篇:如何快速設計出好logo








