PS設(shè)計一個葡萄酒博客網(wǎng)頁模板(5)
工作與不同的客戶端,可以讓你的創(chuàng)意,因為我的工作與他們,我獲得了很多的經(jīng)驗和不同的方法,在布局和設(shè)計方面的挑戰(zhàn)。上周我的一個客戶問我來設(shè)計,有幾個功能,包括葡萄酒設(shè)計博客網(wǎng)站,我做了一些研究第一次在這里和那里發(fā)送的模擬客戶端?傮w而言,他們很高興,這是一個很好的業(yè)務(wù)。
下面是我們的最終效果
在我們開始之前,有幾個我們需要下載的東西;
讓我們開始吧!
打開你的Photoshop,并設(shè)置寬度為980px和高度1000px的,填寫層#281a10。
拖動下載的木材紋理,我們從本教程的頂部,然后單擊圖層蒙版。
選擇漸變工具(G),并拖動它的方向的箭頭,確保木的底部是不可見的
抓住你的選框工具(M),選擇的頂部區(qū)域,填充#000000,不透明度23%。
其次是單列選框工具(M)創(chuàng)建一個行頭下面的層,我們剛剛創(chuàng)建的,用刷子把它加#000000“,”不透明度51%。
我們現(xiàn)在在頭部是這樣的
對于標(biāo)志我們用字體Lucida Fax 正常字體29pt#FFFFFF白色字體.
對于的標(biāo)志文字陰影,設(shè)置前景色為#000000,其余為默認值。
我們還增加了一個描述,字體為格魯吉亞( Georgia )斜體14pt標(biāo),
描述陰影,前景色為#000000的距離和大小為1像素.
現(xiàn)在,我們說這些矢量,只是做了一個棒工具(W)刪除白色背景和調(diào)整它們的大小,大小合適的標(biāo)志.
接下來是選擇橢圓選框工具(M),畫一個圓圈狀底部,并用#000000填充它。轉(zhuǎn)到濾鏡>模糊>高斯模糊,將其設(shè)置為2.8%
下面是完整的一套我們的標(biāo)志
我們還增加了導(dǎo)航在右邊的文字,漂亮的直線前進,所以我也沒有解釋它。使用的字體是Arial粗體15PT。
接下來是創(chuàng)建一個新圖層(CTRL + N),并選擇選框工具(M),填充#dfdede中
創(chuàng)建一個新層,選擇里面的第一層,填充#FFFFFF。舉一個5PX利潤率為內(nèi)層
拖動葡萄酒墻紙內(nèi)的滑動層,然后右鍵單擊>“選擇”創(chuàng)建剪貼蒙版“。
現(xiàn)在中期底部的一部分內(nèi)容后,搶選框工具(M),并設(shè)置填充為13%(在不透明度)
描邊,前景顏色為#FFFFFF,大小為1px的
其次是我只是抓住一些葡萄的圖像,并設(shè)置它的大小,文字使用20pt的斜體字為標(biāo)題格魯吉亞和為內(nèi)容宋體定期的12磅
后進行的第一個,我們可以把它復(fù)制并做其余的頁面。建議你組你的層次,這一次,我們創(chuàng)建一組內(nèi)容后(CTRL + G)。
對于側(cè)邊欄,我們會做同樣的內(nèi)容背景。創(chuàng)建一個新的圖層(CTRL + SHIFT + N)和選框工具(M),填充#FFFFFF,F(xiàn)在,通過右鍵單擊內(nèi)容層的圖層樣式“>”復(fù)制圖層樣式,然后右鍵單擊>“粘貼圖層樣式邊欄上的層復(fù)制
我們增加了一對夫婦的文字和圖標(biāo),我們的標(biāo)題使用20pt的格魯吉亞斜體的鳴叫宋體定期宋體。我們也把我們的Twitter鳥圖標(biāo)iconarchive。
接下來是重復(fù)的鳴叫和線路。確保你組在文件夾中,這樣你的圖層面板是干凈的。
對于頁腳,創(chuàng)建一個新的圖層(CTRL + SHIFT + N),,并抓住選框工具(M)#1F140C填寫。
一樣的頁眉節(jié)中,我們也將在我們的頁腳添加一行。選擇單列選框工具(M),并用刷子刷來填充它,前景顏色為#000000
標(biāo)志文本,我們使用相同的傳真20pt的字體龍力#FFFFFF
對于社會化媒體的圖標(biāo),我們選擇了一些流行的,
我們已經(jīng)完成了!
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 設(shè)計
- 一個
- 網(wǎng)頁模板
- PS
- sanjaykhemlani.com
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- photoshop制作博客網(wǎng)站模板實例教程
- photoshop制作汽車類網(wǎng)站模板
- Photoshop設(shè)計蘋果系統(tǒng)風(fēng)格的網(wǎng)頁模板
- Photoshop做模特網(wǎng)站模板實例
- 教您怎樣用Photoshop制作一個漂亮的網(wǎng)頁
- Photoshop繪制展示軟件產(chǎn)品的綠色網(wǎng)頁布局
- 網(wǎng)頁模版,個人網(wǎng)站建設(shè)入門知識
- 網(wǎng)頁設(shè)計的分割布局秘密
- ps設(shè)計網(wǎng)頁視頻游戲界面
- Photoshop設(shè)計一個精美的網(wǎng)店購物主頁模板