PS自定義形狀和樣式制作不規(guī)則形狀的多圖邊框教程

用PS自定義形狀和樣式制作不規(guī)則形狀的多圖邊框教程

此教程寫(xiě)給剛接觸PS的新手，高手們請(qǐng)繞過(guò)啊。：）

經(jīng)常看到別人做的框框很漂亮，各種形狀的相框運(yùn)與圖片接合得那么完美，新手一定覺(jué)得很

高深吧？其實(shí)，我要告訴大家，真的非常的簡(jiǎn)單，下面我就來(lái)介紹怎樣用PS（photoshop）

中的不規(guī)則形狀和樣式功能做漂亮的多圖邊框。

1、首先打開(kāi)PS，我得要介紹一下我們的工作界面。左邊有一條是工具面板，上面有許多工

具按扭，如常用的畫(huà)筆工具、圖章工具、歷史記錄工具、形狀工具等等；上面是選項(xiàng)面板，

是用來(lái)顯示你所選擇的工具的各項(xiàng)參數(shù)的；右邊是我們要用到的各項(xiàng)調(diào)板區(qū)，如最常用的圖

層和色板還有樣式板都在這個(gè)區(qū)域；中間就是我們的作圖工作區(qū)了。

現(xiàn)在我們來(lái)新建一個(gè)文件，或者直接打開(kāi)你準(zhǔn)備好的背景文件。

2、現(xiàn)在我們看到圖層面板有一個(gè)背景圖層，鼠標(biāo)雙擊這個(gè)背景圖層使它變?yōu)閳D層0。（如

果你找不到圖層面板，請(qǐng)?jiān)谏厦妗按翱诓藛巍敝泄瓷蠄D層選項(xiàng)。）如圖

3、在左邊的工具面板中找到形狀工具按鈕，用鼠標(biāo)按住不放，只到形狀面板彈出，再選擇

自定義形狀工具。如圖

4、現(xiàn)在我們來(lái)看看上面的自定義形狀選項(xiàng)，按住如圖中的紅色方框中箭頭指向的小三角形

按扭，彈出自定義形狀的面板，你可以看到里面有很多形狀，我想要用的形狀是紅色圈圈標(biāo)

記的那個(gè)花朵樣的形狀。

哦，可能你會(huì)說(shuō)不對(duì)呀，我的怎么沒(méi)有象你的形狀面板中那樣多的形狀呀！現(xiàn)在我就來(lái)教你

如何在PS中載入更多的形狀。

方法一：還是在在自定義形狀面板中看到這個(gè)小按扭了吧，鼠標(biāo)按住它，彈出一個(gè)菜單，選

中“載入形狀”，在彈出的面板中找到你存放PS形狀文件（后綴名為*.csh），即可載入新

的形狀。

方法二：打開(kāi)編輯菜單選中“預(yù)設(shè)管理器”選項(xiàng)。

彈出預(yù)設(shè)管理器面板，點(diǎn)下拉菜單，預(yù)設(shè)類型選中“自定形狀”，點(diǎn)右邊的載入按鈕，即可

載入新的形狀。

你應(yīng)該發(fā)現(xiàn)了，用“預(yù)設(shè)管理器”，可分別載入新的畫(huà)筆、色板、樣式、漸變、等高線、自

定形狀及等高線、工具，只要你選擇不同的預(yù)設(shè)類型選項(xiàng)。

選好了自定義形狀，我們接著剛才的步驟。

5、選擇剛才的形狀用鼠標(biāo)在背景上拉一下，任意你喜歡的圖形大小松開(kāi)鼠標(biāo)，背景中多了

一個(gè)形狀圖層。

在圖層面板選中這個(gè)圖層右鍵-柵格化，得到平面化形狀圖層。下圖是鼠標(biāo)拉動(dòng)時(shí)的截

圖，注意鼠標(biāo)顯示為十字。

6、圖中是我們拉出來(lái)、又柵格化的形狀。按住ctrl鍵,鼠標(biāo)點(diǎn)擊該圖層載入選區(qū)。

也可以直接用魔術(shù)棒工具在工作區(qū)點(diǎn)選白色形狀區(qū)域。

7、打開(kāi)“選擇”菜單選擇“修改”-“收縮”， 彈出收縮選區(qū)面板，收縮量中填入你想要

的像素。我這里填的是36。

8、打開(kāi)“選擇”菜單選擇“修改”-“羽化”，羽化值為1。

