PhotoShop+AI制作時(shí)尚平面海報(bào)的教程(3)

來(lái)源:未知 作者:bbs.16xx8.com 學(xué)習(xí):1984人次
作者:whyljx_2007   出處:
該教程是結(jié)合了photoshop和illustrator兩種繪圖軟件的優(yōu)勢(shì)來(lái)制作的。
第一步:新建photoshop文件并制作背景
首先,在Photoshop中新建一個(gè)大小A4的文件,雙擊背景層解鎖

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

第二步:在illustrator中制作云彩并且導(dǎo)入到Photoshop
 
illustrator中新建一個(gè)A4大小的文件,我們將繪制構(gòu)圖需要的主要圖形素材

用橢圓形工具畫(huà)兩個(gè)圓形,填充顏色可以隨意,但是一定要沒(méi)有描邊,并且兩個(gè)圓要相交

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

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

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

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

第三步,制作簡(jiǎn)單且快捷的彩色半調(diào)效果元素
 
彩色半調(diào)在illustrator中制作非常簡(jiǎn)單,先畫(huà)三個(gè)或者是更多的相交的圓

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

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

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

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

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

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

然后將得到的圖形復(fù)制到photoshop中,還是選擇智能對(duì)象。
雙擊圖層調(diào)出圖層樣式面板,選擇顏色疊加,填充白色,然后將該圖層的不透明度設(shè)置為40%。
用自由變換工具旋轉(zhuǎn)該圖形(Ctrl+t),然后用選擇工具將它放在構(gòu)圖面板的邊緣或者是你自己覺(jué)得合適的位置。
然后多復(fù)制幾個(gè)圖層(Ctrl+j),將他們放在你的構(gòu)圖的不同位置。

第四步,添加構(gòu)圖主題
 
我們的構(gòu)圖需要主題,你可以根據(jù)自己的需求放任何你自己喜歡的圖案
首先,將主題人物從原來(lái)的背景圖中摳出來(lái),然后放在畫(huà)板中央。
如果你要增加主題的顏色對(duì)比,復(fù)制該圖層(Ctrl+j),并將復(fù)制圖層的混合模式改為疊加,不透明度為70%

第五步,選擇配色
我們將要在構(gòu)圖中放入一些著色的裝飾性元素。在創(chuàng)建這些元素之前,我們先要確定這些元素的色調(diào)。
就這張圖而言,我選擇了三種顏色,如下:
藍(lán)綠色: #51bbe1
洋紅色: #ec6ccc
黃色: #f3cf40
注意:你可以用你自己的照片作為設(shè)計(jì)主題,然后用吸管工具從你的主題圖片中吸取你喜歡的顏色,我選擇的顏色也是受主題啟發(fā)。這樣會(huì)讓你的整體色調(diào)與你的構(gòu)圖很和諧。


第六步,繪制幾何修飾性圖形
我們要開(kāi)始繪制一些幾何裝飾性圖形了,在這里,我們不需要illustrator了。新建一個(gè)圖層組,命名為“colored circles”,并放置在吉他彈奏者的下一層。
把前景色設(shè)置成你之前選好的顏色之一。
用橢圓工具(U)繪制一個(gè)圓,繪制的同時(shí)按住Shift鍵,以確保你繪制的是正圓。

 

單一的顏色填充會(huì)顯得很呆板,這里有個(gè)使這些元素與你的構(gòu)圖想融合的小竅門(mén)。如同我們?cè)诘诙嚼锩孀鲈撇实臅r(shí)候一樣,給該圖層添加一個(gè)圖層蒙版,然后用軟筆刷擦去一部分。
然后將該層的混合模式設(shè)置為“線性減淡”

在接下來(lái)的步驟中你將會(huì)意識(shí)到該步驟的重要性

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

你可以用剩下的顏色填充其它圓形,在這個(gè)案例中我用的是藍(lán)綠色: #51bbe1和黃色: #f3cf40
嘗試著讓這些圖形很好的疊放在一起,然后記得設(shè)置每個(gè)圖層的混合模式為“線性減淡”,以便得到我們多要的效果

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

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


然后打開(kāi)“對(duì)象>擴(kuò)展外觀”,然后“對(duì)象>實(shí)時(shí)臨摹>建立并擴(kuò)展”。
記得用魔棒工具將白色的部分刪除掉。

 

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

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

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

第八步,繪制帶狀元素
讓我們?cè)俅吻袚Q到illustrator中,繪制矢量曲線,在這步中,我們將會(huì)用到illustrator的強(qiáng)大工具“混合命令”,(Ctrl+B)。
先用鋼筆工具繪制兩條曲線,確保你所繪制的曲線有兩個(gè)或者是更多的交點(diǎn),這樣可以讓你的帶狀元素顯得更錯(cuò)綜復(fù)雜。

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


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

選中帶狀元素,復(fù)制到photoshop中,還是智能對(duì)象。將該層置于泡泡圖組的上一層。
接下來(lái)改變帶狀元素的顏色,調(diào)出圖層樣式面板,用你事先定好的顏色設(shè)置漸變疊加。

第九步,繪制3D的星星
 

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

illustrator中有個(gè)3D工具可以繪制簡(jiǎn)單的三維效果,選中繪制的圖形,執(zhí)行“效果>3D>凸出和斜角”
旋轉(zhuǎn)立方體以改變星星的方向,增加凸出厚度和透視度,在選擇面板中,移動(dòng)星形表面的光斑

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

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


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

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

第十一步,在illustrator中建立3D效果的文字
illustrator中用文字工具輸入一個(gè)單詞,大小100pt。你可以用類(lèi)似Impact, Arial, or Helvetica Bold的字體。

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

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

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

第十二步,添加噪點(diǎn)效果
現(xiàn)在我們有了海報(bào)中所要的所有元素,接下來(lái)我們會(huì)在photoshop中微調(diào)我們的構(gòu)圖。
首先,紋理化我們的海報(bào),用一個(gè)柔和切微妙的噪點(diǎn)效果比較合適。下載如下圖所示的黑白紋理素材并在photoshop中打開(kāi)(你也可以根據(jù)自己的還好選擇自己喜歡的紋理素材),將紋理素材放在最頂層,并設(shè)置其混合模式為濾色。這樣,黑色部分將會(huì)消失,白色區(qū)域會(huì)被保留


 

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

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

第十三步,調(diào)整圖層
 
接下來(lái)我們要提高構(gòu)圖的明度和顏色。
執(zhí)行“圖層>新調(diào)整圖層>色相/飽和度”,飽和度設(shè)置為-40,這是對(duì)圖像去色

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

第十四步,應(yīng)用一些其他的技巧
我們可以用光斑來(lái)提升構(gòu)圖的細(xì)節(jié)。在紋理層下面新建一圖組,并設(shè)置混合模式為顏色減淡。
在圖組內(nèi)新建一圖層,用硬度為0的白色筆刷在你想要突出的細(xì)節(jié)處點(diǎn)擊,例如,我在文字表面和主題手上點(diǎn)擊。

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

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

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

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