當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁模板>教程內(nèi)容

PS設(shè)計一個葡萄酒博客網(wǎng)頁模板(5)

來源:設(shè)計前沿 作者:sanjaykhemlani.com  學(xué)習(xí):14802人次

工作與不同的客戶端,可以讓你的創(chuàng)意,因為我的工作與他們,我獲得了很多的經(jīng)驗和不同的方法,在布局和設(shè)計方面的挑戰(zhàn)。上周我的一個客戶問我來設(shè)計,有幾個功能,包括葡萄酒設(shè)計博客網(wǎng)站,我做了一些研究第一次在這里和那里發(fā)送的模擬客戶端?傮w而言,他們很高興,這是一個很好的業(yè)務(wù)。

下面是我們的最終效果
ps教程:theoat.com.cn_How to Create a Wine Design Blog Layout in Photoshop

在我們開始之前,有幾個我們需要下載的東西;

讓我們開始吧!

ps教程:theoat.com.cn_

打開你的Photoshop,并設(shè)置寬度為980px和高度1000px的,填寫層#281a10。

ps教程:theoat.com.cn_

拖動下載的木材紋理,我們從本教程的頂部,然后單擊圖層蒙版。

ps教程:theoat.com.cn_

選擇漸變工具(G),并拖動它的方向的箭頭,確保木的底部是不可見的

ps教程:theoat.com.cn_

抓住你的選框工具(M),選擇的頂部區(qū)域,填充#000000,不透明度23%。

ps教程:theoat.com.cn_

 

其次是單列選框工具(M)創(chuàng)建一個行頭下面的層,我們剛剛創(chuàng)建的,用刷子把它加#000000“,”不透明度51%。

ps教程:theoat.com.cn_

我們現(xiàn)在在頭部是這樣的

ps教程:theoat.com.cn_

對于標(biāo)志我們用字體Lucida Fax 正常字體29pt#FFFFFF白色字體.

ps教程:theoat.com.cn_

對于的標(biāo)志文字陰影,設(shè)置前景色為#000000,其余為默認值。

ps教程:theoat.com.cn_

我們還增加了一個描述,字體為格魯吉亞( Georgia )斜體14pt標(biāo),
ps教程:theoat.com.cn_

描述陰影,前景色為#000000的距離和大小為1像素.

ps教程:theoat.com.cn_

 

現(xiàn)在,我們說這些矢量,只是做了一個棒工具(W)刪除白色背景和調(diào)整它們的大小,大小合適的標(biāo)志.

ps教程:theoat.com.cn_

接下來是選擇橢圓選框工具(M),畫一個圓圈狀底部,并用#000000填充它。轉(zhuǎn)到濾鏡>模糊>高斯模糊,將其設(shè)置為2.8%

ps教程:theoat.com.cn_

下面是完整的一套我們的標(biāo)志

ps教程:theoat.com.cn_

我們還增加了導(dǎo)航在右邊的文字,漂亮的直線前進,所以我也沒有解釋它。使用的字體是Arial粗體15PT。

ps教程:theoat.com.cn_

接下來是創(chuàng)建一個新圖層(CTRL + N),并選擇選框工具(M),填充#dfdede中

ps教程:theoat.com.cn_

 

創(chuàng)建一個新層,選擇里面的第一層,填充#FFFFFF。舉一個5PX利潤率為內(nèi)層

ps教程:theoat.com.cn_

拖動葡萄酒墻紙內(nèi)的滑動層,然后右鍵單擊>“選擇”創(chuàng)建剪貼蒙版“。

ps教程:theoat.com.cn_

現(xiàn)在中期底部的一部分內(nèi)容后,搶選框工具(M),并設(shè)置填充為13%(在不透明度)

ps教程:theoat.com.cn_

描邊,前景顏色為#FFFFFF,大小為1px的

ps教程:theoat.com.cn_

其次是我只是抓住一些葡萄的圖像,并設(shè)置它的大小,文字使用20pt的斜體字為標(biāo)題格魯吉亞和為內(nèi)容宋體定期的12磅

ps教程:theoat.com.cn_

后進行的第一個,我們可以把它復(fù)制并做其余的頁面。建議你組你的層次,這一次,我們創(chuàng)建一組內(nèi)容后(CTRL + G)。

ps教程:theoat.com.cn_

 

對于側(cè)邊欄,我們會做同樣的內(nèi)容背景。創(chuàng)建一個新的圖層(CTRL + SHIFT + N)和選框工具(M),填充#FFFFFF,F(xiàn)在,通過右鍵單擊內(nèi)容層的圖層樣式“>”復(fù)制圖層樣式,然后右​​鍵單擊>“粘貼圖層樣式邊欄上的層復(fù)制

ps教程:theoat.com.cn_

我們增加了一對夫婦的文字和圖標(biāo),我們的標(biāo)題使用20pt的格魯吉亞斜體的鳴叫宋體定期宋體。我們也把我們的Twitter鳥圖標(biāo)iconarchive。

ps教程:theoat.com.cn_

接下來是重復(fù)的鳴叫和線路。確保你組在文件夾中,這樣你的圖層面板是干凈的。

ps教程:theoat.com.cn_

對于頁腳,創(chuàng)建一個新的圖層(CTRL + SHIFT + N),,并抓住選框工具(M)#1F140C填寫。

ps教程:theoat.com.cn_

 

一樣的頁眉節(jié)中,我們也將在我們的頁腳添加一行。選擇單列選框工具(M),并用刷子刷來填充它,前景顏色為#000000

ps教程:theoat.com.cn_

標(biāo)志文本,我們使用相同的傳真20pt的字體龍力#FFFFFF

ps教程:theoat.com.cn_

對于社會化媒體的圖標(biāo),我們選擇了一些流行的,

ps教程:theoat.com.cn_How to Create a Wine Design Blog Layout in Photoshop

我們已經(jīng)完成了!

 

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!