ps cs6設(shè)計(jì)個(gè)人作品網(wǎng)頁(yè)模板教程(2)

來(lái)源:優(yōu)設(shè) 作者:佚名 學(xué)習(xí):28457人次

改變前景色為 #FFFFFF,選擇文字工具,選擇安裝好的字體,大小16pt,寫上你的英文名,移動(dòng)到距頭像下25px的位置,確保在第三條參考線的中間。

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

Step 8

現(xiàn)在為自己添加點(diǎn)個(gè)人介紹吧,作者使用的字體大小14pt,距名字20px,這樣界面看起來(lái)有呼吸感。

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

Step 9

棒極了,現(xiàn)在繼續(xù)在左側(cè)欄的圖層組下新建一個(gè)圖層組,命名為社交媒體。把素材里的圖標(biāo)拖進(jìn)組里,雙擊圖層,顏色疊加——選擇白色。將圖層樣式復(fù)制到其他圖標(biāo)上。

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

圖標(biāo)間距調(diào)整為10px,整個(gè)圖標(biāo)的圖層組距離 簡(jiǎn)介 20px

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

 

Step 10

選擇直線工具,前景色為白色,大小1px,在圖標(biāo)下方50px處畫一條直線,長(zhǎng)度:從邊緣到第四條參考線

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

為了視覺微妙點(diǎn),將圖層不透明度調(diào)整到10%

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

Step 11

繼續(xù)新建一個(gè)圖層組,命名為導(dǎo)航。把素材的矢量圖標(biāo)拖進(jìn)來(lái),大小調(diào)整為13*16px,將這個(gè)圖標(biāo)命名為作品。

雙擊圖層,顏色疊加:#d35136,位置:直線下方40px,緊貼第一條垂直參考線。

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

Step 12

使用 14pt 大小的文字,寫上作品,或者Work,位置:第二條參考線處,水平方向與圖標(biāo)對(duì)齊。

前景色改成#424a51,繼續(xù)文字工具打字,內(nèi)容隨喜,大小14pt,行距設(shè)置成24pt,完成后將這個(gè)目錄圖層移到距「作品」下方24px處

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

Step 13

當(dāng)點(diǎn)擊時(shí),我們需要使鏈接變亮,所以改變Lastest的文字顏色為白色。

Photoshop設(shè)計(jì)時(shí)尚的個(gè)人作品網(wǎng)頁(yè)界面

Step 14

學(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)論
曙光_照亮黑夜2017-06-01 05:38
過(guò)來(lái)看看 是怎樣搞的Katherine 的原帖:有中文版的嗎?
曙光_照亮黑夜2017-06-01 05:38
沒有中文版的?
Katherine2017-05-28 04:16
過(guò)來(lái)看看 是怎樣搞的
此處無(wú)需多言2017-05-28 02:42
看起來(lái)很好的效果
塞尚的蘋果2017-05-28 04:16
真復(fù)雜啊~~~~~

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

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