當前位置:首頁>ps實例教程>ps制作實例>廣告包裝>教程內(nèi)容

PS封面與封底設計宣傳畫冊設計教程(6)

來源:網(wǎng)絡 作者:ps教程網(wǎng) 學習:47931人次

  2012年5月18日,是福建理工學校一年一度的“三節(jié)合一”(文體藝術節(jié)、技能節(jié)和綜合教育管理工程展)的綜合展示之日,展示內(nèi)容五花八門,看了不少學生的作品,青出于藍勝于藍。作為理工的一分子,借此綜合展示前夕,尖尖將制作一系列宣傳畫冊的PS教程,這一系列教程也是本校平面設計專業(yè)學生的必修課程,對宣傳畫冊制作有興趣的朋友可以看看,同時也可以欣賞一下我們理校學生的綜合才藝哦^_^! 

PS宣傳畫冊教程:封面與封底設計 教程

  福建理工學校“5.18綜合展示”宣傳畫冊裝幀后的效果圖

PS宣傳畫冊教程-封面與封底設計【效果圖】,教程

  福建理工學校“5.18綜合展示”宣傳畫冊封面封底印刷后展開效果圖

PS宣傳畫冊教程-封面與封底設計【效果圖】,教程

  福建理工學校“5.18綜合展示”宣傳畫冊封面封底設計效果圖

