PS教程:卡通動(dòng)漫WordPress主題網(wǎng)頁設(shè)計(jì)(3)
最后結(jié)果
步驟 1: 創(chuàng)建新的文檔
在ps中新建文檔寬度為 1024px高度為height.
步驟 2: 焦外成像背景圖片
步驟 3: 繪制布局
點(diǎn)擊 圓角矩形工具(半徑: 5px), 畫一個(gè) 825x940在文檔中間,透明度減少到60%.
(字體: Daniel)
然后, 使用橫向排版工具為你的主題添加名字(類似 My Personal Blog).
再一次使用圓角矩形工具(半徑: 5px), 在文檔中間大的矩形里面畫出 626x418 的圖形,透明度減少到 75%. 增加 圖層蒙版, 點(diǎn)擊漸變工具, 選擇 黑/白組合制作如下漸變.
在一次使用 圓角矩形工具(半徑: 5px) 畫一個(gè) 81x39 的圖形在坐上角. 然后, 透明度更改為50%.
增加一些圖標(biāo)(類似Rss訂閱和Twitter) 設(shè)置它們的 透明度為80%.
步驟 4: 繪制內(nèi)容
我們先從文章的日期開始. 點(diǎn)擊矩形圓角工具(半徑為: 5px), 畫一個(gè) 76x29 的圖形透明度為40%. 點(diǎn)擊 圖層 > 圖層樣式> 陰影… 參照如上設(shè)置.
(使用顏色: #ffffff – #d4d4d4)
然后, 選擇漸變疊加 如上設(shè)置.
(字體: Antipasto)
增加日期數(shù)字和月份(類似 23 May).
選擇 圓角矩形工具(半徑: 5px), 畫一個(gè) 504x38 圖形,在距離文章日期160px的下方,點(diǎn)擊圖層 > 圖層樣式> 陰影…. 使用如上設(shè)置.
(Font used: Verdana)
點(diǎn)擊 水平排版工具, 增加一些文字(像 評論, 分類, 作者) ,鏈接文字顏色#ffa200.
(字體: Verdana)
最后, 使用橫向排版工具, 增加帖子的標(biāo)題(我使用意大利斜體) .
步驟 5: Adding Newset/Older Entries Links
(Font used: Verdana)
最后一步我們寫上”<< 最新文章” 和 “舊的文章 >>” 在文章最后面.
最終結(jié)果
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁模版,個(gè)人網(wǎng)站建設(shè)入門知識(shí)
- 網(wǎng)頁模板,設(shè)計(jì)酒吧主題網(wǎng)頁模板實(shí)例
- 網(wǎng)頁設(shè)計(jì)基礎(chǔ)技巧
- 網(wǎng)頁設(shè)計(jì)的分割布局秘密
- PS設(shè)計(jì)iPhone蘋果應(yīng)用電子網(wǎng)站
- PS電子商務(wù)在線購物網(wǎng)站美工教程
- 如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局
- ps設(shè)計(jì)心形網(wǎng)頁模板教程
- 網(wǎng)頁設(shè)計(jì)時(shí)的配色方案分析實(shí)例
- PS設(shè)計(jì)教程之制作WordPress新聞博客模
推薦教程
- Photoshop網(wǎng)頁設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁特效
- Photoshop繪制好看的老式wordpress主題
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop制作禮品店網(wǎng)站模板
- photoshop網(wǎng)頁應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