Material Design的插圖中使用的陰影是如何製作的？

12-16

如圖中的Magic Mouse上、相機頂部邊緣以及相機投影，感覺不像是純粹的顆粒化，如果在Ai中製作應當使用怎樣的方式呢？

瀉藥～這個絕對不是普通雜色修改透明度和顏色混合模式搞定的。我個人比較喜歡在 Ps 內完成這個噪點效果，在 Ps 裡面處理起來就非常容易了，我先說純 Ai 處理。

首先，新建三個同等大小的圓，給第二個和第三個圓做剪切蒙版，因為第二個圓做完噪點之後會有部分溢出，剪切蒙版就是為了處理溢出的部分，保證邊緣不會出現不必要的噪點。

第二步，給第二個圓做一個純白（#FFFFFF）到純黑色（#000000）漸變，把白色漸變的透明度改成0，漸變的角度調整為45度，就可以看到下圖的效果了。

第三步，對剛剛做完漸變的圓形，找到「效果 - 紋理 - 顆粒」，即可看到下圖，強度、對比度按照自己想要的效果調整，，顆粒類型改成點刻。

第四步，還是第二個做完效果的圓，將顏色混合模式改成柔光或者疊加，並且修改透明度，噹噹噹噹～～～

所以題目中的插畫就是醬紫作出噪點效果的，按照上述的方法我把相機的噪點在 Ai 裡面做了一遍，如下圖。相機本身的噪點和底部投影的噪點是調整顆粒的強度和對比度得到的兩種噪點。

在 Ps 裡面選擇畫筆工具，把畫筆改成噴槍柔邊低密度粒狀，聽名字就知道這是幹嘛的了，只需要修改畫筆的透明度和流量在需要添加噪點的位置塗抹。在 Ps 裡面能更好的給各種奇怪形狀的添加噪點，也就是能跟隨形狀的邊緣做噪點，而不會像 Ai 裡面一樣，噪點的添加是線性的。

鑒於這個問題也算是晾了一段時間，我自己也來添加一個官方的博客文章：https://medium.com/google-design/salt-pepper-the-art-of-illustrating-texture-c962dc67cc35?source=linkShare-a4b45962ce50-1509961937
題目叫鹽和胡椒，說明了谷歌設計師為實現這一特殊高光及陰影效果所使用的一些方法，也比較有參考價值。

筆刷配合蒙版～

填充深色後透明度漸變吧