素材放在最后面,有需要的可以去拿.現(xiàn)在開始教程

  1、本系列宣傳畫冊教程采用photoshop CS5制作,其它版本基本通用,本宣傳畫冊的規(guī)格為雙面展開為橫版的A4紙大小(29.7厘米*21厘米),分辨率為印刷標準300,顏色模式為印刷模式CMYK,在PS中新建一個空白文檔,參數(shù)如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟01】,教程

  2、文檔建立后要再建立參考線,選擇菜單“視圖->新建參考線”,如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟02】,教程

  3、在彈出的“新建參考線”窗口中,先選擇垂直取向,設置位置為14.9厘米,這樣就將文檔一分為二,如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟03】,教程

  4、建立好中間參考線后效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟04】,教程

  5、另外印刷一般都要考慮出血位置(印刷后裁剪預留),所以分別在水平和垂直方向上各建立兩條出血參考線,水平位置為0.3厘米和29.4厘米,垂直位置為0.3厘米和20.7厘米,建完后效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟05】,教程

  6、新建一個透明圖層,命名為“漸變背景”,如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟06】,教程

  7、單擊選擇常用工具欄中的“漸變工具”,設置漸變色為從淺藍到透明的變化,如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟07】,教程

  8、確保單擊選中漸變背景圖層,利用設置好的漸變填充,可以從文檔的各個角向中心拉出一條直線進行填充,本宣傳畫冊將采用藍白為主色調(diào),效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟08】,教程

  9、因為本宣傳畫冊是為了展示學生的綜合作品,所以學校的LOGO制作少不了,先單擊選擇常用工具欄中的“直排文字工具”,如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟09】,教程

  10、字體可以選擇“華文楷體”等,先在右上角適當位置打上學校名稱“福建理工學校”,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟10】,教程

  11、接著打上一排對應的“福建理工學校”的漢字拼音進行襯托,這種手法在很多的宣傳彩頁設計中經(jīng)常用到,效果還是相當不錯的,如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟11】,教程

  12、單擊選擇常用工具欄中的“矩形選框工具”,如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟12】,教程

  13、新建一個透明圖層并命名為“豎線”,然后在文字與拼音之間拉出一條差不多寬1個像素的豎起選區(qū),如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟13】,教程

  14、確保單擊選中“豎線圖層”,然后選擇菜單“編輯->填充”,在彈出的填充窗口中選擇黑色進行填充,填充后效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟14】,教程

  15、接著再新建一個圖層并命名為“校標”,打開原圖一,這個校標就是用PS直接設計的,由于篇幅關系這里不講制作過程,原圖一是gif格式文件,所以要想直接拖入CMYK中必須先進行模式轉(zhuǎn)換,可選擇菜單“圖像->模式->CMYK 顏色”,之后就可利用移動工具直接將福建理工學校的校標直接拖入到文檔中,可按Ctrl+T鍵進行自由變換,適當調(diào)整大小及位置,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟15】,教程

  16、接下來我們來設計封面的左側,利用選框工具在中間位置拉出一個矩形選框,本封面封底我們采用跨頁設計,這種手法也是畫冊制作中經(jīng)常用到的,即封面的部分內(nèi)容橫跨過封底一部分,如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟16】,教程

  17、同樣利用之前設置好的“漸變工具”進行填充,可以從左邊適當位置開始向右拉出一條直線進行填充,藍白相間的漸變填充往往會比單純的顏色填充效果來得好,填充后效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟17】,教程

  18、接著打開原圖二,這是福建理工學校信息專業(yè)的一間實訓基地的上課照片,我們就用來充當封面圖,打開后利用移動工具直接拖入到文檔中生成圖層,并命名為“封面_圖1”,按Ctrl+T鍵進行自由變換,調(diào)整寬度到合適的大小,如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟18】,教程

  19、再新建一個圖層并命名為“橫線”,用與之前制作豎線相同的方法制作出上下兩條黑色橫線,分別位于“封面_圖1”的上下兩側,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟19】,教程

  20、新建一個圖層并命名為“圓角”,利用常用工具欄中的“橢圓選框工具”在適當位置拉出一個橢圓,如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟20】,教程

  21、設置前景色為白色,用“油漆桶工具”進行填充,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟21】,教程

  22、這時可能會發(fā)現(xiàn)把部分文字內(nèi)容給擋住了,可以通過給圓角圖層添加圖層蒙版,然后用黑色的硬度為0的畫筆工具進行擦除,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟22】,教程

  23、接著打開原圖三,這是福建理工學校的主教學大樓的側拍圖,我們將其拖入并命名為“封面_圖2”,同時利用移動工具將其移動到封面的下方位置,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟23】,教程

  24、同樣給“封面_圖2”添加圖層蒙版,利用黑色的硬度為0的畫筆工具將其邊緣位置進行過渡處理,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟24】,教程

  25、接下來就是開始進行主題文字的制作,先利用文字工具輸入2012,字體可以自由選擇,總之把握住整體外觀即可,字體顏色可以設置為白色, 然后通過菜單“圖層->圖層樣式”進行投影和描邊設置,這種手法在處理文字中經(jīng)常用到,大家一定要靈活應用,樣式設置不一定復雜,簡單實用即可,本 例效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟25】,教程

  26、接著輸入“5.18”,即福建理工學校5.18綜合展示的日期,這里作為突出的主題文字,用白色即可,不加樣式,可單擊文字屬性欄上的“創(chuàng)建文字變形”按鈕對文字添加一些變形效果,如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟26】,教程

  27、在彈出的“變形文字”窗口中,我們選擇“增加”樣式,設置彎曲值為+9,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟27】,教程

  28、確定應用文字變形后效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟28】,教程

  29、接著輸入“三節(jié)合一”文字,同樣可以設置一下投影和描邊圖層樣式,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟29】,教程

  30、接著再輸入“綜”、“合”兩個字,適當設置字體及大小,同時也可以添加一些投影及顏色疊加等圖層樣式,具體視情況而定,因為兩個字要錯位放置,所以要分成兩個圖層,在實際設計中,不要怕圖層多,只要條理清楚并適當?shù)拿俣嗟膱D層都不怕,具體效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟30】,教程

  31、接著再輸入“展 示”兩個字,可分別選中單個文字,然后設置相應的字體及顏色,具體視情況而定,本例效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟31】,教程

  32、接著在“展 示”下方分別輸入三行的文字,分別是“》第十三屆文體藝術節(jié)”、“》第六屆技能節(jié)”和“》學生綜合教育管理工程五周年”,這是點出本次畫冊展示的內(nèi)容,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟32】,教程

  33、到此封面就基本設置完成,接下來設計封底,新建一個圖層并命名為“橫條”,然后利用選框工具在左上角拉出一個矩形選框,如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟33】,教程

  34、設置前景色為淺藍,用“油漆桶工具”進行填充,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟34】,教程

  35、單擊選擇常用工具欄上的“鋼筆工具”,將橫條的右下角框選中,如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟35】,教程

  36、單擊右鍵在彈出的菜單中選擇“建立選區(qū)”,設置羽化值為0,確定后即可得到相對應的選區(qū),如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟36】,教程

  37、按鍵盤上的Del鍵即可將選區(qū)內(nèi)的部分刪除,這種橫條經(jīng)常用到點綴顯示文字用,很多設計中都會用到類似的橫條,也是較常用的手法之一,然后在橫條上輸入白色的文字“首批國家中等職校發(fā)展示范校”,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟37】,教程

  38、用相同的手法制作出“豎條”及文字“國家級重點中專”,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟38】,教程

  39、打開原圖四,拖入到文檔中生成圖層并命名為“紙飛機”,可按Ctrl+T鍵進行自由變換,適當調(diào)整大小及位置,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟39】,教程

  40、給“紙飛機”圖層添加圖層蒙版,利用黑色的硬度為0的畫筆工具對手的底部進行過渡處理,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟40】,教程

  41、打開原圖四,拖入到文檔中生成圖層并命名為“山巒”,同樣通過Ctrl+T鍵進行自由變換,適當調(diào)整大小及位置,另外將“山巒”圖層置于“豎條”圖層下方,這樣不會擋住豎條內(nèi)容,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟41】,教程

  42、接著就是在封底的下方輸入相應的學校信息如地址、學校熱線及郵編,具體如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟42】,教程

  43、最后還可以在紙飛機的右邊適當位置輸入文字“放飛夢想”進行點綴,其中“飛”字可采用繁體字“飛”突出效果,一般輸入法都支持繁體字輸入,另外“放”和“飛”兩個字的字體可以設置的大一些,效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟43】,教程

  44、最后可以將字體設置成你想要的顏色,同時添加一些投影等圖層樣式,往往也會有較好的效果,到此福建理工學校5.18綜合展示的宣傳畫冊的 封面及封底就大致設計好了,后續(xù)我們將進行內(nèi)頁的設計,內(nèi)頁講求布局處理,同時也考驗大家對素材的處理能力,這一段時間因特殊原因只能每周更新一篇PS教 程,后續(xù)會慢慢恢復一日一篇,有興趣的朋友可以繼續(xù)觀注本網(wǎng)站的教程,本例的最終效果如下圖所示:

