PS登入介面製作

來源:酷知科普網 9.41K

小編最近在網上看到了很多好看而又獨具個性的登入介面,就打算自己用photoshop試著做一做,遂成了這篇簡單的小,大家有興趣可以跟著小編試一試。
這裡提醒大家,本登入介面僅作欣賞,我們不能將它替換成某個軟體的登入介面哦~

PS登入介面製作

操作方法

(01)首先,我們開啟photoshop,匯入準備好的圖片,並複製圖片一次。

PS登入介面製作 第2張

(02)選擇背景圖層,點選濾鏡--模糊--高斯模糊,隱藏背景圖層複製層,可以看到模糊效果,適當模糊,做出磨砂玻璃效果。

PS登入介面製作 第3張

(03)將之前隱藏的背景複製層顯示,按住ctrl+t鍵調整圖層大小,使之居中,然後我們雙擊圖層縮圖,設定圖層樣式--描邊。

PS登入介面製作 第4張

(04)下面,我們要製作登入介面中的輸入框。選擇圓角矩形形狀工具,設定填充為無色,描邊為白色,描邊直徑約0.5左右,在我們的頭像下面畫好框。複製該形狀兩次,並將其移動成如下圖所示的位置。

PS登入介面製作 第5張
PS登入介面製作 第6張

(05)將三個形狀圖層都柵格化,由上而下的前兩個矩形都填充為深黑色,最後一個填充為灰白色。調整圖層樣式為疊加或者柔光,發現之前的圓角矩形描邊效果不太明顯,再設定一下描邊。

PS登入介面製作 第7張

(06)接下來,我們就可以往圓角矩形裡面填東西了,用文字工具在圓角矩形裡輸入ID,密碼之類的東西,如下圖。

PS登入介面製作 第8張

(07)最後,我們再加入一些符號、字母,一個簡單好看的登入介面就完成了。以上只是小編的簡單演示,大家可在此基礎上不斷改進和深化細節哦!

PS登入介面製作 第9張
熱門標籤