ps cs6設(shè)計(jì)時(shí)尚促銷專題頁(yè)教程(12)

PS是平面設(shè)計(jì)的神器，尤其是網(wǎng)絡(luò)時(shí)代的圖片，更是離不開PS。如果能得心應(yīng)手地運(yùn)用Photoshop，再加上一點(diǎn)小小的創(chuàng)意，經(jīng)常會(huì)出現(xiàn)令人驚嘆的設(shè)計(jì)。

這個(gè)教程向你展示了制作一個(gè)宣傳單的基本步驟，基本上設(shè)計(jì)完成就可以打印發(fā)送了。當(dāng)然想學(xué)習(xí)宣傳單風(fēng)格設(shè)計(jì)的也不要錯(cuò)過(guò)！請(qǐng)不要把我的宣傳單和小廣告化為一談喲，設(shè)計(jì)師的節(jié)操要抓牢！

版權(quán)聲明
本教程中使用的圖片來(lái)自Envato的免費(fèi)圖片，還有一些我用AI做的矢量圖標(biāo)，還有可以下載完整的PSD文件，做完以后可以對(duì)比看看。

素材及源文件打包 http://vdisk.weibo.com/s/sPguC5Vt_MlaD

教程里使用的字體為Proxima Nova Font Family，來(lái)自Typekit�；蛘哂闷渌愃谱煮w也可以。

原文的字體要錢，這里推薦找風(fēng)格相近的！

讓我們開始行動(dòng)吧！

首先，我們新建一個(gè)216 x 154 mm的文檔，這是標(biāo)準(zhǔn)A5大小的紙張+3毫米的出血距離。因?yàn)槲覀冏罱K是要做一個(gè)印刷品，所以色彩模式選用CMYK，分辨率為300 dpi。

創(chuàng)建新的參考線，標(biāo)出出血的區(qū)域。Illustrator和InDesign內(nèi)置了這個(gè)功能，但是在PS里，我們只能自己做這個(gè)參考線。使用移動(dòng)工具（V）和Shift來(lái)創(chuàng)建和挪動(dòng)參考線。確保參考線停放在標(biāo)尺3毫米的位置。

重復(fù)上述工作，為四個(gè)邊都創(chuàng)建出參考線，確保每條參考線距離文檔邊緣的距離都是3毫米。

背景：

創(chuàng)建一個(gè)新的圖層（Shift+Cmd/Ctrl+N），填充白色的前景色（Alt+Backspace），確保色彩模式為CMYK。

用圖層樣式面板建立一個(gè)新的漸變疊加，打開漸變疊加的設(shè)置面板，將白色滑塊推到30%的位置，黑色滑塊設(shè)置顏色——淺淺的黃色（C=9 M=6 Y=14 K=0）

在圖層面版的下邊找到“fx”，添加漸變疊加。（如上圖）

漸變疊加相關(guān)的數(shù)據(jù)設(shè)置。

你想設(shè)置的顏色。

使用矩形工具（U）創(chuàng)建一個(gè)矩形，尺寸為216 x 56毫米。

將矩形對(duì)齊到文檔的左上角，用深棕色填充（C=49 M=74 Y=80 K=70）。

使用鋼筆工具（P）在矩形的底邊添加一個(gè)新的錨點(diǎn)。

使用直接選擇工具（A），利用創(chuàng)建的錨點(diǎn)將矩形的底邊變成一段漂亮的曲線。

重復(fù)上述工作，直到將矩形調(diào)整為下面圖中的樣子。

文件 > 置入，選擇People-1.jpg。

使用移動(dòng)工具（V），將照片靠齊在文檔的左上方，像下圖中所示那樣。

再創(chuàng)建一個(gè)矩形，尺寸為216 x 100毫米。

使用直接選擇工具（A），將圖片放置在文檔的左上角。

在矩形工具面板上，選擇蒙版，給圖片添加一個(gè)矢量蒙版。

用鋼筆工具（P）在蒙版上添加一個(gè)新的錨點(diǎn)，用直接選擇工具（A）做出一條漂亮的曲線。

