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

來(lái)源:設(shè)計(jì)前沿 作者:webdesigners翻譯  學(xué)習(xí):19433人次

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

Glossy Grass Login Panel

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

Glossy Grass Login Panel

3,F(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。打開圖層樣式,單擊并選擇漸變疊加并設(shè)置漸變疊加像如下

Glossy Grass Login Panel

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

Glossy Grass Login Panel

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

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

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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