关于PS毕业论文

1、Photoshop在网站建设中的应用摘要毋庸置疑，Internet的作用在今天显得越来越重要，网站的数量和规模发展 迅猛。在Internet的早期，网站只能保存单纯的文本。经过几年的发展，图像、 声音、图片、动画、视频，甚至3D技术开始Internet上流行，网站也发展成为 我们今天看到的图文并茂的样子。在制作网站过程中Photoshop是必不可少的网页图像处理软件。网站界面设计虽然可以用Dreamweaver和Frontpage等网页创作工具来完成，但是最自由和艺术化的创作方式，还是使用Photoshop这样的专业图像处理软件。Photoshop的功能及其强大，在图像、图形、文字、 视频、出

2、版等方面都有涉及。制作完整体界面效果后，再进行优化和切片，以 达到更好的网页浏览效果。良好的运用Photoshop能在网站开发及后期发展中起到很重大的作用。关键词Photoshop；网站；设计目录摘要 1关键词 1Abstract 1引言 11. Photoshop 的发展历史 11.1 Photoshop的开发 11.2 Photoshop的功能特色 21.3 Photoshop的应用领域 42. Photoshop 在网站中的应用 52.1 网站的规划 52.2 内容的采集 52.3 Photoshop在网站开发中的应用 52.4 Photoshop在网站后期的应用 103. 结束语 10

3、附录 10参考文献 14引言Internet 是强有力的工具，能以低代价却很方便的把产品和服务信息传遍 世界的每个角落。全世界所有客户都能够通过网站，了解信息。不管网站怎么发 展，让客户方便快捷得找到所需要的信息都是最重要的。因此一个网站信息分布式很重要的，这就需要在网站开发中进行设计。我所实习的网络公司是运营电子商务的。随着网购的流行，电子商务是未来经济发展的大趋势，电子商务类网站也因此蓬勃发展。设计一个电子商务类网站 更加需要Photoshop技术的支持。电子商务类网站需要提供更多的图片信息，要 让客户迅速找到所需产品，并能与相似产品进行比较，选出最满意的商品。这需 要对网站的良好布局，通

4、过文字和图形的空间结合，表达出和谐和美。1 Photoshop的发展历史1.1 Photoshop 的开发Photoshop是Adobe公司旗下最为出名的图像处理软件之一。多年来以其优异的品质和强大的功能成为业界标准，是平面设计开发人员的必备工具，也是 web开发等电脑应用的必备软件。1.1.1 Photoshop的开发及版本1986年，密歇根州大学的一个研究生 Thoma斓制了一个程序Display ,能 在MacintoshPlus上显示灰阶图像。之后与他兄长一起开发了早期的 Photoshop 软件。此后的一年多里，Display不断修改成为一个功能更强大的图像编辑程序。 在一个展会上有

5、人建议把程序改名为 Photoshop。此时的Photoshop已经具有色 彩平衡，饱和度等调整了。此外他的兄弟写了一些程序后来成为插件（Plug-in ）的基础。之后他们寻找买家，包括 SuperMac和Aldus,但都没成功。1988年， 与Adobe签署授权销售协议，但这仅仅是获得发行权，而不是买断所有版权。1990 年Photoshop版本1.0.7正式发行。之后 Adobe开始着手开发适用于 Windows 平台的版本，正式版本编号2.5,增加了调色板和16位文件支持。版本3.0增 加了一个重要的新功能一一层。版本4.0主要是改进了用户界面，与Adobe的其 他产品统一化。这是 Ad

6、obe意识到Photoshop的重要性，1995年买断所有权。 版本5.0引入了历史记录的概念，并增加了色彩管理的功能，这是 Photoshop 历史上的已达改进，在业界引起很大的反响。之后一年发行了版本5.5,主要增加了支持 Webft能和imageReady2.0。2000年推出的6.0版本改进了其他 Adobe 工具交换的流畅。2003年的版本7.0增加的Healing Brush修复画笔和一些基 本的数码相机功能如文件浏览器，是一项非常重大的改进。之后的的版本8.0的改成为Photoshop Creative Suite 。 Photoshop CS为数码相机开发了更多的 新功能，如智

