[教學]快速使用 Photoshop 裁切圖片到指定尺寸

html images

 

在網站上或者是Facebook上,常常需要針對特定的圖片位置對圖片裁切,才能完美呈現自己的照片,不過許多人把「縮圖」和「裁切圖片」搞混了。縮圖意指圖片等比例縮小,裁切意指把圖片切到自己需要的尺寸。因此兩個圖片編修方式是不同的。裁切圖片,有很多軟體可以使用,這回來介紹大家比較常使用的「Photoshop」方式進行圖片裁切。

使用Photoshop裁切圖片,除了用傳統的先把圖片縮小到一定比例後,接著拉出一個框框進行圖片裁切之外,其實有更偷懶的方式,完全不用煩惱圖片該怎麼拉大拉小,究竟該縮到多少才能進行裁切?現在只要讓我們新增一個檔案,再把圖片置入之後,依照等比去縮放圖片,就可以搞定圖片裁切這個複雜動作了,快一點的話,大概30秒就可以搞定一張圖片的裁切了,再也不用擔心永遠切不到尺寸或者是變形。 

很久以前有介紹過圖片拼貼的教學,可以參考「 [教學]如何拼貼、裁切圖片到指定輪播尺寸? 」。這回我們不要再用拼貼照片或者是拼圖,直接找一張漂亮的大圖片裁切到我們期待的圖片尺寸,讓網站輪播整個超級無敵霸氣的呈現,不用再扭扭捏捏使用小圖片充當輪播照片囉!

[教學]快速使用 Photoshop 裁切圖片到指定尺寸

▲ 簡易範例,裁切到600×315 (像素)的照片,此圖片尺寸為Facebook建議縮圖尺寸。

使用工具:Adobe Photoshop。

第1步  首先點選【檔案】→【開新檔案】。

[教學]快速使用 Photoshop 裁切圖片到指定尺寸

第2步  新增一個空白檔案,「寬度」、「高度」請輸您要的圖片尺寸,後方單位請選擇「Pixels」。「解析度」請輸入72,背景內容可以選擇「透明」,最後點選﹝確定﹞。

  • 寬度:您要的尺寸,單位pixels。
  • 高度:您要的尺寸,單位pixels。
  • 解析度:72
  • 背景內容:可選「透明」。

[教學]快速使用 Photoshop 裁切圖片到指定尺寸

第3步  當我們新增好新的空白檔案後,點選【檔案】→【置入】。

[教學]快速使用 Photoshop 裁切圖片到指定尺寸

第4步  挑選您要用來裁切的圖片,然後點選﹝置入﹞。

[教學]快速使用 Photoshop 裁切圖片到指定尺寸

第5步  置入之後,點選鍵盤上的﹝Alt﹞+﹝Shift﹞,接著拖曳四個角或者是移動中心點,達到您需要的範圍與尺寸。MAC 使用者應該是按著﹝Commend﹞+﹝Alt﹞。

[教學]快速使用 Photoshop 裁切圖片到指定尺寸

第6步  尺寸拉大並布滿整體後,移動整張圖片達到您要的視覺範圍。

[教學]快速使用 Photoshop 裁切圖片到指定尺寸

第7步  請按下﹝Enter﹞即可固定圖片,完成裁切。

[教學]快速使用 Photoshop 裁切圖片到指定尺寸

第8步  接著,點選左上角的【檔案】→【儲存為網頁用】,這樣圖片才可以壓小又不會讓圖片失真。

[教學]快速使用 Photoshop 裁切圖片到指定尺寸

第9步  接著,右上角請選擇「JPEG」(若想透明請選PNG),JPEG壓縮品質可以選【極高】,然後看一下左下角圖檔是不是很小呢?500K以內為建議值。最後點選﹝儲存﹞即可完成。

[教學]快速使用 Photoshop 裁切圖片到指定尺寸

第10步  最後,來看一下香腸幫客戶裁切的圖片,並且壓上簡易的文字在右下角,作為簡易浮水印。完工!

本文章出處 香腸炒魷魚

Be the first to comment on "[教學]快速使用 Photoshop 裁切圖片到指定尺寸"

Leave a comment

Your email address will not be published.


*