ps cs6設(shè)計(jì)個(gè)人作品網(wǎng)頁(yè)模板教程(3)
把聯(lián)系人的圖標(biāo)拖進(jìn)來(lái),轉(zhuǎn)成智能對(duì)象,大小調(diào)整成16x16px,顏色疊加#27b599,位置在目錄30px下,緊貼第一條參考線。
Step 15
重復(fù)上次步驟。唯一不同的是,「關(guān)于」的文本顏色改為#424a51
Step 16
最后創(chuàng)建聯(lián)系方式。圖標(biāo)拖進(jìn)來(lái),大小調(diào)整成16x13px,顏色疊加#088ecc,其他同上,不同的就是「聯(lián)系」字樣顏色為#424a51
Step 17
現(xiàn)在做簡(jiǎn)介頁(yè)面,回到簡(jiǎn)介圖層組。
前景色改成 #f7f7f7,創(chuàng)建一個(gè)大小320x1320px的矩形,緊貼左側(cè)欄和第五條參考線。
Step 18
前景色改成#e7e7e8,創(chuàng)建一條直線,大小1px,放在底部,長(zhǎng)度到第五條參考線處,見(jiàn)圖:
Step 19
現(xiàn)在創(chuàng)建時(shí)間軸,利用直線工具,畫(huà)一條豎線,大小為3px,命名為時(shí)間軸,位置:距左側(cè)欄24px,頂部30px
Step 20
前景色改成#d35136,畫(huà)一個(gè)圓形,大小11x11px,位置:距左側(cè)欄跟頂部都是20px,見(jiàn)圖:
Step 21
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 佚名
- 設(shè)計(jì)
- 時(shí)尚
- 界面設(shè)計(jì)
- 作品
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁(yè)模版,個(gè)人網(wǎng)站建設(shè)入門(mén)知識(shí)
- 網(wǎng)頁(yè)模板,設(shè)計(jì)酒吧主題網(wǎng)頁(yè)模板實(shí)例
- ps設(shè)計(jì)藍(lán)色主題風(fēng)格的網(wǎng)站首頁(yè)模板教程
- 從零手把手教你設(shè)計(jì)網(wǎng)頁(yè)
- 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)技巧
- 網(wǎng)頁(yè)設(shè)計(jì)的分割布局秘密
- ps設(shè)計(jì)網(wǎng)頁(yè)視頻游戲界面
- ps網(wǎng)頁(yè)布局設(shè)計(jì)實(shí)例教程
- ps黑色風(fēng)格網(wǎng)頁(yè)模板
- ps一個(gè)木紋風(fēng)格網(wǎng)頁(yè)模板
推薦教程
- PS創(chuàng)建一款簡(jiǎn)潔大方的歐美商務(wù)網(wǎng)站首頁(yè)
- photoshop設(shè)計(jì)軟件行業(yè)網(wǎng)站模板教程
- Photoshop繪制精美的企業(yè)網(wǎng)站模板
- Photoshop教程:設(shè)計(jì)一個(gè)破舊的卡通網(wǎng)站布局
- ps一個(gè)木紋風(fēng)格網(wǎng)頁(yè)模板
- ps設(shè)計(jì)金屬質(zhì)感網(wǎng)頁(yè)界面
- Photoshop制作網(wǎng)站首頁(yè)(3):切割網(wǎng)頁(yè)圖片
- Photoshop教程:制作紅色質(zhì)感網(wǎng)頁(yè)模版
- Photoshop制作一個(gè)糖果店網(wǎng)站模板教程
- Photohop網(wǎng)頁(yè)模板設(shè)計(jì)實(shí)例:主機(jī)專業(yè)網(wǎng)站模板