ps打造簡(jiǎn)潔的新聞欄目網(wǎng)頁(yè)設(shè)計(jì)制作教程(3)
介紹用PhotoShop打造簡(jiǎn)潔的新聞欄目網(wǎng)頁(yè)設(shè)計(jì)效果,比較簡(jiǎn)潔的新聞欄目設(shè)計(jì),喜歡網(wǎng)頁(yè)設(shè)計(jì)的同學(xué)可以一起來(lái)學(xué)習(xí)一下!
效果:
制作開始:
繪制一個(gè)矩形框。
給矩形框增加樣式:描邊。
在底部矩形上再繪制一個(gè)長(zhǎng)形矩形。用來(lái)承載欄目名。
給這個(gè)載體矩形增加樣式。
如:漸變疊加配合描邊與內(nèi)發(fā)光。
每個(gè)邊緣細(xì)節(jié),都要將畫布放大,像素化處理。
在欄目標(biāo)題載體上寫上所需名稱及其他元素。
添加框架內(nèi)的圖片展示區(qū)域。
添加標(biāo)題與摘要展示。
所看見的初步樣式。
選擇鉛筆工具,展開畫筆工具欄。調(diào)整間距。
新建圖層。
按住Shift鍵在如下區(qū)域繪制一根點(diǎn)狀線。
需要更改點(diǎn)狀線的顏色是,增加顏色疊加即可。
選擇文本框工具繪制一個(gè)矩形文本框,并增加內(nèi)容。
再新建一個(gè)圖層。
使用鉛筆繪制一個(gè)小方點(diǎn)。
并使用ctrl+j復(fù)制這個(gè)圖層。(當(dāng)前我們?nèi)龡l文本鏈接,所以只需要三次)。
排列好頭尾標(biāo)題點(diǎn)時(shí),使用垂直自動(dòng)排列工具。
最終增加元素及調(diào)整顏色所看見的效果。
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡(jiǎn)單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁(yè)常見的圖片投影效果
- 網(wǎng)頁(yè)圖片,設(shè)計(jì)一個(gè)網(wǎng)頁(yè)登陸框圖片教程
- 設(shè)計(jì)知識(shí),新手詳情頁(yè)制作誤區(qū)
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁(yè)面圖片
- 圓角教程,教你制作網(wǎng)頁(yè)常用的圓角矩形邊角
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
推薦教程
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- banner教程,用ps制作960*90的廣告圖片
- 用ps制作豎列導(dǎo)航
- 陰影效果,教你制作各類陰影教程
- Photoshop制作網(wǎng)站導(dǎo)航圖
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- Photoshop制作網(wǎng)頁(yè)搜索條
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框