還是一樣，用鋼筆工具和直接選擇工具，調(diào)整蒙版的形狀，讓圖片和背景形狀更好地融合在一起。注意錨點(diǎn)的位置，盡量不要用太多的錨點(diǎn)，錨點(diǎn)越少，曲線的最終效果會(huì)看起來(lái)越平滑。

濾鏡 > 模糊 > 高斯模糊，將半徑調(diào)整為6。

選擇智能濾鏡蒙版，使用漸變工具（G）讓蒙版有漸隱的效果。

將漸變?cè)O(shè)置為從左向右。

建立圖層蒙版，使用畫筆工具（B）進(jìn)行調(diào)整，這里可以自由發(fā)揮一下，按你喜歡的方式去折騰吧！

建立一個(gè)新的亮度/對(duì)比度調(diào)整層，可以從調(diào)整面板中快速選取，那個(gè)一半黑一半白的小太陽(yáng)圖標(biāo)就是亮度/對(duì)比度啦！將亮度調(diào)整為40，對(duì)比度調(diào)整為10。

右鍵點(diǎn)擊調(diào)整層，選擇創(chuàng)建剪切蒙版。這會(huì)將亮度/對(duì)比度的設(shè)置只應(yīng)用到圖片上。

創(chuàng)建一個(gè)固態(tài)顏色層，使用棕色填充（C=30 M=80 Y=100 K=30）。

選中照片層的矢量蒙版，按住Alt鍵，將蒙版拖動(dòng)到顏色層上。這樣會(huì)復(fù)制選中的蒙版。

使用直接選擇工具（A）將右上角的錨點(diǎn)拖動(dòng)到右下角。

使用畫筆工具（B）調(diào)整棕色圖層，透明度為75%

用矩形工具（U）繪制一個(gè)矩形。

將矩形填充淺棕色（C=10 M=65 Y=100 K=0）。

將淺棕色的矩形放在深棕色的圖層下面。

使用鋼筆工具（P）和直接選擇工具（A），調(diào)整矩形的曲線，像下圖中那樣即可。

添加文字和LOGO

用橢圓工具（U）新建一個(gè)橢圓，尺寸為248 x 248 px，填充棕色（C=30 M=80 Y=100 K=30）。

添加投影，透明度設(shè)置為14%，距離5 px，尺寸15 px。

從圖層面板下方的fx按鈕快速添加投影特效。

按照上圖調(diào)整投影的設(shè)定。

用橢圓工具（U）再創(chuàng)建一個(gè)400 x 400 px的圓形，填充深藍(lán)色（C=100 M=80 Y=45 K=50）。

用同樣的投影特效，應(yīng)用在新建的深藍(lán)色圓形上，在之前的圖層上右鍵，選擇復(fù)制圖層樣式，然后在藍(lán)色圓圈圖層上右鍵粘貼即可。調(diào)整圖層順序，將棕色的圈圈放在藍(lán)色圈圈上。

用文字工具（T）添加文字，教程里我們使用的是Proxima Nova字體，字號(hào)為17 pt。具體內(nèi)容如下圖，可以用移動(dòng)工具（V）來(lái)進(jìn)行調(diào)整。

重復(fù)上述步驟，區(qū)別是字號(hào)，這里字號(hào)調(diào)整到31 pt。

使用文字工具（T）新建文本，使用Proxima Nova Light字體，字號(hào)為18 pt。

添加標(biāo)題，還是文字工具（T），字號(hào)36 pt，字間距為-10。

選擇剛才建立的文字層，按住Alt拖動(dòng)，復(fù)制文字層。

還是文字工具（T），改寫剛剛復(fù)制的圖層，使用移動(dòng)工具（V）調(diào)整文字的位置。

在文件 > 置入，選擇矢量LOGO素材acme-travel-logo.ai。

調(diào)整LOGO的大小和位置，讓LOGO停放在圖片右上角。

給LOGO添加一個(gè)投影。

數(shù)據(jù)設(shè)置為透明度11%，距離3 px，尺寸16 px。

