@伯毅狼 :和以前一樣,還是在國外的photoshop網(wǎng)站上學(xué)習(xí),還是看不懂滿滿的鷹哥來屎

PS教程!利用Photoshop制作抽象夢幻背景

只能一點(diǎn)一點(diǎn)自己摸索。也不知道對不對,如果有朋友看到正確的教程記得喊我一下,我好研究研究,本狼在此先謝謝了。

閑話少說,我們開始吧!

作者其他投稿:
PS教程:夢幻星空海報(bào)制作
PS教程:創(chuàng)建可愛的哆啦A夢風(fēng)格字體
PS教程:教你制作絢麗的萬花筒背景

PS教程!利用Photoshop制作抽象夢幻背景

 

步驟一:背景制作

我們新建一個(gè)1250×1550(單位:像素),分辨率為72像素/英寸的畫布,點(diǎn)擊確定。然后用矩形工具拉一個(gè)和畫布等大的矩形,顏色隨意。添加一個(gè)漸變的圖層樣式:

PS教程!利用Photoshop制作抽象夢幻背景

 

PS教程!利用Photoshop制作抽象夢幻背景

左色標(biāo):#053f95,右色標(biāo):#01122b,效果大概是醬紫的:

PS教程!利用Photoshop制作抽象夢幻背景

是不是很簡單呢?

 

步驟二:繪制放射線

PS教程!利用Photoshop制作抽象夢幻背景

新建圖層組,命名為"放射線",所有的放射線都在這個(gè)組里。其實(shí)這一步也很簡單的啦,大家可以這么畫,僅供參考哈!確定好水平線和垂直線之后,畫左(右)上的線,然后畫左(右)下的線,然后復(fù)制下,水平翻轉(zhuǎn),移動對齊就好。至于用什么工具來畫,那么大家隨意了。直線工具也好,畫筆也罷,都行,這不是重點(diǎn)。

復(fù)制這個(gè)圖層組,隱藏原先的,復(fù)制出來的組轉(zhuǎn)成智能對象,復(fù)制一次。下面的智能對象高斯模糊下;上面的智能對象圖層不透明度為50%

 

步驟三:繪制三角形

同樣的,新建圖層組,命名為"三角形",所有的三角形都放在這個(gè)組里

我們用自定義形狀工具來畫一個(gè)小小的三角形

PS教程!利用Photoshop制作抽象夢幻背景

 

PS教程!利用Photoshop制作抽象夢幻背景

嗯,就是這貨。然后效果大概是這樣的(其實(shí)大小隨意了,喜歡就好):

PS教程!利用Photoshop制作抽象夢幻背景

注意一下,三角形底部的兩個(gè)角和兩根線對牢:

PS教程!利用Photoshop制作抽象夢幻背景

復(fù)制下這個(gè)圖層,按ctrl+t把三角形放大些,把填充設(shè)置為"無",描邊為白色,粗細(xì)大概2個(gè)像素。底部的兩個(gè)角還是和相應(yīng)的線對牢,之后所有的三角形都要這么做,下文我就不重復(fù)了,但是大家要記牢。效果大概是這樣的:

PS教程!利用Photoshop制作抽象夢幻背景

再復(fù)制一層,放大點(diǎn):

PS教程!利用Photoshop制作抽象夢幻背景

再復(fù)制一層,這次放大一點(diǎn)點(diǎn)就夠了:

PS教程!利用Photoshop制作抽象夢幻背景

再復(fù)制一層(耐心點(diǎn),還有好多層呢!),這次放的大一點(diǎn),然后把描邊弄的粗一點(diǎn),設(shè)置圖層填充為16%:

PS教程!利用Photoshop制作抽象夢幻背景

再復(fù)制一層(這幾句話還會出現(xiàn)好幾遍,不要煩,耐心點(diǎn)),稍微放大一點(diǎn)。描邊比之前的細(xì)點(diǎn),設(shè)置圖層填充為70%:

PS教程!利用Photoshop制作抽象夢幻背景

再復(fù)制一層,這次放大點(diǎn),可以出畫,描邊粗一點(diǎn),設(shè)置圖層填充為16%,然后添加一個(gè)蒙版,從上往下漸隱:

PS教程!利用Photoshop制作抽象夢幻背景

再復(fù)制一層,縮小一些,和之前的圖層重疊,設(shè)置描邊為2個(gè)像素,添加蒙版,用柔滑邊緣的畫筆在中間畫一筆,當(dāng)然也可以用漸變來做這個(gè)效果,大家喜歡怎么來怎么做,效果大概這樣:

PS教程!利用Photoshop制作抽象夢幻背景

