在Photoshop中創(chuàng)建可愛(ài)的紡織面料文字

2013-11-22    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   sillybuy.com  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

在這里咱們就不多加討論字體的來(lái)源定義了,談?wù)勚谱魑淖诛@得更加直觀些。還有什么是比自己用photoshop制作文字更有前途的呢?吼吼~只需要有一點(diǎn)時(shí)間和精力,你就可以把幾乎所有創(chuàng)意變成美麗的作品!

嗯哼,所以,今天我要告訴你如何在photoshop中創(chuàng)建一個(gè)紡織面料類型的文字效果。來(lái)吧,就讓我們?cè)谟腥さ墓ぞ吆图夹g(shù)下做出我們想要的文字效果!let’s go!

在正式制作文字之前,這里先講一下資料包的使用(ps加載紋理和筆刷,熟練者請(qǐng)自覺(jué)繞過(guò)):

一、在photoshop中如何添加下載的圖案紋理

本教程所需素材下載:
Fabric patterns by webtreats
Lace Brushes by Merrypranxter

解壓該文件得到一個(gè)文件夾,里面有一個(gè).pat文件image003,在photoshop的油漆桶工具下,選擇油漆類型為”圖案“,在圖案面板的右邊設(shè)置圖標(biāo)下選擇”載入圖案“,把剛才的.pat文件復(fù)制過(guò)來(lái),點(diǎn)擊”載入“就可以了。

image005

二、在photoshop中如何添加下載的筆刷

和上面差不多,你已經(jīng)下載到了一個(gè).abr文件image007,在photoshop的畫筆工具下載入畫筆,復(fù)制該文件到文件夾里,點(diǎn)擊”載入“,ok。

image009

———————————————————————————————————-

先看看最終效果:(下載最終完整版psd源文件 或者微盤這里下載

image014

第一步:

打開(kāi)photoshop,創(chuàng)建一個(gè)800*600 px的文件。

 image016

第二步:

我們從背景做起。用油漆桶工具將背景漆成顏色#95cde0。

image017

第三步:

選擇背景層,單擊“圖層”>“圖層樣式”>“圖案疊加”,并添加上述面料圖案之一。更改混合模式為疊加,并設(shè)置不透明度為65%。也可以直接雙擊背景層得到圖層樣式面板。如果你的背景層加鎖了,先雙擊解鎖,這樣就可以修改圖層樣式了。

image018

第四步:

新建一個(gè)圖層(圖層→新建或者點(diǎn)擊圖層面板下的”新建圖層“按鈕image020),使用圓形硬邊筆刷加隨機(jī)的顏色在畫布上畫出幾個(gè)大小不一的圓形,改變?cè)搱D層的混合模式為”顏色加深“。

image022

第五步:

現(xiàn)在,我們開(kāi)始制作字體。首先我們將創(chuàng)建陰影文字,所以選擇文字工具添加文本并填充顏色 #313131。image023

第六步:

選擇文字圖層,然后單擊“圖層”>“圖層樣式”>“圖案疊加”現(xiàn)在,請(qǐng)選擇其他面料圖案,調(diào)整不透明度到12%。

image024

第七步:

現(xiàn)在單擊“圖層”>“圖層樣式”>投影“,按照下圖的設(shè)定,我們給文字添加一些陰影。

image026

第八步:

重復(fù)以上步驟創(chuàng)建剩余的陰影文字,然后點(diǎn)擊“編輯”>“自由變換”(ctrl+t)移動(dòng)和旋轉(zhuǎn)文字節(jié)點(diǎn)??纯聪旅娴那逦取?/p>

 image029

image031

第九步:

現(xiàn)在,選擇文字工具,并使用顏色#e36111添加正文。

image032

第十步:

選擇主文字層,然后單擊“圖層”>“圖層樣式”>“圖案疊加”,為文本添加其他面料圖案。

image033

接下來(lái)點(diǎn)擊“顏色疊加”,并使用如下所示的設(shè)置。

image035

第十一步:

