這一陣子最美團(tuán)隊(duì)在搞設(shè)計(jì)師培訓(xùn)計(jì)劃外冀，要選拔一些喜愛設(shè)計(jì)的人進(jìn)行免費(fèi)而專門的培訓(xùn)贩疙。而選拔方式就是布置三輪作業(yè)衅斩，每一輪作業(yè)通過之后方可進(jìn)入下一輪盆顾，若沒有通過就代表中途被刷掉了。如今第二輪作業(yè)上交日期已經(jīng)截止了畏梆，但是反饋信息還沒有下來您宪。
前兩輪的作業(yè)都是臨摹作品，我認(rèn)為這個非车煊浚考驗(yàn)對設(shè)計(jì)軟件各種功能的熟悉程度以及自己的發(fā)散思維宪巨。就好比告訴你了終點(diǎn)，中間的路要怎么走全都靠你自己想溜畅。大多數(shù)情況下捏卓，路徑都不止一種，因此選擇一條最有效率的路自然也是對能力的考驗(yàn)慈格。但是對我來說怠晴，現(xiàn)在應(yīng)該還是停留在如何用最基本的功能組合起來實(shí)現(xiàn)復(fù)雜的效果（真的好像最近在學(xué)的組合邏輯電路）。
在做這些設(shè)計(jì)作業(yè)的時(shí)候浴捆，我自然學(xué)習(xí)到了許多新的技巧蒜田，當(dāng)然腦洞也不斷大開，同時(shí)也培養(yǎng)了極大地耐心（一天下來不挪窩就為了做一個圖標(biāo)）选泻。但實(shí)在是因?yàn)闆]有同伴交流和溝通（方圓幾公里估計(jì)也沒幾個知道最美團(tuán)隊(duì)搞這個活動的人）冲粤，因此對自己的水平和效率很難把握和評定，有問題的時(shí)候也只能上網(wǎng)尋找答案或者自己想页眯。在做作業(yè)的過程中梯捕，我就遇到了一些問題。這些問題有的我自己很好就解決了窝撵，有的可能只是勉強(qiáng)對付了過去傀顾。我寫在這里，其中有一個方面也是希望能熟練使用設(shè)計(jì)軟件的人可以給我一點(diǎn)指導(dǎo)碌奉。
最美團(tuán)隊(duì)要求每次臨摹的作品最后都要上交.psd文件短曾，間接告訴了我要用Ps做〉琅可是對于那些畫面中不含現(xiàn)成的照片错英、圖像等入撒，完全可以由形狀構(gòu)成的作品隆豹，我還是選擇了Ai作為了設(shè)計(jì)工具，因?yàn)樗軌蜉^好地進(jìn)行對齊茅逮、邊界吸附璃赡、形狀調(diào)整等判哥。（如今實(shí)在是對它愛不釋手）
以其中一個作業(yè)舉例，這份作業(yè)是做的時(shí)間最久的碉考，也是個人認(rèn)為這幾個作業(yè)中最難得一份塌计。上面要求臨摹的是一個相機(jī)圖標(biāo)（icon），原作品如下：
當(dāng)時(shí)看到這張作品我就傻眼了侯谁！四周的外殼就已經(jīng)超出我平日設(shè)計(jì)的作品的難度了锌仅，但是中間的鏡頭那更是非常難把握的東西。當(dāng)然我還是下定了決心用Ai做墙贱。實(shí)際操作中热芹，發(fā)現(xiàn)外殼還是比較容易搞定的，但是中間的鏡頭的確需要不斷地嘗試我之前從未嘗試的東西惨撇。最后伊脓，我的臨摹出來的作品是這樣的：
兩個的對比可以看下圖：
下面說幾點(diǎn)問題，有些是我解決了的魁衙，有些是還未解決的：
圖像的層疊順序是否一定要和實(shí)際的層疊順序相同报腔？
因?yàn)檫@還是靜態(tài)的圖片，涉及不到動態(tài)的變化剖淀，因此我并沒有太在意形狀和形狀之間的層疊關(guān)系是否和實(shí)際的一致纯蛾。拿這個例子來說，實(shí)際實(shí)物中祷蝌，外殼應(yīng)該在最上層茅撞，而外殼的六部分之間也應(yīng)該是相互重疊的。接下來的一層應(yīng)該是鏡頭上的反光巨朦，再接下來是玻璃米丘，然后是里面的光圈。但是在實(shí)際設(shè)計(jì)中糊啡，我雖然大致是按這個順序來的拄查，但是因?yàn)槿魢?yán)格按照這個層疊順序來會出現(xiàn)一系列的問題，我對順序也做了些許的調(diào)整棚蓄。這些問題會在下面提到堕扶。若嚴(yán)格按照實(shí)際層疊順序來，這種相互重疊的效果該如何實(shí)現(xiàn)梭依？
這個圖標(biāo)有一個特點(diǎn)就是稍算，有兩處形狀之間是互相重疊的，而且是通過陰影效果將重疊的順序和層次表現(xiàn)出來的役拴。這就有麻煩了糊探，因?yàn)樵贏i中圖像是不能交錯重疊的，即1壓著2，2壓著3科平，3壓著1褥紫，在這里就是這個相機(jī)的外殼和鏡頭里面的光圈的情況。完全按照實(shí)際重疊順序有什么好處呢瞪慧？
一是層次關(guān)系直接加投影效果就能表現(xiàn)出來髓考，A壓著B，我讓A投影弃酌，B上必然會出現(xiàn)A的投影氨菇，但是若B壓著A，我讓A投影妓湘，影子會被B這個形狀蓋住门驾，B上就看不到A的投影了；
二是這樣更自然也更清晰多柑，我看過Google Material設(shè)計(jì)風(fēng)格的介紹奶是，層和層之間的重疊關(guān)系就是固定好的。（當(dāng)然不可否認(rèn)這里面很大是需要交互的原因）竣灌。
對于2這個問題的解決聂沙，我是用了一個比較應(yīng)付的手段。以中間的光圈為例初嘹，我們可以看到它有6個葉片及汉，葉片之間是按照順序圍成一圈一個壓在另一個上的。首先我做的形狀就是葉片露出來的部分屯烦，被蓋住的就當(dāng)沒有了坷随，當(dāng)按次序排列好層次關(guān)系后，會發(fā)現(xiàn)最后一片葉片蓋不住第一片葉片驻龟，因此對最后一個葉片做投影效果后温眉，第一個葉片上是不會出現(xiàn)影子的。解決辦法就是不用投影效果翁狐，而是將第一片葉片疊加上一個陰影漸變类溢，讓這個漸變模仿投影透出來的效果。
為什么說這是一個比較應(yīng)付的方法呢露懒，因?yàn)闈u變只能選擇線性和徑向闯冷，而最后一片葉片的邊緣是不規(guī)則的曲線，既不是直線也不是弧或橢弧懈词，因此不像投影可以沿著邊緣投下去又官，漸變只能呈現(xiàn)直線和弧的效果赃蛛。所以仔細(xì)觀察我的臨摹作品的話操禀，能夠發(fā)現(xiàn)最上面那個陰影其實(shí)是用漸變做的讶请，因?yàn)槭蔷€性的撼班。
這個問題，我還是希望如果經(jīng)驗(yàn)比較多的人能告訴我一個更完善的解決辦法。取色問題
按理說鏡頭下面的東西都應(yīng)該是在玻璃的反光之下的，反光若要做的逼真一點(diǎn)一般來說都會用不透明度做調(diào)整。這就產(chǎn)生了一個問題褐桌，當(dāng)我做鏡頭下面的東西時(shí)衰抑，比如光圈外面的那個環(huán)，環(huán)的顏色該如何扔丁呛踊？直接在原圖上取色是環(huán)的顏色疊加上反光的，而我需要的是反光下面那個環(huán)的實(shí)際顏色啦撮。我查了寫資料后發(fā)現(xiàn)這時(shí)可以用不透明度進(jìn)行線性計(jì)算的谭网。但是這樣會很麻煩，每取一個RGB都要用公式計(jì)算一下實(shí)際的顏色赃春，這樣才能保證它和具有不透明度的反光圖形疊加之后出來的顏色就是原圖中的顏色愉择。
因?yàn)檫@個麻煩，所以我索性調(diào)整了反光和環(huán)的層次順序织中，讓環(huán)在反光圖形上面锥涕，這樣直接取色填充出來的就是原圖中的顏色。整體圖標(biāo)的陰影問題
這個比較明顯狭吼，我做的作品的外周陰影沒有處理好层坠，有的地方深有的地方淺。那是主要是因?yàn)橥鈿さ牧幱笆欠謩e加的刁笙，所以會有地方出現(xiàn)重疊∑苹ǎ現(xiàn)在還沒有想到給整體加陰影的好方法，唯一可行的貌似是把它柵格化為普通圖片之后再加陰影疲吸，但是就失去圖層座每、形狀信息了。整個圖標(biāo)的整體感
還是覺得有些地方變化有點(diǎn)太突兀摘悴，和原圖差別比較大尺栖，應(yīng)該可以用加蒙版、調(diào)漸變烦租、調(diào)整透明度的方法來改善延赌，但似乎都只是一個感覺上的調(diào)整，還沒有摸索到一個路子叉橱。一個模糊的光環(huán)該如何做挫以？
原來想的是拉一個圓形只留描邊然后用外發(fā)光特效，但是若把描邊調(diào)成零后外發(fā)光效果也會消失窃祝。若保留描邊及時(shí)非常細(xì)也很顯眼掐松。因此最后用蒙版加徑向漸變實(shí)現(xiàn)的。
先說這么多，學(xué)習(xí)之路還很長大磺，繼續(xù)加油~
