Syb的部拉新聞台

2011-05-15 14:43:17 Syb

Photoshop邊框教學

留言 78 收藏 0 推薦 0

推薦指數: 80

因為收到不少網友詢問這裡的照片邊框是怎麼加上去的，所以決定公開示範～我用的軟體是Photoshop，其實很簡單，只要照著底下步驟，就可以輕鬆達成^^

首先從Photoshop開啟要加邊框的檔案。

如果檔案太大，可先縮成適合網路瀏覽的大小，當然這個可以依照個人喜好需要來變更數值：

因為本篇重點不在修片，所以就不深入研究了，但若是想要稍微調整照片的明暗和色調，最快的就是用它內建的自動功能。＜這個步驟可用可不用＞。大部分時候Auto Contrast都滿好用的，讓明暗對比更好看，但是要注意Auto Levels和Auto Color，有時候用了卻得到反效果，所以就自行試試看，反正不喜歡就Undo或是按＂Ctrl＂+＂z＂

本篇範例使用的雪球照片，就是用了Auto Contrast 和 Auto Levels，得到結果就是增強對比和顏色變得更鮮明一些：

好...現在開始才真正導入正題....照底下步驟把畫框加寬。我習慣每邊各加10 pixels，所以450+10+10，寬就變成470，另外一邊比照辦理。如果喜歡更寬或更窄的邊框，也可以依喜好輸入不同數值。

接著，按＂Ctrl＂+＂J＂複製原有圖層：

然後加陰影。在新複製出來的圖層上，雙擊滑鼠左鍵，就會帶出下面的對話框。在最左邊勾選＂Drop Shadow＂，右邊大圈圈中的數值可以自由調整，看看哪個樣子自己最喜歡。之後按＂OK＂，結束對話框。

這時還沒看到陰影...別急，照底下選＂Reveal All＂，就出現了～如果不滿意，可再重複上一步驟。

對邊框和陰影都滿意之後，選＂Flatten Image＂。就完成囉！

喜歡的話也可以加上個人logo

不難吧～有問題再提出來嚕～

上一篇：想當貓拔貓麻的看這裡～

下一篇：Photoshop 照片重疊

lazydebby 2009-09-12 00:46:27

你好~我按照你的步驟做可是弄不出陰影~陰影顯示之後底面都會在自己增加白色的版面..

版主回應

你好，請問陰影後來有沒有出來？

如果一切正常，最後陰影外圍還會有一些白色邊。

如果是要放在不同底色的版面上，那就要在加邊框那步驟的時候，把底色設置為和版面顏色一樣的就可以了。 2009-09-12 02:25:20

jtyu 2008-09-19 22:08:13

哇~

太感謝妳詳細的教學了~

真的是很實用的一招呢！

版主回應

不客氣喲！

很高興妳覺得好用哦︿＿＿＿︿ 2008-09-20 04:32:11

flyshadow30 2008-08-27 02:07:49

謝謝喔！很有用的教學捏～以後就可以做漂亮的圖啦！

版主回應

不客氣唷～很高興這個有用^^ 2008-08-27 02:28:28

abc123922 2008-08-22 12:03:50

呵呵!

棒棒唷!!

英文版的捏

我英文超差的><

利害

版主回應

用習慣就好囉^^ 2008-08-27 02:28:07

rm6y7cjo4 2008-08-21 20:17:36

Photoshop CS3呢~~

最近學校正在教CS2

下載CS3感覺差不多多了一些功能

我的是中文的˙˙

不過其實是還不會用的狀態XD

打開之後腦中一片空白...

教學很不錯喔>ˇ

版主回應

嗯～ CS2 & 3基本上沒多大改變...

所以說ADOBE真是會賺錢><

呵呵～謝謝支持喲！ 2008-08-22 01:02:14

nomorelovela 2008-08-14 15:03:06

那個要去哪邊下載阿@@?

版主回應

現在下載管很嚴，不容易下載到最新版

如果不介意舊一些的簡體版，去google可以找到很多.. 2008-08-22 00:56:01

