當(dāng)前位置:首頁>ps實(shí)例教程>ps繪畫教程>插畫教程>教程內(nèi)容

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片

來源:UI中國 作者:Glimmer 學(xué)習(xí):26629人次

本教程中用的漸變疊加和混合模式較多,對于新手也很適合,過程詳細(xì),重點(diǎn)不會一筆帶過,從中體會到用PS的樂趣,感興趣的朋友一起來學(xué)習(xí)如何繪制這個漸變又具有些許透明感效果的星球圖吧。

先看看效果圖

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn
m.tgudhdp.cn

開始吧。

1.新建畫板,我設(shè)置的大小是1024px*768px;

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

前景色設(shè)置為,用油漆桶點(diǎn)一下填充背景。

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

2.用橢圓工具

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

添加一個正圓,大小276px*276px(這個大小只是參考,但是大家一定要采用偶數(shù)直徑,方便后面對齊),顏色任意(因?yàn)檫@個填充色咱們最后不用它),為了方面描述命名為“圓-外層”。ctrl+A選中整個畫面,選擇工具,水平、垂直居中。

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

3.調(diào)節(jié)圓形的圖層樣式,首先,將填充改為0%;添加圖層樣式-漸變疊加,設(shè)置顏色和參數(shù)

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

這個漸變點(diǎn)進(jìn)去,設(shè)置兩端的色值,#ff00f6 ;#f000ff;調(diào)節(jié)上面的不透明度,從左到右依次是:

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

看一下效果圖是不是跟我的差不多就行。

4.選中圖層“圓-外層”,ctrl+J復(fù)制一個圖層,ctrl+T自由變換,按住shift+alt縮小,大小大概為原來的95%(我這里是264*264),改名為“圓-內(nèi)層”。右擊-清除圖層樣式,得到如圖:

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

5.給“圓-內(nèi)層”添加樣式:將填充改為0%;然后添加圖層樣式-漸變疊加,設(shè)置顏色和參數(shù)(怎么有種似曾相識的感覺):

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

注意這次漸變方向?yàn)閺较,而且這個狀態(tài)時鼠標(biāo)在園內(nèi)移動可以改變漸變的位置,注意要讓受光面在左上角處;

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

右側(cè)色值參考:#660777;

6.復(fù)制“圓-內(nèi)層”(ctrl+J),去掉圖層樣式,變換大小得到一個大小為原來95%的同心圓(參考步驟4)命名為“液體-1”。

扁平風(fēng)格,如何繪制具有透明感的五彩星球圖片_m.tgudhdp.cn

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
昨天總是走遠(yuǎn)2021-10-27 05:47
我的作業(yè):有學(xué)習(xí)到,謝謝分享!

1537965792021-10-26 09:58
謝謝老師的分享。
漢彩2021-10-25 08:45
我的作業(yè):布爾運(yùn)算要多練。

hey2018-03-26 10:23
為什么有那種把關(guān)鍵步驟省略的感覺?
子所不語2017-11-14 11:44
學(xué)習(xí) 教程,感謝大神傳教程我的作業(yè):
賣燒餅的小土豆2017-11-04 10:28
什么鬼啊,完全看不懂?
張公杍2017-11-04 05:11
受益匪淺,感謝分享。
勿拾草2017-11-04 02:59
學(xué)習(xí),怎么看也看不懂
liangzaizai12017-11-04 07:18
學(xué)習(xí)下
羅納尓哆啦A夢2017-11-04 06:50
看下啦~~~~~~~~~
封印miss2017-11-04 01:09
簽到

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

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