品牌创意企业推荐 推荐: 网站建设 上海网站建设 上海网页设计 
 
搜索 竞赛 产业 文案 论吧 论坛 酷站 矢量库 图片库 设计网址 作品集> 注册 - 登陆
首 页设计资讯大赛征集平面设计UI设计CG/动画工业设计建筑环境数码影像教程区设计访谈 精品欣赏会员作品集
>> 论坛发布优秀教程申请个人教程专区
推荐:经典素材资源
滚动新闻:[6-10]融于意,形于展!---52design作品集、设计师网上联展!
当前位置: 首页 >> 教程 >> FireWorks教程 >>正文
新年贺礼:利用FW制作百事可乐波浪动画
资讯/教程/作品在线投稿  - 进入素材基地 - 论坛讨论 - 教程
时 间:2007-8-27 14:25:13   作者:   来 源:52design.com   浏览:
分页页码 1 2
    先来看效果演示:


  一、基础图形绘制

  1、新建文档,设置文档大小为400*400, 背景色为“#006699”。

  2、在编辑区绘制一个圆形对象, 在属性面板对其进行相关设置:填充色任意,不和背景恢录纯桑灰璞撸砗透呔栉?00,X和Y均设为50,这样就保证了圆形对象在编辑区的位置居中。

  3、选中圆形对象,按“Ctrl+Shift+D”五次,克隆五个圆形对象,在层面板上暂且隐藏这五个克隆对象。

  4、选择菜单“视图|标尺”(Ctrl+Alt+R)命令,在编辑区的上侧和左侧显示标尺。

  5、选择菜单“视图|辅助线|显示辅助线”(Ctrl+;)命令,在编辑区上允许显示辅助线,以便于我们接下来的操作。

  6、分别从上侧标尺和左侧标尺出拖拽出水平和垂直方向的两条辅助线,使两条辅助线相交于圆心。如果不确定是否相交于圆心,可以分别双击任意一条辅助线,在弹出的“移动引导线”的设置框中将“位置”均设为200,这样配合第2步对圆形对象的大小、位置的数值设定,确。两条辅助线相交于圆心处。


  [注]观察“百事可乐”的图标可以发现,位于图标中间位置的白色波浪图形,并非是高度均一的,而是波峰和波谷的位置白色波浪的高度最高,位于两侧的起点和终点高度最低,这样,接下来我们就先在编辑区拖拽出相关的辅助线,以备接下来的白色波浪图形的绘制工作。

  7、从上侧标尺处依次拖拽出6条辅助线,这样包括先前的经过圆心位置的辅助线,这样,编辑区总共有7条水平方向的辅助线。从上而下,每条辅助线的位置依次为:“155、170、185、200、215、230、245”


  8、在编辑区绘制一个矩形对象,使其左边在圆形对象的左侧,右边与垂直方向的辅助线重合,上边和水平方向的第2条辅助线重合,下边和水平方向的第5条辅助线重合,填充颜色为白色,无描边色,如下图所示。


  9、同时选中编辑区的圆形对象和矩形对象,选择菜单“修改|组合路径|交集”命令。将生成图形对象的填充颜色设为白色。


  10、取消层面板上2个圆形对象的隐藏状态。

  11、参照第8、9步的方法,在垂直辅助线的右侧绘制举行对象,并且和圆形对象进行“组合路径”的操作,得到右侧的图形对象,如图

  12、使用“部分选定”工具,选中左侧白色图形对象由下角的路径节点,按键盘上向下的方向键,向下方将其移动,使其与水平方向的第6 条辅助线相交为止。


  13、参照上一步的操作方法,将右侧白色图形的左上角的路径节点移动到与水平方向的第2条辅助线相交。


  [注] 12、13步的操作,可以在放大编辑区显示视图的状态下进行,这样准确性更高。

  14、同时选定左右两侧的白色图形,选择菜单“修改|组合路径|联合”命令,将两个图形对象联合为一个路径对象。

  15、为了便于操作,按“Ctrl+3”组合键将编辑取视图缩放到“300%”

  16、按下“Alt”键,使用部分选定工具选中白色路径对象左下角的路径节点,向右下方拖动,以对该路径节点的单条路径调解手柄进行调整。本步调整的目的是为了调整右侧的调解手柄,使得节点右侧的路径形状发生预期的变化,所以如果调整的手柄错误的话,可以使用快捷键“Ctrl+Z”进行快速的撤销操作。本步操作如下图所示。


  要使得路径与水平方向的第7条辅助线相切,调整的预期目的和最终效果如下图所示。