現(xiàn)在,讓我們開(kāi)啟“縫紉機(jī)”!~\(≧▽≦)/~設(shè)置前景色為#FDDFCD,選中畫筆工具,選擇一個(gè)圓形硬邊筆刷,按下F5,調(diào)整其陰影和間距,使針縫出現(xiàn)。之后創(chuàng)建一個(gè)新圖層(圖層“>”新建“>”圖層“)。選擇鋼筆工具,在主文字層上創(chuàng)建路徑,然后右鍵單擊它并選擇“描邊路徑”?!疽部梢灾苯有陆▓D層,用鋼筆工具沿著主文字繪出路徑,然后選中文字工具鼠標(biāo)移到路徑開(kāi)頭處(出現(xiàn)一帶有虛線曲線的文本符號(hào)),用鍵盤上的減號(hào)“-”代替畫筆工具鋪滿整條閉合的路徑,之后通過(guò)字符、大小、間距和自由變換稍加修改該文字圖層即可】)。

 image037image039

第十二步:

選擇新創(chuàng)建的這個(gè)圖層,然后單擊“圖層”>“圖層樣式”,使用以下值為其添加“斜面和浮雕”、“投影”樣式。

image041

image043

第十三步:

現(xiàn)在我們要?jiǎng)?chuàng)建補(bǔ)丁啦!新建圖層,用鋼筆工具繪制一個(gè)形狀,右擊選擇“建立選區(qū)”選項(xiàng),現(xiàn)在,改變前景色為#ff8439,使用油漆桶工具(或者alt+delete組合鍵)填充該選區(qū)。重復(fù)同樣的過(guò)程,創(chuàng)建其余部分的補(bǔ)丁。

image045

第十四步:

選擇上面的補(bǔ)丁圖層,然后單擊“圖層”>“圖層樣式”>“圖案疊加”為補(bǔ)丁添加如下樣式。然后更改模式混合模式設(shè)置為“疊加”,不透明度為47%。

image047

第十五步:

現(xiàn)在,我們需要把這些補(bǔ)丁縫到文字上。再次在筆刷工具的面板下(F5)調(diào)整參數(shù)獲得新的針線效果。對(duì)于這些針,我們改變前景色為#05a5f8。

image049

第十六步:

選中上述的針線層,為其添加“斜面和浮雕”的圖層樣式,并且添加和補(bǔ)丁圖層一樣的投影樣式。

image051

image053

第十七步:

新建圖層,讓我們的蕾絲筆刷閃亮登場(chǎng)吧!前景色改為#64a5c1,選擇隨意的蕾絲筆刷刷在我們的文字圖層上O(∩_∩)O,可能不夠清晰,仔細(xì)觀察哦

image055

為了創(chuàng)造一點(diǎn)深度,我們需要為我們的蕾絲層添加“投影”的圖層樣式:

image057

第十八步:

現(xiàn)在,創(chuàng)建波浪的時(shí)刻到了!新建一個(gè)圖層,選擇鋼筆工具,創(chuàng)建一條路徑。然后,更改前景色#089ee7,右擊路徑,然后點(diǎn)擊“描邊路徑”。

image058

選擇該圖層添加投影的圖層樣式:

image056

現(xiàn)在添加更多的針線。更改前景色為#ff8439,選擇畫筆工具,使用如上相同的方法更改畫筆設(shè)置調(diào)整針。雙擊之并添加和第十二步一樣的“投影”圖層樣式。

簡(jiǎn)單地重復(fù)上述操作,多創(chuàng)建幾個(gè)波浪,各自編組(ctrl+g)。最后,把所有的波浪編成一個(gè)大組,統(tǒng)一添加“投影”的圖層樣式:

image059

你也可以移動(dòng)一兩個(gè)波浪圖層放在文字圖層的上面,稍加移動(dòng)就可以起到畫龍點(diǎn)睛的完美效果。這樣,我們的“紡織面料文字”就大功告成了!

image061

慢!如果你想說(shuō)你的ps是英文版本的,不想看中文界面,那你可以到原文中去參照英文版本的ps界面哦O(∩_∩)O

日歷

鏈接

個(gè)人資料

存檔