當(dāng)前位置:首頁>ps實(shí)例教程>ps制作實(shí)例>背景壁紙>教程內(nèi)容

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程(7)

來源:網(wǎng)絡(luò) 作者:photoshop吧 h5471821 學(xué)習(xí):41598人次

這我僅僅講制作思路 所以不要問我類似于怎么復(fù)制怎么拉漸變的問題 這些百度能馬上出來 教程是死的 人是活的 方法有很多 。

所以有什么好的方法你也可以提出來!

這是我臨摹的結(jié)果

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

這是當(dāng)時(shí)我仿照的原圖 第3張

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

在我快做完這張圖的時(shí)候我才拿到清晰度高的圖

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

總之我是按清晰度比較低的圖來做的 也才知道原圖是用AI做的 但是PHTOTSHOP也能做 不過的確有些難度

1.背景的制作

先在一新畫布里拉出漸變來

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

用選區(qū)選出一部分地面 填充黑色 邊緣有些許羽化效果

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

畫出暗部

新建圖層 混合模式改成變暗 用0硬度的筆刷來繪制暗部 最好用大號(hào)的筆刷 比較追求局部位置的可以把筆刷換小一些

配合橡皮擦 就像這樣

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

給大家參考一下白底繪制的的樣子

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

畫出亮部

也是新建圖層 但混合模式改成變亮 也是用0硬度的筆刷來繪制暗部 也是最好用大號(hào)的筆刷

還是比較追求局部位置的可以把筆刷換小一些 依舊配合橡皮擦 就像這樣

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

給大家看看單層加黑底效果 看看繪制了亮部的區(qū)域

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

2.圓的主體

用圖形工具畫一個(gè)圓 描邊用白色 些許羽化

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

復(fù)制這個(gè)圖形 放大 描邊的大小更大 羽化效果更大 換成青藍(lán)色

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

那個(gè)白圈有些強(qiáng)過頭了 把他的透明度減半 我做的差不多這樣 嗯。。。顏色不太對(duì)。。。。

我打算留著最后再調(diào)色 顏色先不管了

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

做圓圈的高光部分

把前面那個(gè)小圓圈復(fù)制出來 透明度調(diào)回100% 顏色依舊白色 羽化效果看自己的需要來調(diào)

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

再把小圓圈再復(fù)制一層 顏色改成青藍(lán)色 羽化效果比前面一個(gè)要強(qiáng)

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

這2個(gè)圓準(zhǔn)備用來做圓圈的高光部分 給上面那2個(gè)準(zhǔn)備用來做高光的圓給成組了 加上蒙版 蒙版填充黑色

這時(shí)候2個(gè)圓都不見了 不過沒關(guān)系

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

在蒙版上 用0硬度的畫筆 把流量調(diào)小一些 反復(fù)小心地擦拭想要高光的部分

就像這樣

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

再在其他地方也像這樣 反復(fù)小心地擦拭 擦除類似于這種效果

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

如果你覺得高光部分的白色圈有些過大了 你可以把2個(gè)圈分別加上2個(gè)蒙版 分開來擦拭不同的區(qū)域 這樣可控性更高

當(dāng)然 不是很省時(shí)間 因?yàn)橐盐账{(lán)色高光圈能包含住白色的高光圈 不過不是所有的高光都是這種樣式的 就像左上角那個(gè)

這部分我用了3層光來做 你們看看是什么原理呢

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

我在那個(gè)位置先用一層小光圈 再疊加上大光圈 再疊上一層白光圈 當(dāng)然 還是用蒙版. 不過除了這個(gè)大圈 還有后面的半透明的小圈呢

這也是相當(dāng)簡(jiǎn)單的 用厚度不一的圓描邊 降低許透明度

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

不過這樣透明度一樣有些生硬了 把這幾個(gè)次要的圓成組 加蒙版用低硬度的畫筆把右下角擦拭掉 左下角也些有許擦拭

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

好了 這主體完成了

如果還不滿意 可以再加上些光暈效果 依舊是用帶有羽化的圓加蒙版擦拭出來的

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

3.彩帶的制作

這彩帶我自己做的并不滿意 這部分你們可以不學(xué) 我怕誤導(dǎo)新人了 這個(gè)用青藍(lán)色的筆刷刷出來一部分

配合硬度較高的橡皮擦擦拭掉一部分 來做帶有微微硬邊的部分

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

新圖層加上青綠色的部分

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

再在加上新圖層 刷新的青藍(lán)色部分

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

加上藍(lán)色的部分 點(diǎn)綴一下 右上角同理 只是顏色不同 不過我畫的實(shí)在是太挫了

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

彩帶中圓環(huán)的制作

這是很簡(jiǎn)單的 用圓畫出 白色描邊 些許羽化 就出來了

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

不停的復(fù)制 做出許多

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

不過不是全透明的 把他們的透明度減去大半

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

右上角同理

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

彩帶中亮斑的制作 自帶的筆刷中有一個(gè)這種筆刷

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

把噴濺量調(diào)到最低 大小調(diào)大一些 換成白顏色

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

畫成這樣

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

加上青藍(lán)色的外發(fā)光效果

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

4.地面的制作

畫出一個(gè)白帶來做地面的邊緣

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

再畫多一層 做高光

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

把背景和光圈在新圖層合并了 翻轉(zhuǎn)下來 高度壓縮一下 可以對(duì)這圖層做些小修改

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

用黑色漸變遮擋下面的反光 削減一下反光效果

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

地面上燈光的制作

畫一個(gè)橢圓

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

加上矩形的圖形 顏色帶有衰減 變形

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

同理 做另外一個(gè)

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

把那2個(gè)矩形復(fù)制下來 用作反光 注意要把衰減的方向換了

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

調(diào)低透明度

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

還是不夠 在反光上加上帶有衰減的蒙版

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

復(fù)制若干個(gè)

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

最后調(diào)色 也就是我最后臨摹出來的結(jié)果

壁紙教程,設(shè)計(jì)圓形光暈壁紙教程_tgudhdp.cn

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
經(jīng)典662019-06-27 09:40
喜歡這種教學(xué)方法,讓人有進(jìn)一步動(dòng)腦筋的余地!謝謝辛苦制作!
何振藝2017-04-27 09:35
說得

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

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