當(dāng)前位置:首頁(yè)>ps實(shí)例教程>ps繪畫(huà)教程>鼠繪教程>教程內(nèi)容

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

來(lái)源:未知 作者:bbs.16xx8.com 學(xué)習(xí):429人次

作者:FCOI   出處:

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

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

開(kāi)始填充路徑,顏色大概OK就好

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

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

差不多完成就是下面那個(gè)樣子啦,我也沒(méi)有花更多時(shí)間繼續(xù)深入,因?yàn)橹皇菄L試一下制作方式而已。大家感興趣也可以嘗試制作一下,分享下經(jīng)驗(yàn) 

下面是微軟的原圖

動(dòng)畫(huà)效果 ,很炫啊,我只能找到這么小

逐幀剖析

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


 

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
NE夜墓2011-06-16 02:22
很不錯(cuò)學(xué)習(xí)下!。。!
倒影年華2011-03-13 09:12
好啊支持依稀
?s﹎懷念?2011-03-12 11:40
精彩
海盜十二郎2011-03-10 11:23
<給力>

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!