pltan31 2008-08-14 12:46:01

海~~回返咯!!

呵呵~~

你好利害噢~~

我到现在还不会用photoshop cs3勒~~

我下载了好久...

也研究了好久...还是不会...

haiz...还真羡慕你...

版主回應

其實要點就是多用囉^^

可以試試看買一本簡單的教學書回家照著練習

多試幾次就會上手了～ 2008-08-22 00:19:54

kazekuma 2008-08-13 19:33:00

我果然把學的都還老師耶

我真的不知道這樣就加好邊框了@@"

老師應該很想哭吧

版主回應

哈哈不會啦...

只是暫時被妳遺忘在大腦某個角落

現在找回來就好嚕^^ 2008-08-22 00:06:40

weii1217 2008-08-12 20:37:40

英文.....昏了....

PHOTOSHOP是我很不會的軟體~@@~

版主回應

嗯嗯！

喵娘的強項是Illustrator吧～ ^^ 2008-08-13 07:16:56

junice30 2008-08-12 12:04:27

感謝大大的教學,

我的問題是:

1.要一張一張弄嗎?有沒有整批照片加邊框的方法ㄋ?

2.是要製作完邊框後再上傳無名小站吧?

感謝您的回覆!

版主回應

對於第一個問題，

我個人都是一張一張弄，因為我習慣每張照片單獨調色，修片等

但是當然有整批加框的方法，在Photoshop中，可以先在Action那裡

把整個加框的動作錄下來，然後在第一個下拉選單中找到自動功能"automate"

子選單裡面再選"batch"進入對話格之後選擇自設的action，就可以指定資料夾來把裡面所有的相片加框了。

第二個問題，

沒錯之後要上傳到無名，除非你有另外的網路相簿，但是還是得自行上傳喔^^ 2008-08-13 07:09:50

jackgf2001 2008-08-11 23:17:14

挖!!感覺好專業喔= =.....我有點看不懂ㄋㄟ= =....

版主回應

大概是我把它弄得太複雜了…><

其實這不難唷^^ 2008-08-12 07:28:26

aa55 2008-08-11 15:47:43

真是不錯的教學喔~~

版主回應

謝謝啊 ^O^ 2008-08-12 07:28:08

b223649280 2008-08-11 13:12:32

酷噢…

不過是英文的

小丸看不懂…

而且那種版版應該要去買吼ˊ３ˋ

版主回應

ㄟ....對啊要用買的.... ^︿^

還好我有公司的可以用^+++^ 2008-08-12 07:27:59

o925379000 2008-08-10 23:25:29

謝謝你來我家你還真愛貓阿!ㄏㄏ^^

版主回應

是啊～^^ 2008-08-12 07:27:48

jiaho 2008-08-10 17:09:57

好實用唷!!

高中時候有學過photoshop

現在都忘了一乾二淨了XD

版主回應

學過的話，再拿出來用應該很快就能進入情況囉^^ 2008-08-12 07:27:33

kimo1324 2008-08-10 15:44:19

哇~~~真ㄉ不是我在說ㄟ~~~妳真ㄉ好用心餒!!佩服佩服~~~ㄏㄏ~~~要加油喔!!有空常來

餒!!

版主回應

好的^^ 2008-08-12 07:27:24

(悄悄話) 2008-08-10 12:51:30

(悄悄話) 2008-08-10 12:43:17

shayili 2008-08-10 12:40:53

PHOTOSHOP會不會很難懂啊?!

我也想來學學看ㄟ.....

還有PHOTOIMPAC你有聽過嗎?!

這兩個有什麼不同啊?!

版主回應

剛開始用的時候難免都需要摸索囉

等習慣之後，多練習和看教學，

對簡單的東西就能上手囉～

PhotoImpact我沒有用過耶，

也許photoshop的功能更強大一些

但是基本的工具應該都差不多吧.... 2008-08-12 07:24:56

love002724 2008-08-10 09:54:30

好酷唷~!!!!!!!

開始崇拜當中

