教程前的引言
3D這個(gè)詞對(duì)于大家并不陌生,3D在應(yīng)用到UI設(shè)計(jì)、平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、移動(dòng)端設(shè)計(jì)中,3dMAX、C4D都能實(shí)現(xiàn)3D立體效果,尤其C4D現(xiàn)在流行的主流趨勢(shì),但在PS中也有3D效果,往往被大家遺忘,而且也不知道PS中的3D如何去應(yīng)用,能做些什么,其實(shí)PS 3d中隱藏著一個(gè)很好玩的功能,可以做3D效果、也可以做3D效果的海報(bào),那么今天順叔教大家一個(gè)在PHOTOSHOP中不常用的3D功能,這次教大家的并不是如何做3D字,而是利用PHOTOSHOP 3D功能制作出比較有視覺效果的3D海報(bào)。只要你會(huì)PHOTOSHOP ,跟著我的步驟學(xué)習(xí)也會(huì)制作出很酷炫的海報(bào)。以下是順叔又為了教程做了三張海報(bào),根據(jù)海報(bào)講解一下步驟如何完成,也算是比較良心的教程希望能幫助到大家。
設(shè)計(jì)效果圖展示
教程前的嘮叨
看到我的這三個(gè)設(shè)計(jì)的效果圖是不是覺得很有視覺效果,而且肌理效果也很不錯(cuò),在搭配一些文字感覺酷酷的感覺。當(dāng)設(shè)計(jì)完之后感覺哇~好有視覺沖擊力,好有星空的感覺,是不是跟水洞里鐘乳石一樣發(fā)散視覺
開始我們的教程
1.好圖就需好素材
在制作的時(shí)候首先要去網(wǎng)上找一個(gè)基礎(chǔ)的素材圖,這個(gè)海報(bào)最終好看與否就跟你找的素材有關(guān)聯(lián),所以盡量找一些好看的素材圖,建議找一些星空?qǐng)D片,星空素材比較容易出效果。當(dāng)然了你有更好的素材也可以嘗試。以至到你想要的視覺效果為止
2.制作從這里開始
1.首先在PS中建立的圖層,這次教程用的是尺寸為778 1088像素 分辨率72 顏色模式RGB模式,尺寸可以根據(jù)自己的需要而定。沒有特別的規(guī)定
2.這次教程我就用設(shè)計(jì)1中的為實(shí)例講解操作步驟,建立完畫布之后把素材拖拽到畫布中,放置最佳區(qū)域,然后復(fù)制圖層,新建一圖層。
3.點(diǎn)擊第二個(gè)圖層,ctrl+t選區(qū)放大到最佳位置,作為背景底層。第一層先不做任何操作。
4.注意 注意...這個(gè)操作是最關(guān)鍵的一步,首先要點(diǎn)第一個(gè)圖層,然后選擇3D>從圖層新建網(wǎng)格>深度映射到>平面
5.然后就到下面這個(gè)界面,是不是感覺到了比較高大上的操作界面,到了這步基本離3D更近一步了。
6.到了這一步可以根據(jù)自己的審美進(jìn)行拖拽左右、上下視角都可以,每一個(gè)視角都有不同的美,所以自己嘗試的變換一下,找到一個(gè)符合你喜歡的視角下面用GIF表示一下,那么點(diǎn)擊哪個(gè)會(huì)左右,上下的移動(dòng)視角呢,請(qǐng)拿起小本記錄一下,圖一的3D模式第一個(gè)小圖標(biāo)就是,點(diǎn)擊之后鼠標(biāo)選擇到3D圖層部分,選擇當(dāng)前視圖圖層,然后可以用鼠標(biāo)左右上下改變視角,如果你點(diǎn)擊場景圖層,那么你在移動(dòng)視角的時(shí)候只能前后的視角,這塊了解就可以,試驗(yàn)一下,看看是不是很好玩,很簡單
7.選擇視角之后,發(fā)現(xiàn)主體視覺太小,沒有填滿畫布,這樣并沒有完成,在教你一個(gè)圖標(biāo),快拿小本記上,圖二為例,點(diǎn)3D模式第三個(gè)圖標(biāo),然后點(diǎn)擊3D圖層中當(dāng)前視圖,這樣上面才能出現(xiàn)屬性那欄,調(diào)節(jié)屬性欄中視角,光標(biāo)越往右畫面越放大,光標(biāo)越往左畫面越小。根據(jù)自己的視覺需要而定義視角值多大。
8.接下來,選擇3D圖層中,選擇場景圖層,然后上面會(huì)出現(xiàn)屬性,選擇預(yù)設(shè)中的”未照亮的紋理“這樣整個(gè)畫面感覺就馬上出來了
9.選擇圖層,選擇第一個(gè)圖層然后右鍵單擊,出現(xiàn)柵格化3D,這時(shí)候變成普通圖層,然后利用蒙版功能,或者是橡皮把畫面畫圈部分去掉,讓畫面更自然一些,在選擇畫筆的時(shí)候要選擇那種虛一點(diǎn)的畫筆。
10.顏色處理,根據(jù)畫面調(diào)節(jié)一下飽和度、色值、以及色彩平衡,給予圖片一個(gè)暗角漸變,讓最暗的融合整個(gè)畫面。
11.整個(gè)畫面需要文字的搭配,才能更體現(xiàn)畫面的視覺。所以英文、中文、圖形搭配才能把整個(gè)畫面生命力體現(xiàn),至于文字如何去排版根據(jù)自己的設(shè)計(jì)能力,怎么合理就怎么搭配。以下為最終效果,是不是文字排版之后就不一樣了,畫面具有沖擊力和酷炫了不少。
這次教程完事了,雖然3D中還有很多功能,還希望小伙伴自己去嘗試的去體驗(yàn)。這次教程很簡單,但也很出效果,希望能幫助到各位小伙伴,寫的比較長,只是希望更詳細(xì)大家能看的更明白一些,其實(shí)總結(jié)起來就那么三步,1.素材圖片導(dǎo)入 2.選擇3D>從圖層新建網(wǎng)格>深度映射到>平面 3.調(diào)整大小、位置。顏色處理,加上文字,是不是覺得其實(shí)很簡單。那么快PS打開操作起來吧,希望各位看完教程試著設(shè)計(jì),能做完之后交作業(yè)
好了這次教程到此結(jié)束,希望能幫助到各位。如果覺得幫助到你請(qǐng)給我的個(gè)贊 。
最終在回顧一下效果圖
往期設(shè)計(jì)文章回顧
photoshop+Illustrator 快速實(shí)現(xiàn)2.5D等距插畫風(fēng)
色彩在設(shè)計(jì)中的運(yùn)用
photoshop快速實(shí)現(xiàn)漸變扁平化插畫風(fēng)
banner設(shè)計(jì)是如此的簡單-讓banner更耐看我使用了這些技巧 (一)
【設(shè)計(jì)如此簡單】網(wǎng)頁設(shè)計(jì)師入門必備知識(shí)指南
【快速打造毛筆字】設(shè)計(jì)毛筆字是如此的簡單
寫設(shè)計(jì)教程不易、而且寫良心設(shè)計(jì)教程更不容易、如有任何設(shè)計(jì)上的疑問可以加我。
請(qǐng)各平臺(tái)轉(zhuǎn)載時(shí)署名原作者:張?jiān)鲰?和注明文章來源、同樣希望能幫助到更多的設(shè)計(jì)小伙伴。
版權(quán)申明
本文和設(shè)計(jì)歸本人所有
如果覺得設(shè)計(jì)文章能幫助到你
請(qǐng)為我點(diǎn)贊謝謝!