文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)(4)

來(lái)源:PdadianS.com 作者:P大點(diǎn)S 學(xué)習(xí):21954人次

本篇教程通過(guò)PS制作一款絢麗漸變的海報(bào),本款教程是仿制英國(guó)一個(gè)設(shè)計(jì)工作室的海報(bào)制作,由多種顏色搭配而成,風(fēng)格獨(dú)樹一幟,視覺(jué)具有張力,同學(xué)們一起來(lái)學(xué)習(xí)下吧。

下面是對(duì)比:

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn
tgudhdp.cn

首先,新建文檔,尺寸是1200X900像素,創(chuàng)建一個(gè)漸變調(diào)整層,我們首先來(lái)做漸變背景。

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

下面,用矩形工具畫一個(gè)顏色為#7435f8的矩形,作為我們的海報(bào)主體,看上去,矩形是不是有點(diǎn)像漸變,其實(shí)只有一種顏色,這只是眼睛的錯(cuò)覺(jué)而已,然后我添加了一個(gè)投影圖層樣式,在投影樣式中,我調(diào)整了等高線。

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

接下來(lái),我復(fù)制了一層矩形,下移一層,將填充修改為0,重新調(diào)整了投影樣式的參數(shù),注意投影的圖層混合模式。(這一步是為了照顧低版本的朋友,如果使用高版本的朋友,直接添加兩個(gè)投影樣式即可)

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

下面,用橢圓工具畫一個(gè)圓,然后添加圖層樣式。(既然是臨摹的話,就需要好好揣測(cè)下原作者的心思,看看人家到底是操作了什么,放大原圖的話,我們可以看到原圖的圓是有一個(gè)小小的描邊,不放大,可能你并不會(huì)注意到)

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

復(fù)制這個(gè)漸變的圓,右鍵清除圖層樣式,并將顏色修改為#ff28a9,并添加蒙版

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

右鍵將這個(gè)復(fù)制的圓轉(zhuǎn)換為智能對(duì)象,為其添加一個(gè)動(dòng)感模糊,并用蒙版輔助,使其良好過(guò)渡。

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

復(fù)制那個(gè)紅黃漸變的圓,置于頂層,將描邊的樣式去掉,執(zhí)行一個(gè)動(dòng)感模糊。

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

創(chuàng)建一個(gè)圖層組,將這幾個(gè)圓都包括進(jìn)去,為了防止動(dòng)感模糊后,有超出矩形的部分,所以,我給它添加了一個(gè)矢量蒙版。

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

下面,添加文本,這個(gè)不用過(guò)多講吧,我懶得再弄字體,就沒(méi)有用跟原圖一樣的字體,直接思緣黑體,這里需要注意的是,為這個(gè)圖層組添加一個(gè)描邊樣式,如果你仔細(xì)觀察了原圖你就知道。

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

接下來(lái),添加這些方塊,操作手法很簡(jiǎn)單,就是畫矩形,然后修改不透明度,動(dòng)感模糊,這里不多說(shuō),大家自行嘗試一下。

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

接下來(lái),添加這些0.5/0.1的文本和直線,那些直線適時(shí)的給點(diǎn)蒙版,文本和直線適當(dāng)?shù)恼{(diào)整不透明度即可,一樣的還是給它一個(gè)描邊。

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

下面,新建個(gè)圖層,填充黑色,將圖層混合模式修改為線性減淡(添加),爾后添加雜色,然后創(chuàng)建一個(gè)圖層蒙版,涂抹成跟原圖一樣。

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

現(xiàn)在,我們回到漸變背景那里,把背景上的白色方框和文本做上去,一樣的添加一個(gè)描邊樣式。

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

至于這個(gè)藍(lán)色的條狀,除了動(dòng)感模糊之外,還添加了一個(gè)高斯模糊。

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

文本和白線條狀下面,同樣的只是復(fù)制了一層,執(zhí)行了動(dòng)感模糊。

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

到這里,就算是完成了,可能講的不是那么的清晰有條理,但是,如果你跟著做的話,我想你會(huì)明白的。

文字海報(bào),設(shè)計(jì)漸變背景的文字海報(bào)_tgudhdp.cn

同學(xué)們照著做,每天練習(xí)一點(diǎn)點(diǎn),一定可以做到完美。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
17697595542018-06-07 10:52
打卡
Aron-吖榮2018-05-31 03:04
希望大神門可以點(diǎn)評(píng)一下我的作業(yè):
qq9297318122018-01-06 12:52
punp
hanna2017-12-13 10:41
我的作業(yè):
網(wǎng)友1390463222017-11-29 01:46
我的作業(yè):
網(wǎng)友1390463222017-11-29 01:44
我的作業(yè):
網(wǎng)友4958278862017-11-27 05:35
我的作業(yè):
超短裙62017-11-26 07:21
大家都交作業(yè)啊
公言承2017-11-26 10:44
大神厲害。
人來(lái)瘋2017-11-26 09:41
求指導(dǎo)
女神木頭2017-11-26 09:23
學(xué)以致用
好先森2017-11-26 02:17
打卡

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

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