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

來源:pdadians 作者:P大點(diǎn)S 學(xué)習(xí):16545人次

8、添加文本,會(huì)員登陸,文本顏色設(shè)置為白色#ffffff,并為其添加一個(gè)圖層樣式,這里我添加了描邊以及投影。

網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程_theoat.com.cn

網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程_theoat.com.cn
網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程_theoat.com.cn

9、添加最底下那個(gè)綠色框中的文本:確定。設(shè)置確定兩字的顏色為白色,并添加一個(gè)圖層樣式,這里我用了描邊和投影。

網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程_theoat.com.cn

網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程_theoat.com.cn
網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程_theoat.com.cn

10、下面,我們添加用戶名及密碼兩個(gè)文本,同樣的設(shè)置文本的顏色為白色,添加一個(gè)圖層樣式,在這里,我設(shè)置了一個(gè)投影效果。

網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程_theoat.com.cn

網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程_theoat.com.cn

到這里,就算是完成了,來看看我們的效果吧!

網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程_theoat.com.cn

最后看看其它顏色的效果:

網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程_theoat.com.cn

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
崔青林2017-01-16 02:41
我做的登錄頁面
過客匆匆2016-09-15 10:10
一只帥羊羊2016-09-06 09:31
葉子2016-08-25 03:55
網(wǎng)頁登陸框
這幸福來的太突然了我都接受不了2015-12-24 09:32
新手根本不知道你在說什么

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

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