ps制作登陸框圖片(4)

來(lái)源:ps教程論壇 作者:李華仁 學(xué)習(xí):2810人次

  導(dǎo)言:

  本PS教程為大家?guī)?lái)網(wǎng)站按鈕制作教程,制作過(guò)程中主要應(yīng)用漸變、蒙板等工具,希望大家喜歡!

  最終效果圖


圖0

  1、執(zhí)行菜單:“文件”/“新建”(快捷鍵Ctrl+N),彈出新建對(duì)話框,設(shè)置名稱(chēng):制作登陸辦公平臺(tái)按鈕,寬度:800像素,高度:600像素,分辨率:72像素/英寸,顏色模式:RGB顏色、8位,背景內(nèi)容:白色,設(shè)置完畢后單擊確定按鈕,如圖1所示。


圖1

  2、在圖層控制面板擊新建圖層按鈕,新建一個(gè)“背景”,選擇工具箱漸變工具(快捷鍵G),在工具選項(xiàng)欄中設(shè)置為徑向漸變,然后點(diǎn)按可編輯漸變,彈出漸變編輯器。雙擊如圖3中的A處,設(shè)置色彩RGB分別為252、253、255,再雙擊圖3中所示的B處,設(shè)置色彩RGB分別為226、239、255,單擊確定按鈕,如圖3所示。效果圖如圖2所示。


圖2


圖3

  3、在圖層面板上單擊創(chuàng)建新圖層按鈕 ,新建一個(gè)圖層,再工具箱選擇圓角矩形工具,在工作區(qū)拖出一個(gè)圓角矩形,如圖4所示。


圖4

  4、選擇工具箱漸變工具(快捷鍵G),在工具選項(xiàng)欄中設(shè)置為徑向漸變,然后點(diǎn)按可編輯漸變,彈出漸變編輯器。雙擊如圖6中的A處,設(shè)置色彩RGB分別為135、194、254,再雙擊圖6中所示的B處,設(shè)置色彩RGB分別為47、146、250,單擊確定按鈕,按鍵盤(pán)快捷鍵Ctrl+Enter轉(zhuǎn)換為選區(qū),并按住鍵盤(pán)中Shift不放在工作區(qū)拖出一個(gè)圓角矩形,按鍵盤(pán)快捷鍵Ctrl+D取消選區(qū),如圖5所示。


圖5


圖6

  5、在圖層面板上單擊創(chuàng)建新圖層按鈕 ,新建一個(gè)圖層2,再工具箱選擇圓角矩形工具,并按住鍵盤(pán)中Shift不放在工作區(qū)拖出一個(gè)圓角矩形,設(shè)置前景色為白色,按鍵盤(pán)快捷鍵Ctrl+Enter轉(zhuǎn)換為選區(qū),按鍵盤(pán)快捷鍵Ctrl+D取消選區(qū),如圖7所示。


圖7

  6、在工具箱中選擇移動(dòng)工具 ,按住鍵盤(pán)的Alt鍵不放,選擇圖層3,按鼠標(biāo)左鍵拖出個(gè)圖層3,如圖8所示。


圖8

  7、單擊工具箱中的橫排文字工具 ,輸入用戶(hù)名,設(shè)置字體:黑體,大。18點(diǎn),顏色:白色,設(shè)置消除鋸齒的方法:無(wú),如圖9所示。


圖9

  8、單擊工具箱中的橫排文字工具 ,輸入密碼,設(shè)置字體:黑體,大小:18點(diǎn),顏色:白色,設(shè)置消除鋸齒的方法:無(wú),如圖10所示。


圖10

  9、在圖層面板上單擊創(chuàng)建新圖層按鈕 ,新建一個(gè)圖層,再工具箱選擇圓角矩形工具,在工作區(qū)拖出一個(gè)圓角矩形,如圖11所示。


圖11

  10、按鍵盤(pán)快捷鍵Ctrl+Enter轉(zhuǎn)換為選區(qū),執(zhí)行菜單:“編輯”/“描邊”彈出描邊對(duì)話框,設(shè)置寬度為1,顏色為:白色,按鍵盤(pán)快捷鍵Ctrl+D取消選區(qū),如圖12所示。


圖12

  11、單擊工具箱中的橫排文字工具 ,輸入登陸,設(shè)置字體:黑體,大小:18點(diǎn),顏色:白色,設(shè)置消除鋸齒的方法:無(wú),其他的做法也是一樣,如圖13所示。如圖14所示。


圖13


圖14

  12、創(chuàng)建新圖層按鈕,新建一個(gè)圖層3,選擇橢圓工具,在工作區(qū)拖出一個(gè)橢圓形狀并填充白色,按鍵盤(pán)快捷鍵Shift+I羽化,彈出羽化選區(qū),設(shè)置羽化半徑為50像素,然后點(diǎn)擊確定按鈕,如圖15所示。


圖15

  13、在工具箱中設(shè)置前景色顏色RGB值為:120、199、254,按鍵盤(pán)快捷鍵Ctrl+Delete填充前景色,選擇圖層1按住鍵盤(pán)的Alt鍵不放,按鼠標(biāo)左鍵拖出一個(gè)“圖層1副本”,并添加一個(gè)蒙板給圖層1副本,在工具箱中選擇漸變工具,給圖層1副本添加一個(gè)漸變,如圖16所示。效果圖如圖17所示。


圖16


圖17

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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
曹蛋烈2017-06-01 02:30
我的作業(yè):
曹蛋烈2017-06-01 02:29
我的作業(yè):
涪陵榨菜2017-05-28 03:24
很棒的教材~~~~~~~~~~~~~~~

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

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