网页设计与ImageReady的应用.pptVIP

网页设计与ImageReady的应用 教学目标 网页设计已经逐渐成为一个热门的话题，而Photoshop又是设计页面的重要工具。通过前面的学习，相信大家利用Photoshop来制作网页的页面已经不是什么问题了，本章的主要目标是讲解如何切片和优化网页图片，以及如何制作Web画廊和GIF动画等。 重点与难点 ◆ 图像的切片与优化 ◆ 熟悉ImageReady，初步掌握制作动画的方法 ◆ GIF动画制作 ◆ Web页的输出 11.1 利用Photoshop制作个人主页 本节利用Photoshop，制作一个介绍图形图像的个人主页。在实例中，主色调选用了蓝色，蓝色能给人一种平静、理智、永恒、博大的感觉。同时，运用白色、蓝色和其它颜色的搭配，使网页显得典雅、温馨。 11.1.1?设计标题栏 创建新的图像文件 启动Photoshop，执行【文件】｜【新建】命令，创建一个新的图像文件，如图所示。设置完后，单击【好】按钮。 创建参考线 执行【图层】｜【新建】｜【图层组】命令，弹出【新图层组】对话框，设置【名称】为“title”，如图所示。 单击【好】按钮。在【图层】面板中，新增【图层1】，选择工具箱中的【矩形选框工具】，在【选项】栏中设置【样式】为【固定大小】，【宽度】为“770像素”，【高度】为“100像素”，在【图层1】中创建一个选区，如图所示。 按