版主回應

唉唷～真不好意思啊....*uu* 2008-08-12 07:24:25

m5819 2008-08-10 00:04:21

美麗的姐姐~我的是中文版的啊~還要看好久~

你可以教我作閃字嗎

版主回應

就是因為這個考量，才用心良苦放了縮圖啊^^

你說的閃字需要可以做GIF的軟體才行喔...

如果你想做鑽石閃字，

這裡有個不錯的教學:

http://qoo320.phpnet.us/post/161/ 2008-08-12 07:23:57

zennx2007 2008-08-09 20:51:33

....

我看不懂英文...

所以用這種程式，沒有中文化，很苦手呢！

ＸＤＤＤ

版主回應

就趁機當作學習英文單字吧 ^^ 2008-08-12 07:23:50

bow0523 2008-08-09 20:03:07

感謝您的教學，剛剛按著步驟做了幾次，真的好用又美觀^^

謝謝您的啦^^

版主回應

不客氣，能夠幫上忙太好囉^^ 2008-08-12 07:23:42

v1515006 2008-08-09 17:38:15

挖!!

好厲害嗄((驚

都是英文...((暈@@

版主回應

別急～慢慢來唷^^ 2008-08-12 07:23:32

tequilabom7 2008-08-09 17:33:34

太好嚕~

繪圖軟體裡~我也只碰過ps

應該說~我也只有ps ^^"

以後可以來這裡偷學^+++++^

版主回應

我其實不大會教呢...

去楊比比那可以學到更多唷^^ 2008-08-12 07:23:04

s9021224087 2008-08-09 17:09:22

筆記！筆記！~~~~~^^謝謝喔。

版主回應

不客氣啊^^ 2008-08-12 07:22:55

mko897564qw 2008-08-09 16:30:39

看部懂

而且我家也梅這軟體

= =)

版主回應

那就找其他好用簡單的軟體吧^^

不一定要photoshop的 2008-08-12 07:22:48

l790718 2008-08-09 16:26:06

哇0.0

PHOTO 教學ㄋXD

有空自己拿照片來玩玩^^

版主回應

多玩學得快喔^^ 2008-08-12 07:22:39

q916125 2008-08-09 16:07:41

好棒哦...

但我電腦裡沒這個軟體耶..= =

有空我也要來試看看..^^

版主回應

可以上網找一些免費的繪圖軟體來試試唷～

只要知道基本原理就很容易了^^ 2008-08-12 07:22:31

daitun24 2008-08-09 15:54:50

小乖跳舞回來囉:]

被教練說"狀況外"...

稍微恍神一下..因為我正在思念雲雀xD

而且...我發現我漸漸變得不友善了..

對於朋友><

搞不好有一天..婐也對你不友善了..怎麼辦!?=ˇ=..

版主回應

呵呵....又在思念雲雀啊...

沒被教練唸吧^^‵‵‵

別擔心，這些都是過程，

不要特別去改變自己，也不要對好的事情失去信心哦～ 2008-08-12 07:22:24

skyun82 2008-08-09 14:36:47

講解的很仔細哦～謝謝分享～

我也把它學起來嚕～

感恩～感恩～

版主回應

不客氣，謝謝捧場啊^^ 2008-08-12 07:22:16

rayetea520 2008-08-09 14:32:55

你的PS软件会贵吗？第几代的？

版主回應

我的是最新的CS3

還真不便宜...

不過我用的是公司的 XD

這也是上班的好處吧.... 2008-08-12 07:22:08

rayetea520 2008-08-09 14:29:43

哈哈哈，好棒的教学！！我又能留言了！！-__-呵呵~

版主回應

之前留言有問題嗎？*驚* 2008-08-12 07:21:59

(悄悄話) 2008-08-09 14:17:54

lovejj19 2008-08-09 13:57:24

好棒好棒!

又學到一些東西了

版主回應

太好了^___^ 2008-08-12 07:21:43

esp0112 2008-08-09 13:56:48

你真的好細心ㄋ

還慢慢的詳細解說ㄋ

只是我電腦沒有這程式

我想叫我弟幫我灌來用看看

咖咖咖~~

版主回應

趕快灌吧！

多一個好用的程式在電腦裡也不錯啊～^^ 2008-08-12 07:21:35

peggy30825 2008-08-09 12:44:09

謝謝你的教學唷~

版主回應

不客氣^^ 2008-08-12 07:21:27

ling610731 2008-08-09 11:17:35

你的網頁好漂亮喔!!

那些圖都是你自己畫的嗎?好利害喔!!

版主回應

嗯都是自己做的囉^^

謝謝啊～喜歡的話請常來唷～ 2008-08-12 07:21:20

jojojopig 2008-08-09 06:11:52

不知道CS2有沒有這功能…

我翻譯一下…然後對照一下我的CS2...

我的CS2是中文的…

版主回應

這些功能CS2都有喔^^ 2008-08-12 07:20:57

egorita2003 2008-08-08 23:34:58

英文英文~~~~~ㄚ~~~(搖頭)

syb..你太利害了!!(拇指!)

不過有你這篇教學

看圖操作簡單多了~~~

謝謝syb~^Q^~

版主回應

哈哈....都是單字啦....

看久了也習慣囉～

謝謝啊～讓我覺得時間花的很值得 ^++++^ 2008-08-12 07:20:48

qplemike 2008-08-08 23:10:36

好厲害喔~~~

才女才女~~~

QP

版主回應

謝謝...沒有那麼厲害啦....

哈哈 >\\\\\\\\\\< 2008-08-12 07:20:40

zhong1985 2008-08-08 22:40:06

謝謝你的教學，

本來還不會操作的我，

看到你的教學後，

讓我學習到一點點了，

感謝啦~~

版主回應

不會不會～很高興能幫上一些忙^^ 2008-08-12 07:20:32

cg6327 2008-08-08 20:22:33

可愛的雪球 :))

