Logo實(shí)例教程:微軟 Silverlight 圖標(biāo)
來源：未知
作者：bbs.16xx8.com
學(xué)習(xí)：429人次
作者:FCOI 出處:
微軟 Silverlight 是微軟主刀開發(fā)的一個(gè)類似于Adobe Flash的瀏覽器插件，雖然沒有Flash那么主流，但相信大家也都有所了解。銀光的Logo可謂屬于那種看一眼就忘不掉的類型（ 當(dāng)然我也看到過蠻多盜版的 ）。并且我比較關(guān)心它的創(chuàng)意和制作過程，這個(gè)Logo已經(jīng)很多年了，所以也想嘗試著制作一下，網(wǎng)上找了一大圈未果，主要是想看看有沒有什么簡(jiǎn)單的實(shí)現(xiàn)方法，倒回來吧，也許大家會(huì)說從技術(shù)上講這樣的Logo不難，但其實(shí)我蠻關(guān)心關(guān)鍵是這樣的Logo是怎么樣被創(chuàng)造出來的，復(fù)雜而具有很好的美感，如果筆記本上草圖就能畫出這樣的東西可不簡(jiǎn)單啊。
同時(shí)，這個(gè)Logo還具有一個(gè)動(dòng)態(tài)版本，很短，大概有12幀圖片組成（平面的主標(biāo)與這12幀也毫不相干），但卻很炫。最開始分析這個(gè)Logo有沒有什么規(guī)律可言，因?yàn)樗袷且恍熿F圍著一個(gè)球形的玻璃壁在轉(zhuǎn)，但腦袋轉(zhuǎn)來轉(zhuǎn)去的觀察還是覺得沒什么規(guī)律，但從細(xì)節(jié)觀察又可以看到一些半透明狀的扭曲著的結(jié)構(gòu)存在，于是乎我也用了最笨的一種方法去嘗試，完全的用平面軟件繪制。軟件選擇Photoshop，因?yàn)槲矣X得位圖軟件在透明度上面處理會(huì)好些，思路比較簡(jiǎn)單，大概是用曲線勾出大型（不爽PS鋼筆工具的這一步到是可以到矢量軟件中完成），然后基礎(chǔ)填色，最后根據(jù)具體情況修飾細(xì)節(jié)和調(diào)整透明度等等。最后也算是磨了個(gè)大概出來。
下面是制作中的一些截圖：
充分利用鋼筆路徑，和光電的變形可以創(chuàng)造出想要的光線效果以及蒙版功能，如下
開始填充路徑，顏色大概OK就好
這兩步剛從路徑轉(zhuǎn)換而來的圖形有點(diǎn)詭異吧，呵呵，接下來開始深化細(xì)節(jié)，我基本都利用最上面提到的三點(diǎn)制作技巧
對(duì)照原Logo逐一深化細(xì)節(jié)，完全一樣不可能啦，大概OK就好了，也可以自己發(fā)揮一點(diǎn)
差不多完成就是下面那個(gè)樣子啦，我也沒有花更多時(shí)間繼續(xù)深入，因?yàn)橹皇菄L試一下制作方式而已。大家感興趣也可以嘗試制作一下，分享下經(jīng)驗(yàn)
下面是微軟的原圖
動(dòng)畫效果 ,很炫啊，我只能找到這么小
逐幀剖析
PS:
如果大家有什么更好的制作方式或者想法可以分享下哦，還有Logo創(chuàng)意過程或者動(dòng)畫的制作方式等等啦。。。
學(xué)習(xí) · 提示
相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助，請(qǐng)回答！