▼▼▼ Syb也在這裡出沒:
Syb's Facebook Syb@Vogue 美人會 特約部落客 Follow me on Instagram Syb@Fashion Guide
推薦指數: 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 不難吧~ 有問題再提出來嚕~

Syb 發表在 痞客邦 PIXNET 留言(78) 人氣()


留言列表 (78)

發表留言
  • HeyBoey
  • 你好厉害噢~
    感觉上你什么都会^^
  • 哈哈....過獎了啦...
    這只是我吃飯的工具囉^^
    問我其他的東西我可能就只能傻笑啦....

    Syb 於 2008/08/12 07:12 回覆

  • 悄悄話
  • u8601049
  • 好棒!又多學了一樣
    謝謝你的教學喔!huey
  • 不客氣唷!

    Syb 於 2008/08/12 07:14 回覆

  • limonadagurl
  • 這招真的很好用耶!!
    我都忘記PS有shadow這個功能了!!
    XDDDDDDDD
  • 哈哈....真的很好用,下次別忘囉~

    Syb 於 2008/08/12 07:14 回覆

  • gcry
  • fotoshop感覺還不錯呢~
    都還沒嘗試用過 我都用fotoimpact居多
    不過..妳用的是英文版的呢@@佩服佩服
  • 呵呵~ PS 和 PI 都不錯,
    個人喜好嚕^^
    英文版啊...用慣了就ok啦~

    Syb 於 2008/08/12 07:14 回覆

  • 悄悄話
  • zeais
  • 每次看到教學文就忍不住要加入我的最愛
    不過再拿出來看的機會是零 >"<
  • 那沒關係,我也是如此,
    只要別忘記有空來我這裡看看就好 ^+++^

    Syb 於 2008/08/12 07:14 回覆

  • S730522S
  • 為什麼是英文版的~~
    我的是中文版的~~p11
  • ㄟ....因為我的作業系統是英文版的....
    沒關係,因為版面都一樣,只要照著圖對照應該就沒問題嚕^^

    Syb 於 2008/08/12 07:15 回覆

  • std91542
  • 我一見到英文就昏了

    感覺太困難ㄌ
  • 沒關係,對照圖示應該沒問題^^

    Syb 於 2008/08/12 07:15 回覆

  • shian314
  • 呵呵
    恰好解答了我想要的技巧
    可惜
    我没有photoshop
    哇哈哈
    谢谢分享
  • 沒關係,只到知道了concept,
    很多其他軟體也能做到相同效果^^

    Syb 於 2008/08/12 07:15 回覆

  • gaw504
  • 蛙<你的網誌還真用心!!~

    啪啪啪啪啪啪啪啪~給你掌聲!!~
  • 謝謝謝謝~
    *鞠躬* ^O^

    Syb 於 2008/08/12 07:15 回覆

  • kiki650056
  • 先感謝你嚕~
    但是....
    我笨笨的
    看了頭昏昏~
    很讚是真的啦
    感謝你嚕!
    西西:)
  • 不客氣啦~ 是不是我整理的太亂啦^^‵‵`
    慢慢來不要急囉~

    Syb 於 2008/08/12 07:15 回覆

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

    就算我不是電腦高手,還是覺得你很強啊!
  • 我和真正的高手比起來還差一級啊><

    Syb 於 2008/08/12 07:16 回覆

  • lingreentea
  • 阿娘為阿!!

    看的我頭都暈了

    果然 我只適合吃飯睡覺!

    哈!!溜~
  • 真是好命啊~
    我也要><

    Syb 於 2008/08/12 07:16 回覆

  • a2430530
  • 我有上類似這種課
    現在都用這種來修我的照片
    顏色調整,汙點修飾都有
    只是那老師敎太快聽不太懂
  • 以前我開始學這個的時候,
    也有這種感覺
    還是得自己回家之後邊摸邊玩...

    Syb 於 2008/08/12 07:16 回覆

  • FIREGIN
  • 感謝你的教學啦!
    Photoshop軟體我學Flash時也有用到過!
    因為要修圖所以老師有稍微說一下!
    我覺得還滿好用的!
    呵呵~~~
  • 這個軟體真的厲害,
    現在大概已經變成我生命中不可或缺的一部分了 XD

    Syb 於 2008/08/12 07:16 回覆

  • daitun24
  • 小乖來灌水:]
    最近網誌換了新音樂囉!!
    肆家庭教師大合唱噢~!
    (有阿綱、獄寺、山本、雲雀、骸、了平、一平...還有很多^^)
    有興趣去聽聽看吧!!
    最後那一段很動聽很感人呢^^
    另外,相簿增增噢:D~我們這次去玩的照片也PO囉~
    有空去逛逛吧~要來噢:)
    *回在留言板我也會看噢!
  • 好的好的^^
    謝謝通知囉!

    Syb 於 2008/08/12 07:16 回覆

  • OnlyOneFen
  • 這軟體很好用的說^^
  • 不能更同意啦 ^O^

    Syb 於 2008/08/12 07:16 回覆

  • hwgirl1979
  • 謝謝你的教學. 回家去試試看!
  • 不客氣,祝成功^^

    Syb 於 2008/08/12 07:16 回覆

  • aihuei
  • 在過不久我也要用"佛陀下普"了!!
    偶現在~~~還在小畫家打滾!!
    :p
  • 哈哈..."佛陀下普"喔
    感覺變得很深奧哩...
    我覺得,
    會用小畫家的才是高手啊!

    Syb 於 2008/08/12 07:17 回覆

  • zipyah6
  • 呵呵~還用圖片來教學耶~
    你果然學很多東西~
    真是高手阿~~
  • 啊...謝謝,
    現在還只能算是中手啦 XD

    Syb 於 2008/08/12 07:17 回覆

  • klchiptw
  • 好厲害唷...我對很多美工用軟體都不懂 得自己摸索老半天..原來邊框是這麼弄出來的
    呀..學到一招囉!^^
  • 很高興能夠幫上一些忙喔^^

    Syb 於 2008/08/12 07:17 回覆

  • sacze1230
  • 好棒喔 :"O
    給他學起來
  • ^____________^

    Syb 於 2008/08/12 07:17 回覆

  • robert77
  • 有加邊框感覺不太一樣 ~

    Syb 很熱心呢 , 呵呵 ~
  • 呵呵~ 希望能幫到有興趣的人囉^^

    Syb 於 2008/08/12 07:17 回覆

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

    PHOTOSHOP我灌好久了 用起來都厘厘啦啦~
    對了~
    如何拿掉 照片裡不想看到的景物呢?
    有空能不能教一下 :)
  • 嗯....看是怎樣的景物囉~
    如果是很大的東西如一座山
    那恐怕有些難度
    如果只是小東西,那就用複製圖章clone stamp tool
    或是補丁patch就行囉~

    Syb 於 2008/08/12 07:18 回覆

  • lovegodhot
  • 太棒了!!

    還有Photoshop教學^^

    妳好厲害喔^^

    這套軟體 我很少用...

    不過它功能很棒^^

    學起來^^ㄏㄏ
  • ^^呵呵~ 沒有啦....只是個我知道的簡單教學~

    Syb 於 2008/08/12 07:18 回覆

  • CrystallBall
  • 暈了
  • *用扇子煽*
    快醒醒啊.....

    Syb 於 2008/08/12 07:19 回覆

  • tienmiao
  • 好實用喔~
    我每次都覺得自己的好陽春
    哈哈哈~
    可是又是電腦白痴~
    趕快去弄photoshop來試試看~
  • 如果找不到Photoshop的話
    還有其他一些也不錯的軟體如PhotoImpact, Coral Draw等可以試試看^^

    Syb 於 2008/08/12 07:19 回覆

  • chuenyih0621
  • =D=我沒有PHOTOSHOP
    正在找下載點
    少了這個
    繪圖上也好不方便
  • 下載的時候要小心不要down到有問題的檔案喔~
    電腦要防毒呵^^

    Syb 於 2008/08/12 07:19 回覆

  • 悄悄話
  • smallyen1022
  • 哈...看你的說明以後覺得簡單多了^^
    不然我一直擺著卻不知道如何使用^^"
    不過我不知道怎麼放自己喜歡的logo上去= =
    目前我終於做出你說的邊框了!!
  • 太棒了^_____^
    多試幾次就會很上手嚕~
    logo可以很自由
    像是我就放了自己的blog名字和網址
    有人就畫了一些有意思的圖案
    基本上多加一個圖層就行囉~

    Syb 於 2008/08/12 07:19 回覆

  • claresoosf
  • 挺管用的, 謝謝啦~
    有時間再慢慢研究研究啦, 哈!
  • 不客氣啊^^
    一定可以搭!

    Syb 於 2008/08/12 07:19 回覆

  • yoyoweii
  • 感謝您的分享唷 感恩 ^^
  • 不客氣唷^^

    Syb 於 2008/08/12 07:19 回覆

  • makotocat6
  • 好利害喔...不過我只會用中文版滴..哈
    你的是英文版的太強啦..CCC
  • 呵呵都一樣啦....
    我是剛開始學就是英文版
    習慣就好^^

    Syb 於 2008/08/12 07:20 回覆

  • s960135
  • 哇哩勒 ~ 你也太強了吧 !
    還用英文版的... =____=
    我家是中文版的耶,
    So ... 其實我看不懂>_<"
  • 沒關係,和圖對照就行囉^^

    Syb 於 2008/08/12 07:20 回覆

  • cg6327
  • 可愛的雪球 :))
    Syb您要不要把PS中文化啊 囧
    網路上應該可以找到很多 @@
     
    我除了用PS也用PI哦 :))
    PI也可以做成那樣的效果 ^_^!!
  • 呵呵~ 我之前家裡用的舊的版本是中文的
    現在因為是用公司的,所以也不能改溜....
    我是已經習慣了,只是辛苦網友啦 歹勢歹勢!

    你很厲害啊~ 我還沒用過PI呢!

    Syb 於 2008/08/12 07:20 回覆

  • zhong1985
  • 謝謝你的教學,
    本來還不會操作的我,
    看到你的教學後,
    讓我學習到一點點了,
    感謝啦~~
  • 不會不會~ 很高興能幫上一些忙^^

    Syb 於 2008/08/12 07:20 回覆

  • qplemike
  • 好厲害喔~~~
    才女才女~~~
    QP
  • 謝謝...沒有那麼厲害啦....
    哈哈 >\\\\\\\\\\<

    Syb 於 2008/08/12 07:20 回覆

  • egorita2003
  • 英文英文~~~~~ㄚ~~~(搖頭)
    syb..你太利害了!!(拇指!)
    不過有你這篇教學
    看圖操作簡單多了~~~
    謝謝syb~^Q^~
  • 哈哈....都是單字啦....
    看久了也習慣囉~
    謝謝啊~ 讓我覺得時間花的很值得 ^++++^

    Syb 於 2008/08/12 07:20 回覆

  • jojojopig
  • 不知道CS2有沒有這功能…

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

    我的CS2是中文的…
  • 這些功能CS2都有喔^^

    Syb 於 2008/08/12 07:20 回覆

  • ling610731
  • 你的網頁好漂亮喔!!
    那些圖都是你自己畫的嗎?好利害喔!!
  • 嗯都是自己做的囉^^
    謝謝啊~ 喜歡的話請常來唷~

    Syb 於 2008/08/12 07:21 回覆

  • peggy30825
  • 謝謝你的教學唷~
  • 不客氣^^

    Syb 於 2008/08/12 07:21 回覆

  • esp0112
  • 你真的好細心ㄋ
    還慢慢的詳細解說ㄋ
    只是我電腦沒有這程式
    我想叫我弟幫我灌來用看看
    咖咖咖~~
  • 趕快灌吧!
    多一個好用的程式在電腦裡也不錯啊~^^

    Syb 於 2008/08/12 07:21 回覆

  • lovejj19
  • 好棒好棒!

    又學到一些東西了
  • 太好了^___^

    Syb 於 2008/08/12 07:21 回覆

  • 悄悄話
  • rayetea520
  • 哈哈哈,好棒的教学!!我又能留言了!!-__-呵呵~
  • 之前留言有問題嗎?*驚*

    Syb 於 2008/08/12 07:21 回覆

  • rayetea520
  • 你的PS软件会贵吗?第几代的?
  • 我的是最新的CS3
    還真不便宜...
    不過我用的是公司的 XD
    這也是上班的好處吧....

    Syb 於 2008/08/12 07:22 回覆

  • skyun82
  • 講解的很仔細哦~謝謝分享~
    我也把它學起來嚕~
    感恩~感恩~
  • 不客氣,謝謝捧場啊^^

    Syb 於 2008/08/12 07:22 回覆

  • daitun24
  • 小乖跳舞回來囉:]
    被教練說"狀況外"...
    稍微恍神一下..因為我正在思念雲雀xD
    而且...我發現我漸漸變得不友善了..
    對於朋友><
    搞不好有一天..婐也對你不友善了..怎麼辦!?=ˇ=..
  • 呵呵....又在思念雲雀啊...
    沒被教練唸吧^^‵‵‵
    別擔心,這些都是過程,
    不要特別去改變自己,也不要對好的事情失去信心哦~

    Syb 於 2008/08/12 07:22 回覆

  • q916125
  • 好棒哦...
    但我電腦裡沒這個軟體耶..= =

    有空我也要來試看看..^^
  • 可以上網找一些免費的繪圖軟體來試試唷~
    只要知道基本原理就很容易了^^

    Syb 於 2008/08/12 07:22 回覆

  • l790718
  • 哇0.0
    PHOTO 教學ㄋXD
    有空自己拿照片來玩玩^^
  • 多玩學得快喔^^

    Syb 於 2008/08/12 07:22 回覆

  • mko897564qw
  • 看部懂
    而且我家也梅這軟體
    = =)
  • 那就找其他好用簡單的軟體吧^^
    不一定要photoshop的

    Syb 於 2008/08/12 07:22 回覆

  • s9021224087
  • 筆記!筆記!~~~~~^^謝謝喔。
  • 不客氣啊^^

    Syb 於 2008/08/12 07:22 回覆

  • tequilabom7
  • 太好嚕~
    繪圖軟體裡~我也只碰過ps
    應該說~我也只有ps ^^"
    以後可以來這裡偷學^+++++^
  • 我其實不大會教呢...
    去楊比比那可以學到更多唷^^

    Syb 於 2008/08/12 07:23 回覆

  • v1515006
  • 挖!!

    好厲害嗄((驚

    都是英文...((暈@@
  • 別急~ 慢慢來唷^^

    Syb 於 2008/08/12 07:23 回覆

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

    謝謝您的啦^^
  • 不客氣,能夠幫上忙太好囉^^

    Syb 於 2008/08/12 07:23 回覆

  • zennx2007
  • ....

    我看不懂英文...

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


    XDDD
  • 就趁機當作學習英文單字吧 ^^

    Syb 於 2008/08/12 07:23 回覆

  • m5819
  • 美麗的姐姐~我的是中文版的啊~還要看好久~
    你可以教我作閃字嗎
  • 就是因為這個考量,才用心良苦放了縮圖啊^^
    你說的閃字需要可以做GIF的軟體才行喔...
    如果你想做鑽石閃字,
    這裡有個不錯的教學:
    http://qoo320.phpnet.us/post/161/

    Syb 於 2008/08/12 07:23 回覆

  • love002724
  • 好酷唷~!!!!!!!

    開始崇拜當中
  • 唉唷~ 真不好意思啊....*uu*

    Syb 於 2008/08/12 07:24 回覆

  • shayili
  • PHOTOSHOP會不會很難懂啊?!
    我也想來學學看ㄟ.....
    還有PHOTOIMPAC你有聽過嗎?!
    這兩個有什麼不同啊?!
  • 剛開始用的時候難免都需要摸索囉
    等習慣之後,多練習和看教學,
    對簡單的東西就能上手囉~
    PhotoImpact我沒有用過耶,
    也許photoshop的功能更強大一些
    但是基本的工具應該都差不多吧....

    Syb 於 2008/08/12 07:24 回覆

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

    Syb 於 2008/08/12 07:27 回覆

  • jiaho
  • 好實用唷!!
    高中時候有學過photoshop
    現在都忘了一乾二淨了XD
  • 學過的話,再拿出來用應該很快就能進入情況囉^^

    Syb 於 2008/08/12 07:27 回覆

  • o925379000
  • 謝謝你來我家 你還真愛貓阿!ㄏㄏ^^
  • 是啊~^^

    Syb 於 2008/08/12 07:27 回覆

  • b223649280
  • 酷噢…

    不過是英文的

    小丸看不懂…

    而且那種版版應該要去買吼ˊ3ˋ
  • ㄟ....對啊要用買的.... ^︿^
    還好我有公司的可以用^+++^

    Syb 於 2008/08/12 07:27 回覆

  • aa55
  • 真是不錯的教學喔~~
  • 謝謝啊 ^O^

    Syb 於 2008/08/12 07:28 回覆

  • jackgf2001
  • 挖!!感覺好專業喔= =.....我有點看不懂ㄋㄟ= =....
  • 大概是我把它弄得太複雜了…><
    其實這不難唷^^

    Syb 於 2008/08/12 07:28 回覆

  • junice30
  • 感謝大大的教學,
    我的問題是:
    1.要一張一張弄嗎?有沒有整批照片加邊框的方法ㄋ?
    2.是要製作完邊框後再上傳無名小站吧?
    感謝您的回覆!
  • 對於第一個問題,
    我個人都是一張一張弄,因為我習慣每張照片單獨調色,修片等
    但是當然有整批加框的方法,在Photoshop中,可以先在Action那裡
    把整個加框的動作錄下來,然後在第一個下拉選單中找到自動功能"automate"
    子選單裡面再選"batch"進入對話格之後選擇自設的action,就可以指定資料夾來把裡面所有的相片加框了。

    第二個問題,
    沒錯之後要上傳到無名,除非你有另外的網路相簿,但是還是得自行上傳喔^^

    Syb 於 2008/08/13 07:09 回覆

  • weii1217
  • 英文.....昏了....

    PHOTOSHOP是我很不會的軟體~@@~
  • 嗯嗯!
    喵娘的強項是Illustrator吧~ ^^

    Syb 於 2008/08/13 07:16 回覆

  • kazekuma
  • 我果然把學的都還老師耶
    我真的不知道這樣就加好邊框了@@"
    老師應該很想哭吧
  • 哈哈不會啦...
    只是暫時被妳遺忘在大腦某個角落
    現在找回來就好嚕^^

    Syb 於 2008/08/22 00:06 回覆

  • pltan31
  • 海~~回返咯!!

    呵呵~~
    你好利害噢~~
    我到现在还不会用photoshop cs3勒~~
    我下载了好久...
    也研究了好久...还是不会...
    haiz...还真羡慕你...
  • 其實要點就是多用囉^^
    可以試試看買一本簡單的教學書回家照著練習
    多試幾次就會上手了~

    Syb 於 2008/08/22 00:19 回覆

  • nomorelovela
  • 那個要去哪邊下載阿@@?
  • 現在下載管很嚴,不容易下載到最新版
    如果不介意舊一些的簡體版,去google可以找到很多..

    Syb 於 2008/08/22 00:56 回覆

  • rm6y7cjo4
  • Photoshop CS3呢~~
    最近學校正在教CS2

    下載CS3感覺差不多 多了一些功能
    我的是中文的˙˙

    不過其實是還不會用的狀態XD
    打開之後腦中一片空白...

    教學很不錯喔>ˇ<
  • 嗯~ CS2 & 3基本上沒多大改變...
    所以說ADOBE真是會賺錢><

    呵呵~ 謝謝支持喲!

    Syb 於 2008/08/22 01:02 回覆

  • abc123922
  • 呵呵!
    棒棒唷!!
    英文版的捏
    我英文超差的><
    利害
  • 用習慣就好囉^^

    Syb 於 2008/08/27 02:28 回覆

  • flyshadow30
  • 謝謝喔!很有用的教學捏~以後就可以做漂亮的圖啦!
  • 不客氣唷~ 很高興這個有用^^

    Syb 於 2008/08/27 02:28 回覆

  • jtyu
  • 哇~

    太感謝妳詳細的教學了~

    真的是很實用的一招呢!
  • 不客氣喲!
    很高興妳覺得好用哦︿___︿

    Syb 於 2008/09/20 04:32 回覆

  • lazydebby
  • 你好~我按照你的步驟做可是弄不出陰影~陰影顯示之後底面都會在自己增加白色的版面..
  • 你好,請問陰影後來有沒有出來?
    如果一切正常,最後陰影外圍還會有一些白色邊。
    如果是要放在不同底色的版面上,那就要在加邊框那步驟的時候,把底色設置為和版面顏色一樣的就可以了。

    Syb 於 2009/09/12 02:25 回覆