這樣做是為了框框看起來(lái)不是太生硬。

9、按DEL鍵刪除選區(qū)，看，這就是我們要的框框。

不過(guò)我們還要用PS樣式美化一下它。

10、打開(kāi)右邊的樣式面板，這是我的樣式面板，羨慕吧？：）

你可以用剛才載入自定義形狀的兩種方法，試試載入更多的漂亮樣式文件。樣式文件的

后綴名為*.ASL。

我試了好幾種效果，最后選了一個(gè)認(rèn)為不錯(cuò)的樣式。

11、鼠標(biāo)拉動(dòng)形狀1圖層到下面的復(fù)制按鈕，將美化好的形狀復(fù)制一個(gè)，用“移動(dòng)”工具將

復(fù)制的形狀圖層1副本圖層移動(dòng)到合適的位置。

12、現(xiàn)在要給我們的背景添加一些裝飾素材了。我打算做一個(gè)以巧虎為背景的框框。打開(kāi)巧

虎素材，與背景窗口平鋪，選取移動(dòng)工具，按住巧虎素材窗口不放往背景窗口拖動(dòng)。注意圖

示中鼠標(biāo)的變化，鼠標(biāo)到背景窗口后會(huì)由原來(lái)的箭頭變成帶+號(hào)尾巴的簡(jiǎn)頭。

在背景窗口釋放鼠標(biāo)，你會(huì)看到背景圖的圖層面板多了一個(gè)圖層。

13、拖入素材圖后我調(diào)整好素材位置，對(duì)框框的現(xiàn)有布局不滿意，大風(fēng)箏看起來(lái)?yè)踝×俗筮?/span>

相框的大部分。

沒(méi)關(guān)系，我們可以調(diào)整框框的位置。還是先取移動(dòng)工具

，我把左右兩個(gè)框框換了個(gè)位置。

現(xiàn)在看起來(lái)是不是好一點(diǎn)了？

14、選中形狀圖層，選取魔術(shù)棒工具，鼠標(biāo)移動(dòng)到框框空白處點(diǎn)擊

15、得到如圖的選區(qū)，現(xiàn)在我們?cè)趫D層面板點(diǎn)擊圖層1即背景圖層；

打開(kāi)菜單“選擇”－“修改”－“擴(kuò)展”，在彈出框中填上適宜的數(shù)值，我這里填的是2。

注意，我做這一步的原因是為了避免在框框中加入照片后會(huì)留下難看的白邊。

打開(kāi)菜單“編輯”－“清除”，或者按Delete鍵，清除選區(qū)，注意圖層一定要選擇背景圖

層。

關(guān)閉背景圖層前面的眼睛

16、步驟同15，將另一個(gè)相框也挖空了。

17、選擇文字工具，加上喜歡的文字，文字選項(xiàng)面板可以選擇喜歡的字體、字號(hào)，我用的是

漢儀丫丫體簡(jiǎn)。

用選擇工具調(diào)整文字的位置。

18、加好了文字，基本上大功告成了，可是我覺(jué)得風(fēng)箏的飄帶還是有點(diǎn)影響照片的擺放。我

用液化工具修改一下。

選擇巧虎素材圖層，打開(kāi)菜單“濾鏡”－“液化”

選擇向前變形工具，右邊工具選項(xiàng)中選擇相應(yīng)的數(shù)值。

我們把風(fēng)箏的飄帶往旁邊推一點(diǎn).

好啦，這就是最后效果圖了！

19、保存

光影邊框素材要保存為背景透明的PNG格式。

打開(kāi)菜單，文件—存儲(chǔ)為

存儲(chǔ)類型在下拉框中選PNG格式

寫(xiě)一個(gè)文件名

PNG選項(xiàng)，確定

好啦，這就可以收工了！趕快再去打開(kāi)多圖邊框工具做一個(gè)漂亮的專屬框框吧！

附上PNG成品框2800*2100尺寸，及套上照片后的效果圖。

巧虎. (1.91 MB)

巧虎. (1.79 MB)

二樓我會(huì)把這個(gè)教程的素材發(fā)上來(lái)，大家可以試著做做，一個(gè)人一個(gè)創(chuàng)意，你和我做的肯定

不一樣。：）

三樓，有一些我收集的PS樣式和形狀，你也可以擁有象我一樣眩目讓人眼饞的寶貝。