本文链接:


分页页码 1 2

52design素材资源库52design图片库52design酷站营

我爱设计网www.52design.com
(在线编辑:morion) 】【打印】【关闭】【设计论坛】【设计师作品集
免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有异议,请联络本站!
转载要求:文章作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站地址,且不准打上各自站点的水印。

经典设计欣赏 设计关键字:VI 新锐 包装 装帧 海报 地产广告 画册 名片 标志 软件界面 ICO 网页
Genevieve Gauckler 平面设计
Geneviev
封面、宣传海报设计
封面、宣传海报设
Marsans Viagens 平面广告设计
Marsans
CelisBernardo 平面设计
CelisBer
Taj Mahal 印度餐厅平面广告
Taj Maha
上品
上品
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站
个性展示 网站教学 工 作 室 学校教育 卡通漫画 文化艺术 体育运动 美容健身 食品饮料
当日文章推荐 查看更多相关内容
FireWorks| Fireworks绘制简洁精致的Rs [8-27]Photoshop| Photoshop实例教程调色练习: [8-27]
海报设计| 封面、宣传海报设计 [8-27]平面设计| Marsans Viagens 平面 [8-27]
平面设计| CelisBernardo 平面设计 [8-27]地产广告| SHOW TOWN-阳光海岸一期 [8-27]
会展| 意大利“行走的艺术”当代艺术设计展前 [8-27]会展| 上海艺术博览会当代国际艺术展发布会在 [8-27]
工业资讯| 设计改变中国——07中国工业设计年会 [8-27]会展| 2007新视角·上海·中日韩新媒体艺 [8-27]
互联网动态| 雅虎空间推三度计算提高用户间关联度 [8-27]互联网动态| 搜狐网站访问量总排名连续两周超越新浪 [8-27]
会员作品集推荐 查看更多推荐会员作品
平面作品 | 插画作品 | 网页作品 | 包装作品 | 软件UI | 室内设计 | 数码摄影作品 | 建筑环境 | 工业设计 | 其他
3D展示排行榜碎布娃娃—10碎布娃娃—9Smelly
干果类降落烟仔卡卡走-迷Divinedoors

数据载入中...
视觉焦点
优秀作品在线投稿
封面、宣传海报设计
封面、宣传海
Marsans Viagens 平面广告设计
Marsan
CelisBernardo 平面设计
CelisB
SHOW TOWN-阳光海岸一期
SHOW T

站点新入
Fireworks教程:绘制性感CG美女教程
Firewo
Fireworks教程:绘制灯泡
Firewo
展区
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站 个性展示 网站教学 工 作 室 学校教育
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站 文化艺术 体育运动 美容健身 食品饮料
网站名称:theodoru
网站地址:http://www.theodoru.com/
加入时间:2008-11-27 15:43:55
网站名称:bohrcafe
网站地址:http://www.bohrcafe.com/
加入时间:2008-11-27 15:43:20
网站名称:e-stradivarius
网站地址:http://www.e-stradivarius.com/
加入时间:2008-11-27 15:42:45
网站名称:toyotasw4
网站地址:http://www.toyotasw4.com.br/
加入时间:2008-11-27 15:39:48
网站名称:travislum
网站地址:http://www.travislum.com/
加入时间:2008-11-27 15:39:09
网站名称:nokia-li
网站地址:http://www.nokia-li.com.cn/ranking/
加入时间:2008-11-27 15:36:28
关于本站 | 联系方式 | 商业服务 | 合作伙伴 | 站点地图 | 免责声明 | 版权声明 | 在线投稿