7、能调节亮度，镜头修正等。9.0则变成CS2 10.0变成CS3,11.0变成CS4也就是最新的版本。Adobe Photoshop CS4拥有一百多项创新，特别 注重简化工作流程，提高设计效率，支持基于内容的智能缩放，支持 65为操作 系统、更大容量内存。1.1.2 Photoshop的开发平台Photoshop最初的应用平台是 Macintosh麦金塔。1985年苹果公司率先推出 图形界面的Macintosh麦金塔系列电脑。当时的 Thomas迷上了个人电脑，他发 现当时的苹果电脑无法显示带灰度的黑白图像，因此加以研究。随着 Windows 的流行应用，版本2.0之后Adobe开始开发支持

8、Windows版本，代号为Brimstone, 而Macdonald版本为Merlin 。当时Photoshop在Mac版本上以能大大超越对手， 但是在Windows上的版本则需要经过一段时间改进后才能赶上对手。1.2 Photoshop的功能特色1.2.1 Photoshop 的功能Photoshop功能丰富实用，界面简洁，集成化程度高。与 ImageReady 2.0 相结合，提高了对web的支持能力，不断开发的新功能更是充分激发创作者的想 象力。Photoshop可分为图像编辑、图像合成、校色调色及特效制作部分。图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、 倾斜、镜

9、像、透视等。也可以进行复制、去除斑点、修补、修饰图像的残损等。 这在婚纱摄影、广告制作、人像照片处理制作中有非常大的用场，去除人像上的不满意部分，进行美化加工，得到让人非常满意的结果。图像合成则是将几幅图像通过图层操作、 工具应用完成的，传达明确意义的 图像，这是美术设计的必经之路。Photoshop提供的绘图工具让外来图像与创意 很好的融合，使图像的合成天衣无缝、校色调色是Photoshop中深具威力的功能之一，可方便快捷地对图像的颜色 进行明暗、色调的调整和校正，也可在不同颜色进行切换以满足图像在不同领域 如网页设计、印刷、多媒体等方面反应。特效制作在Photoshop中主要是通过滤镜、通

10、道及工具综合应用完成。包裹 图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美 术技巧都可以借由photoshop特效完成。而各种特效字的制作更是很多美术设计 师热衷于Photoshop研究的原因。1.2.2 常用工具Photoshop的常用工具主要有选取工具，用于选取图像的某个部分。模糊工具，对图像进行模糊虚化，也可以采用羽化或者滤镜中的模糊工具进行。锐化和减淡工具，对图像进行适当调整。橡皮图章工具，用于修改或弥补缺陷。编辑更 改图像颜色最主要是进行亮度/对比度，色相/饱和度，色彩平衡和曲线，其次还 可以运用自动对比度、自动色阶进行调节。滤镜的功能很强大，能进行特效处理。

11、 滤镜中最常用的是模糊滤镜工具、锐化滤镜工具、各种风格化滤镜工具、各种苏 彪效果滤镜工具和各种艺术化滤镜工具。1.2.3 与其他相似软件相比的优势图像处理的软件很多，除了 Photoshop外，常用的还有Fireworks .AutoCAD) CorelDRAW Painter ,川ustrator , Pagemaker; InDesign。Photoshop用途比较广泛，主要是图片的处理，图片效果的制作。川ustrator , CorelDRAW InDesign , Pagemake咻，这些都是用于制作矢 量图的。CorelDRAW在矢量领域占有一席之地，其强大的实力和Adobe的产品在

