不用羨慕別人!搞清楚尺寸,你也可以自己做有趣又漂亮的 FaceBook 封面圖~

by 陳寗
2015.08.01 12:01AM
13178
是不用羨慕別人!搞清楚尺寸,你也可以自己做有趣又漂亮的 FaceBook 封面圖~這篇文章的首圖

上圖:這是今天新換上的神癮少女封面圖,涵蓋已經出現過的所有少女喔~你認識幾個呢?

--

FaceBook 的個人頁面、或是粉絲頁面都能自己設定兩張圖片:封面照與大頭照。封面照就是那張寬寬的底圖,大頭照則是那張正方形、你每個留言都會出現的小圖片。這兩張照片雖然是互不關聯的用途,但由於在頁面上會疊在一起(如上圖或下圖),因此很多人都會設計出非常有創意的照片,讓封面圖與大頭照能「接在一起」,讓你的頁面變得更有趣,想看看別人的創意作品可以看這裡

--

神癮少女揪~竟有多少個少女呢?https://www.facebook.com/cool3c.girls

--

今天我就要來教大家如何自己做有趣的封面圖與大頭照組合啦!這裏我用的工具是 Photoshop,不過你如果沒有 Photoshop,用 Keynote 之類能精準控制像素寬度的簡報、排版軟體排好再用截圖或轉檔的方式處理。這裏我負責跟你講解如何設定邊界與尺寸問題,剩下的軟體操作、或是創意展現等等就請你自己解決囉~

d19ecb263d43b7e47b6148b618b32835

今天的示範照片是前陣子的神癮少女圖,是一張 Dolly 剛好指著粉紅色的「科」大頭照的可愛圖片。不過這張照片可不是一開始就要拍來當封面的喔!其實這張是鍵神奕之華的手機立架商品照,Dolly 原先指著的就是那個金屬手機立架 => 就是這玩意:http://www.cool3c.com/article/90604

不過反正照片都是我照的,所以想拿來幹嘛就拿來幹嘛囉~在開始之前,我們必須先把大頭照給做好,這樣稍後再調整封面位置的時候會比較容易些。

eed879db018939b9c46cba2d77287566

大頭照的尺寸很簡單,因為他就是一張「正方形」的照片。根據你看 FaceBook 的平台不同,這張大頭照會由 FaceBook 自行產生出不同大小的圖像,因此我們只要自己做一次最大尺寸的照片,後面那些小縮圖什麼的通通都丟給 FaceBook 處理就可以啦~FaceBook 官方建議是至少 180px X 180px 的圖片,當然你要做得更大也可以!不過為了能直接符合 FaceBook 版面而不需要另外裁切,因此請務必把尺寸設為長寬皆大於 180px 的正方形

630bde7384a17f32bad0829dc2aec06b

接下來就是調整圖片大小啦!反正不管你用什麼方法,總之就是把你要的照片填滿剛剛開起來的那個正方形就對了!填滿並調整好圖片中心位置之後,就可以先儲存檔案啦~雖說直接儲存 JPG 檔就可以了,但如果你希望畫質可以更好的話,FaceBook 官方建議你直接儲存為 PNG 檔會比較好。
4d8f55c02fa45f38bc5f665e54e36934

大頭照是最簡單的!因為再來的封面照才是調整圖片連接最麻煩的東西!

跟大頭照不同,封面照片是有嚴格尺寸限制的東西,你要是沒照著做,就很容易發生照片接不上的問題。因此這裏建議你就直接依照官方建議的「851px X 315px」來開新檔案吧!如上圖這樣打開一的 851px X 315px 的 RGB 檔案即可。

819598c5e9fd231629e0c093b76fe660

開啟之後我們先預習一下照片的位置與尺寸。

首先大頭照在頁面上(不管是個人頁面或粉絲頁面)顯示的尺寸都是 160px X 160px,且下緣有 25px 的寬度是突出封面圖的(並不是整張大頭照都在封面圖裡)。接著大頭照的最左側距離封面照左邊緣 16px,大頭照最上側則距離封面照上緣 176px。這些尺寸標定出來之後就可以開始設計你的封面圖啦~至於如何標定呢?目前的排版、修圖、甚至簡報軟體都有「尺標」這項功能,如下圖:

427e60bd27d3cf37c680618d454ebd95

像上圖這樣從四邊拉出參考線並放在指定的位置上,你可以依照下圖的做法直接把線條都拉好,做起來會比較快一些。另外,請你千萬千萬不要覺得「啊,只不過差 1px,沒差啦!」,像這種糟糕的差不多先生想法會讓你的封面圖瞬間崩解!因為這張封面圖的寬度只有 851、高度更是只有 315,因此你的「只不過差 1px」會讓你的封面圖與大頭照「很明顯地接不上」,如果你又是粉絲團的經營者 ... 拜託你,至少不要丟你公司的臉啊!

b31ef0d7dcb9321c4362eb7fa6c88de4

調整好之後就會如上圖這樣啦~左下角的那個小方格區塊就是 FaceBook 用來放置大頭照的區域。前面說過,大頭照並不是整張塞進封面照裡面,而是有 25px 的高度突出到外面去。因此上圖拉出來的方格並不會是正方形,請千萬注意此事。

2c1eb2666c5d44c32958d0b4c52cd9cc

如果你的接圖不需要很嚴謹,那麼剛剛那樣就可以直接存檔了。但如果你的接圖需要更精密的安排,那麼你就可以把剛剛做好的大頭照放進來比對比對,只要你記得大頭照的大小是 160px X 160px,在拖進來之後先調整好尺寸,就可以安心的製作你的封面圖啦~

9ed6dba2bdc7db883fedfefd6fc9e11c

如果你很在意粉絲團(或是你的姓名)文字的高度,那麼你可以像上圖那樣再拉一條參考線出來!這條參考線的位置距離圖片上緣 251px(距離下緣 64px),而文字的上緣則剛好切齊這條參考線。

bcd25fe72af3eafbf2821a0317d251bb

全部完成之後就可以存檔啦!跟大頭照一樣,FaceBook 官方建議你直接儲存 PNG 格式已獲得更加畫質,因此 ... 我們就存成 PNG 吧!除非你用的程式不能存 PNG,否則建議你還是乖乖聽官方的話吧!否則封面照畫質不好困擾的也是你自己而已~

最後都存好檔之後就可以上傳 FaceBook 啦~由於我們尺寸與比例都已經依照官方建議的設定好了,因此只要把存好的圖檔直接上傳,連調整位置都不需要就能直接做出漂亮又有創意的 FaceBook 封面囉~超簡單的!

--

學習各種 FaceBook 小密技!請幫科技專欄「陳寗說科技」按個讚:https://www.facebook.com/chenning.wowdigi

--

作者:陳寗@癮科技

--

你真的會用 FaceBook 嗎?

你知道 FaceBook 可以直接在照片上放貼圖嗎?網頁版與手機都適用喔!

別再玩「手機的名字」這個騙人把戲了!其實你只是一直在 Tag 那些無辜的可憐人啊 ...

想發 FaceBook 動態又怕人看?設定隱私權限把那些「閒雜人等」通通排除在外!

你或許會喜歡

最優惠3C家電福利品低家啦!

熱門影音產品出清49折起!

回應 0

熱門文章

最新消息

本日精選