Photoshop 版面尺寸 – 修改圖片比例讓網頁圖片具有整齊統一樣式

Photoshop 版面尺寸

Photoshop 版面尺寸 內容綱要:

Photoshop 版面尺寸 – 之前教過利用 Photoshop功能『影像尺寸』將圖片檔案變小~那這次要像大家介紹 Photoshop 中的『版面尺寸』,那先來了解影像尺寸和版面尺寸的差異在哪?影像尺寸等於縮放整張圖跟整個圖層,有點像是我們的(相片),版面尺寸等於縮放作業區域,並不改變圖本身大小,就像是(相框)。

那在什麼情形會用到『版面尺寸』?網站中常遇到需要固定統一圖片大小將圖置入其中,但手邊每張圖片有的長有的寬,造成圖片無法正常顯示剛好大小,這時版面尺寸功能就是你的救星~

下載 Photoshop 軟體相關連結: https://www.adobe.com/tw/products/photoshop/free-trial-download.html

第一步:可以新建檔案時就設定『版面尺寸』大小。

Photoshop 版面尺寸

Photoshop 版面尺寸

第二步:如在“未更改過的版面”可點選上方「版面尺寸」進行更改。

Photoshop 版面尺寸

Photoshop 版面尺寸

第三步:將圖置入,並按著shift做比例調整,放到適當的位置。

Photoshop 版面尺寸

Photoshop 版面尺寸

第四步:如其他圖也是要一樣尺寸直接丟入檔案並儲存。

Photoshop 版面尺寸

Photoshop 版面尺寸

 

結語:

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

架站資源 相關教學文章:

網站架設知識推薦閱讀:

WordPress版本更新 – 發佈 2019 全新主題及 Gutenberg 編輯器

Google Maps API 開始收費了?解析 Google 地圖費用與規則!

免費網頁空間 架站平台比較 – WordPress,Wix,Weebly,Blogger

分享在 facebook
Facebook
分享在 skype
Skype
分享在 pinterest
Pinterest
分享在 email
Email
分享在 twitter
Twitter
鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top