Syb您要不要把PS中文化啊囧

網路上應該可以找到很多 @@

　

我除了用PS也用PI哦 :))

PI也可以做成那樣的效果 ^_^!!

版主回應

呵呵～我之前家裡用的舊的版本是中文的

現在因為是用公司的，所以也不能改溜....

我是已經習慣了，只是辛苦網友啦歹勢歹勢！

你很厲害啊～我還沒用過PI呢！ 2008-08-12 07:20:21

s960135 2008-08-08 16:43:15

哇哩勒 ~ 你也太強了吧 !

還用英文版的... =____=

我家是中文版的耶，

So ... 其實我看不懂>_

版主回應

沒關係，和圖對照就行囉^^ 2008-08-12 07:20:12

makotocat6 2008-08-08 14:34:27

好利害喔...不過我只會用中文版滴..哈

你的是英文版的太強啦..CCC

版主回應

呵呵都一樣啦....

我是剛開始學就是英文版

習慣就好^^ 2008-08-12 07:20:04

yoyoweii 2008-08-08 14:26:50

感謝您的分享唷感恩 ^^

版主回應

不客氣唷^^ 2008-08-12 07:19:56

claresoosf 2008-08-08 12:21:48

挺管用的，　謝謝啦～

有時間再慢慢研究研究啦，　哈！

版主回應

不客氣啊^^

一定可以搭！ 2008-08-12 07:19:47

smallyen1022 2008-08-08 12:18:54

哈...看你的說明以後覺得簡單多了^^

不然我一直擺著卻不知道如何使用^^"

不過我不知道怎麼放自己喜歡的logo上去= =

目前我終於做出你說的邊框了!!

版主回應

太棒了^_____^

多試幾次就會很上手嚕～

logo可以很自由

像是我就放了自己的blog名字和網址

有人就畫了一些有意思的圖案

基本上多加一個圖層就行囉～ 2008-08-12 07:19:39

(悄悄話) 2008-08-08 10:14:42

chuenyih0621 2008-08-08 09:25:16

=D=我沒有PHOTOSHOP

