ps+AI制作時(shí)尚平面海報(bào)教程(8)

來源:站酷 作者:whyljx_2007 發(fā)布 學(xué)習(xí):13311人次

教程是結(jié)合了photoshop和illustrator兩種繪圖軟件的優(yōu)勢來制作的。

PhotoShop+AI制作時(shí)尚平面海報(bào)的教程 三聯(lián)教程

  第一步:新建photoshop文件并制作背景

  首先,在Photoshop中新建一個大小A4的文件,雙擊背景層解鎖

按此在新窗口瀏覽圖片

  雙擊背景層,調(diào)出圖層樣式面板,增加從白色 (#ffffff)到灰色(#cccccc)的徑向漸變。設(shè)置如下

按此在新窗口瀏覽圖片

  第二步:在illustrator中制作云彩并且導(dǎo)入到Photoshop

  在illustrator中新建一個A4大小的文件,我們將繪制構(gòu)圖需要的主要圖形素材

按此在新窗口瀏覽圖片

  用橢圓形工具畫兩個圓形,填充顏色可以隨意,但是一定要沒有描邊,并且兩個圓要相交

按此在新窗口瀏覽圖片

  復(fù)制這兩個圓,粘貼在photoshop中,在出現(xiàn)的對話框中選擇智能對象,將智能對象作為黏貼選項(xiàng)是為了在以后縮放該圖形時(shí)不會損壞圖像質(zhì)量。

  將圓形放置在畫面的底部。

按此在新窗口瀏覽圖片

雙擊該圖層,調(diào)出圖層樣式面板,在混合選項(xiàng):默認(rèn)中的填充不透明度降至0,然后打開顏色疊加,填充顏色設(shè)置為白色,模式為柔光 按此在新窗口瀏覽圖片

  此刻,我們將把這組圓形與背景融合起來,讓它們看起來像是很大,且造型獨(dú)特的云彩。添加圖層蒙版然后擦除底部的圓形。為此,把前景色設(shè)置成黑色,然后選擇硬度為0的筆刷。

按此在新窗口瀏覽圖片

  用同樣的方法,你可以在構(gòu)圖的底部再添加一組云彩。

按此在新窗口瀏覽圖片

  第三步,制作簡單且快捷的彩色半調(diào)效果元素

  彩色半調(diào)在illustrator中制作非常簡單,先畫三個或者是更多的相交的圓

按此在新窗口瀏覽圖片

  選擇這組圓,將它們合并(窗口>路徑查找器>聯(lián)集)。

按此在新窗口瀏覽圖片

  應(yīng)用高斯模糊,半徑為70-77

按此在新窗口瀏覽圖片

  然后執(zhí)行對象>柵格化。

按此在新窗口瀏覽圖片

  此刻,開始制作彩色半調(diào)效果。效果>像素化>彩色半調(diào)。最大半徑值是控制你想得到的彩色半調(diào)點(diǎn)的大小,你可以多次嘗試直到得到自己滿意的效果為止

按此在新窗口瀏覽圖片

  接下來需要將剛剛制作的彩色半調(diào)圖案轉(zhuǎn)換成矢量圖形,對象>實(shí)時(shí)臨摹>臨摹選項(xiàng),具體數(shù)據(jù)設(shè)置如下。設(shè)置好后按臨摹按鈕

按此在新窗口瀏覽圖片

  因?yàn)槲覀冎恍枰x擇彩色半調(diào)圖案的一部分元素,所以我們需將實(shí)時(shí)臨摹圖案擴(kuò)展。對象>擴(kuò)展外觀,然后選擇“對象>擴(kuò)展”,在出現(xiàn)的對話框選擇“對象、填充”然后點(diǎn)擊確定。

  然后選擇魔棒工具,然后點(diǎn)擊白色區(qū)域,然后按Delet鍵,刪除它們。

按此在新窗口瀏覽圖片

  然后將得到的圖形復(fù)制到photoshop中,還是選擇智能對象。

  雙擊圖層調(diào)出圖層樣式面板,選擇顏色疊加,填充白色,然后將該圖層的不透明度設(shè)置為40%。

  用自由變換工具旋轉(zhuǎn)該圖形(Ctrl+t),然后用選擇工具將它放在構(gòu)圖面板的邊緣或者是你自己覺得合適的位置。

  然后多復(fù)制幾個圖層(Ctrl+j),將他們放在你的構(gòu)圖的不同位置。

按此在新窗口瀏覽圖片

  第四步,添加構(gòu)圖主題

  我們的構(gòu)圖需要主題,你可以根據(jù)自己的需求放任何你自己喜歡的圖案

  首先,將主題人物從原來的背景圖中摳出來,然后放在畫板中央。

  如果你要增加主題的顏色對比,復(fù)制該圖層(Ctrl+j),并將復(fù)制圖層的混合模式改為疊加,不透明度為70%