添加二級(jí)圖片

建立一個(gè)新的矩形（U），尺寸為60 x 28 px。

用直接選擇工具（A）選中剛剛建立的矩形，對(duì)齊方式中選擇中心對(duì)齊。

文件 > 置入，置入素材people-11.jpg。

根據(jù)剛剛建立的矩形調(diào)整圖片尺寸。

激活矩形工具（U），在選項(xiàng)面板中，點(diǎn)擊蒙版，這些操作會(huì)建立一個(gè)矢量蒙版，并應(yīng)用到打開的圖片上。

讓剛剛置入的圖片層保持選中狀態(tài)，按住alt+Shift，拖拽圖片復(fù)制。

還是置入，這次我們置入city-5.jpg。

還是調(diào)整圖片尺寸，讓圖片尺寸跟剛剛置入的女孩的圖片一致。

將剛剛的蒙版拖拽到剛剛置入的圖片上，然后刪除people-11-copylayer。

重復(fù)前面三步操作，置入右下角的地圖。

選中map-screenshot圖層，添加描邊。

描邊的設(shè)置面板中，尺寸為2 px，調(diào)整位置為內(nèi)部，顏色設(shè)置成棕色（C=30 M=80 Y=100 K=30）。

添加二級(jí)文字

還是文字工具（T），創(chuàng)建新的文字，字號(hào)11 pt，顏色淺棕色（C=10 M=65 Y=100 K=0），

后面的敘述文字字號(hào)調(diào)整為9 pt，字間距13，顏色調(diào)整為灰色（K=90）。

重復(fù)上述步驟，建立更多的文字塊兒，將它們分別對(duì)齊在三張圖片下方。

置入icons.ai，在跳出的對(duì)話框中，選擇日歷圖標(biāo)，然后點(diǎn)擊OK。

調(diào)整日歷的大小，放在如下圖所示位置。

重復(fù)上面置入圖標(biāo)的步驟，將每一行前面的圖標(biāo)都置入并擺放好。

使用文字工具（T），添加地址相關(guān)的信息，字號(hào)為13 pt，字間距11，顏色設(shè)置成淺棕色（C=10 M=65 Y=100 K=0）。

繼續(xù)添加更具體的信息，字號(hào)9 pt，顏色灰色（K=90）。

還是剛才的icon.ai素材，這次我們置入那個(gè)小地球的矢量圖標(biāo)。

調(diào)整好大小，放在如下圖所示的網(wǎng)址前面。

激活鋼筆工具（P），在地圖上創(chuàng)建一段矢量形狀，具體形態(tài)如下圖所示。

在選項(xiàng)面板上，描邊選擇虛線，顏色還是之前的淺棕色（C=10 M=65 Y=100 K=0），調(diào)整描邊的寬

描邊設(shè)置 > 更多選項(xiàng)，按下圖所示數(shù)據(jù)設(shè)置。

創(chuàng)建一個(gè)新的橢圓形，顏色是棕色（C=30 M=80 Y=100 K=30）。

激活鋼筆工具（P），按住Alt，調(diào)整底邊的錨點(diǎn)。

利用我們的老朋友直接選擇工具（A），將下面的錨點(diǎn)向下拉，做出如下圖所示的圖形。

為這個(gè)圖案添加投影，調(diào)整下圖圈出的幾個(gè)數(shù)據(jù)。

再做一個(gè)小圓形，填充白色，放在剛剛的圖標(biāo)之上。這也是我們這張傳單的最后一步！

總結(jié)

能做完全套的同學(xué)為自己鼓鼓掌吧！希望能從這張簡(jiǎn)單的傳單里學(xué)到一些設(shè)計(jì)傳單的基本思路。記住，印刷品一定要記得顏色設(shè)置改為CMYK；畫布的每個(gè)邊緣留出3毫米的出血范圍；如果你知道一些比較先進(jìn)的技術(shù)參數(shù)，一定要跟印刷人員溝通好，避免可能造成的錯(cuò)誤。