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

2022-12-26 17:37:04 來(lái)源/作者: / 己有:22人學(xué)習(xí)過(guò)

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

先看看效果圖

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

開始吧。

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

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

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

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

2.用橢圓工具

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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