《网页设计基础教程与上机指导(第2版)》第16章:应用Photoshop_CS2设计网页素材_第1页
《网页设计基础教程与上机指导(第2版)》第16章:应用Photoshop_CS2设计网页素材_第2页
《网页设计基础教程与上机指导(第2版)》第16章:应用Photoshop_CS2设计网页素材_第3页
《网页设计基础教程与上机指导(第2版)》第16章:应用Photoshop_CS2设计网页素材_第4页
《网页设计基础教程与上机指导(第2版)》第16章:应用Photoshop_CS2设计网页素材_第5页
已阅读5页,还剩4页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第16章 应用Photoshop CS2 设计网页素材,教学提示和教学目标 16.1 创建网页图像文字 16.2 文字变形 16.3 使用切片工具切割图像 16.4 设计网页按钮 16.5 设计网页Banner,教学提示和教学目标,教学提示:本章主要介绍如何使用Photoshop设计网页图像素材实例,如制作精美文字、按钮和一些特殊效果等,最后一节还介绍了一个比较复杂的综合性例子。通过本章的学习,用户可对利用Photoshop提供的各种工具来创建自己需要的效果有一定程度的了解,能够体会出各种工具配合使用时可以产生许多奇妙的效果。 教学目标: 掌握如何使用切片工具切割图像 掌握设计网页按钮 掌握网页Banner的设计 掌握网页Logo的设计,16.1 创建网页图像文字,在Photoshop中,用户可以对文字进行更多的控制,如可以实现在输入文本时自动换行,可以将文本转换为路径使用等。 16.1.1 创建文字 16.1.2 设置文本属性,16.1.1 创建文字,在Photoshop中文字分为两种,分别是【横排文字】和【直排文字】。创建文字的具体操作步骤如下。 (1)选择【文件】|【打开】命令,弹出【打开】对话框。 (2)在对话框中选择图像,单击【打开】按钮,打开图像文件。 (3)使用工具箱中的【横排文字】工具,在文档中单击,输入文字,如图16.3所示。 (4)使用工具箱中的【直排文字】工具,在文档中单击,输入文字,如图16.4所示。,16.1.2 设置文本属性,在图像上输入文字,对文字的字体或者颜色不满意的时候,可以在选项栏中或【字符】调板中修改文本属性,如图16.5所示。 1. 设置字体 2. 设置字体的大小 3. 文字消除锯齿 4. 设置文字的颜色,16.2 文 字 变 形,文字编辑工具可以对文字进行各种变形,在文字选项栏中单击按钮,弹出【变形文字】对话框,如图16.11所示。 如图16.12和图16.13所示分别是对文字添加扇形效果和鱼形效果。,16.3 使用切片工具切割图像,当网页较大时,可以使用工具箱中的【切片】工具将图像裁切成很多块,每一块图像都可以按照不同的设置进行优化压缩,并且每一块都可以链接到不同的URL地址,存储后就是HTML文件,但在网页中还是一副完整的图像,这样网页的显示速度就快多了。,16.4 设计网页按钮,在浏览网页的时候经常看到各种各样的网页按钮,有些按钮制作得非常引人入胜。,16.5 设计网页Banner,网页Banner也叫网页广告,重在传达一定的形象与信息。网站广告设计跟传统设计有着很多的相通性,但由于网络本身的限制以及浏览习惯的不同,还带

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论