photoshop教程

當(dāng)前位置: 首頁>高級教程>ps鼠繪教程>

Logo實例教程:微軟 Silverlight 圖標(biāo)

時間:2011-02-26 13:53來源:未知 作者:bbs.16xx8.com 點擊:
作者:FCOI 出處: 微軟 Silverlight 是微軟主刀開發(fā)的一個類似于Adobe Flash的瀏覽器插件,雖然沒有Flash那么主流,但相信大家也都有所了解。銀光的Logo可謂屬于那種看一眼就忘不掉的類型( 當(dāng)然我也看到過蠻多盜版的 )。并且我比較關(guān)心它的創(chuàng)意和制作過程,這個Logo已

作者:FCOI   出處:

  微軟 Silverlight 是微軟主刀開發(fā)的一個類似于Adobe Flash的瀏覽器插件,雖然沒有Flash那么主流,但相信大家也都有所了解。銀光的Logo可謂屬于那種看一眼就忘不掉的類型( 當(dāng)然我也看到過蠻多盜版的 )。并且我比較關(guān)心它的創(chuàng)意和制作過程,這個Logo已經(jīng)很多年了,所以也想嘗試著制作一下,網(wǎng)上找了一大圈未果,主要是想看看有沒有什么簡單的實現(xiàn)方法,倒回來吧,也許大家會說從技術(shù)上講這樣的Logo不難,但其實我蠻關(guān)心關(guān)鍵是這樣的Logo是怎么樣被創(chuàng)造出來的,復(fù)雜而具有很好的美感,如果筆記本上草圖就能畫出這樣的東西可不簡單啊。

 
       同時,這個Logo還具有一個動態(tài)版本,很短,大概有12幀圖片組成(平面的主標(biāo)與這12幀也毫不相干),但卻很炫。最開始分析這個Logo有沒有什么規(guī)律可言,因為它像是一些煙霧圍著一個球形的玻璃壁在轉(zhuǎn),但腦袋轉(zhuǎn)來轉(zhuǎn)去的觀察還是覺得沒什么規(guī)律,但從細(xì)節(jié)觀察又可以看到一些半透明狀的扭曲著的結(jié)構(gòu)存在,于是乎我也用了最笨的一種方法去嘗試,完全的用平面軟件繪制。軟件選擇Photoshop,因為我覺得位圖軟件在透明度上面處理會好些,思路比較簡單,大概是用曲線勾出大型(不爽PS鋼筆工具的這一步到是可以到矢量軟件中完成),然后基礎(chǔ)填色,最后根據(jù)具體情況修飾細(xì)節(jié)和調(diào)整透明度等等。最后也算是磨了個大概出來。
 
下面是制作中的一些截圖:
 
充分利用鋼筆路徑,和光電的變形可以創(chuàng)造出想要的光線效果以及蒙版功能,如下

開始填充路徑,顏色大概OK就好

 

 

這兩步剛從路徑轉(zhuǎn)換而來的圖形有點詭異吧,呵呵,接下來開始深化細(xì)節(jié),我基本都利用最上面提到的三點制作技巧 

對照原Logo逐一深化細(xì)節(jié),完全一樣不可能啦,大概OK就好了,也可以自己發(fā)揮一點

 

 

差不多完成就是下面那個樣子啦,我也沒有花更多時間繼續(xù)深入,因為只是嘗試一下制作方式而已。大家感興趣也可以嘗試制作一下,分享下經(jīng)驗 

下面是微軟的原圖

動畫效果 ,很炫啊,我只能找到這么小

逐幀剖析

PS:
 
如果大家有什么更好的制作方式或者想法可以分享下哦,還有Logo創(chuàng)意過程或者動畫的制作方式等等啦。。。


 

 

(責(zé)任編輯:bbs.16xx8.com)
頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
發(fā)表評論
請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動的言論。
評價:
表情:
用戶名: 驗證碼:點擊我更換圖片
欄目列表
百度聯(lián)盟
推薦內(nèi)容
熱點內(nèi)容