當前位置:首頁>ps實例教程>ps制作實例>海報設計>教程內容

招募海報,設計大型選秀招募活動主頁實例(7)

來源:站酷 作者:動不動就餓 學習:24398人次
不一定每一個教程都是好的,說的都是完全正確的,但是因為每個教程面向的對象不同,大家的設計水平也不同,這樣的話其實并沒有一個很好的評判標準說一個教程的好與壞。我還是那句話,取其精華去其糟粕吧。只要一個教程中有一點能夠讓你感覺到提升,其實就足夠了。

最終效果

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

簡單分析:
剛拿到UE的時候我一眼看到的不是“天龍暢秀閣”,而是“主播激情”,感覺直到現在都很佩服自己的洞察力;氐秸},UE的初衷相信不用我說,大家也能看出來,傳統(tǒng)的人設擺放,文字排版,我看了下給到的人設,是活(zhen)的(ren),感覺沒有打動我。都沒有打動我怎么能打動你們呢??所以,后來我還是要求把人設咔掉。。
需求方的要求是想要那種星光四射、無比高大上,閃光燈撲面而來、射瞎鈦金狗眼的那種氛圍,不要笑,你們一定也遇到過,簡單分析一下吧:
1、都告訴你了是招主播的!顏色還用我多說么!好吧,顏色是需求那邊給到的,紫色
2、既然是招募主播的,咱們是不是也可以來個“無龍好主播”的選秀? I WANT YOU!!!
3、正規(guī)主播的職責應該是“說學逗唱”吧?看來得找個元素能夠體現招募的性質。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

提煉關鍵詞并尋找素材:

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

還找了些相關參考案例如下:

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn
主要用到的素材:(教程每步需要素材時已經提供了。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

一、打造最外圍場景。

 

1、先鋪一個底色,色值:#131021。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

2、用柔性畫筆提亮中間部分,使畫面具有空間感。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

3、用柔性畫筆給中上部加更大面積的偏紫的顏色。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

4、將大燈的素材至于畫面中,可以對稱地復制一個出來,用蒙版擦掉邊緣的分界,模式為“濾色”。但是目前看起來燈光的顏色與畫面并不相融,接下來我們要對燈光這塊進行處理。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

5、首先對燈光進行高斯模糊處理,本身就處于畫面兩側的位置,而且是烘托氛圍用,所以不需要特別的實。然后用色相/飽和度對燈光的顏色進行調整,使其與畫面融合。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn
6、接下來我們要對頂部的素材進行二次處理,將此素材置于大燈圖層的下方,也是先用柔性畫筆結合蒙版擦除邊緣。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

7、這一步也是先將素材進行模糊處理,然后將圖層模式改為“線性減淡”,再利用曲線工具將素材整體調亮。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

8、提亮紅框以內的中心光源地帶,通過濾色或者線性減淡,這里大家自己去嘗試下,如果一層的效果達不到,可以再復制一層。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

9、這里我加的是這種光,復制了一層,達到下圖的效果。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

二、打造中心視覺區(qū):

 

1、六角星至于所有光的下方,因為頂部接近上方光源,自然頂部會最亮。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

2、這一步就不詳細說了,用了哪些樣式也已經附到右下角了。大家自己去調整,感受。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn
3、主要的處理都已經在圖上標明了。由于光源在頂部及兩側,所以中間靠下部的區(qū)域應該壓暗處理。頂部的溢光效果,就是把六角星內部的光復制一層以后,再模糊處理一下就可以得到了。細心的朋友應該還能看到,在六角星厚度的交界處還加了一個內發(fā)光的效果,也是為了使層次更加明顯。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

4、六角星的內部再多畫兩個六角星,兩種顏色,一深一淺。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

5、給這兩個六角星加圖層樣式,淺色的加外發(fā)光,深色的加內陰影,目的都是為了拉開層次感。在正中間用柔性畫筆給一個高亮的顏色。接下來我們做文字部分。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

6、先把文字敲出來,這里直接用字體代替,不做最終效果。再復制同樣的一層,顏色深一些,然后水平方向兩側向內壓縮,注意:不是等比例壓縮,僅僅是水平方向壓縮到如圖所示的厚度。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

7、我們先不管厚度的那一層,只看最上面層的文字。這里做了內陰影,投影及頂部溢光的效果。這里的內陰影實際上就是文字最外側2像素的高亮描邊,如下左圖。溢光的效果如下圖右圖,其實有一層淡淡的外發(fā)光。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

8、我們再接著看對厚度層做了哪些處理。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

9、厚度層也是加了內陰影及投影,不過并沒有加溢光,而是提亮了中間區(qū)域。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

10、其實提亮的原因就是加了反光,那現在來看的話,感覺文字并不是很突出,而且跟后面的六角星也沒有拉開層次,所以我們需要進一步的處理。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn
11、現在看著是不是清晰多了,而且不受后面任何元素的影響了。這里就是給文字加了一個底,先把文字復制一層,然后轉化成形狀,再描邊處理。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

12、對描邊后的圖層復制后向下移動1像素,多執(zhí)行幾次,就可以做出厚度,與上面類似的方面擦出反光的部分,并加上一層稍微深一些的投影,是文字整體看起來立體感更強,至此標題的設計基本完成。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

13、把副標題和其他文字信息擺放好,副標題的形式可以有很多種,盡量不要直接丟在那里,可以使用一些元素讓畫面更豐富一些。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

14、將話筒置于畫面中主標題的下方?梢酝ㄟ^調整對比度,進一步加強話筒的質感。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

15、將壓暗六角星內部的下方,給話筒添加投影,給主標題加上光效,中心的主視覺就基本完成了。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn
三、打造下部氛圍:

 

1、下部的處理手法跟頂部非常類似。這里主要是想讓主視覺區(qū)漂浮在兩個能量層之間,所以下面也做了同樣的呼應。素材置于圖中,并適當壓扁一些,圖層模式改為“線性減淡”。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

2、素材的中心區(qū)域手動加光效,使用柔性畫筆壓扁,然后通過白色疊加,多疊幾層;再在中心偏上的位置打一層泛光,使用濾色模式。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

3、加上按鈕,主視覺區(qū)就算基本完成了,F在我們差的就是一些能夠烘托氣氛的元素。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

四、進一步豐富畫面:

 

1、咱們就在背景上加些模擬聲波的圖案吧。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

2、在網上找些小彩旗還有周圍那些漂浮的立體的素材,調整位置放到畫面里。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

3、至此,咱們主視覺區(qū)域就已經打造完畢了,下面就是一些純排版方面的應用了。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn
五、排版方面小技巧。

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

最終效果:

招募海報,設計大型選秀招募活動主頁實例_www.theoat.com.cn

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
英俊2019-03-11 08:42
給力
燭紅駱2018-01-15 10:23
給力
lzly06012015-12-15 02:59
素材呢?<悲傷>
梁延翠2015-12-15 01:33
給力給力給力給力
只愛金泰妍2015-12-15 04:29
給力
深血坦2015-12-15 04:29
給力
年少為誰傾2015-12-15 04:29
給力
維他命蕃茄2015-12-15 04:29
給力
楊良云2015-12-15 04:29
給力
斷了的弦6542015-12-15 04:29
給力
龍龜完虐易2015-12-15 04:29
給力
破魔大帝2015-12-15 04:29
給力
黎斯妍2015-12-15 04:29
給力
lzly06012015-12-15 02:12
素材呢?<悲傷>

關注大神微博加入>>

網友求助,請回答!