3帧打造精彩Logo系列教程之二：巧用色相变换做logo
帧打造精彩<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=Logo">Logo</SPAN>系列<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%BD%CC%B3%CC">教程</SPAN>之二：巧用色相变换做logo<BR><BR>1.用fireworks 8.0打开我们事先准备好的88*31的<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%CD%BC%C6%AC">图片</SPAN><BR><BR><IMG alt="" src="http://www.greenstudio.cn/bbs/images/upload/2007/03/30/123513.gif" onload="if(this.width>document.body.clientWidth*0.5) {this.resized=true;this.width=document.body.clientWidth*0.5;this.style.cursor='pointer';} else {this.onclick=null}" border=0><BR><BR>2.选中打开的图片，选择滤镜→调整<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%D1%D5%C9%AB">颜色</SPAN>→色相饱和度<BR><BR><IMG alt="" src="http://www.greenstudio.cn/bbs/images/upload/2007/03/30/123753.gif" onload="if(this.width>document.body.clientWidth*0.5) {this.resized=true;this.width=document.body.clientWidth*0.5;this.style.cursor='pointer';} else {this.onclick=null}" border=0><BR>3.改变图片色相，使其呈现草绿色，<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%C9%E8%D6%C3">设置</SPAN>如下图<BR><BR><IMG alt="" src="http://www.greenstudio.cn/bbs/images/upload/2007/03/30/123611.gif" onload="if(this.width>document.body.clientWidth*0.5) {this.resized=true;this.width=document.body.clientWidth*0.5;this.style.cursor='pointer';} else {this.onclick=null}" border=0><BR>效果图<BR><BR><IMG alt="" src="http://www.greenstudio.cn/bbs/images/upload/2007/03/30/123626.gif" onload="if(this.width>document.body.clientWidth*0.5) {this.resized=true;this.width=document.body.clientWidth*0.5;this.style.cursor='pointer';} else {this.onclick=null}" border=0><BR><BR>4.利用<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%CE%C4%D7%D6">文字</SPAN><SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=%B9%A4%BE%DF">工具</SPAN>，输入网站名称，如下图<BR><BR><IMG alt="" src="http://www.greenstudio.cn/bbs/images/upload/2007/03/30/123659.gif" onload="if(this.width>document.body.clientWidth*0.5) {this.resized=true;this.width=document.body.clientWidth*0.5;this.style.cursor='pointer';} else {this.onclick=null}" border=0><BR><BR>5.新建两帧，复制第一帧到第二、三帧，此时三帧完全一样，下面接着利用滤镜→调整颜色→色相饱和度改变第二和第三帧，实现动画效果；<BR><BR>6.选择第二帧，用选中打开的图片，选择滤镜→调整颜色→色相饱和度，改变图片色相，设置如下图<BR><IMG alt="" src="http://www.greenstudio.cn/bbs/images/upload/2007/03/30/123849.gif" onload="if(this.width>document.body.clientWidth*0.5) {this.resized=true;this.width=document.body.clientWidth*0.5;this.style.cursor='pointer';} else {this.onclick=null}" border=0><BR><BR>得到如下效果<BR><IMG alt="" src="http://www.greenstudio.cn/bbs/images/upload/2007/03/30/125359.gif" onload="if(this.width>document.body.clientWidth*0.5) {this.resized=true;this.width=document.body.clientWidth*0.5;this.style.cursor='pointer';} else {this.onclick=null}" border=0><BR><BR>7.选择第三帧，同样选中打开的图片，选择滤镜→调整颜色→色相饱和度，改变图片色相，设置如下图<BR><BR><IMG alt="" src="http://www.greenstudio.cn/bbs/images/upload/2007/03/30/123938.gif" onload="if(this.width>document.body.clientWidth*0.5) {this.resized=true;this.width=document.body.clientWidth*0.5;this.style.cursor='pointer';} else {this.onclick=null}" border=0><BR><BR>得到如下效果<BR><BR><IMG alt="" src="http://www.greenstudio.cn/bbs/images/upload/2007/03/30/124255.gif" onload="if(this.width>document.body.clientWidth*0.5) {this.resized=true;this.width=document.body.clientWidth*0.5;this.style.cursor='pointer';} else {this.onclick=null}" border=0><BR><BR>到这里我们的三动画就完成了，最终得到动画帧设置如下图<BR><BR><IMG alt="" src="http://www.greenstudio.cn/bbs/images/upload/2007/03/30/124338.gif" onload="if(this.width>document.body.clientWidth*0.5) {this.resized=true;this.width=document.body.clientWidth*0.5;this.style.cursor='pointer';} else {this.onclick=null}" border=0><BR><BR>8.输出动画，得到色相变换的动画<BR><BR><IMG alt="" src="http://www.greenstudio.cn/bbs/images/upload/2007/03/30/124317.gif" onload="if(this.width>document.body.clientWidth*0.5) {this.resized=true;this.width=document.body.clientWidth*0.5;this.style.cursor='pointer';} else {this.onclick=null}" border=0><BR><BR><FONT color=red>本教程由草根站长论坛<A href="http://www.236z.com/">http://www.236z.com/</A>原创，转贴请注明出处，谢谢！</FONT> <P><IMG alt="" src="http://www.236z.com/attachments/20070725_de3e80a03cd8ff70d1c09e18YqFjyLR8.gif" border=0 smilieid="19286"> 好教程！</P> `)MV4H T<P>谢谢分享！！</P> <IMG alt="" src="http://www.236z.com/attachments/20070725_487986aa2550fef52d225k4C50nQRY82.gif" border=0 smilieid="19285"> 谢谢！！
页:
[1]
