全屏通欄的焦點圖在WEB主題公園所出品的WordPress主題中有很多，但是很多朋友對于全屏通欄焦點圖的做法確不是很了解，做的焦點圖有時候超出了范圍，在不同的分辨率下顯示不完整的情況時有發(fā)生。

所以今天我們出一個教程教大家設(shè)計制作規(guī)范的全屏通欄焦點圖，讓大家少走彎路，直接設(shè)計好自己的焦點圖。

視頻教程：http://v.youku.com/v_show/id_XODU5NjY5MDY0.html?spm=a2hzp.8253869.0.0

我們在制作全屏通欄的焦點圖時，考慮到不同的分辨率有不同的大小，所以我們采用背景做成最大分辨率（1920），而內(nèi)容則集中在圖片的中間1024區(qū)域，這樣大分辨率（1208~1920）兩邊不至于變空而不好看，也不至于1024分辨率的用戶看到的圖片內(nèi)容是殘缺的,請見示意圖：

做法：

1. 使用Photoshop建立一個圖片 尺寸為1024*（你的主題要求的高度）：

2.建立好了之后，拉出2條參考線到圖片的邊緣（參考線ps的快捷鍵是ctrl+r）：

3.找到菜單（ps頂部按鈕）-----圖像--畫布大小，選擇寬度尺寸為“像素”，并將尺寸修改為1920：

現(xiàn)在按照示意圖做好你的圖片就可以了，具體可以參考上面的視頻教程，更加詳細(xì)的介紹全屏通欄的圖片是如何制作的。