毕业论文ppt答辩photoshop在网页设计中的应用课件.ppt

Photoshop在网页设计中的应用,毕业设计（论文）,指导老师：,伊犁职业技术学院 毕业论文,网高13-2班,,麦,Photoshop在网页设计中的应用,摘要 前言 Photoshop 的简介 Photoshop在网页设计中的应用 背景图片制作 按钮制作 网页绘制和切图 总结,目录,摘要,随着网络信息技术的飞速发展，网站在现代社会中也越来越普遍，而人们对于网页设计技术的要求也越来越高Photoshop作为一项图像处理软件，其功能非常强大，可以在网页设计中起到重要作用本文着重对Photoshop在网页设计中的一些常用技巧进行讨论，并探讨了网页设计中色彩要素搭配的技巧 关键词：网页设计；Photoshop；色彩搭配数据库 技术,,前言,,,当前，无论是在国内还是在世界范围内，网络技术飞速发展，通过网络的交流越来越多，这也使得网页设计逐步成为了一个热门的行业网页设计是一门集艺术和技术于一体的学科，它不仅要求所制作的网站有很强的功能性和很好的交互性，而且也要有一定的美观性而Photoshop作为一个功能强大、迄今为止使用最广泛的图像处理软件，成为了网页设计的一大利器Photoshop 的简介,Adobe Photoshop，简称“PS”（其程序图标便是“PS” ）是一个由Adobe Systems开发和发行的图像处理软件。

多数人对于PHOTOSHOP的了解仅限于“一个很好的图像编辑软件”，并不知道它的诸多应用，实际上，Photoshop的应用领域很广泛的，在图像、图形、文字、视频、出版等各方面都有涉及 Phtoshop平面设计的根本目的是通过平面设计作品为人们传播直观的信息，使人们获得美感享受的同时获得大量直观的信息，充分表达用户要求的主题，设计师通过完美的平面设计形式表达符合主题的思想内容，这也是平面设计的根基，这就要求设计师在设计中强化整体布局，合理突出局部，使整体与局部合理地统一，使作品取得独特的社会与艺术价值特殊字体的使用,,Photoshop在网页设计中的应用,文字是图像处理中频繁使用的元素，网页设计中的图像上通常都需要添加一些文字内容，如广告宣传语、导航文字等文字的添加可以使用Photoshop的文字工具来完成，通常图像上的文字都采用特殊字体，而计算机中默认情况下却都不具备这些字体，这就需要我们去网上下载所需字体并安装在计算机中才能使用LOGO设计步骤,绘制网站LOGO,Photoshop在网页设计中的应用,网站标志或称LOGO，它是一个网站的名片，是能够体现网站形象的一个重要元素一个好的网站LOGO能够体现出网站的内涵并能传递给浏览者一些关于网站的理念信息。

一般来说，网站LOGO的设计是很重要的，它不仅要契合网站同时也要独具个性，能吸引网站浏览者四）·背景图片制作,在制作网页的时候，经常需要给网页设置背景图片除了可以到网上下载背景图片外，利用Photoshop强大的功能也同样可以制作出自己喜爱的背景图案插入好几个网页的背景图片,,（五）·按钮制作,按钮是网页设计中常用的元素，经常用在导航、跳转等链接位置 设计精美的按钮能让网站浏览者眼前一亮，目前网页中常用的按钮一般都带有一些立体、渐变效果，这类按钮可以大致通过以下几步来实现：,（1）在Photoshop中新建画布，绘制一个圆角矩形；,(2)双击该圆角矩形图层面板，打开图层属性窗口，单击勾选左侧“斜面和浮雕”选项，并在右侧设置相应的属性值；插入按钮图片3 . 网页绘制和切图,Dreamweaver等网页设计软件在图像处理方面的功能很弱，只使用该软件进行网页设计会给网页美观带来局限性，所以通常先采用图像处理软件绘制网页效果图，然后采用切图等手段转换为网页绘制网页的工具很多，Photoshop是一个很不错的选择，首先新建一个画布，在当前普遍1024*768以上分辨率的情况下，画布的宽度设为1002像素以内就能保证用户打开网页时不会出现水平滚动条，画布高度根据网页实际内容需要设定，接下来在新建的画布上绘制网页的界面，网页各个部分采用分层和分组，便于修改。

3·1各式线条的使用,线条在网页设计中是不可或缺的元素，线条应用得当会使网页布局清晰、层次分明，比如曲线增强网页的灵活性和流动性，具有时尚感、飘逸感，而直线的应用则使网页显得简洁、大方和严谨，不同线条的使用会起到意想不到的效果一般来说，设计中经常用到直线、曲线、虚线和立体分割线等，下面分别做点介绍1）直线在Photoshop中绘制直线一般有两种方法,一种是使用画笔工具或铅笔工具，根据直线粗细需要设置好主直径，按住鼠标进行绘制，如果要绘制水平或垂直直线，需要按住Shift键然后绘制2）曲线Photoshop中绘制曲线一般会用到钢笔工具、转换点工具和直接选择工具等，先用钢笔工具画出大致路径，再用转换点工具将直线变为曲线并调整弧度，如果锚点的位置需要移动，则再使用直接选择工具移动，最后得到满意的曲线3·1各式线条的使用,（3）虚线绘制虚线一般使用画笔工具或铅笔工具，根据要绘制的虚线的粗细选择画笔的主直径，然后设置画笔属性面板中的“间距”值，这样就可以绘制出虚线，如果要绘制水平或垂直虚线还可以在绘制时按住Shift键4）立体分割线优秀的网站设计在细节方面的处理都是照顾十分周全的，立体分割线看起来有一种凹进去的感觉，形成一种很好的分隔的感觉。

立体分割线其实是由两条粗细均为1px 的直线组成的，首先绘制一条比背景色暗的直线，然后再绘制一条比背景色亮的直线，线条色彩可选用与背景色同一色系的颜色，两条线并列排在一起，形成立体凹陷的感觉3·1各式线条的使用,（5）单击勾选左侧“渐变叠加”选项，在右侧设置渐变颜色及其他属性值；,（6）单击勾选左侧“描边”选项，在右侧设置描边颜色、粗细、位置、不透明度等属性值；,（7）选择文字工具，在按钮上添加文字并设定文字样式等通过这些设置能做出满足一般需求的立体渐变效果按钮，更多的效果可以在图层属性里面继续设置，如内阴影、外发光等结束语,网页设计对艺术性要求较高，图像处理软件Photoshop由于功能强大已经成为了网页设计中的有力工具本文中笔者从多年的教学和设计实践经验出发，总结出了一些Photoshop在网页设计中的常用技巧，对网页设计从业者具有一定的借鉴作用。