ps設計網(wǎng)站登錄界面教程(4)

來源:設計前沿 作者:webdesigners翻譯  學習:19433人次

今天我們將在Photoshop圖像處理軟件中學習怎么制作網(wǎng)站登錄框及登錄頁面,網(wǎng)站登錄設計對于現(xiàn)在大部分網(wǎng)站來說都是必須,而如何網(wǎng)站設計師們?nèi)绾卧O計好一個網(wǎng)站登錄輸入框呢?下面看教程為你們解答,大家不煩試著按教程制作一下
英文原創(chuàng)作者:Build Tutorial
以下為最終效果預覽圖
Glossy Grass Login Panel
1。創(chuàng)建一個新項目,分辨率為1280×1024像素,選擇一個草的圖片如下

Glossy Grass Login Panel

2,F(xiàn)在選擇圓角矩形工具(U),半徑為10像素的形狀像如下

Glossy Grass Login Panel

3。現(xiàn)在將填充不透明度21%像如下

Glossy Grass Login Panel

4,F(xiàn)在選擇圓角矩形工具(u),半徑為10像素的形狀像如下

Glossy Grass Login Panel

5,F(xiàn)在選擇圓角矩形工具(u),半徑為4像素的形狀像如下

Glossy Grass Login Panel

6。打開圖層樣式,選擇陰影,陰影下

Glossy Grass Login Panel

7,F(xiàn)在選擇圓角矩形工具(美),半徑為4像素的形狀像如下

Glossy Grass Login Panel

8。打開圖層樣式,單擊并選擇漸變疊加并設置漸變疊加像如下

Glossy Grass Login Panel

9,F(xiàn)在,選擇文字工具(噸)和類型的文字一樣,如下

Glossy Grass Login Panel

10。現(xiàn)在,選擇文字工具(噸)和類型的文字一樣,如下
Glossy Grass Login Panel

我希望你喜歡這個教程,我希望這些技術啟發(fā)新的思路和想法為您的未來設計。
Glossy Grass Login Panel

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!