Photoshop繪制好看的老式wordpress主題
您好!我的朋友。在本教程中我將向您展示如何輕松是創(chuàng)建好看老式布局。我將使用一些紋理創(chuàng)建網(wǎng)頁布局。這種布局可用于創(chuàng)建 grunge wordpress 主題.
我將創(chuàng)建一個(gè)新文檔與以下大小: 1000 x 1200 像素
的背景色,我將使用以下顏色: # 070503
我會打開 Photoshop 內(nèi), 以下紋理和會放我布局文檔的此 grunge 紋理。 單擊該圖像,然后將 grunge 紋理圖像保存到您的計(jì)算機(jī)。
我將此圖像頂部的布局:
現(xiàn)在我將進(jìn)入 http://www.sucaipan.net/,并將下載一個(gè)紋理。 我將會打開圖像在 Photoshop,然后我將去編輯 > 定義畫筆預(yù)設(shè)。
我將使用 鋼筆工具 創(chuàng)建一個(gè)奇怪的形狀。
W使用 油漆桶工具 我將添加下面的顏色: # b7a47e 這個(gè)白色的形狀上。
我將柵格化所的形狀通過在您的圖層調(diào)板中的圖層上,右擊,然后選擇柵格化的圖層。 按住 CTRL 鍵,從您的鍵盤,然后用鼠標(biāo)左鍵單擊圖層縮覽圖。 您可以看到一個(gè)形狀周圍的選擇。
我將使用我們在上一步中創(chuàng)建的 畫筆工具,我會在此形狀添加一些繪圖。
此形狀中,我將添加下面的圖層樣式
這是我的結(jié)果
我將此形狀頂部的我的布局。 通過它我會加上一句簡單的口號”grafpedia”與一個(gè)文本徽標(biāo)
這是我用的字體: 字體下載
使用相同的技術(shù),我將將添加其他形狀。 請點(diǎn)擊下圖,看看我的結(jié)果
>
我將選擇 橡皮擦工具,和用光滑圓形畫筆將刪除我 grunge 背景紋理的底部
這是我的結(jié)果為止
將使用樣式廢紙的股票的圖像
然后我將選擇 矩形選框工具,和我將會從我們的形象切一個(gè)角落里。
您必須先選擇您想要用 矩形選框工具 切割的部分。
請確保您有選擇,其股票圖像的圖層,然后按 CTRL + J (此快捷方式會創(chuàng)建一個(gè)新的圖層,通過削減) 上。 使用 移動工具 我將向右形狀。 我將創(chuàng)建一個(gè)側(cè)欄,我將放置一些廣告點(diǎn)和類別
我將重復(fù)此形狀 (按 CTRL + J) 和我將去編輯 > 變換 > 翻轉(zhuǎn)水平。 再來一次我將使用 移動工具 將股票的圖像放在正確的位置
用同樣的方法中,我將創(chuàng)建另一個(gè)形狀底部的布局。 這里就是我們的幻燈片顯示。
我將下載以下的矢量圖標(biāo)集: 書簽圖標(biāo)
我將對布局的頂部添加矢量圖標(biāo)。
水平型工具 與我將布局中添加文本。 我用的字體是臨天下。 在相同的時(shí)間內(nèi)我會加上還有些圖像
我會抓住我 鉛筆工具 和一個(gè)新的圖層 (按 CTRL + SHIFT + ALT + N 以創(chuàng)建新的圖層) 上將開始手工繪制一個(gè)小箭頭。 我將使用一個(gè)像素的畫筆。
下載下面的畫筆集: 325 像素畫筆
一個(gè)新的圖層可以創(chuàng)建一些箭頭并將其置于類別文本按鈕旁邊。
這是我最后的結(jié)果。
學(xué)習(xí) · 提示
相關(guān)教程
- PS設(shè)計(jì)教程之制作WordPress新聞博客模
- ps設(shè)計(jì)制作wordpress主題網(wǎng)站
- ps設(shè)計(jì)教程:ipad主題網(wǎng)頁制作教程
- PS設(shè)計(jì)制作攝影主題網(wǎng)站主頁教程
- PS設(shè)計(jì)Wordpress博客模版以及切片
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- PS教程:卡通動漫WordPress主題網(wǎng)頁設(shè)計(jì)
- Photoshop制作簡潔優(yōu)雅的WordPress主題模板
- Photoshop設(shè)計(jì)制作冬天主題的網(wǎng)頁教程
- Photoshop設(shè)計(jì)簡約風(fēng)格的wordpress模板
推薦教程
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- 網(wǎng)頁設(shè)計(jì)——個(gè)性網(wǎng)頁
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- Photoshop設(shè)計(jì)商務(wù)網(wǎng)站布局設(shè)計(jì)教程
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁特效
- 使用ps打造一個(gè)企業(yè)網(wǎng)站首頁設(shè)計(jì)制作全
- Photoshop教程:設(shè)計(jì)藝術(shù)類網(wǎng)站設(shè)計(jì)過程
- PS電子商務(wù)在線購物網(wǎng)站美工教程
- PS網(wǎng)頁制作技巧:從切圖到網(wǎng)頁生成全攻略
- Photoshop設(shè)計(jì)電腦公司網(wǎng)站模板