12、平面 设计领域共享盛誉，主要是用于排版的，文字排版功能比Photoshop强大，可以 用来设计名片，宣传单，海报，画册，报纸等。川ustrator 与 CorelDRAW比较相似，操作起来有点像Photoshop和CorelDRAW祢合体。它与Photoshop配合有很大的又是，适合用于任何小型设 计到大兴的复杂项目。InDesign是后起之秀，与 Photoshop和川ustrator同样是 ADOB公司推出的，是一款功能非常强大的排版软件。Pagemaker主要用于排书刊，现在已经停止开发。Painter同样是Corel公司出品的专业突袭那个创建软件， 它完全模拟了现 实中作画的自然绘图工

13、具和纸张效果， 并提供电脑作画的特有工具。他是一个非 常理想的图像笔记和绘画工具。Painter绘画比较方便，而Photoshop做图比较 方便，两者的功能特色是有所不同的。AutoCAD是一款专业制图软件，绘制的平面图是矢量的，能严格反映我们所 画实物的尺寸比例，特别是在机械设计中要求更严格。AutoCAD经常被用于画零件图，电路图，房屋设计等等机械，电器，建筑等领域，常常与 Photoshop结合 使用。Fireworks是主要面向网络应用的，侧重网页图像处理，是网页三剑客中辅 助制作网页的，可以制作动态效果。虽然Photoshop也能制作动态的图片，但是 需要切换到ImageReady中

14、进行制作。Photoshop和Fireworks功能上很相似， 各自都有各自的优势。Photoshop的设计初衷是用于传统平面图像出版，在平面 设计方面有很大的优势，可以兼做网页。在色彩上， Photoshop的色彩管理及功 能几乎是无懈可击的，它囊括了全部专业需求，再加上“通道”，是Photoshop 无可比拟。相比较Fireworks由于对网络的特殊考虑，大大简化了色彩管理过程， 只提供了 “遮罩"。Photoshop的滤镜的功能是非常丰富强大的，即使不精通 Photoshop也可以通过滤镜制作出不可思议的艺术品。虽然 Fireworks能借用 Photoshop的滤镜，但是在运

15、用上并不如 Photoshop那样顺畅，制作的特效远远 不及Photoshop。Photoshop强大的位图处理能力、专业的色彩管理以及长期形 成的各种软件对其的支持是其它软件无法比拟的。而Fireworks从出生就是为了 网络图形服务，其轻巧、方便，以及网络功能的完善则是独一无二的。1.3 Photoshop的应用领域Photoshop不仅是一个很好的图像编辑软件，它的应用领域还很广泛，在图 像、图形、文字、视频、出版各方面都有涉及。Photoshop在平面设计、修复照片、广告摄影、影响创意、艺术文字、网页 制作、建筑效果图后期修复、绘图、绘制或处理三维贴图、婚纱照片设计、视觉 创意、图标制

16、作、界面设计中都有很广泛的应用。平面设计师是Photoshop中应用最广泛的领域，无论是我们正在阅读的图书 封面，还是在大街上看到的招贴、海报，这些都是具有丰富图像的平面印刷，基 本上都需要Photoshop软件对图像进行处理。修复照片，利用Photoshop强大的图像修复功能，可以快速修复破损的老照 片，还可以修复照片上的斑点，以及人物的红眼等缺陷。广告摄影作为一种对视觉要求非常严格的工作，其最终成品往往要经过 Photoshop的修改才能得到满意的效果。影像创意是Photoshop的特长，通过Photoshop的处理能将不同的对象组合 在一起。利用Photoshop可以使文字发生各种各样的

17、变化，病利用这些艺术化处理后 的文字为图像增加效果。随着网络的普及，Photoshop成为制作网页时必不可少的图像处理软件，更 多的人学习和掌握Photoshop。在制作建筑效果图时，人物与配景包括场景的颜色常常需要在 Photoshop中 增加并调整。由于Photoshop具有良好的绘画和调色功能，许多插画设计制作者往往使用 铅笔绘制草图，然后用Photoshop天色的方法来绘制插画。除此以外，近些年来 非常流行的像素画也多为设计师运用 Photoshop的创作作品。利用Photoshop可以制作出在三维软件中无法得到的合适的材质，起到很好 的渲染效果。当前很多影楼都使用Photoshop设

