首页 > 服装学院 > 电脑基础 > 正文
Fireworks制作精致立体的媒体播放器图标
Θ联科绣花网[乐绣网] 服装学院-电脑基础  Θ添加时间: 2018-12-07

  今年推出的新操作系统Vista的界面设计更加精美,从人机交互的角度来讲,图标的图形和功能设计方面更注重用户体验的细节研究,已经逐渐抛弃了平面效果,逐渐向质感、立体的方向转变。使得我们的使用的操作系统和WEB或软件产品有了新的视觉感受。

  下面我们介绍用Fireworks制作精致的Media_Player图标的具体实现步骤。与大家分享、共勉。

Fireworks制作精致立体的媒体播放器图标

效果

  1、在新建的Fireworks灰色画布上按住SHIFT键画一个黑色的500*500像素的正圆形,以此作为图标的黑边,然后在工具面板中选取‘画圈形’工具,画出一个环状的图形,接着鼠标点取环形图的黄色控制点顺时针进行拖动,将圆环分段(1/4),如图。

Fireworks制作精致立体的媒体播放器图标

将圆环分段

  2、将制作好的扇形图复制粘贴3份,这样就了有了相等大小四段扇形图,分别选取颜色,可以是红色、蓝色、绿色、黄色,其色值依次为#C83225、#29469C、#009900、#FFCC00,然后分别选中四个扇形图进行“放射性”填充,在其填充的中间区域将颜色调浅,形成“渐变”效果,再选取滤镜“阴影和光晕”中的“内侧发光”效果,在每个扇形的边缘形成白色光边,增加立体感。如图

Fireworks制作精致立体的媒体播放器图标

