當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

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

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

前言:

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

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

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

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

 

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

一、繪制鉆石

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

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

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

 

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

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

 

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

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

 

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

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

 

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

使用“直接選擇工具”,對四邊形上方兩端點進行移動,都分別往中間移動80px。可以拉入?yún)⒖季。

 

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

 

 

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

 

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

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

 

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

 

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

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

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

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

 

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

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

 

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

二、添加背景

 

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

 

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

三、制作長陰影

 

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

 

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

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

 

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

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

 

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

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

 

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

四、繼續(xù)美化

 

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

 

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

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

 

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

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(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
呂蘊kiwi2015-04-29 01:28
6666666666666
嚴俊宇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)友求助,請回答!