按此在新窗口瀏覽圖片

第五步,選擇配色

  我們將要在構(gòu)圖中放入一些著色的裝飾性元素。在創(chuàng)建這些元素之前,我們先要確定這些元素的色調(diào)。

  就這張圖而言,我選擇了三種顏色,如下:

  藍(lán)綠色: #51bbe1

  洋紅色: #ec6ccc

  黃色: #f3cf40

  注意:你可以用你自己的照片作為設(shè)計(jì)主題,然后用吸管工具從你的主題圖片中吸取你喜歡的顏色,我選擇的顏色也是受主題啟發(fā)。這樣會讓你的整體色調(diào)與你的構(gòu)圖很和諧。

按此在新窗口瀏覽圖片

  第六步,繪制幾何修飾性圖形

  我們要開始繪制一些幾何裝飾性圖形了,在這里,我們不需要illustrator了。新建一個圖層組,命名為“colored circles”,并放置在吉他彈奏者的下一層。

  把前景色設(shè)置成你之前選好的顏色之一。

  用橢圓工具(U)繪制一個圓,繪制的同時(shí)按住Shift鍵,以確保你繪制的是正圓。

按此在新窗口瀏覽圖片

  單一的顏色填充會顯得很呆板,這里有個使這些元素與你的構(gòu)圖想融合的小竅門。如同我們在第二步里面做云彩的時(shí)候一樣,給該圖層添加一個圖層蒙版,然后用軟筆刷擦去一部分。

  然后將該層的混合模式設(shè)置為“線性減淡”

  在接下來的步驟中你將會意識到該步驟的重要性

按此在新窗口瀏覽圖片

  用同樣的方法繪制其它的圓,或者是只需要將前面繪制的圓形復(fù)制(Ctrl+J),然后利用自有變換工具改變副本的大小和方向

按此在新窗口瀏覽圖片

  你可以用剩下的顏色填充其它圓形,在這個案例中我用的是藍(lán)綠色: #51bbe1和黃色: #f3cf40

  嘗試著讓這些圖形很好的疊放在一起,然后記得設(shè)置每個圖層的混合模式為“線性減淡”,以便得到我們多要的效果

按此在新窗口瀏覽圖片

  第七步,繪制“泡泡”

  讓我們回到illustrator中,繪制接下來要用到的“泡泡”。繪制一些相切的圓形,并用路徑查找器將它們合并

按此在新窗口瀏覽圖片

  應(yīng)用半徑為60的高斯模糊

按此在新窗口瀏覽圖片

  然后打開“對象>擴(kuò)展外觀”,然后“對象>實(shí)時(shí)臨摹>建立并擴(kuò)展”。

  記得用魔棒工具將白色的部分刪除掉。

按此在新窗口瀏覽圖片

  將該圖形復(fù)制到photoshop,雙擊該圖層進(jìn)入圖層樣式面板,我們進(jìn)入混合選項(xiàng):默認(rèn)這一選項(xiàng),將高級混合中的不透明度設(shè)置為0。然后用你定好的顏色之一設(shè)置顏色疊加。

按此在新窗口瀏覽圖片

  同之前的步驟一樣,添加圖層蒙版,然后用軟筆刷擦掉泡泡的一部分

按此在新窗口瀏覽圖片

  在illustrator中繪制更多不同形狀的泡泡,然后導(dǎo)入photoshop中。然后用上述的同樣的方法改變泡泡的顏色,添加蒙版,擦拭。最后,新建組,將所有的泡泡圖層放入該組

按此在新窗口瀏覽圖片

  第八步,繪制帶狀元素

  讓我們再次切換到illustrator中,繪制矢量曲線,在這步中,我們將會用到illustrator的強(qiáng)大工具“混合命令”,(Ctrl+B)。

  先用鋼筆工具繪制兩條曲線,確保你所繪制的曲線有兩個或者是更多的交點(diǎn),這樣可以讓你的帶狀元素顯得更錯綜復(fù)雜。

按此在新窗口瀏覽圖片

  把兩條曲線都選中,然后執(zhí)行“對象>混合>建立”(Ctrl+B)

按此在新窗口瀏覽圖片

  雙擊工具欄的混合工具,可以改變混合選項(xiàng),設(shè)置如圖所示

按此在新窗口瀏覽圖片

  選中帶狀元素,復(fù)制到photoshop中,還是智能對象。將該層置于泡泡圖組的上一層。

  接下來改變帶狀元素的顏色,調(diào)出圖層樣式面板,用你事先定好的顏色設(shè)置漸變疊加。