再復(fù)制一層,放大一點(diǎn),添加蒙版,還是用之前的畫筆,筆觸放大,中間畫一筆,大概這樣:

PS教程!利用Photoshop制作抽象夢幻背景

再復(fù)制一層(呼~~~沒玩沒了的復(fù)制終于結(jié)束了),整個(gè)最大的三角形,出畫,然后圖層不透明度為30%,大概這樣:

PS教程!利用Photoshop制作抽象夢幻背景

這效果總體總算是出來了,呼~~~真麻煩……

 

步驟四:添加光暈

同樣的,新建圖層組,命名為"光暈",所有的光暈圖層都放在這個(gè)組里。新建圖層,用橢圓工具畫一個(gè)橢圓的形狀出來,然后ctrl+t拉伸壓扁變換角度,放在三角形的一邊的腰上,復(fù)制兩層,變換下角度,放在三角形的另一邊和底上,然后高斯模糊下或在屬性面板里羽化下都可以,做出虛化的效果即可,就像這樣:

PS教程!利用Photoshop制作抽象夢幻背景

復(fù)制底部的光暈,調(diào)整下大小和虛化的程度,添加蒙版,把多余的地方掩蓋掉:

PS教程!利用Photoshop制作抽象夢幻背景

然后效果是這樣的:

PS教程!利用Photoshop制作抽象夢幻背景

用同樣的方法,給外層最厚的那個(gè)三角形的兩個(gè)腰也加倆光暈,就像這樣:

PS教程!利用Photoshop制作抽象夢幻背景

新建圖層,設(shè)置圖層不透明度為50%(其實(shí)隨意),設(shè)置前景色為白色,用虛化的筆觸在最小的三角形的中間畫個(gè)虛化的圓,筆觸可以適當(dāng)?shù)拇螅苌w住最小的三角形就好:

PS教程!利用Photoshop制作抽象夢幻背景

新建圖層,將圖層填充設(shè)置為0,用橢圓工具畫一個(gè)大大的正圓或橢圓(隨意啦),給個(gè)漸變疊加的圖層樣式:

PS教程!利用Photoshop制作抽象夢幻背景

PS教程!利用Photoshop制作抽象夢幻背景

色標(biāo)從左到右依次為:#ff4905、#fdfc6b、#60fec7、#00fcfe、#054299;色標(biāo)的位置分別為:0%、25%、50%、75%、100%;效果大概是這樣的:

PS教程!利用Photoshop制作抽象夢幻背景

這個(gè)效果很生硬是不是?表急么,到屬性面板里羽化下就可以啦!或者轉(zhuǎn)成智能對象高斯模糊下:

PS教程!利用Photoshop制作抽象夢幻背景

覺得兩邊不夠亮?再加倆光暈唄:

PS教程!利用Photoshop制作抽象夢幻背景

新建圖層,以最小的三角形為中心,再用虛化的筆刷畫一個(gè)大大的白點(diǎn),圖層模式為疊加:

PS教程!利用Photoshop制作抽象夢幻背景

新建圖層,筆刷小點(diǎn),圖層模式為正常,再點(diǎn)一下:

PS教程!利用Photoshop制作抽象夢幻背景

 

步驟五:調(diào)整

到了這里其實(shí)都做的差不多了,中間光暈不夠的大家可以自行調(diào)節(jié),方法很簡單,用柔邊的畫筆點(diǎn)一下就可以了。保存下(其實(shí)大家要養(yǎng)成隨時(shí)保存的好習(xí)慣),導(dǎo)出一張JPG,然后直接拖進(jìn)來,會自動轉(zhuǎn)成智能對象。復(fù)制下,下面的圖層高斯模糊下,半徑5像素左右吧,隨個(gè)人喜好。然后把圖層的不透明度改成60%,把上面的圖層模式改成點(diǎn)光。

PS教程!利用Photoshop制作抽象夢幻背景

看!這就完成了!大家可以隨意調(diào)整,按自己喜歡的來!

呼~~~終于寫完了,本次探討就到此結(jié)束,如果同學(xué)們有更好的辦法,那么請不吝賜教,本狼一定虛心學(xué)習(xí)。如果有不對的地方也請告訴我,我好改正,本狼在此先謝謝了。最后做個(gè)小宣傳。

做電商的朋友請加群:285581616

愛設(shè)計(jì)的朋友請加群:3429044

本狼新浪微博: @伯毅狼

PS教程!利用Photoshop制作抽象夢幻背景

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】
 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊:網(wǎng)頁設(shè)計(jì)師必須修煉的內(nèi)功技法,更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/
設(shè)計(jì)微博:擁有粉絲量65萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

PS教程!利用Photoshop制作抽象夢幻背景
 

收藏 6
點(diǎn)贊 2

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。