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