正在找下載點

少了這個

繪圖上也好不方便

版主回應

下載的時候要小心不要down到有問題的檔案喔～

電腦要防毒呵^^ 2008-08-12 07:19:21

tienmiao 2008-08-08 08:59:33

好實用喔～

我每次都覺得自己的好陽春

哈哈哈～

可是又是電腦白痴～

趕快去弄photoshop來試試看～

版主回應

如果找不到Photoshop的話

還有其他一些也不錯的軟體如PhotoImpact, Coral Draw等可以試試看^^ 2008-08-12 07:19:14

CrystallBall 2008-08-08 08:43:57

暈了

版主回應

*用扇子煽*

快醒醒啊..... 2008-08-12 07:19:04

lovegodhot 2008-08-08 07:16:39

太棒了!!

還有Photoshop教學^^

妳好厲害喔^^

這套軟體我很少用...

不過它功能很棒^^

學起來^^ㄏㄏ

版主回應

^^呵呵～沒有啦....只是個我知道的簡單教學～ 2008-08-12 07:18:50

mikeli 2008-08-08 07:08:21

不賴的感覺~~~下次試試~

PHOTOSHOP我灌好久了用起來都厘厘啦啦~

對了~

如何拿掉照片裡不想看到的景物呢?

有空能不能教一下 :)

版主回應

嗯....看是怎樣的景物囉～

如果是很大的東西如一座山

那恐怕有些難度

如果只是小東西，那就用複製圖章clone stamp tool

或是補丁patch就行囉～ 2008-08-12 07:18:09

robert77 2008-08-08 06:48:04

有加邊框感覺不太一樣 ~

Syb 很熱心呢 , 呵呵 ~

版主回應

呵呵～希望能幫到有興趣的人囉^^ 2008-08-12 07:17:58

sacze1230 2008-08-08 03:52:40

好棒喔 :"O

給他學起來

版主回應

^____________^ 2008-08-12 07:17:47

klchiptw 2008-08-08 02:15:51

好厲害唷...我對很多美工用軟體都不懂得自己摸索老半天..原來邊框是這麼弄出來的

呀..學到一招囉！^^

版主回應

很高興能夠幫上一些忙喔^^ 2008-08-12 07:17:38

zipyah6 2008-08-08 01:23:44

呵呵~還用圖片來教學耶~

你果然學很多東西~

真是高手阿~~

版主回應

啊...謝謝，

現在還只能算是中手啦 XD 2008-08-12 07:17:30

aihuei 2008-08-08 00:56:30

在過不久我也要用"佛陀下普"了!!

偶現在~~~還在小畫家打滾!!

:p

版主回應

哈哈..."佛陀下普"喔

感覺變得很深奧哩...

我覺得，

會用小畫家的才是高手啊！ 2008-08-12 07:17:22

hwgirl1979 2008-08-07 23:29:22

謝謝你的教學. 回家去試試看!

版主回應

不客氣，祝成功^^ 2008-08-12 07:16:56

OnlyOneFen 2008-08-07 22:40:15

這軟體很好用的說^^

版主回應

不能更同意啦 ^O^ 2008-08-12 07:16:48

daitun24 2008-08-07 22:05:19

小乖來灌水:]

最近網誌換了新音樂囉!!

肆家庭教師大合唱噢~!

(有阿綱、獄寺、山本、雲雀、骸、了平、一平...還有很多^^)

有興趣去聽聽看吧!!

最後那一段很動聽很感人呢^^

另外，相簿增增噢:D~我們這次去玩的照片也PO囉~

有空去逛逛吧~要來噢：）

＊回在留言板我也會看噢！

版主回應

好的好的^^

謝謝通知囉！ 2008-08-12 07:16:40

FIREGIN 2008-08-07 21:03:13

感謝你的教學啦!

Photoshop軟體我學Flash時也有用到過!

因為要修圖所以老師有稍微說一下!

我覺得還滿好用的!

呵呵~~~

版主回應

這個軟體真的厲害，

