當前位置:首頁>ps實例教程>ps網頁設計>網頁模板>教程內容

PS教程:卡通動漫WordPress主題網頁設計

來源:未知 作者:bbs.16xx8.com 學習:464人次

 

作者:佚名   出處:發(fā)現吧

最后結果

步驟 1: 創(chuàng)建新的文檔

在ps中新建文檔寬度為 1024px高度為height.

步驟 2: 焦外成像背景圖片

 

 


步驟  3: 繪制布局

點擊 圓角矩形工具(半徑: 5px), 畫一個 825x940在文檔中間,透明度減少到60%.

(字體: Daniel)

然后, 使用橫向排版工具為你的主題添加名字(類似 My Personal Blog).

再一次使用圓角矩形工具(半徑: 5px), 在文檔中間大的矩形里面畫出  626x418 的圖形,透明度減少到 75%. 增加 圖層蒙版, 點擊漸變工具, 選擇 黑/白組合制作如下漸變.

在一次使用 圓角矩形工具(半徑: 5px) 畫一個 81x39 的圖形在坐上角. 然后, 透明度更改為50%.

增加一些圖標(類似Rss訂閱和Twitter) 設置它們的 透明度為80%.

 


步驟  4: 繪制內容

我們先從文章的日期開始. 點擊矩形圓角工具(半徑為: 5px), 畫一個 76x29 的圖形透明度為40%. 點擊 圖層 > 圖層樣式陰影… 參照如上設置.

(使用顏色: #ffffff – #d4d4d4)

然后, 選擇漸變疊加 如上設置.

(字體: Antipasto)

增加日期數字和月份(類似 23 May).

選擇 圓角矩形工具(半徑: 5px), 畫一個 504x38 圖形,在距離文章日期160px的下方,點擊圖層 > 圖層樣式陰影…. 使用如上設置.

(Font used: Verdana)

點擊 水平排版工具, 增加一些文字(像 評論, 分類, 作者) ,鏈接文字顏色#ffa200.

(字體: Verdana)

最后, 使用橫向排版工具, 增加帖子的標題(我使用意大利斜體) .

 


步驟 5: Adding Newset/Older Entries Links

(Font used: Verdana)

最后一步我們寫上”<< 最新文章” 和 “舊的文章 >>” 在文章最后面.

最終結果




學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網友求助,請回答!