ps打造簡潔的新聞欄目網(wǎng)頁設(shè)計(jì)制作教程(2)
來源:經(jīng)典論壇
作者:p3db
學(xué)習(xí):12337人次
添加標(biāo)題與摘要展示。
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120727/15053L234-8.jpg)
所看見的初步樣式。
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120727/15053Gc7-9.jpg)
選擇鉛筆工具,展開畫筆工具欄。調(diào)整間距。
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120727/15053K158-10.jpg)
新建圖層。
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120727/15053I918-11.jpg)
按住Shift鍵在如下區(qū)域繪制一根點(diǎn)狀線。
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120727/15053HY4-12.jpg)
需要更改點(diǎn)狀線的顏色是,增加顏色疊加即可。
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120727/15053LQ6-13.jpg)
選擇文本框工具繪制一個(gè)矩形文本框,并增加內(nèi)容。
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120727/15053H506-14.jpg)
再新建一個(gè)圖層。
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120727/15053M517-15.jpg)
使用鉛筆繪制一個(gè)小方點(diǎn)。
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120727/15053MG9-16.jpg)
并使用ctrl+j復(fù)制這個(gè)圖層。(當(dāng)前我們?nèi)龡l文本鏈接,所以只需要三次)。
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120727/15053M5F-17.jpg)
排列好頭尾標(biāo)題點(diǎn)時(shí),使用垂直自動(dòng)排列工具。
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120727/15053K158-18.jpg)
最終增加元素及調(diào)整顏色所看見的效果。
![bbs.16xx8.com](http://pic.16xx8.com/allimg/120727/15053HL0-19.jpg)
學(xué)習(xí) · 提示
相關(guān)教程
- 陰影效果,教你制作各類陰影教程
- banner教程,設(shè)計(jì)一個(gè)簡單的母親節(jié)Banner教程
- 陰影效果,制作網(wǎng)頁常見的圖片投影效果
- 網(wǎng)頁圖片,設(shè)計(jì)一個(gè)網(wǎng)頁登陸框圖片教程
- 設(shè)計(jì)知識(shí),新手詳情頁制作誤區(qū)
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- 圖片教程,教你怎么做圓形圖表
- 圖片設(shè)計(jì),教你設(shè)計(jì)扁平化404錯(cuò)誤頁面圖片
- 圓角教程,教你制作網(wǎng)頁常用的圓角矩形邊角
- 進(jìn)度條,設(shè)計(jì)一個(gè)彩色進(jìn)度條
推薦教程
- PS設(shè)計(jì)制作網(wǎng)頁專題頂部圖片教程
- Photoshop制作蘋果mac風(fēng)格導(dǎo)航條
- ps設(shè)計(jì)金屬質(zhì)感的網(wǎng)頁鐵牌
- 用ps制作網(wǎng)站導(dǎo)航
- 利用Photoshop制作極具個(gè)性的金屬導(dǎo)航欄
- 用ps制作精致的網(wǎng)站banner(廣告條)
- Photoshop繪制好看的Win7風(fēng)格網(wǎng)站導(dǎo)航
- ps設(shè)計(jì)后期調(diào)整修飾實(shí)例教程
- Photoshop教程:制作網(wǎng)頁文字效果圖片
- banner教程,超簡單三步設(shè)計(jì)一個(gè)BANNER
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!