現在大概已經變成我生命中不可或缺的一部分了 XD 2008-08-12 07:16:30

a2430530 2008-08-07 20:37:46

我有上類似這種課

現在都用這種來修我的照片

顏色調整,汙點修飾都有

只是那老師敎太快聽不太懂

版主回應

以前我開始學這個的時候，

也有這種感覺

還是得自己回家之後邊摸邊玩... 2008-08-12 07:16:21

lingreentea 2008-08-07 20:26:04

阿娘為阿!!

看的我頭都暈了

果然我只適合吃飯睡覺!

哈!!溜~

版主回應

真是好命啊～

我也要>< 2008-08-12 07:16:13

CP3thebest 2008-08-07 20:11:31

看了我眼睛都花了......

就算我不是電腦高手，還是覺得你很強啊！

版主回應

我和真正的高手比起來還差一級啊>< 2008-08-12 07:16:04

kiki650056 2008-08-07 18:41:19

先感謝你嚕~

但是....

我笨笨的

看了頭昏昏~

很讚是真的啦

感謝你嚕!

西西:)

版主回應

不客氣啦～是不是我整理的太亂啦^^‵‵`

慢慢來不要急囉～ 2008-08-12 07:15:48

gaw504 2008-08-07 18:28:14

蛙

版主回應

謝謝謝謝～

*鞠躬* ^O^ 2008-08-12 07:15:41

shian314 2008-08-07 18:10:14

呵呵

恰好解答了我想要的技巧

可惜

我没有photoshop

哇哈哈

谢谢分享

版主回應

沒關係，只到知道了concept，

很多其他軟體也能做到相同效果^^ 2008-08-12 07:15:31

std91542 2008-08-07 17:13:14

我一見到英文就昏了

感覺太困難ㄌ

版主回應

沒關係，對照圖示應該沒問題^^ 2008-08-12 07:15:10

S730522S 2008-08-07 16:56:29

為什麼是英文版的~~

我的是中文版的~~p11

版主回應

ㄟ....因為我的作業系統是英文版的....

沒關係，因為版面都一樣，只要照著圖對照應該就沒問題嚕^^ 2008-08-12 07:15:01

zeais 2008-08-07 16:34:43

每次看到教學文就忍不住要加入我的最愛

不過再拿出來看的機會是零 >"

版主回應

那沒關係，我也是如此，

只要別忘記有空來我這裡看看就好 ^+++^ 2008-08-12 07:14:53

(悄悄話) 2008-08-07 16:20:58

gcry 2008-08-07 15:47:41

fotoshop感覺還不錯呢~

都還沒嘗試用過我都用fotoimpact居多

不過..妳用的是英文版的呢＠＠佩服佩服

版主回應

呵呵～ PS 和 PI 都不錯，

個人喜好嚕^^

英文版啊...用慣了就ok啦～ 2008-08-12 07:14:33

limonadagurl 2008-08-07 14:55:09

這招真的很好用耶!!

我都忘記PS有shadow這個功能了!!

XDDDDDDDD

版主回應

哈哈....真的很好用，下次別忘囉～ 2008-08-12 07:14:11

u8601049 2008-08-07 14:50:37

好棒!又多學了一樣

謝謝你的教學喔!huey

版主回應

不客氣唷！ 2008-08-12 07:14:03

(悄悄話) 2008-08-07 14:49:52

HeyBoey 2008-08-07 14:37:47

你好厉害噢~

感觉上你什么都会^^

版主回應

哈哈....過獎了啦...

這只是我吃飯的工具囉^^

問我其他的東西我可能就只能傻笑啦.... 2008-08-12 07:12:01

看更多回應

Syb的部拉新聞台

Photoshop邊框教學

你可能感興趣的文章

第51尊道教素食神：李世民、卍膳大帝、辭膴誅肪上帝、戴天循守上帝

Gosto

咒禱文

2025【清邁】百年私房。靜謐Anantara

郭Sir成熱搜「唔影裸照就唔會流出！」IG惹火發言被指責怪受害者