七彩课堂[网页设计教程系列]
如何使用软件快速设计网页
  在信息化时代,许多人都在网站上拥有了自己的“家园”,不过仅仅拥有是不够的,如何让家园打扮得更靓丽一点,以便让更多的访问者“驻足停留”,才是“家园园主”们最为关心的,于是他们挖空心思、想尽办法来将家园设计得更漂亮和美丽!无奈,不少家园园主有这份心思,却没有这个能力来装扮网上家园,究其原因,原来他们既不是什么网络大虾,也不是网页设计的行家,让这些人设计出令人耳目一新的网页出来确实是有点勉为其难了;不过现在有了专业设计软件的帮忙,这些园主们自行装扮网页的愿望也就得以实现了!这不,笔者下面就用Buttonz!来设计网页按钮为例,来介绍如何使用软件快速设计网页!
   Buttonz!软件是一款免费工具,其最新版本为1.0;从网上将它下载下来后,需要使用解压工具将其进行解压,然后才能进行安装;而且该软件的安装工作也是非常人性化的,即使是初学用户也能在很短的时间内轻松完成程序的安装工作。Buttonz!使用非常简单,只需移动各项所需的尺寸、颜色滑杆,加上文字、即可立即完成。而且利用它不但可以快速地创建出单个按钮,还能成组地创建出同一风格的多个按钮。此外该程序还有Smart Jepg的图象压缩功能,可将Jepg格式的图象进行压缩。
  1、选择形状
   在主操作界面右边的shape工具栏条中,我们可以看到有十种按钮形状可供选择;大家可以根据制作的需要,用鼠标单击需要的形状后,该形状的图案就自动出现在编辑区域中;在这里,笔者选择了矩形按钮外形;
   2、调整外形
   选择了需要的按钮形状后,我们还必须按照自己的尺寸以及网页的要求,来调整按钮外形效果。调整效果时,大家可以用鼠标移动对应Width、Height、Inner Luminance、Bevel Width、Bevel opacity、Relative Offset标尺上的滑动按钮,这样大家可以分别设置好按钮的宽度尺寸、高度尺寸、内部亮度、倒角宽度、倒角透明度以及相对偏移量等;
   3、设置颜色
   用鼠标单击主界面中的Bevel colors、Bevel Opacity、Canvas color、Blank color设置栏处的颜色设置按钮,在随后打开的颜色属性设置框中,分别设置按钮的倒角、画布、背景等色彩,要是大家使用双重倒角时,必须选中其中的Double Bevel复选项;
   4、设置光源
   为了使按钮达到一种光源投射的效果,大家可以在主操作界面的Lighting设置项中,选择一个合适的光源投射方向,程序提供了八种投射方向,大家可以根据网页的整体设计来选择合适的一种,而程序在缺省状态下,将沿着西南方向投射;在具体选择光源投射方向时,只需要用鼠标单击对应位置处的单选框就可以了;
   5、选择倒角样式
   如果我们在上面的步骤中,采用倒角时,就可以在Bevel style设置栏处,给倒角选择一个合适的倒角样式;单击主操作界面中的Bevel style按钮后,程序会弹出一个如图2所示的快捷菜单,从该菜单中,我们可以看出程序提供了三种倒角样式,它们分别是Solid、Smooth以及Gradient,其中Solid样式将达到一种生硬过度的效果,Smooth样式将使倒角变得很平滑,而Gradient则能达到一种简编效果,单击需要的样式,在编辑区域中,就能立即看到相应的倒角效果;
信息推荐
资讯中心 | 电子商务 | 搜索营销 | 设计学院 | 中医养生 | 养生保健 | 节日祝福 | 民俗文化 | 奇闻趣事
建站知识 | 人世百态 | 网站导航 | 传统节日 | 搜索热点 | 星座运势 | 趣闻轶事 | 祝福的话 | 短信大全
© 2023 QicaiSpace.Com