ps cs6設(shè)計(jì)時(shí)尚促銷專題頁教程(12)
PS是平面設(shè)計(jì)的神器,尤其是網(wǎng)絡(luò)時(shí)代的圖片,更是離不開PS。如果能得心應(yīng)手地運(yùn)用Photoshop,再加上一點(diǎn)小小的創(chuàng)意,經(jīng)常會出現(xiàn)令人驚嘆的設(shè)計(jì)。
這個(gè)教程向你展示了制作一個(gè)宣傳單的基本步驟,基本上設(shè)計(jì)完成就可以打印發(fā)送了。當(dāng)然想學(xué)習(xí)宣傳單風(fēng)格設(shè)計(jì)的也不要錯(cuò)過!請不要把我的宣傳單和小廣告化為一談喲,設(shè)計(jì)師的節(jié)操要抓牢!
版權(quán)聲明
本教程中使用的圖片來自Envato的免費(fèi)圖片,還有一些我用AI做的矢量圖標(biāo),還有可以下載完整的PSD文件,做完以后可以對比看看。素材及源文件打包 http://vdisk.weibo.com/s/sPguC5Vt_MlaD
教程里使用的字體為Proxima Nova Font Family,來自Typekit;蛘哂闷渌愃谱煮w也可以。
原文的字體要錢,這里推薦找風(fē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è)參考線。使用移動工具(V)和Shift來創(chuà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毫米。
將矩形對齊到文檔的左上角,用深棕色填充(C=49 M=74 Y=80 K=70)。
使用鋼筆工具(P)在矩形的底邊添加一個(gè)新的錨點(diǎn)。
使用直接選擇工具(A),利用創(chuàng)建的錨點(diǎn)將矩形的底邊變成一段漂亮的曲線。
重復(fù)上述工作,直到將矩形調(diào)整為下面圖中的樣子。
文件 > 置入,選擇People-1.jpg。
使用移動工具(V),將照片靠齊在文檔的左上方,像下圖中所示那樣。
再創(chuàng)建一個(gè)矩形,尺寸為216 x 100毫米。
使用直接選擇工具(A),將圖片放置在文檔的左上角。
在矩形工具面板上,選擇蒙版,給圖片添加一個(gè)矢量蒙版。
用鋼筆工具(P)在蒙版上添加一個(gè)新的錨點(diǎn),用直接選擇工具(A)做出一條漂亮的曲線。
還是一樣,用鋼筆工具和直接選擇工具,調(diào)整蒙版的形狀,讓圖片和背景形狀更好地融合在一起。注意錨點(diǎn)的位置,盡量不要用太多的錨點(diǎn),錨點(diǎn)越少,曲線的最終效果會看起來越平滑。
濾鏡 > 模糊 > 高斯模糊,將半徑調(diào)整為6。
選擇智能濾鏡蒙版,使用漸變工具(G)讓蒙版有漸隱的效果。
將漸變設(shè)置為從左向右。
建立圖層蒙版,使用畫筆工具(B)進(jìn)行調(diào)整,這里可以自由發(fā)揮一下,按你喜歡的方式去折騰吧!
建立一個(gè)新的亮度/對比度調(diào)整層,可以從調(diào)整面板中快速選取,那個(gè)一半黑一半白的小太陽圖標(biāo)就是亮度/對比度啦!將亮度調(diào)整為40,對比度調(diào)整為10。
右鍵點(diǎn)擊調(diào)整層,選擇創(chuàng)建剪切蒙版。這會將亮度/對比度的設(shè)置只應(yīng)用到圖片上。
創(chuàng)建一個(gè)固態(tài)顏色層,使用棕色填充(C=30 M=80 Y=100 K=30)。
選中照片層的矢量蒙版,按住Alt鍵,將蒙版拖動到顏色層上。這樣會復(fù)制選中的蒙版。
使用直接選擇工具(A)將右上角的錨點(diǎn)拖動到右下角。
使用畫筆工具(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字體,字號為17 pt。具體內(nèi)容如下圖,可以用移動工具(V)來進(jìn)行調(diào)整。
重復(fù)上述步驟,區(qū)別是字號,這里字號調(diào)整到31 pt。
使用文字工具(T)新建文本,使用Proxima Nova Light字體,字號為18 pt。
添加標(biāo)題,還是文字工具(T),字號36 pt,字間距為-10。
選擇剛才建立的文字層,按住Alt拖動,復(fù)制文字層。
還是文字工具(T),改寫剛剛復(fù)制的圖層,使用移動工具(V)調(diào)整文字的位置。
在文件 > 置入,選擇矢量LOGO素材acme-travel-logo.ai。
調(diào)整LOGO的大小和位置,讓LOGO停放在圖片右上角。
給LOGO添加一個(gè)投影。
數(shù)據(jù)設(shè)置為透明度11%,距離3 px,尺寸16 px。
添加二級圖片
建立一個(gè)新的矩形(U),尺寸為60 x 28 px。
用直接選擇工具(A)選中剛剛建立的矩形,對齊方式中選擇中心對齊。
文件 > 置入,置入素材people-11.jpg。
根據(jù)剛剛建立的矩形調(diào)整圖片尺寸。
激活矩形工具(U),在選項(xiàng)面板中,點(diǎn)擊蒙版,這些操作會建立一個(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)。
添加二級文字
還是文字工具(T),創(chuàng)建新的文字,字號11 pt,顏色淺棕色(C=10 M=65 Y=100 K=0),
后面的敘述文字字號調(diào)整為9 pt,字間距13,顏色調(diào)整為灰色(K=90)。
重復(fù)上述步驟,建立更多的文字塊兒,將它們分別對齊在三張圖片下方。
置入icons.ai,在跳出的對話框中,選擇日歷圖標(biāo),然后點(diǎn)擊OK。
調(diào)整日歷的大小,放在如下圖所示位置。
重復(fù)上面置入圖標(biāo)的步驟,將每一行前面的圖標(biāo)都置入并擺放好。
使用文字工具(T),添加地址相關(guān)的信息,字號為13 pt,字間距11,顏色設(shè)置成淺棕色(C=10 M=65 Y=100 K=0)。
繼續(xù)添加更具體的信息,字號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é)為自己鼓鼓掌吧!希望能從這張簡單的傳單里學(xué)到一些設(shè)計(jì)傳單的基本思路。記住,印刷品一定要記得顏色設(shè)置改為CMYK;畫布的每個(gè)邊緣留出3毫米的出血范圍;如果你知道一些比較先進(jìn)的技術(shù)參數(shù),一定要跟印刷人員溝通好,避免可能造成的錯(cuò)誤。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop制作禮品店網(wǎng)站模板
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁特效
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop繪制好看的老式wordpress主題
- photoshop網(wǎng)頁應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄
- Photoshop網(wǎng)頁設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面