欧美成人粉红派对在线不卡_亚洲精品口爆av美女_国产成人乱码一二三区性色qery_日韩加勒比无码成人精品_国产口爆骚妇一区色色

教你3招快速繪制提升格調(diào)感的陰影效果

2018-01-05 1344 0
編者按:今天這篇好文聊的不是簡(jiǎn)單的彌散陰影,而是筆者在逛網(wǎng)站時(shí)發(fā)現(xiàn)的一個(gè)效果更為精致的陰影,而且這類(lèi)效果在耐克LOGO、蘋(píng)果官網(wǎng)都有所體現(xiàn),能快速提升產(chǎn)品的格調(diào),我總結(jié)了一個(gè)簡(jiǎn)單快速的方法,幫你3招做出來(lái)。首先呢,陰影和投影,別混淆。我這里要說(shuō)的是陰影。 uisdc-shadow-201610101
圖1屬于陰影  圖2屬于投影影院放電影 —— 投影 可以通俗的說(shuō)成由某個(gè)點(diǎn)投過(guò)去的影子。
站在陽(yáng)光下——陰影 可以通俗的說(shuō)成由某個(gè)點(diǎn)散發(fā)出的一片陰影。好了,記下來(lái)今天的介入正題。先來(lái)看一波案列:耐克Logo: uisdc-shadow-201610102
金屬充電器,注意它3個(gè)角陰影的感覺(jué): uisdc-shadow-201610103
智能手表:
uisdc-shadow-201610104
手機(jī):
uisdc-shadow-201610105
蘋(píng)果手機(jī)的包裝盒,注意2邊的角: uisdc-shadow-201610106
再看有和無(wú)的區(qū)別:案列1: uisdc-shadow-201610107
uisdc-shadow-201610108 
案列2:
uisdc-shadow-201610109
uisdc-shadow-2016101010 
案列3:
uisdc-shadow-2016101011 uisdc-shadow-2016101012

首先說(shuō)明:為什么會(huì)有這樣一個(gè)教程呢,起初是這樣的。一天逛國(guó)外網(wǎng)站的時(shí)候,無(wú)意間看到這樣一張圖: uisdc-shadow-2016101013 耐克的logo,當(dāng)然我不是被logo帥到,我是被這上面的陰影帥到。彌散陰影做比較容易實(shí)現(xiàn)。我們主要是來(lái)看下細(xì)節(jié): uisdc-shadow-2016101014 右上角的點(diǎn),這種陰影給人一種更舒服,像是又一層玻璃,讓陰影變的更加立體感了。所以希望我也能做出這種效果來(lái),看第一眼我就知道,這肯定不是一個(gè)一個(gè)圖層用畫(huà)筆畫(huà)出來(lái)的,我認(rèn)為應(yīng)該可以通過(guò)一些方法輕松實(shí)現(xiàn),而且是可以靈活調(diào)整的。于是我?guī)е唤獾囊蓡?wèn)去找同事探討,后面我們提出了一個(gè)關(guān)鍵的點(diǎn)。那么這個(gè)點(diǎn)我們后面會(huì)說(shuō)道。大家先看下分解圖: uisdc-shadow-2016101015
1、原型形狀層
uisdc-shadow-2016101016
2、第一層陰影
uisdc-shadow-2016101017
3、第二層陰影是不是很簡(jiǎn)單,只有三步操作。只是需要把參數(shù)、角度、顏色三者調(diào)到一個(gè)合適的范圍即可。當(dāng)然做陰影嘛,也不一定非要做成這種效果。我只是想分享給大家,一起玩。共勉之。 制作教程:以耐克Logo為案列 一、原型形狀 你要做的這個(gè)對(duì)象的原型,如: uisdc-shadow-2016101018
填充顏色:
uisdc-shadow-2016101019
填充顏色建議大家使用形狀羽化來(lái)達(dá)到漸變的效果,方便后面對(duì)顏色、位置、大小以及羽化的程度來(lái)做一個(gè)調(diào)整。如: uisdc-shadow-2016101021
二、使用圖層樣式——漸變疊加 復(fù)制原型形狀,相對(duì)原型放大,來(lái)對(duì)它進(jìn)行效果處理。(可以使用ai里面的路徑偏移) uisdc-shadow-2016101020 關(guān)
鍵點(diǎn)就是在樣式一定要選擇為角度。 uisdc-shadow-2016101022
然后漸變?cè)O(shè)置:
uisdc-shadow-2016101023
紅色的可以為一個(gè),也可以是2個(gè),但必須是2個(gè)。中間的為亮灰色,根據(jù)你想搭配的顏色來(lái)調(diào)。 uisdc-shadow-2016101024 小節(jié)點(diǎn)也是可以調(diào)整位置來(lái)改變效果的。設(shè)置完參數(shù)后的效果如下: uisdc-shadow-2016101025
另外:圖層樣式當(dāng)前態(tài)實(shí)在漸變疊加時(shí)候,右邊的黃色的那個(gè)中心點(diǎn)是可以通過(guò)鼠標(biāo)拖動(dòng)來(lái)改變它的位置的。 uisdc-shadow-2016101035
那么黃色部分按照上面方式制作即可,最后用蒙版分別蓋住不需要的地方即可。這一步的效果圖: uisdc-shadow-2016101026
三、添加彌散陰影層 1、復(fù)制原型形狀、在原有的羽化基礎(chǔ)上增加羽化程度 uisdc-shadow-2016101027
2、調(diào)整彌散陰影顏色需要和原型融合的地方融合,需要區(qū)分的區(qū)分。通過(guò)顏色來(lái)控制。另外可以在添加一層彌散陰影層,羽化程度在加大一些,效果過(guò)度會(huì)更舒服一些。沒(méi)有絕對(duì)一步到位的嘛,所以視情況而定。效果如下: uisdc-shadow-2016101028
四:分組,分組是個(gè)好習(xí)慣 uisdc-shadow-2016101029 最終效果圖如下: uisdc-shadow-2016101030
細(xì)節(jié):
uisdc-shadow-2016101031
感謝大家看到這里,希望有用。 以下是我用繼續(xù)嘗試了幾種效果: uisdc-shadow-2016101032 uisdc-shadow-2016101033 uisdc-shadow-2016101034

23
評(píng)論區(qū)(0)
正在加載評(píng)論...