title: 網拍修圖免費教學，PhotoScape一套搞定（一） --- **摘要** 網拍修圖是網拍賣家必備的技能之一，第一張圖片是決定商品賣不賣得出去的關鍵，只可惜不少賣家對於修圖這檔事一竅不通，只好花錢向外徵求合作設計師代為設計，但是這筆花費可是一點都不便宜，想要用低成本來做網拍，這些額外的成本支出能少則少。如果你上網搜尋網拍修圖教學，絕大部分網友或老師都會推薦使用 PhotoShop或 PhotoImpact 這兩套知名的影像處理軟體，但是各位先問問自己，你看完之後有照著教學去下載這兩款軟體下來做嗎？光是軟體就不知道要花掉多少時間準備，就算有軟體，打開之後面對多如毛髮般的功能又讓不少人打消自學的念頭，轉而上網求師。 其實你只要拍好商品照片，再透過 PhotoScape 這款免費圖片編輯軟體和這篇免費教學就可以做出一大堆網拍圖片，不論是加入文字、相框、邊框、浮水印、專屬Logo都可以輕鬆完成，調整相片大小、亮度、色彩、對比或濾鏡…等功能也一應俱全，還有製作GIF動態圖的功能，讓你用一張照片的位置展示商品的各個特徵。 **Category** - [教學](https://www.soft4fun.net/category/how-to) - [精選技巧](https://www.soft4fun.net/category/how-to/tips) **Tag** - [免費修圖](https://www.soft4fun.net/tag/%e5%85%8d%e8%b2%bb%e4%bf%ae%e5%9c%96) - [免費教學](https://www.soft4fun.net/tag/%e5%85%8d%e8%b2%bb%e6%95%99%e5%ad%b8) - [免費軟體](https://www.soft4fun.net/tag/%e5%85%8d%e8%b2%bb%e8%bb%9f%e9%ab%94) - [圖片分割](https://www.soft4fun.net/tag/%e5%9c%96%e7%89%87%e5%88%86%e5%89%b2) - [圖片版型](https://www.soft4fun.net/tag/%e5%9c%96%e7%89%87%e7%89%88%e5%9e%8b) - [網拍修圖](https://www.soft4fun.net/tag/%e7%b6%b2%e6%8b%8d%e4%bf%ae%e5%9c%96) - [製作GIF](https://www.soft4fun.net/tag/%e8%a3%bd%e4%bd%9cgif) **圖片清單** - ![網拍修圖免費教學，PhotoScape一套搞定（一） hito3](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/hito3.png "網拍修圖免費教學，PhotoScape一套搞定（一） hito3") - ![網拍修圖免費教學，PhotoScape一套搞定（一） 01_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/01_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 01_thumb") - ![網拍修圖免費教學，PhotoScape一套搞定（一） 02_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/02_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 02_thumb") - ![網拍修圖免費教學，PhotoScape一套搞定（一） 03_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/03_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 03_thumb") - ![網拍修圖免費教學，PhotoScape一套搞定（一） 04_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/04_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 04_thumb") - ![網拍修圖免費教學，PhotoScape一套搞定（一） 18_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/18_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 18_thumb") - ![網拍修圖免費教學，PhotoScape一套搞定（一） 19_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/19_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 19_thumb") - ![網拍修圖免費教學，PhotoScape一套搞定（一） 07_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/07_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 07_thumb") - ![網拍修圖免費教學，PhotoScape一套搞定（一） 08_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/08_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 08_thumb") - ![網拍修圖免費教學，PhotoScape一套搞定（一） 09_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/09_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 09_thumb") - ![網拍修圖免費教學，PhotoScape一套搞定（一） 20_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/20_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 20_thumb") - ![網拍修圖免費教學，PhotoScape一套搞定（一） 21_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/21_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 21_thumb") - ![網拍修圖免費教學，PhotoScape一套搞定（一） 22_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/22_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 22_thumb") --- [網拍修圖](http://www.soft4fun.net/bbs/網拍修圖免費教學，免費軟體一套搞定（一）.htm)是網拍賣家必備的技能之一，第一張圖片是決定商品賣不賣得出去的關鍵，只可惜不少賣家對於修圖這檔事一竅不通，只好花錢向外徵求合作設計師代為設計，但是這筆花費可是一點都不便宜，想要用低成本來做[網拍](http://www.soft4fun.net/bbs/網拍修圖免費教學，免費軟體一套搞定（一）.htm)，這些額外的成本支出能少則少。 如果你上網搜尋網拍修圖教學，絕大部分網友或老師都會推薦使用 PhotoShop或 PhotoImpact 這兩套知名的影像處理軟體，但是各位先問問自己，你看完之後有照著教學去下載這兩款軟體下來做嗎？光是軟體就不知道要花掉多少時間準備，就算有軟體，打開之後面對多如毛髮般的功能又讓不少人打消自學的念頭，轉而上網求師。 其實你只要拍好商品照片，再透過 PhotoScape 這款**免費**圖片編輯軟體和[這篇免費教學](http://www.soft4fun.net/bbs/%E7%B6%B2%E6%8B%8D%E4%BF%AE%E5%9C%96%E5%85%8D%E8%B2%BB%E6%95%99%E5%AD%B8%EF%BC%8C%E5%85%8D%E8%B2%BB%E8%BB%9F%E9%AB%94%E4%B8%80%E5%A5%97%E6%90%9E%E5%AE%9A%EF%BC%88%E4%B8%80%EF%BC%89.htm)就可以做出一大堆網拍圖片，不論是加入文字、相框、邊框、浮水印、專屬Logo都可以輕鬆完成，調整相片大小、亮度、色彩、對比或濾鏡…等功能也一應俱全，還有[製作GIF動態圖](http://www.soft4fun.net/bbs/網拍修圖免費教學，免費軟體一套搞定（一）.htm)的功能，讓你用一張照片的位置展示商品的各個特徵。下面這張展示圖片先請您過目： ![網拍修圖免費教學，PhotoScape一套搞定（一） hito3](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/hito3.png "網拍修圖免費教學，PhotoScape一套搞定（一） hito3") 只用一套**免費軟體**就可以作到這樣！ 由於整理出來的文章篇幅較大，因此將文章分為三個部份來介紹、教學，本文先講解第一部份，完整的內容目錄如下： - 第一部份：圖片加料 - [批次調整圖片大小](#1) - [裁切圖片多餘部份](#2) - [加上圖片邊框，質感 UP UP ！](#3) - [在圖片上插 文字](#4) - [替圖片加上浮水印](#5) - 第二部份：進階處理 - [製作組合式套圖，一圖多角度展示](http://www.soft4fun.net/tips/%e7%b6%b2%e6%8b%8d%e4%bf%ae%e5%9c%96%e5%85%8d%e8%b2%bb%e6%95%99%e5%ad%b8%ef%bc%8c%e5%85%8d%e8%b2%bb%e8%bb%9f%e9%ab%94%e4%b8%80%e5%a5%97%e6%90%9e%e5%ae%9a%ef%bc%88%e4%ba%8c%ef%bc%89.htm#1) - [將拍賣文字文案改以圖片顯示，防止盜用](http://www.soft4fun.net/tips/%e7%b6%b2%e6%8b%8d%e4%bf%ae%e5%9c%96%e5%85%8d%e8%b2%bb%e6%95%99%e5%ad%b8%ef%bc%8c%e5%85%8d%e8%b2%bb%e8%bb%9f%e9%ab%94%e4%b8%80%e5%a5%97%e6%90%9e%e5%ae%9a%ef%bc%88%e4%ba%8c%ef%bc%89.htm#2) - [製作動 展示圖片（GIF圖）](http://www.soft4fun.net/tips/%e7%b6%b2%e6%8b%8d%e4%bf%ae%e5%9c%96%e5%85%8d%e8%b2%bb%e6%95%99%e5%ad%b8%ef%bc%8c%e5%85%8d%e8%b2%bb%e8%bb%9f%e9%ab%94%e4%b8%80%e5%a5%97%e6%90%9e%e5%ae%9a%ef%bc%88%e4%ba%8c%ef%bc%89.htm#3) - [分割展示圖片，提高 圖片讀取效](http://www.soft4fun.net/tips/%e7%b6%b2%e6%8b%8d%e4%bf%ae%e5%9c%96%e5%85%8d%e8%b2%bb%e6%95%99%e5%ad%b8%ef%bc%8c%e5%85%8d%e8%b2%bb%e8%bb%9f%e9%ab%94%e4%b8%80%e5%a5%97%e6%90%9e%e5%ae%9a%ef%bc%88%e4%ba%8c%ef%bc%89.htm#4) - 第三部份 - [ 好用的 費抓圖軟體](http://www.soft4fun.net/tips/網拍修圖 費教學， 費軟體一套搞定（三）.htm#1) - [國 費、無限流量、可外連的 費圖片空間](http://www.soft4fun.net/tips/網拍修圖 費教學， 費軟體一套搞定（三）.htm#2) - [張 貼圖片的HTML語法](http://www.soft4fun.net/tips/%E7%B6%B2%E6%8B%8D%E4%BF%AE%E5%9C%96%E5%85%8D%E8%B2%BB%E6%95%99%E5%AD%B8%EF%BC%8C%E5%85%8D%E8%B2%BB%E8%BB%9F%E9%AB%94%E4%B8%80%E5%A5%97%E6%90%9E%E5%AE%9A%EF%BC%88%E4%B8%89%EF%BC%89.htm#3) - [報名網拍修圖課程](http://www.soft4fun.net/tips/%E7%B6%B2%E6%8B%8D%E4%BF%AE%E5%9C%96%E5%85%8D%E8%B2%BB%E6%95%99%E5%AD%B8%EF%BC%8C%E5%85%8D%E8%B2%BB%E8%BB%9F%E9%AB%94%E4%B8%80%E5%A5%97%E6%90%9E%E5%AE%9A%EF%BC%88%E4%B8%89%EF%BC%89.htm#4) 歡迎有興趣者留言推薦想學的主題，我再來研究看看是否可以達成並補充到文章內。 > **軟體名稱**：PhotoScape **下載頁面**：[點這裡](http://4fun.tw/OXMm) #### 批次調整圖片大小 圖片的大小會影響瀏覽的順暢度，因此在網拍賣場放置的圖片應該盡可能縮放到適當比例，讓訪客在最短時間看到圖片。 一般而言，**圖片寬度大約在 500~650px 為最佳瀏覽寬度**，一來不會佔去太多版面，二來長寬適中，以下我們將照片寬度批次縮小到 500px 來示範。 **Step 1** 打開 PhotoScape ，在視窗上方選擇〔批次轉換〕功能。 選擇照片資料夾，把需要縮小的照片選取起來後，按住【滑鼠右鍵】將照片拉到中間上方的白色區域。 [![網拍修圖免費教學，PhotoScape一套搞定（一） 01_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/01_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 01_thumb")](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/01.png) **Step 2** 接下來在視窗右邊的「調整大小」項目中，拉下下拉選單選則為【縮小長邊】。 再點下選單右邊的小人臉圖示，選擇【縮小邊長:500px】→按下【儲存（轉換）所有相片】 > **提示：**若要縮為 > 他大小可選擇 > 他長邊設定，或 > 在下拉選單下方的「長邊」欄位直接輸 > 值。 [![網拍修圖免費教學，PhotoScape一套搞定（一） 02_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/02_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 02_thumb")](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/02.png) **Step 3** 設定照片的儲存位置及檔案格式（建議設定為 JPG 或 PNG），完成後按下右上方的【儲存】程式就會開始幫你縮圖。 > **提示：**若要儲存為JPG格式，品質建議設定為 95% 即可。 [![網拍修圖免費教學，PhotoScape一套搞定（一） 03_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/03_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 03_thumb")](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/03.png) 縮圖完成後可以發現，寬度超過500的橫向照片都已經被等比例縮小至寬度500，直立照片則縮小至高度500。 [![網拍修圖免費教學，PhotoScape一套搞定（一） 04_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/04_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 04_thumb")](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/04.png) #### 裁切圖片多餘部份 有些照片在拍攝時已經雖然想好構圖，但若不是在專業攝影棚拍攝，難免會拍進一些不需要的部份，透過 PhotoScape 的圖片剪裁功能就能夠擷取出需要的部份來做設計、編輯囉！ **Step 1** 在 PhotoScape 視窗上方選擇〔相片編修〕功能，並在左邊欄位選擇照片資料夾及要剪裁的相片。接著在圖片下方的功能標籤選擇〔剪裁〕，並在下拉選單裡面選取【自由剪裁】後，在圖片上拖曳【滑鼠左鍵】即可選取剪裁區域，選取完成後按下【剪裁】鈕即可完成剪裁步驟。 > **提示：**選取剪裁範圍後，也可選擇【儲存選取範圍】直接儲存選取區域不透過預覽。 [![網拍修圖免費教學，PhotoScape一套搞定（一） 18_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/18_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 18_thumb")](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/18.png) **Step 2** 按下【儲存】將剪裁好的照片另存新檔。 [![網拍修圖免費教學，PhotoScape一套搞定（一） 19_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/19_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 19_thumb")](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/19.png) #### 加上圖片邊框，質感 UP UP ！ 覺得照片的邊邊太單調嗎？在照片周圍加上邊框不但有美化作用，最重要的是能讓照片帶來一種親切的感覺。舉例來說，假如你賣的商品是粉紅色系的女性服飾，在照片周圍加上一些簡單的鑲花相框會讓照片看起來有不一樣的味道。 照片邊框的用途不僅有美化作用，有時候也可以用作區隔圖片跟文案的界線，想要替照片擺上什麼樣的邊框就看你的想法囉！方法可以教，但是創意是無限發揮的，以下 《硬是要學》介紹您透過 PhotoScape 幫相片加入邊框的方法。 **Step 1** 在 PhotoScape 視窗上方選擇〔相片編修〕功能，並選擇要插入相片邊框的圖片。 **Step 2** 在圖片下方的〔主要功能〕標籤裡頭會看到如下圖的相框樣式選單，選擇相框樣式後就會自動套用到照片上了。 [![網拍修圖免費教學，PhotoScape一套搞定（一） 07_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/07_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 07_thumb")](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/07.png) 假如對目擇的相框不滿意，可以按【Ctrl】+【Z】還原。 #### 在圖片上插入文字 網拍許多賣家會在自己使用的圖片上標示賣場的名稱，一來防止圖片被盜用，二來可以在平台的展示圖片上凸顯賣場名稱，以達到廣告效果，不過當然不只有這個用途啦，相信各位賣家們一定有自己的一套idea，有空時發揮你的創意玩一玩文字帶來的藝術感吧！ **Step 1** 首先在 PhotoScape 上方功能表選擇〔相片編修〕，並選擇要插入文字的圖片。 **Step 2** 在圖片下方的〔裝飾〕中，按下 T 圖示就會出現文字方塊，輸入你想要的文字後再調整字型、大小、透明度、顏色等，設定完成後按下【確定】。 > **提示：**若要在文字周圍加上邊線的話，在「框線」 > 目裡 > 勾選「套用」，選擇「框線+字」再選擇顏色、框線寬度就可以了。 [![網拍修圖免費教學，PhotoScape一套搞定（一） 08_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/08_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 08_thumb")](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/08.png) 這時候就會在圖片上看到剛才新增的文字。在文字上按住【滑鼠左鍵】可以移動文字擺放的位置。 [![網拍修圖免費教學，PhotoScape一套搞定（一） 09_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/09_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 09_thumb")](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/09.png) #### 替圖片加上浮水印 所謂浮水印就是在照片中插入一張賣場專屬的圖片，用途就好比照片的註冊商標一樣，如果你已經製作好浮水印，那就按照下面步驟來插入。如果沒有浮水印也沒關係，在適當位置插入賣場名稱的文字也可以有同樣的效果。 **Step 1** 首先在 PhotoScape 上方功能表選擇〔相片編修〕，並選擇要插入文字的圖片。 **Step 2** 在圖片下方的〔裁切〕標籤中點擊山的小圖示（如下圖）並選擇「其他」（這裡我以 PhotoScape 內建的 Logo 示範，因此我選 Logo） [![網拍修圖免費教學，PhotoScape一套搞定（一） 20_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/20_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 20_thumb")](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/20.png) **Step 3** 在左邊的資料夾清單中選取浮水印放置的資料夾，然後選擇浮水印的圖示，按下【確定】 ![網拍修圖免費教學，PhotoScape一套搞定（一） 21_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/21_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 21_thumb") 新增之後在 Logo 上按住【滑鼠左鍵】可以拖曳位置。 [![網拍修圖免費教學，PhotoScape一套搞定（一） 22_thumb](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/22_thumb.png "網拍修圖免費教學，PhotoScape一套搞定（一） 22_thumb")](http://pic.soft4fun.net/imgs/20100414a/09deb7d3e170_CAE/22.png) 文章的第一部份就介紹到這裡，如果您有其他想法歡迎留言。