第6章_动态网页效果图设计利器Photoshop和Fireworks教程

《第6章_动态网页效果图设计利器Photoshop和Fireworks教程》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、动态网页设计教程——美工与技术徐延章编著第6章动态网页效果图设计利器——PhotoshopCS5与FireworksCS5第6章动态网页效果图设计利器——PhotoshopCS5与FireworksCS5AdobePhotoshop是功能强大的图像处理软件，是设计网页效果图的首选软件。本章采用PhotoshopCS5作为网页效果图设计的软件，采用FireworksCS5对网页效果图进行优化与切片处理。动态网页设计教程——美工与技术机械工业出版社www.themegallery.comCompanyLogo第6章动态网页效果图设计利器——Pho

2、toshopCS5与FireworksCS5动态网页设计教程——美工与技术机械工业出版社6.1网页标志设计16.2主页效果图设计26.3内页效果图设计36.4FireworksCS5网页图像切片制作4www.themegallery.comCompanyLogo6.1网页标志设计标志设计一直是企业形象设计的基础和最直接的表现形式，其重要性是不言而喻的，网页标志（LOGO）的设计同样非常重要。网站标志（LOGO）是网站的“名片”，是网站形象的重要体现。动态网页设计教程——美工与技术机械工业出版社www.themegallery.comCompa

3、nyLogo6.1.1网页标志设计的技术要求应按照固定的尺寸与规格，关于网页的LOGO，目前有国际标准规范：网页LOGO大小规定为88×31像素，而企业或者组织的LOGO通常不限定。动态网页设计教程——美工与技术机械工业出版社www.themegallery.comCompanyLogo6.1.2网页标志设计的艺术创意作为具有传媒特性的LOGO，为了在最有效的空间内实现所有的视觉识别功能，一般是通过特征图案及特征文字的组合，达到对被标识体的出示、说明、沟通、交流从而引导受众的兴趣、达到增强美誉、记忆等目的。表现形式的组合方式一般分为特征图案，

4、特征字体，合成字体。领跑者网页标志的设计本着“领跑”的含义，采用图形与文字相结合的方式，使用文字L的造型，牵动ITTC（ITTrainingCenter），字母“L”即“领”字的第一个字母来设计，展示领跑者的形象，色彩采用蓝色和橙色相对比的方式，体现科技色彩。动态网页设计教程——美工与技术机械工业出版社www.themegallery.comCompanyLogo6.1.3PhotoshopCS5界面介绍PhotoshopCS5是由美工Adobe公司推出的目前世界上最著名、使用最广泛的平面图像处理软件之一。它对图像有着非凡的装饰、编辑、加工制

5、作能力，是在广告制作、图像修改编辑中可以缺少的重要工具。本书采用PhotoshopCS5进行网页效果图设计。PhotoshopCS5软件窗口由标题栏、菜单栏、工具选项栏、工具箱、浮动控制面板、状态栏、收缩型控制面板等组成。动态网页设计教程——美工与技术机械工业出版社www.themegallery.comCompanyLogo6.1.3PhotoshopCS5界面介绍动态网页设计教程——美工与技术机械工业出版社www.themegallery.comCompanyLogo6.1.3PhotoshopCS5界面介绍动态网页设计教程——美工与技术

6、机械工业出版社www.themegallery.comCompanyLogo6.1.4网页标志设计过程1.新建文件启动PhotoshopCS5，选择菜单“文件

7、新建”命令，设置文件大小为850*230（宽度*高度），分辨率72像素/英寸（dpi），色彩模式为RGB，背景颜色为白色，文件名称为领跑者LOGO。动态网页设计教程——美工与技术机械工业出版社www.themegallery.comCompanyLogo6.1.4网页标志设计过程2.创建图层单击图层面板右下角的创建新图层按钮，创建“图层1”，我们可以双击“图层1”文字，修改为“标志图形

8、”。动态网页设计教程——美工与技术机械工业出版社www.themegallery.comCompanyLogo6.1.4网页标志设计过程3.钢笔勾画标志造型使用工具箱中的钢笔工具，设置属性为路径方式，按如图所示锚点连续单击鼠标，用钢笔工具勾勒出背景的基本形状，到最后一个节点时单击第一个锚点，实现封闭路径。动态网页设计教程——美工与技术机械工业出版社www.themegallery.comCompanyLogo6.1.4网页标志设计过程3.钢笔勾画标志造型按住钢笔工具，在弹出的工具组中选择转换点工具，如图所示，单击路径上的锚点，然后按住鼠标拖曳

9、，可以对路径锚点类型的调整，拖动控制柄使曲线变得圆滑。动态网页设计教程——美工与技术机械工业出版社www.themegallery.comCompanyLogo6.