Photoshop 7网页特效高级实例教程PDF电子书下载

网页制作功能的强化 2

全新绘图引擎和显示引擎的启用 2

1 Photoshop7/ImageReady7新功能Lesson0．Photoshop7版本的最大变化 2

图片修整功能的极大加强 3

图像文件管理 3

Lesson1．Photoshop7的效率强化界面 4

Tool Palette（工具面板）的超强升级：Option Bar（选项栏） 4

图层面板功能的强化 6

图层样式功能的强化 7

2 活用实例轻松掌握Photoshop 7

Lesson2．丰富多样的图层效果混合功能 7

Layer Style的运用过程 8

Lesson3．导入Slice寻求图像最优化 12

Slice tools,Save for Web 12

Lesson4．为独立制作添加样式 14

Preset Manager（模板预设管理器） 14

Save Set 15

Lesson5．多种文字的变形、修整功能 16

Text操作方式的变化 16

使用Work Path制作图案文本 18

Lesson6．其他改进功能 23

Photoshop的有趣功能：Liquify 23

PSD文件的注释：Notes Tool 24

Lesson7．ImageReady7的改进功能 25

Image Map Tool 25

Tween功能 26

Ma tch功能 29

Lesson8．轻松制作相片库主页Web Photo Gallery 32

把图像文件整理到超酷图片库主页中 32

Lesson9．Web Photo Gallery的HTML源码编辑 36

Web Photo Gallery的HTML源码编辑 36

HTML源码修正和结果确认 44

注释工具的功能和使用 46

Lesson10．在完成的图片上粘贴附加页：Notes Tool（注释工具） 46

Lesson11．按钮图像制作E过程的简单化Drawing Shape Tool.LayerStyle 49

Lesson12．添加样式预设模块集合（Presets Library） 56

设定Preset Manager 56

制作个性风格的预设模块 57

Photoshop7中提供的类型（笔刷） 58

Photoshop7中提供的类型（渐变） 59

Photoshop7中提供的类型（样式图案） 59

Photoshop7中提供的类型（样式） 60

Photoshop7中提供的类型（自定义图形） 60

Layer Based Slice 61

Lesson13．在Photoshop中进行网页图像优化Save for Web 61

Save for Web 62

Lesson14．网页图像样式图案的制作及运用 64

制作样式图案 64

使用Layer Style（图层样式） 65

运用Offset（位移） 68

制作小星图案 68

保存为样式图案并运用于主体图像中 69

3 Web Graphic的PhotoshopLesson15．凹凸文字的立体效果 74

使用样式 74

运用Warped Text 77

Photoshop 7的Warped Text Style 78

样式面板的文本效果 82

Lesson16．透明橡胶字体的凹凸效果 86

准备背景 86

输入文字 88

制作凹陷效果 89

对文字运用透明橡胶效果 92

Lesson17．紫水晶效果 94

使用阳刻（凸出） 94

追加柔和边线 96

追加内部光泽效果 98

追加阴影效果 99

Lesson18．紫水晶效果的变形 100

使用阳刻（凸出） 100

追加柔和边线 101

使用透明效果 101

调整整体色感 102

Lesson19．黄金和搪瓷效果 103

柔和凸出效果 103

追加光滑效果 104

在文字中加入黄金质感 105

Lesson20．金属质感效果 108

给图像追加金属质感 108

完成背景图像 110

输入文字及运用Skew 111

Layer Style的使用：使用Stroke和Bevel and Emboss制作金属带效果 111

Pattern Overlay的使用 112

Gradient Overlay、Color Overlay、lnner Glow的使用 113

Drop Shadow的运用 115

保存样式 115

制作文字背景 116

Lesson21．Plastic按钮 119

制作Highlight 119

追加颜色 120

追加透明阴影 121

lnner Bevel的运用 121

追加阴影效果 122

保存新的样式模块 122

在Symbol（符号）中追加阴影效果 124

修整整体色感 125

Lesson22．利用路径工具制作插图 126

准备操作环境 126

制作碗的外观图形 127

制作碗底部分 130

制作阴影部分 132

制作碗口部分 134

绘制线状形态 136

Lesson23．利用Satin创建不规则光源体 138

突出显示效果 138

使用图层样式编辑主图像 143

使用High Light处理图像 145

Lesson24．搭配图像排列文字 146

制作图案图像 146

蒙版的使用和浮雕效果 148

背景图像映照在文字上的效果 149

使用图层样式 150

Lesson25．根据图像表现文字距离感 152

生成栅格 153

根据栅格设置文字 154

对文字使用建筑物外观的凹凸效果 155

填充文字颜色 158

Lesson26．Group Layer的丰富效果 159

制作图案图像 160

在图像中使用图案 171

Lesson27．通过图层样式表现柔和的浮雕效果 179

第1阶段 编辑图片，制作按钮图片，网页版面设计等图像相关工作 194

第2阶段 区分图像区域和文字区域（Slice Tool） 194

ImageReady的网页图像制作技巧Lesson28．ImageReady的工作流程 194

第3阶段 设置各个图像区域的GIF、JPG 、PNG格式（Optimize） 195

第4阶段 Rollover图像制作（Rollover），GIF动画文件（Animation），使用图像映射图（Imge Map），设置文件名、链接以及区分文本区域（Slice） 196

第5阶段 HTML预览（Preview in），保存HTML和图像文件（Save Optimized） 198

Lesson29．图像切片（Slice）技巧 199

利用Guides进行区域分割 199

生成切片区域 200

图像的优化 201

保存HTML文件和图片 205

Lesson30．制作GIF动画 206

动画画面设置 206

图像优化 208

设置播放次数 208

Lesson31．灵活使用GIF动画 210

使用移动Clipping Path位置的动画 210

使用移动Layer Mask位置的动画 211

使用Spin Action的动画 213

图像的优化 214

Lesson32．制作Rollover按钮 216

区域分割 216

为分割的区域设置文件名 218

使用翻转状态 219

给按钮添加开关显示屏照明灯的效果 221

制作显示屏的GIF动画 222

Save Optimized 222

GIF动画与按钮功能的链接 224

背景图像的插入和HTML页面的完成 226

Lesson33．灵活使用Image Map 230

使用“New Layer Based Image Map Area” 230

使用圆形、多边形图像映射图工具 231

设定Image Map Palette 232

HTML预览 232

网站设计Lesson34．网页设计注意事项 240

HTML的重要性 240

Web色彩 241

图像文件夹的管理 241

链接速度 243

站点结构 245

Lesson35．设计导航菜单 248

绘制外观 249

修改图形 250

绘制菜单图像 251

输入切片信息并制作Rollover图像 254

保存优化图像文件 256

Lesson36．利用Microangelo 5制作图标 257

了解图标图像 257

绘制轮廓 258

了解Microangelo 5 258

设置颜色 259

捕获放大的图像 261

Lesson37．使用Dreamweaver完成主页制作 262

分隔切片区域 263

创建框架区域 264

插入翻转图像 265

插入主图像和文本 267

设置背景颜色 270

查看结果 272