網(wǎng)頁圖片,設(shè)計一個網(wǎng)頁登陸框圖片教程

2023-10-30 17:34:50 來源/作者: / 己有:3人學(xué)習(xí)過

每個網(wǎng)站都需要一個漂亮的登陸框,今天就幫大家做一個清爽的登陸框圖片,整體效果主要是運用了圖層樣式制作出來,效果十分細致好看。喜歡的可以跟著練練手,做完交作業(yè)。

源文件打包 百度云下載鏈接:http://pan.baidu.com/s/1hq34ivM 密碼:7rb1
先看看最終效果:
網(wǎng)頁圖片,設(shè)計一個網(wǎng)頁登陸框圖片教程

1、新建一個文檔,這里我用的是400*300像素,填充一個#d0c0be的顏色填充調(diào)整層。

網(wǎng)頁圖片,設(shè)計一個網(wǎng)頁登陸框圖片教程

2、選擇畫筆工具,使用圓角柔邊畫筆,設(shè)置前景色為#364e35,畫出如下圖中的形狀出來。

網(wǎng)頁圖片,設(shè)計一個網(wǎng)頁登陸框圖片教程

3、執(zhí)行“濾鏡—模糊—高斯模糊”,我用的數(shù)值是46.9像素,賦予這個顏色層一個模糊效果,跟我們的背景融合。

網(wǎng)頁圖片,設(shè)計一個網(wǎng)頁登陸框圖片教程

4、選擇圓角矩形工具,并設(shè)置前景色為#313c45,畫一個圓角矩形,并將圓角矩形的填充設(shè)置為11%

網(wǎng)頁圖片,設(shè)計一個網(wǎng)頁登陸框圖片教程