增加立体感

  3、按住SHIFT键在中间区域画正圆形,然后选中并进行浅蓝(#4473E0)和白色(#FFFFFF)的“放射性”渐变的填充,在半圆上同样选取‘放射状’填充,再选择滤镜“阴影和光晕”中的“内侧发光”内侧阴影“和效果,用来外环形的阴影立体效果。如图

Fireworks制作精致立体的媒体播放器图标

阴影立体效果

  4、同样,再画一个相同大小的白色(#FFFFFF)圆,然后进行”放射性“渐变填充,把渐变的一端的透明度设置为”0“,把圆形逆时针旋转一定角度,制造立体的质感效果。如图

Fireworks制作精致立体的媒体播放器图标

制造立体的质感效果

  5、现在开始绘制图标的箭头,选取工具栏的”多边形“工具,将边数设置为”3“,绘制三角形图形,为了整个按钮的立体效果,要给三角形填充上蓝色的”线形“渐变,渐变色的中间可选取深蓝色,两边选取浅蓝色,这样效果更加的“眩”。再在三角形的下面靠左的地方复制粘贴一个颜色很浅淡的阴影效果。如图:

Fireworks制作精致立体的媒体播放器图标(2)

绘制三角形图形

  6、然后,还要画出一个大的扇形,把它的透明度设置成”62“,覆盖在”彩环”的上面,用以增强图标的光感效果。如图:

Fireworks制作精致立体的媒体播放器图标(2)

增强图标的光感效果

  7、最后,一个“点睛之笔”就是在中心圆形的上面再绘制一个半径同样大小的“扇形”,扇形下面的边缘划过三角形的箭头,非常逼真的展现了这个图标的立体效果。

Fireworks制作精致立体的媒体播放器图标(2)

绘制一个半径同样大小的“扇形”

  现在整个图标这个浑然一体的质感效果,是通过这样一层层的细节的处理得到的,比如四个光环的颜色的渐变,中间圆形多重滤镜效果的应用,以及三角箭头中使用四种颜色的线性渐变和投影,到最后半透明的扇形覆盖,组成了这个生动的、让人“眩目”的图标,设计来源于生活,来自于细节。

 

来源:天极yesky
以下花样可直接上绣花机做货:
乐绣(联科)制衣刺绣网 Copyright © 2000-2020 濠电姷鏁告慨鎾儉婢舵劕绾ч幖瀛樻尭娴滅偓淇婇妶鍕妽闁告瑥绻橀弻锝夊箣閿濆棭妫勭紒鎯у⒔缁垳鎹㈠☉銏犵婵炲棗绻掓禒楣冩⒑缁嬪尅榫氶柛鈺傜墱閹广垹鈹戠€n偒妫冨┑鐐村灦閼归箖鍩呴柆宥嗏拺缂備焦岣块惌濠冦亜椤撶姴鍘寸€殿喖顭烽弫鎰緞婵犲嫮鏉告俊鐐€栫敮鎺楀磹妞嬪骸鍨濋柣銏犳啞閳锋垿鏌涘┑鍡楊仾妞ゃ儳鍋熺槐鎺楊敊閼恒儱纾抽悗娈垮枦椤曆囧煡婢跺⿴娼╂い鎰剁到婵即姊绘担鍛婂暈闁圭ǹ妫濋崺鈧い鎺戝閸戠娀鏌¢崘銊у闁抽攱鍨圭槐鎺斺偓锝庡亽閸庛儵鏌涙惔銏犲闁哄瞼鍠栧畷銊︾節閸愩劉鍋撻幇鐗堢厱闁冲搫鍟禒杈殽閻愬樊鍎旈柡浣稿暣閸┾偓妞ゆ帒瀚畵渚€鏌曡箛銉х?缂佺娀绠栭弻娑㈠焺閸忕媭浜幃姗€鏁冮崒娑氬幈闂佹寧绻傞幊蹇涘箚閸儲鐓冮悷娆忓閻忔挳鏌熼瑙勬珖缂佽鲸甯掕灒濠电姵纰嶉弳姗€姊婚崒娆掑厡閺嬵亪鏌ㄩ弴顏堟闁诲繑鐟╅弻锝夊箻閸楃偐鍋撳┑瀣摕闁靛ň鏅涢崡铏繆閵堝倸浜炬繛瀛樼矒缁犳牕顫忓ú顏勭閹兼番鍨婚敍姗€姊洪幖鐐插婵☆偄瀚伴幃楣冩倻閽樺鍞堕梺鍝勬处閵囨盯宕戦幘缁樻櫇闁稿本姘ㄩ娲⒑缂佹ê鐏ユ俊顐n殜瀵偉銇愰幒鎾嫽闂佺ǹ鏈悷銊╁礂瀹€鍕厵闁惧浚鍋呭畷宀€鈧娲橀悡鈥愁嚕婵犳艾唯闁挎洍鍋撻柛鎾崇秺濮婃椽宕滈幓鎺嶇按闂佺ǹ閰f禍鍫曞箖閸ф鏁嬮柍褜鍓熼悰顕€寮介‖銉ラ叄椤㈡鍩€椤掍椒绻嗗ù鐘差儐閻撴洟鎮楅敐鍛暢闁告帊鍗冲Λ浣瑰緞閹邦厾鍙嗗┑鐘绘涧濡瑩藟濠婂懐纾奸柤濂割杺閸ゆ瑦銇勯鈥冲姷妞わ箒灏欓埀顒侇問閸犳牗鏅舵惔銊ョ闁靛繒濮弨浠嬫倵閿濆簼绨介柛鏃撶畱椤啴濡堕崱妤冪憪闂佺厧鍟块悥濂稿箖閻ゎ垬浜归柟鐑樻尵閸樻捇鎮峰⿰鍕煉鐎规洘绮岄埢搴ㄥ箼閸曨厾鈼ら梻濠庡亜濞诧箑顫忔繝姘モ偓鍛存倻閼恒儱鈧敻鏌ㄥ┑鍡欏嚬缂併劋绮欓弻锝夊Χ閸屾矮澹曞┑鐘殿暜缁辨洟宕戦幋锕€纾归柡宓苯鏅犳繝鐢靛У閼瑰墽澹曟繝姘厵闁硅鍔曢悡鎰版煕閻樺啿濮嶉柡灞稿墲瀵板嫮鈧綆浜堕崵瀣渻閵堝啫鍔橀柛銊ょ矙瀵鏁嶉崟顏呭媰闂佸憡鎸嗛埀顒€危閸儲鈷戦悗鍦閸ゆ瑥螖閻樿櫕鍊愰柛鈹垮灪閹棃濡搁妷褏鏉告俊鐐€栫敮鎺椝囬鐐潟闁跨噦鎷� 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柣鎴eГ閸ゅ嫰鏌涢幘鑼槮闁搞劍绻冮妵鍕冀椤愵澀鏉梺閫炲苯澧柛鐔告綑閻g兘濡歌閸嬫挸鈽夊▍顓т簼缁傚秵娼忛妸褏鐦堥梺姹囧灲濞佳冪摥闂備胶枪閿曘倝顢氶鐘愁潟闁圭偓鍓氬ḿ鈺呮煠閸濄儲鏆╅柛妯哄船椤啴濡堕崱妤€顫庢繝娈垮枟閹稿啿鐣峰┑鍡╂僵閺夊牃鏅濋敍婊堟⒑缂佹﹫渚涢柛鐘崇墵瀹曟繈鏁冮崒娑氬幐闁诲繒鍋熼弲顐㈡毄婵$偑浼囬崒婊呯崲闂佸搫鏈惄顖炵嵁濡吋宕夐柣鎴炨缚閳ь剝顕ч—鍐Χ閸℃ḿ鈹涚紓鍌氱С缁舵岸鐛崘鈺冾浄閻庯綆浜滅粣娑欑節閻㈤潧孝闁哥噥鍨堕、鏃堟偄閸忓皷鎷绘繛杈剧秬婵倗娑甸崼鏇熺厱闁挎繂绻掗悾鍨殽閻愯尙绠婚柡浣规崌閺佹捇鏁撻敓锟�
193