论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

有关网站后台界面设计的流程

文章类别:Fireworks | 发表日期:2009-8-14 8:49:15

有关网站后台界面设计的流程

这次整理的一个网站后台设计的大概流程(没有进行美化,只是一个简单的流程)

1、先用钢笔画出形状,如图:
2、用“部分选定”工具对刚才画出的路径进行调整,如图:
3、给调整好的路径上色,如图:
4、复制刚才制作好的路径,进行调整,这里我复制了两个,呵呵,自由发挥吧,如图:
5、用“直线工具”画两条白色的斜线,笔尖大小自己调整一下,然后设置透明度,如图:
6、画一个圆形,设置成白色羽化30,如图:
7、再画一个大点圆,设置成白色羽化88,如图:
8、画圆,设置成白色消除锯齿白色,然后把它放到左上角的部分,设置透明度30,如图:
9、画上自己的LOGO吧,这里只是简单的写了几个字,呵呵,如图:
10、画一个栏目条,记得前几天做了一个栏目条的效果教程,大家有不会弄的可以去看一下,这里要说的是,制作好后把它放到我们上面做的所有层的下方,如图:
11、画好按钮,这里也不再说了,经典里的按钮教程,多的到了“低头不见抬头见”的地步了,嘿嘿,如图:
12、好了,上面部分已经做完了,下面我们来做左栏部分,首先让我们来先画一个矩形,大小自己看着定吧(记得把它放到我们上面做的所有层的下方),如图:
13、最后就是画出栏目框了,这个框其实并没有什么高技术性可言,很简单的,如图:

 

 

 

视频教程列表
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058