按此在新窗口瀏覽圖片

  第九步,繪制3D的星星

  轉(zhuǎn)換到illustrator,用星形工具繪制一個星,填充顏色是我們之前選好的洋紅色。

按此在新窗口瀏覽圖片

在illustrator中有個3D工具可以繪制簡單的三維效果,選中繪制的圖形,執(zhí)行“效果>3D>凸出和斜角”

  旋轉(zhuǎn)立方體以改變星星的方向,增加凸出厚度和透視度,在選擇面板中,移動星形表面的光斑

按此在新窗口瀏覽圖片

  把星形復(fù)制到photoshop里面,并把它放置到吉他彈奏者的后面。

按此在新窗口瀏覽圖片

  用同樣的方法繪制更多的星星,然后將所有的星星圖層放入一圖組文件夾(Ctrl+G)

按此在新窗口瀏覽圖片

  第十步,在主題后面添加燈光效果

  在吉他彈奏者圖層和星星圖層組之間新建一層,選擇一個大的硬度為0的筆刷,在吉他彈奏者后面的中央位置單擊一下,必要時(shí)降低一下圖層的不透明度。燈光效果可以使畫面主題更為突出

按此在新窗口瀏覽圖片

  第十一步,在illustrator中建立3D效果的文字

  在illustrator中用文字工具輸入一個單詞,大小100pt。你可以用類似Impact, Arial, or Helvetica Bold的字體。

按此在新窗口瀏覽圖片

  選擇單詞,執(zhí)行“文字>輪廓化”(Ctrl+O),讓文字轉(zhuǎn)化成混合路徑。

按此在新窗口瀏覽圖片

  把文字也做成三維效果的,執(zhí)行“效果>突出和斜面”,確認(rèn)斜角設(shè)置為長圓,高度為2pt,你將會看到微弱的內(nèi)發(fā)光效果

按此在新窗口瀏覽圖片

  將3D效果的文字復(fù)制到photoshop中,作為智能對象。

  用同樣的方法,你還可以用定好的其他顏色制作你想好的剩余3D文字,并將他們作為智能對象復(fù)制到photoshop中。在illustrator中,你可以利用3D突出和斜角選項(xiàng)來調(diào)整文字的大小,角度,直到得到你想要的效果。

按此在新窗口瀏覽圖片

  第十二步,添加噪點(diǎn)效果

  現(xiàn)在我們有了海報(bào)中所要的所有元素,接下來我們會在photoshop中微調(diào)我們的構(gòu)圖。

  首先,紋理化我們的海報(bào),用一個柔和切微妙的噪點(diǎn)效果比較合適。下載如下圖所示的黑白紋理素材并在photoshop中打開(你也可以根據(jù)自己的還好選擇自己喜歡的紋理素材),將紋理素材放在最頂層,并設(shè)置其混合模式為濾色。這樣,黑色部分將會消失,白色區(qū)域會被保留

按此在新窗口瀏覽圖片按此在新窗口瀏覽圖片

  按Ctrl+M,調(diào)處曲線對話框,單擊一下一建立一個參照點(diǎn),然后向右下區(qū)域拽這個點(diǎn),你將會注意到越是往右下方拽參照點(diǎn),白色噪點(diǎn)就變得越是柔和

按此在新窗口瀏覽圖片

  然后將會對紋理應(yīng)用銳化濾鏡,這樣可以使細(xì)節(jié)更加突出。執(zhí)行“濾鏡>銳化>銳化”應(yīng)用該濾鏡,然后按Ctrl+F再次應(yīng)用該濾鏡

按此在新窗口瀏覽圖片

  第十三步,調(diào)整圖層

  接下來我們要提高構(gòu)圖的明度和顏色。

  執(zhí)行“圖層>新調(diào)整圖層>色相/飽和度”,飽和度設(shè)置為-40,這是對圖像去色

按此在新窗口瀏覽圖片

  用同樣的方法新建漸變映射調(diào)整圖層,設(shè)置從紫色(#9e0c92) 到橙色 (#ffae00)的漸變。這是提高顏色對比度并添加新的顏色。

按此在新窗口瀏覽圖片

  第十四步,應(yīng)用一些其他的技巧

  我們可以用光斑來提升構(gòu)圖的細(xì)節(jié)。在紋理層下面新建一圖組,并設(shè)置混合模式為顏色減淡。

  在圖組內(nèi)新建一圖層,用硬度為0的白色筆刷在你想要突出的細(xì)節(jié)處點(diǎn)擊,例如,我在文字表面和主題手上點(diǎn)擊。

按此在新窗口瀏覽圖片

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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