18、计婚纱照片，通过Photoshop的设计能是 婚纱照片更加唯美，也使得婚纱照片设计的处理成为一个新兴的行业。视觉创意与设计师设计艺术的一个分支，此类设计通常没有明显的商业目 的，但由于它为广大设计爱好者提供了广阔的设计空间，因此越来越多的设计爱好者从学习Photoshop开始，病进行具有个人特色与风格的视觉创意。图标制作也是Photoshop的一个应用领域，虽然感觉上有点大材小用，但是 用Photoshop制作的图标的确非常精美。界面设计师一个新兴的领域，已经收到越来越多的软件企业以及开发者的重 视，虽然暂时还未成为一种全新职业，但相信不久一定能够会出现专业的界面设 计职业。而Photosho

19、p在现实中海不止这些应用，目前在影视后期制作及二维动画制 作中，Photoshop也有所应用。2 Photoshop在网站开发中的应用2.1 网站的规划在设计制作网站之前，首先要给网站一个准确的定位。企业网站、新闻网站、 综合服务类网站、文化教育类网站、电子商务类网站、个人网站，各个网站的风 格、细节都是不一样的，所以首先要确定网站类型。以我所在的公司为例，这是 个B2c网站。制作这样一个B2c的电子商务类网站，包括产品展示、用户管理、 购物车、新闻发布、论坛、邮件群发、团购通道等等一些 B2c必备的功能。之后 就可以确定主题与设计风格，各个页面的风格要统一，整体性要强。2.2 内容的采集用P

20、hotoshop设计网站初期布局也是需要采集内容的，只有了解一个网站所 要包含的内容，才能更好的设计出合理布局的网站， 更准确的反应网站未来的样 子。采集内容必须与标题相符，在采集内容的过程中，应注重特色。主页中的特 色应该更突出网站的个性，特别是制作电子商务类网站要设置栏目， 让人根据产 品分类，找到所需要的产品，而重点栏目要能直接从首页到达， 保证用各种浏览 器都能看到主页最好的效果，这些就需要制作网页的人员去考虑了。2.3 Photoshop在网站开发中的应用以制作我所在的公司的网站首页为例首先要明白运用Photoshop设计的网是各个网页的整体效果呈现。第一次制作对这一个空白的页面有点

21、无从下手，后来找了一个同类网站截一个图，放在最底层作为草图。网站制作中对图片的精准 度要求很重要，图片过大会被压缩扭曲，导致图片不清晰，太小会显得不美观。先要拉三根垂直辅助线：左边线，中间虚线位置，右边线。然后建立头、中、底三个图层组。建立图层组的是很重要的的，以前制作图片没有多少层，因此也 不回建立图层组，但是制作一个页面会有很多层，如果都放在一起，杂乱无章， 也影响工作效率。制作的时候最好尽量把文字内容也放上去， 这是我们公司的一 位美工教的，说这样可以更接近网页呈现的效果。一个网页由若干部分组成，如 LOGO标题栏，广告栏，文字等，如果放在 同一个文件里面会有非常多的图层，可以先制作好各

22、个部分，然后组合到一起。 在主页设计时应考虑到：“图片”适当地插入网页中可以起到画龙点睛的作用；“文字”与“背景”的合理搭配，这样可以使文字更加醒目和突出。2.3.1 网站LOGO勺设计LOGCK计是品牌形象设计的核心因素，已经成为企业品牌策划的热点。拥 有一款优秀的LOGO可以使品牌视觉形象如虎添翼，加快企业的发展步伐。网站LOGO勺出现和丰富与网络发展紧密相连。网站LOGOI含着网络文化与 计算机文化内涵。LOGOS计往往是非常复杂的，空间感，色彩的调整，各个元 素的协调，等等，其工作量丝毫不亚于传统设计， 而且只有真正掌握了矛盾与协 调的统一性，我们才有资格说到设计，才有资格说登堂入室。

