| 首页 | IT动态 | 硬件 | 应用 | 互联网 | 网络 | 网站 | 黑客 | 编程 | 数码 | 视频教程 | 游戏 | 休闲 | 软件 | 视频 | IT认证 | 动漫图片 | IT杂谈 | 论坛 | 
Google
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
  • Dreamweaver8搞定“web标准”

  • Dreamweaver临时文件工作方式

  • Dreamweaver制作网页实用七招

  • 修改注册表解决Dreamweaver乱…

  • Dreamweaver MX 2004一句话技…

  • 实战Dreamweaver MX技巧之超…

  • FIF 制作组 Dreamweaver MX …

  • Dreamweaver经典问题大搜罗(…

  • Dreamweaver3 图层应用技巧(…

  • Dreamweaver3 图层应用技巧(…

  • 广 告 位 置
    黄金广告位
    Q
    您现在的位置: 无忧IT人 >> 网站 >> 网页设计 >> FireWork >> 设计实例 >> 文章正文
    Fireworks 绘制Philips手机         
    Fireworks 绘制Philips手机
    作者:51iter 文章来源:www.51iter.com 点击数: 更新时间:2006-11-28
    [ 字体:缩小 正常 放大 | 双击自动滚屏 ]
    请选择合适的字体颜色:

    整理东西的时候翻出前些日子做的philips手机,就搞了个教程发上来了~不足之处多多指教!由于在绘制过程中的步骤太多,而且有些只是简单的调整节点和打孔,所以这里就不一一图例说明,只是加以简单的文字说明!还是那句话,讲的是方法,过程不欢ㄏ嗤?/P>

    Fireworks 绘制Philips<a class='Channel_KeyLink' href='http://www.51iter.com/shouji/baodian/Index.html'>手机</a>

    1 首先以手机的翻盖为基础,画4条辅助线,并以此为基准画一个圆角矩形,矩形圆度设置为30;为了留出手机翻盖的轴部,使圆角一边成为直角(后来发现这一步可以省略),并调整节点使之与辅助线吻合;最后添加水平的线性渐变色:#f3f6f7-#bob3b9;如下图

    Fireworks 绘制Philips<a class='Channel_KeyLink' href='http://www.51iter.com/shouji/baodian/Index.html'>手机</a>

    2 画一个小一点的圆角矩形,圆度为10,颜色 #303169、边为一px,颜色:#cccccc; 放在刚才的图层之上,并调整节点使之如下图;

    Fireworks 绘制Philips<a class='Channel_KeyLink' href='http://www.51iter.com/shouji/baodian/Index.html'>手机</a>

    3 复制上一步的兰色圆角矩形,放到下层,线形渐变色为#9c9ea5 -  #aca899; 并调整节点,使上边与第一个图层一致,选择下面的接点向下移动,使之如下图;

    Fireworks 绘制Philips<a class='Channel_KeyLink' href='http://www.51iter.com/shouji/baodian/Index.html'>手机</a>

    4 这一步制作那个翻盖上面的轴,如下图所示;并添加线形渐变,如图 #6d6a77 #eaeaec  #d3d5d8;

    Fireworks 绘制Philips<a class='Channel_KeyLink' href='http://www.51iter.com/shouji/baodian/Index.html'>手机</a>



    5 这一步制作那个翻盖轴步的高光部分,绘制一个白色的矩形,高为60,宽为8,并调节节点,使之如下图所示,并选择高斯模糊,模糊范围选择1.2,最后复制此图层3次;

    Fireworks 绘制Philips<a class='Channel_KeyLink' href='http://www.51iter.com/shouji/baodian/Index.html'>手机</a>

    6 绘制一条长20的线段,颜色#333333,使之稍有弯曲,如下图;并复制此图,颜色设置为白色,使之与第一条线段相邻,如下图,最后复制图样的两个线段放在轴的另一端,效果如下;

    Fireworks 绘制Philips<a class='Channel_KeyLink' href='http://www.51iter.com/shouji/baodian/Index.html'>手机</a>

    [1] [2] [3] 下一页  

    文章录入:51iter    责任编辑:51iter 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 关于我们 | 友情链接 | 版权申明 |