做投影,教你用ps做最近十分流行的長陰影(5)

來源:站酷 作者:ifeiwu 學(xué)習(xí):11471人次

前言:

長陰影是目前最為流行的一種設(shè)計(jì)趨勢,在Dribbble、Behance等各大設(shè)計(jì)社區(qū)幾乎無處不在,它看起來像是對“扁平化”風(fēng)格的一種強(qiáng)化,特別是在設(shè)計(jì)圖標(biāo)或簡單的海報(bào)的時(shí)候會用上。

網(wǎng)絡(luò)上自然有很多可以自動生成長陰影工具,但是工具只能作為一種媒介,真正學(xué)會長陰影,并靈活運(yùn)用始終要從實(shí)踐開始入手。

此外,我們會在本次教程中會使用AI軟件進(jìn)行繪制,AI軟件與PS軟件有很多的不同,AI是一個(gè)以創(chuàng)建矢量圖為主的繪圖軟件,特別適合做出扁平風(fēng)的圖片。

我們今天將要繪制一系列寶石,并為它們配上時(shí)尚又帶感的長陰影。在本教程中,我只演示一粒鉆石的步驟做法,其他寶石可以由大家自由發(fā)揮。效果圖如下:

 

做投影,教你用ps做最近十分流行的長陰影

一、繪制鉆石

在我眼中,繪畫是一件非常有趣的事,它在還原我們生活的基礎(chǔ)上又添加上我們對世界的想象(如果你足夠有想象力的話)。因此,請想象一下你曾經(jīng)見過的鉆石的樣子。它是什么形狀?它是光芒萬丈還是星星點(diǎn)點(diǎn)?它是什么顏色?

問了自己這幾個(gè)問題之后,你再打開AI軟件,繪制出你心中所想的鉆石的樣子。但請記住,扁平化的創(chuàng)作首先是去掉高光、陰影,因此你的色彩搭配是很關(guān)鍵。另外,你的圖形要精準(zhǔn)得當(dāng),這才能表現(xiàn)出物件本身的特點(diǎn)。

在AI新建一個(gè)文檔,尺寸為W:600px;H:600px,顏色模式為RGB。使用參考線先進(jìn)行圖形的簡單的布局。

 

做投影,教你用ps做最近十分流行的長陰影

接下來,開始繪制鉆石,從底部開始繪制。用幾何作圖的好處在于能精確的控制圖形。比如三角形、四邊形、圓形,這些軟件自帶的圖形都能讓你非常精準(zhǔn)地穩(wěn)定畫面。出現(xiàn)瑕疵的幾率很小。這時(shí),我們需要繪制一個(gè)三角形,只需要選擇多邊形繪圖,在“邊數(shù)”里填上“3”。

 

做投影,教你用ps做最近十分流行的長陰影

調(diào)整好三角形的顏色和位置如下:

 

做投影,教你用ps做最近十分流行的長陰影

繼續(xù)在原來三角形基礎(chǔ)上添加另外一個(gè)三角形,再在鉆石的頭部上方增加一個(gè)四邊形。

 

做投影,教你用ps做最近十分流行的長陰影

使用“直接選擇工具”,對四邊形上方兩端點(diǎn)進(jìn)行移動,都分別往中間移動80px?梢岳?yún)⒖季。

 

做投影,教你用ps做最近十分流行的長陰影

 

 

這里要提醒大家的是,在操作這一步驟之前請確保參考線處于“鎖定”的狀態(tài),否則,當(dāng)你對端點(diǎn)進(jìn)行移動時(shí)參考線也會跟著一起滑動。請?jiān)?ldquo;視圖”菜單下“參考線”一欄中“鎖定參考線”。

 

做投影,教你用ps做最近十分流行的長陰影

繼續(xù)在四邊形上方畫上兩個(gè)三角形。

 

做投影,教你用ps做最近十分流行的長陰影

 

做投影,教你用ps做最近十分流行的長陰影