23、一个网站的 LOGO 不仅要美观还要传达一定意思，例如一个电子商务类网站，从LOGOt传达信息， 让人能更快了解这是个怎样的网站，销售怎样的东西。我们公司的网站除了这也上的LOGOZ外，还有各个分域名也有各自的LOGO 不同页面的LOGOS包含自己的名称和网址。起初制作的时候色调上搭配很不协 调，放到网页中显得很突兀。而且我们网站的 LOGO1橘红色的，因为注册的关 系是不能乱改的，要想让其他信息跟橘红色不冲突， 我想只能用橘红色，但是如 果整体呈现这种颜色是很不显眼的。 后来突然先到后面的文字用黑色，但是部分 笔画用橘红色，这样即没有改变原来的 LOGO又达到了协调的目的。韩格尔lOOfod

24、luii除了网站LOG2外，我还要设计品牌LOG/为按钮，让客户通过LOGO1 接到相应品牌的网站上。LOG破计要多做多想，只要有想法，都可以先做出来， 看看实际的效果。（第一次设计）为岫雀韩格尔H Ey“曾”品牌商眩-（最终效果）2.3.2 标题栏的设计和制作一个版面除了头、底要特别制作外，中间部分应该考虑制作三种标题样式： 左栏、右栏、通栏，也可以统一风格。还要考虑表头背景、一些常用到的边框等。 一个B2c网站通常通栏用来展示热销的商品、 新上市的商品及推荐的产品。我们 公司左栏放置品牌通道，可以通过品牌通道迅速到达二级域名。右栏用于部分商 品讯息展示。在制作标题栏的时候，放个简单的小按钮

25、会更加增色。制作标题栏 最好将其设计成立体效果。我在制作中经常运用渐变色的填充已达到立体的效 果。标题栏不一定要长方形的一条，可以再标题栏上制作出一个小关卡来防止该 栏的名称，这就看制作中的创意设计了。2.3.3 图片的处理网站不能只用文字，那是枯燥乏味的，必须在页面上适当地添加一些图片， 增加可看性。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大 小，另外，网页中最好对图片添加注解，当图片的下载速度较慢，在没有显示出 来时注解有助于让浏览者知道这是关于什么的图片，是否需要等待，是否可以单击，特别考虑到纯文本浏览者浏览的方便， 很有必要为图片添加一个注解。 这是 一个小地方，却能体

26、现一个网页的制作水准。根据网站的需要，图像处理可能很简单，如把一幅图像裁剪为合适的尺寸或 在一幅图像上叠加文字等。商品的图片最重要的是突出商品，因此需要对图片 明暗进行调整，压缩图片的大小，尽量减少对网页传输速度的影响； 图像处理也 可能很复杂，如把多个图像素材剪接、合并到一幅图像中。通常处理图像操作包 括的以下几个步骤：1 .确定图像主题及构图图像的设计和处理都是围绕着主题进行的， 因此必须首先确定主题和目 标。如制作品牌介绍的图片，需要将品牌放在显眼位置，放上品牌商品。2 .确定图片的尺寸及背景根据设计目标，确定图像的图纸大小。可以根据基本图像素材重采样或 裁剪、放大到合适的尺寸。背景可以

27、单色填充，渐变填充或者图案填充。添加 了背景的图片是锦上添花的。背景可以在设计好风格的时候设置， 也可以再整天 设计完成后根据整体设计放置背景。 上网的时候经常看到漂亮的图片素材， 我都 会保存下来，以备以后设计之用。3 .获取基本的数字图像素材打开需要处理的图像素材。根据需要，有可能要准备多幅图像素材。图像尺寸要基本与需要相符或稍大一些。4 .素材的处理首先在各基本素材图像中定义所需素材的选择区， 把各种素材从基本素材图 像中“抠出”。色彩对比强烈的图片可以快速的用魔棒抠出来，除此之外还有很多方法，如抽出，通道抠图等。将素材置于基图的不同图层当中。然后确定各个 素材的大小、显示位置、显示顺序

