PS在网页设计中应用.doc

PS 网页设计教程为网页准备图片, PS 是一个灵活的、富有创造力的软件, 这个教程, 是为了紧接下一步将内容放到网页上或设计有效的网页界面。将谈及使用“存储为 WEB 所用格式”优化网页图片的原则, 学习如何制作动画, 如何为网页设计一张合成图, 其中包括如何为图像翻转和导航设计图片。如何以及为什么要切割图片, 自动从你的图片中制作网站的功能,演示 PS 和三剑客结合使用。在本次课中, 要为你们演示一些你可以在 PS 中为网页制作的东西, 一是为网页优化图片和照片。如何使用“存储为 WEB 所用格式”窗口,将作品优化为 JPEG 图片、 GIF 图片以及 PNG 图片, 准备好放到网页上。所有关于切割的知识, 如何将一张小图片导入 PS , 然后使用多样的模板, 将它转化成一个重复的网页背景, 如何制作一个全屏的背景, 以及如何根据显示器的分辨率也就是你的观众可能会使用的分辨率查阅你的网站, 重置它的尺寸。如何为网站准备好透明图片。由透明像素包围的图片。使得那些透明图片与网页背景平滑的融合在一起。在 PS 中, 并不能使图标动作按钮运作。但可在 PS 中为按钮制作图片。如何使用 PS 的图层复合功能制作图片按钮的一个完整的导航条, 如何使用一个特殊的 PS 脚本从图层复合中导入多个按钮图片。那个是一个 LYNDA 所应用的脚本,可以免费使用。如何使用 PS 的自定义图形工具, 从照片中制作出矢量导航图标。学习为网页准备照片的工作流程。从原始照片开始、重置照片尺寸,为网站锐化照片。如何使用逐帧动画以及自动补间动画制作 GIF 动画。学习一些刺激的自动功能, 包括网上图库。它能够自动从你的图片中制作一个完整的网站的, 还包括 zoomify 功能, 它以让你导出较大的图片, 如全景图, 然后在网上以较高分辨率展示它们。如何使用 PS 中的变理和数据集在网页标语上自动制作多样的变化。如何整合 PS 的网页操作和三剑客。有配套练习文件。按章节整理了练习文件。一共有 14个 PS 新界面: 左边是工具栏、右边是相关颜色图层等面板工具栏点击不放会弹出更多的工具, 想选择其中一个工具, 直接将鼠标移到弹出菜单中对应工具的上面, 然后松手, 现在那工具就是激活的了, 它的选项就会出现在工具选项栏上, 比如裁剪工具里就有切片工具和切片选取工具, CS6 中有了一些新功能, 临时在工具之间切换的能力, 弹簧调节工具功能, 方式是这样的, 每一个工具都有一个快捷键, 例如移动工具的快捷键是 V, 如果按住 V, 并保持住, 那么我就可以暂时切换到移动工具, 那样我就可以点击并拖动文件中一个选中的图层, 然后, 当我松开 V 键,那么就会自动切换回我使用移动工具之前所选中的工具,在这种情况下是切换回切片选取工具, 在苹果电脑中,顶部是快速切换栏,如果是 PC ,快速切换栏中的所有选项都会出现在屏幕中的菜单栏中。快速切换栏是为了让你快速找到那些你经常用到的功能,这里有一个菜单, 可能让你放大(相关工具栏) 、缩小、抓手,旋转视图。多个文件排列窗口,不同布局,同时查看多个文件屏幕模式, 3 种不同的屏幕模式全屏模式,为客户展示你的设计的一个很好的方法,返回常规视窗时,可以直接按 F 键。在 PS 中中一个新的界面功能便是如果你想要给一个网页设计添加不同的图片, 或想要比较多张