這次主要運(yùn)用到Photoshop中的漸變工具以及圖層樣式中的漸變疊加,還有液化,那么這里主要就是用來變形的。
步驟一:
在Photoshop中新建一個(gè)文檔。
寬度:595 px
高度:842 px
分辨率:72 dpi
步驟二:
制作背景:
在新建的文檔中 Ctrl+J 復(fù)制一層背景,然后利用 漸變工具(G) 給復(fù)制出來的背景添加一個(gè)底色。
漸變色值:#e9e8ea、#e2ddff
步驟三:
利用 橢圓形狀工具(U) 新建一個(gè)圓,并添加 圖層樣式-漸變疊加。
溫馨提示:別忘記與背景居中喲。
圓形直徑:429 px 圖層樣式:漸變疊加 模式:正常 不透明度:100% 漸變:#3f4ff4、#c316f5、#eeec58 樣式:線性 角度:90度 縮放:100%
步驟四:
Ctrl+J 復(fù)制剛剛我們做出的圓形形狀,選中圖層,鼠標(biāo)右鍵-柵格化圖層樣式,并隱藏剛才那一層。
步驟五:
對(duì)剛才復(fù)制出來并柵格化圖層樣式后的圖層進(jìn)行 濾鏡-液化 操作,并再添加一個(gè)蒙版。
溫馨提示:大家可能都知道,Photoshop的液化工具主要運(yùn)用在后期修圖修飾人體或美化人臉上,簡單來說液化工具就是可以操控變形的一個(gè)工具,我們在這里也可以利用液化工具的這一特性,讓漸變變形。
液化:工具的使用跟畫筆相似,在這里我們不用調(diào)整任何參數(shù),使用默認(rèn)就好,然后直接在畫面上拖動(dòng),就能達(dá)到一些很好的融合效果。
圖層蒙版:按住 Ctrl 點(diǎn)擊剛剛我們隱藏那一層的圖層縮略圖,得到一個(gè)圓形的選區(qū),然后選擇到液化過的那一層,創(chuàng)建蒙版。
步驟六:
使用 Ctrl+T自由變換工具 對(duì)液化層進(jìn)行細(xì)微的移動(dòng)或旋轉(zhuǎn)等調(diào)整,直至到一個(gè)合適的位置。
溫馨提示:我們可以看見當(dāng)我們給圖層創(chuàng)建了蒙版之后,蒙版與圖層間有一個(gè)小鎖鏈的圖標(biāo),點(diǎn)擊一下小鎖鏈圖標(biāo)可以去掉它,這個(gè)時(shí)候我們就可以分別的調(diào)整圖層本身的內(nèi)容與蒙版了,如果不去掉,那么蒙版將會(huì)跟隨圖層旋轉(zhuǎn)、位移、縮放等。
步驟七:
將剛才隱藏掉的圓形的圖層樣式去掉,并改變顏色 ,調(diào)整形狀屬性,充當(dāng)陰影。
調(diào)整顏色:#fa53f4 羽化:35 px
步驟八:
用 形狀工具(U) 添加一些裝飾性元素,以及用 文字工具(T)排版文字。
步驟九:
用 鋼筆工具(P) 勾出一些波浪形狀,填充顏色,并添加蒙版,用柔邊畫筆去擦除不需要的部分,適當(dāng)調(diào)整圖層不透明度。
溫馨提示:對(duì)于蒙版來說,蒙版只認(rèn)黑白灰,簡單來講黑色相當(dāng)于擦除,而白色相當(dāng)于顯現(xiàn),也就是常說的"黑遮白顯"。
填色:#57fcfc
新建一層,填充一個(gè)深灰色,給他添加一些雜色,濾鏡-雜色-添加雜色。
改變雜色圖層混合模式為柔光,創(chuàng)建剪貼蒙版Ctrl+Alt+G。
可以再復(fù)制一個(gè)剛剛的元素再調(diào)整。
步驟十:
最合給液化層調(diào)整一下 色相/飽和度,讓顏色更加靚麗一些。
溫馨提示:可以看見這幅圖整體顏色還是很豐富,但是最上層的青色過于亮了,所以這里需要將液化層的飽和度再提高一下,避免裝飾搶了主體。
最終效果:
總結(jié):
漸變可以運(yùn)用到很多地方,有時(shí)候我們只需要發(fā)揮自己的想法,通過軟件實(shí)現(xiàn),就能達(dá)到很好的效果。這次的教程不難,重點(diǎn)需要理解的就是用液化可以操控變形,以及 擴(kuò)展思路,不要局限在普通的漸變用法之上。比如還可以做出以下效果
只講解漸變的其中一種方法,效果很棒,方法很簡單,感興趣的小伙伴可以做起來啦。
匯包裝,一站解決產(chǎn)品包裝定制需求,17年經(jīng)驗(yàn)/源工廠,一分鐘就給到您產(chǎn)品的包裝預(yù)算,萬款案例讓您快速做出決策,最快看到樣品及量產(chǎn)所需時(shí)間,您產(chǎn)品銷量暴增開始!
產(chǎn)品包裝|才華橫溢的酒包裝設(shè)計(jì),潮流趨勢的代表,年輕人的最愛
包裝定制|跨越國度與經(jīng)緯度的海鮮產(chǎn)品包裝設(shè)計(jì),感受不同的地域特色
食品包裝盒|六組食品包裝設(shè)計(jì)集錦,顏值控們有福了
包裝設(shè)計(jì)風(fēng)格|2021年最全的包裝設(shè)計(jì)風(fēng)格匯總
學(xué)UI不求人,PS繪制閃電UI圖標(biāo)8步教程,簡明易懂