28、。这些步骤需要反复操作才能达到较理想的构 图效果。5 .文字的生成如果设计中需要绘制一部分图，或叠加文字，绘制的图及文字都可分别生成 新的图层，便于对各图层进行编辑及调整图层间的前后关系， 而且各个图层在基 图中的位置也可随意调整以达到设计要求。6 .各对象的处理及整体效果调整首先将暂时不处理的图层隐藏，在编辑窗口中仅露出当前需编辑的图层。 对 图层中图像的处理包括图像的色调、边缘效果及其他一些效果处理等。在图像处 理的过程中，完成的几个较满意的操作或处理完一个图层以后， 应注意及时保存， 以便在进行了不满意的处理时，可恢复到前面的效果，或调出原有图层。根据整 体效果，进行各部分的细调 ，以完

29、成最终的图像作品。7 .图像转换并保存文件图像处理完成以后，应保存一个PSD格式的文件，以保存各图层信息，以 便将来做进一步处理。然后，将将处理结果优化保存由于图片是要应用到网站上 的。在目前网络传输速度不是很快的情况下， 图片的大小在很大程度上影响了网 页的传输速度。所以要特别注意图片的大小，一般要将图片优化为web形式的图 片，优化之后的图片会小很多。小图片一般可以控制在6KB以内，动画控制在15KB以内，较大的图片可以“分割”成小图片。一般来说，图片颜色较少、色 调平板均匀以及颜色在256色以内的最好把它处理成gif图像格式，如果是一些 色彩比较丰富的图片，最好把它处理成jpg图像格式，

30、因为gif和jpg图像格式 各有各的压缩优势，应根据具体的图片来选择压缩比。和偏方 叫小商用格7t 由I :ywrzdy耳幅也&划M 四会g v E. E14 &- D 工LJ MRw E 十友迸剜：DMTTK S5l -¥至 ura±+-在工;：铲汕内1iy 中 割j，在制作图片的过程中经常碰到问题。比如我们公司某个品牌的商品图片调整 背景色为白色，原图是灰白的，很多商品都是白色的，因此很难扣取。如果采用 通道等方式较为复杂，所要制作的图片量较多，会花费很多时间。因此我通过容 差的调整利用魔棒扣取，再加上图层的使用，能较快做好。8 .3.4广告栏的应用在我

31、们的生活中已经离不开广告，而作为一个网站，在自己的网站或别人的 网站上发布广告是吸引客户很重要的方式，在运营中广告也是一个主要收入。广 告栏的设置不仅能美化网站，给人以视觉享受，而且能够迅速传达网站所要表达 的信息。广告栏形式是多种多样的，电子商务类网站，它最吸引人的是它的产品， 因此以这些产品制作而成的图片，再加上适当的文字信息，就能起到广告的作用。 一般网站的广告栏都有个后台系统， 可以将若干图片组合成flash自动播放，这 样能提供给客户更多的信息。每次有新商品上市，我都会制作若干张商品图片，然后放置到广告栏中。这 些商品图片并不是随便制作，美观就可以的，还要有主题。通常要制作这个品牌 图片，特价商品图片及热销商品图片。 这和图片制作是一样的，在通过后台放到 广告栏中。9 .3.5特殊字体的应用无论是在图片中，还是在网站制作中，特殊字体的运用都是很重要的。使用 不同的字体，颜色可以吸引目光，对于希望客户快速了解的信息，可以适当变大 或者更改颜色。在图片制作中我对特殊字体的使用较多。 用较大且突出的字让客 户迅速了解信息。在这过程中，我知道了很多字体呈现的效果，累计了经验。在