PS宣傳畫冊教程-封面與封底設計【教學步驟44】,教程

素材:

PS宣傳畫冊教程-封面與封底設計【原圖01】,教程

  原圖一,福建理工學校LOGO校標

PS宣傳畫冊教程-封面與封底設計【原圖02】,教程

  原圖二,福建理工學校實訓基地

PS宣傳畫冊教程-封面與封底設計【原圖03】,教程

  原圖三,福建理工學校教學樓

PS宣傳畫冊教程-封面與封底設計【原圖04】,教程

  原圖四,紙飛機素材

PS宣傳畫冊教程-封面與封底設計【原圖05】,教程

  原圖五,山巒素材

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
near月亮2024-07-02 04:29
交作業(yè)

1537965792021-11-28 09:38
謝謝老師的分享。
寒霜天降2021-11-28 09:06
我的作業(yè):

砂桑姊2018-09-03 11:38
★尋 ̄覓↘2015-03-25 03:06
交作業(yè)未標題-1.jpg
★尋 ̄覓↘2015-03-25 03:03
交作業(yè)未標題-1.jpg
麥兜卡盟2014-06-04 03:23
學習下
麥兜卡盟2014-06-04 03:06
學習下
愛自由2014-04-20 08:06
學習學習
愛自由2014-04-20 08:04
學習學習
鹿人鹿人2014-04-15 09:58
水平20.7厘米,垂直29.4厘米
鹿人鹿人2014-04-15 09:04
水平20.7厘米,垂直29.4厘米
mgaqi2013-03-03 06:55
也是支持,我代表大家頂你了
mgaqi2013-03-03 06:03
也是支持,我代表大家頂你了
cdxchenasy2013-02-27 11:39
學習學習哈

關注大神微博加入>>

網(wǎng)友求助,請回答!