當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

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

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

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

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。現(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。現(xiàn)在,選擇文字工具(噸)和類型的文字一樣,如下

Glossy Grass Login Panel

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

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

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

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

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

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