將頭部兩個(gè)三角形的不透明度分別降低為30%、20%。因?yàn)檫@三個(gè)圖形的排列位置分別是從下至上,所以在下方的透明度越低,這樣才能讓越在上的圖形色彩更“淺”。

接著,調(diào)整好圖形內(nèi)部各圖形的色彩,確保能看清它們彼此的輪廓。

然后再將上下三角形每條路徑對齊,讓整個(gè)鉆石的切面更完美。最終調(diào)整后的效果如下:

 

做投影,教你用ps做最近十分流行的長陰影

接著將所有圖形編組,編組后調(diào)整整個(gè)鉆石的大小外形,這里,我將它稍微“壓扁”。然后跟著也可以適當(dāng)調(diào)整上下參考線的位置。這里的參考線的位置對我而言是記錄尺寸的作用,因?yàn)榻酉聛砦視^續(xù)做幾個(gè)同樣的寶石圖形,因此我要讓它們都保持同樣的大小比例。

 

做投影,教你用ps做最近十分流行的長陰影

二、添加背景

 

下面,我要為這個(gè)鉆石添加背景,畫一個(gè)正圓,直徑為整個(gè)畫板的寬度。讓它排列在鉆石圖形的底層。并將為這個(gè)背景添加一個(gè)漸變,漸變模式為120度的線性漸變。這一漸變是為接下的長陰影做準(zhǔn)備。

 

做投影,教你用ps做最近十分流行的長陰影

三、制作長陰影

 

這時(shí),畫一個(gè)長方形。將長方形旋轉(zhuǎn)至這樣一個(gè)角度。以剛剛從鉆石的右側(cè)延伸出來為基準(zhǔn),調(diào)整好長方形的大小和角度。

 

做投影,教你用ps做最近十分流行的長陰影

這時(shí),通過“ctrl+[”將這個(gè)長方形置于鉆石的底部同時(shí)又在圓形背景的上方。然后同時(shí)選中圓形背景和長方形,使用“形狀生成工具”,在按住“alt”鍵的同時(shí)單擊圓形背景外的不需要的長方形的部分。處理后的效果如下:

 

做投影,教你用ps做最近十分流行的長陰影

為長方形添加漸變,漸變模式為-45度,漸變顏色從藍(lán)色到白色過度。

 

做投影,教你用ps做最近十分流行的長陰影

漸變設(shè)置好后將長方形的圖層混合模式改為“正片疊底”。這時(shí),長陰影就做好了。

 

做投影,教你用ps做最近十分流行的長陰影

四、繼續(xù)美化

 

這時(shí),還可以繼續(xù)往這個(gè)鉆石增加一些裝飾,例如“閃光”。

 

做投影,教你用ps做最近十分流行的長陰影

這類圖片很適合作為icon或logo使用。當(dāng)然,海報(bào)的設(shè)計(jì)中也許也能見到它的出現(xiàn)。

 

做投影,教你用ps做最近十分流行的長陰影

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
葫蘆娃救椰子2017-07-15 02:05
666
小米粥愛發(fā)呆2016-06-17 02:05
小米粥愛發(fā)呆2016-06-17 02:06
嘻嘻哈哈_Cherry2015-07-07 11:26
自我感覺還挺像的。。。(*^__^*) 112559mf6jo44d551zqz23.jpg
嘻嘻哈哈_Cherry2015-07-07 11:07
自我感覺還挺像的。。。(*^__^*) 112559mf6jo44d551zqz23.jpg
嘻嘻哈哈_Cherry2015-07-07 10:55
漂釀!
嘻嘻哈哈_Cherry2015-07-07 10:07
漂釀!
清朝辛棄疾2015-04-30 02:00
66666666
呂蘊(yùn)kiwi2015-04-29 01:28
6666666666666
嚴(yán)俊宇10162015-04-29 10:19
6666666
風(fēng)吹褲襠2015-04-29 02:56
666666666
流氓AND教父2015-04-29 02:56
666666666
令人唏噓的年華2015-04-29 02:25
頂起
ihenry2015-04-29 02:25
頂起
阿拉法克尤2015-04-29 02:25
頂起

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

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