ps在网页设计中的应用

《ps在网页设计中的应用》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、PS网页设计教程为网页准备图片，PS是一个灵活的、富有创造力的软件，这个教程，是为了紧接下一步将内容放到网页上或设计有效的网页界面。将谈及使用“存储为WEB所用格式”优化网页图片的原则，学习如何制作动画，如何为网页设计一张合成图，其中包括如何为图像翻转和导航设计图片。如何以及为什么要切割图片，自动从你的图片中制作网站的功能，演示PS和三剑客结合使用。在本次课中，要为你们演示一些你可以在PS中为网页制作的东西，一是为网页优化图片和照片。如何使用“存储为WEB所用格式”窗口，将作品优化为JPEG图片、GIF图片以及PNG图片，准备好放到网页上。

2、所有关于切割的知识，如何将一张小图片导入PS，然后使用多样的模板，将它转化成一个重复的网页背景，如何制作一个全屏的背景，以及如何根据显示器的分辨率也就是你的观众可能会使用的分辨率查阅你的网站，重置它的尺寸。如何为网站准备好透明图片。由透明像素包围的图片。使得那些透明图片与网页背景平滑的融合在一起。在PS中，并不能使图标动作按钮运作。但可在PS中为按钮制作图片。如何使用PS的图层复合功能制作图片按钮的一个完整的导航条，如何使用一个特殊的PS脚本从图层复合中导入多个按钮图片。那个是一个LYNDA所应用的脚本，可以免费使用。如何使用PS的自定义图

3、形工具，从照片中制作出矢量导航图标。学习为网页准备照片的工作流程。从原始照片开始、重置照片尺寸，为网站锐化照片。如何使用逐帧动画以及自动补间动画制作GIF动画。学习一些刺激的自动功能，包括网上图库。它能够自动从你的图片中制作一个完整的网站的，还包括zoomify功能，它以让你导出较大的图片，如全景图，然后在网上以较高分辨率展示它们。如何使用PS中的变理和数据集在网页标语上自动制作多样的变化。如何整合PS的网页操作和三剑客。有配套练习文件。按章节整理了练习文件。一共有14个PS新界面：左边是工具栏、右边是相关颜色图层等面板工具栏点击不放会弹出

4、更多的工具，想选择其中一个工具，直接将鼠标移到弹出菜单中对应工具的上面，然后松手，现在那工具就是激活的了，它的选项就会出现在工具选项栏上，比如裁剪工具里就有切片工具和切片选取工具，CS6中有了一些新功能，临时在工具之间切换的能力，弹簧调节工具功能，方式是这样的，每一个工具都有一个快捷键，例如移动工具的快捷键是V，如果按住V，并保持住，那么我就可以暂时切换到移动工具，那样我就可以点击并拖动文件中一个选中的图层，然后，当我松开V键，那么就会自动切换回我使用移动工具之前所选中的工具，在这种情况下是切换回切片选取工具，在苹果电脑中，顶部是快速切换栏

5、，如果是PC，快速切换栏中的所有选项都会出现在屏幕中的菜单栏中。快速切换栏是为了让你快速找到那些你经常用到的功能，这里有一个菜单，可能让你放大（相关工具栏）、缩小、抓手，旋转视图。多个文件排列窗口，不同布局，同时查看多个文件屏幕模式，3种不同的屏幕模式全屏模式，为客户展示你的设计的一个很好的方法，返回常规视窗时，可以直接按F键。在PS中中一个新的界面功能便是如果你想要给一个网页设计添加不同的图片，或想要比较多张图片以找出最合适的一张用于这个设计，在PS中，多个文件的运作方式和单个文件运作不同，当在你PS中打开多个文件的时候，会以横排列表出现

6、，除了点击外，还可以使用快捷键来打开它们：ctrl+tab往一个方向，shift+ctrl+tab又是另一个方向。同时查看多个文件:整理文件（窗口－排列）同时比较两张图片：同一比例同时查看图片中的某个人物（窗口－排列－匹配缩放、匹配位置，或者全部匹配），可以非常方便的对比图片。在排列中还可以随时移动图片，非常方便图片的组合。在单一窗口中也可直接拖动图片到另一个标签中。新的标签文件使得追踪所有打开的图片变得前所未有的简单。这样比拖动窗口进行浮动好得多。标签文件的使用，使得在CS中进行网页设计时操作更顺心。PS面板中包含了很多当你进行网页设计的

7、时候用到的面板，一般来说很少需要一直用到所有的面板。因此建议自定义面板布局。可以将那些最常用到的控制整理到触手可及的地方，而不要多余的面板占用宝贵的屏幕空间。默认面板是按分组整理的，而如果你点击分组中的任意一个面板标签，展开和收拢面板。收拢会成为一组标签，可点击需要使用的一个。收拢面板后，如果还需要更多的操作空间，还可以再往右边拖动，就可以将列表缩小成只剩下图标。可以通过面板菜单关闭面板操作。通过窗口可以重新打关闭的窗口，可以关闭整个选项组。在面板条上空白处右单击，可以选择最小化或者展开面板。面板之间的组合可以通过拖动来实现。比如把图层、历

8、史记录和图层复合放在一起，图层复合通常是跟图层面板结合使用的。把图层复合面板放在图层、历史记录的下面。就组合成一个新的面板，可以拖动到处移动。可以点击右上角的复位基本功能恢复所有