08网页photoshop教案.docx

08网页photoshop教案.docx

《08网页photoshop教案.docx》由会员分享，可在线阅读，更多相关《08网页photoshop教案.docx（62页珍藏版）》请在冰豆网上搜索。

08网页photoshop教案

PhotoSHOP教案

第一节、平面设计的基础知识

一．什么是设计？

设计是一种设想和构思，把这种设想和构想通过一定的手段使之视觉化的形象创作过程。

二．设计的分类

1．色彩学：

色彩的属性：

A明暗度

B色相：

颜色之间的差异

C饱和度

2．形态学：

（平面设计photosop，立体学3dmax）

3.色彩给人的感觉：

红------热刺激橙------暖刺激绿-------凉刺激

青------冷刺激紫------中性较刺激白--------纯洁

蓝------静灵优雅

4.色彩的联想：

黑色-------寂静恐怖庄重沉稳

白色-------纯洁明快大方

灰色-------中庸色平凡温和谦和

红色-------火焰热血刺激热烈奔放爱情有活力警示黄色--------希望快活辉煌

青色-------沉着诚实博大悠久沉静

紫色------优雅高贵神秘永远浪漫

金色------暖富贵色名誉的象征

银色-------冷富有纯洁

三．Photoshop的基础知识：

1．什么是photohop？

photo的意思是图片，shop的意思商店

photohop是图片处理软件，是目前当今世界最为流行的一个图片处理软件。

2．Photohop的应用范围。

Aphotohop能对各种图像进行处理，能给黑白图像上色，能进行格式和色彩模式的转换，电脑画像，还能创作出你能够想象出来的超现实的电脑特技。

B作为一个摄影爱好者，你可能将你拍摄的自然景观扫描进计算机，利用photohop进行处理，从而创作出令你惊叹的效果。

3photoshop还专门提供了用来印刷的色彩模式，能够印刷出质量好的图片来。

4还可以输出web动画。

四．Photoshop的功能。

1．支持大量图像格式。

2．支持多图层（120层）

3．改变图像的尺寸和图像的分辫率

4．图像的旋转和变形。

5．强大的绘画功能。

6．调整色彩和饱和度

7．图层翻转，移动，复制，合并。

8．快照功能。

9．支持多种输入设备。

五．启动photohop.exe

第二节、Photoshop的安装与卸载

一．Photoshop的安装。

1．使用电脑已经有的安装程度进行安装。

打开我的电脑----à选择安装程序所在的盘符------然后选择安装程序所在的文件夹-------进一步点击photohop文件夹-------点击安装程序如：

（install或setup.exe等等）

2．光盘安装

把光盘放入光驱--------利用系统自动安装或打开光盘所在的盘符-----然后点击安装程序所在的文件夹------进一步点击安装程序-----（setup.exe）

二．Photohop的卸载

1．开始菜单------控制面板-------添加和删除程序------在弹出的对话框中选择photohop点击卸载。

2．开始菜单-----程序-------adobe------photohop------取消安装

三．结合photohop扫描仪和摄像头的使用。

1．扫描仪和摄像头与电脑连接。

2．安装上驱动程序。

3．文件菜单----输入------选择twain----32源

4．点击文件菜单----输入-----twain----32源

四．实例操作（制作立体球）

1．新件文件，

2．在图层的控制面板上点击新图层按钮

3．工具栏中的椭圆工具拖出一个圆

4．点击工具栏上的径向渐变

5．点击径向选项的控制面板

6．编辑渐变

7．建立图层，拖出一个阴影位置

8．填充颜色

9．移动图层

第三节、Photoshop基础操作

一．Photoshop的一些基本概念

1．分辨率：

在一定单位长度内所含的像素的多少就叫分辨率。

2．色调：

在图像的色彩模式下，各种颜色的明暗度。

3．色相：

各种颜色之间的变化，调整色相就是调整颜色。

二、Photoshop中的色彩模式

色彩模式：

图像在显示或打印时定义颜色的一种方式。

1．RGB模式：

称真彩色，R—红色G—绿B—蓝

（红，绿，蓝）俗称“三元色”每种颜色有0—255个亮度变化，可以反映1。

67亿种颜色。

2．CMYK模式：

用来打印输出，C—青色M—洋红色Y—黄色K—黑色。

3．灰度：

0—255个灰度值来表示，所占的磁盘空间最小。

4．位图：

在两种颜色所占的磁盘空间最小。

5．LAB模式：

L—代表明暗AB—代表色相

三．photoshop的界面组成

1．属性栏：

用来设置工具箱中的工具的属性

2．工具箱

3．浮动选顶板：

配合图片处理

4．状态栏

四．图像文件的操作

1．新建图像

2．打开图像

3．保存图像

4．保存成网页：

GIF，JPEG，PNG---8，PNG—24格式

五．图像窗口的基本操作

1．改变图像的窗口位置和大小

2．改变图像的窗口文件大小

3．图像窗口的叠放和切换窗口菜单中的层叠和拼贴关闭图像窗口

4．切换屏幕的显示模式，利用工具箱中的3个按钮按TAB切换到全屏

六．标尺，测量线，参考线，网格的使用。

1．标尺

A显示标尺：

视图菜单----显示标尺命令

B改变标尺的单位：

编辑菜单-----预设------单位与标尺

在信息的控制面板下------调板选项

2．测量线：

（度量工具）

3．参考线：

4．网格：

视图------显示-------网格

七．系统参数的设置

i.设置内存与高速缓存。

ii.设置显示与光标

iii.设置透明区域与色域

第四节、显示区域的控制和颜色的选取

一．显示区域的控制

1．改变显示比例

A利用放大镜改变显示比例。

双击放大镜改变图像的显示比例为100%，

利用放大镜还可以放大某一块区域。

B利用状态栏改变显示比例

C利用放大镜的属性栏

D利用视图菜单命令来改变大小

E利用导航器控制面板来改变显示比例。

二．改变图像的显示区域

A利用工具箱中的抓手工具

B利用导航器移动显示区域

C点击下拉箭头-----调板选项改变显示框的颜色。

三．颜色的选取。

1．利用工具箱的按钮。

2．利用颜色对话框

A只有WEB颜色：

指的是所显示的颜色是网页所支持的颜色。

B“！

”：

警告此颜色超出了打印范围之外。

警告此颜色超出了网页所支持的范围。

3．颜色选项板来选择所须颜色。

4．利用色板选项板。

5．利用吸管工具吸取颜色。

（按ALT键吸取背景色）

6．利用颜色取样器工具来查询颜色。

（一次可查询四个颜色）

四．实例效果（霓红文字）

1．建立一个背景色的图像。

2．利用文字蒙板工具写字，字体最好是幼圆。

3．设置前景色为紫色，编辑-----描边（宽度为2像索）

4．调整色阶，图像-----调整色阶命令。

5．选择渐变工具----透明彩虹渐度。

第五节、画笔工具的使用

一、画笔的使用方法：

点击画笔工具-------设置前景色-------然后设置工具所对应的属性栏------就可以在空白的图像上做画了。

二、各种画笔工具的设置：

1、画笔工具：

A选择刷形（属性栏上的画笔类型，根据需要自己选择）

B载入刷形（点击刷形对话框的下拉菜单-----载入画笔）

C设置刷形（在要设置的刷形上点击，然后在出现的对话框中进行自行设置）

D设置特殊刷形（用矩形框选中你要定义的画笔-----编辑-----定义画命令。

E模式（指的是画笔的颜色与图像底色之间的关系）

F不透明度（数值越大，底色越不明显。

）

2、铅笔工具：

自动抹掉：

在做画的过程中，图像的颜色与前景色相似时自动以背后景色来做画。

3、喷枪工具：

压力：

相当于透明度，压力越大，颜色越深。

二．实例效果（鲜血文字的制作）

1.首行将前景色设为白色，背景色设为黑色。

新建一幅图像

2、建立一个空白图层。

3、写字，字体最好设为隶书。

4、文字图层与空白图层合并。

5、旋转画布，逆针90度。

6、滤镜菜单------风格化------风（向右）

7、旋转画布，顺时针90度，还原至原位。

8、滤镜菜单----素描------图章（22，2）注意：

在前景色为黑色，背景色为红色。

9、向下合并，将背景层与当前层进行合并。

10、然后旋转画布，逆时针90度

11、滤镜-----风格化----风

12、然后将画布旋转过来。

滤镜-----模糊----高斯模糊。

第六节、形状工具和文字工具的使用

一．形状工具的使用

1．矩形形状工具

A．创建形状层

B．创建工作路径

C.创建填充区

D.消除锯齿用来平滑边缘

2．椭圆工具（同上）

3．多边形工具：

（设置多边形的边数）

4．直线工具：

可以设置直线的粗细，也可以设置带箭头的直线。

5．自定义形状：

i.载入形状

ii.设置自定义形状（利用创建形状层按钮，创建形状，然后利用编辑菜单里面的自定义形状命令。

）

二．文字工具的使用

1．文字工具：

点击文字T工具，在画布上点击，在弹出的对话框中：

输入对应文字，设置文字字体，文字大小、颜色最后点击好。

这样生成的文字不是真正的图层，不能使用效果，滤镜，重新双击图层，可以对输入文字进行修改。

在图层T上点击右键可以选择转换普通图层或者使用图层菜单中文字------转换图层，CTRL+T可以对文字进行自由变换，拉大拉小或者按CTRL键进行拖拉变化形状。

2．文字蒙板工具：

设置文字选区浮动状态，可以进行填充或者渐变，其它功能和文字工具一样。

3．直排文字工具：

输入文字为竖向，其它功能和文字工具一样。

4．直排文字蒙板工具：

输入文字为竖向浮动状态，可以进行填充或者渐变，其它功能和文字工具一样。

各种文字工具到最后的处理，都可以进行效果，滤镜处理。

第七节、选择工具的使用

一．工具箱中矩形和圆形工具使用

1．矩形工具使用

拖动光标随意移动，选择矩形区域，双击在调板中设置“羽化值”样式长宽等。

快捷键：

①按SHIFT键同时画矩形为正方形

②按SHIFT+ALT键同时画矩形，以开始中心为点，画正方形

③按ALT键以开始为起点画矩形

④按SHIFT键在已选区域中选取，扩大选区

⑤按ALT键在已选区域中选择，减少选区

⑥按SHIFT+ALT键，保留交叉部分

⑦CTRL+D取消选取

二．填充颜色

1．颜色分为：

前景色和背景色

2．点击前景色或背景色进行颜色修改

3．按字母D键还原颜色设定（默认为黑/白）

4．按字母X键前景色与背景色切换

5．ALT+DEL填充前景色CTRL+DEL填充背景色

三．圆形选取工具：

可以任意画正圆和椭圆。

使用操作方法和矩形操作方法一样。

CTRL+T可以对选区或者图像进行自由变换大小（拖拉四角。

四、单列选择工具：

将选项框定义为象素宽，行列相互配合，使用快捷键：

按SHIFT键可以添加线，按ALT键单击删除该线。

使用光标按方向键移动一个单距离，按SHIFT键按方向键移动十个单位距离。

使用该工具可以制作胶片效果。

五．实例操作（水泡字的制作）

1．打开图片

2．利用文字工具写字，字体最好是华文彩云，每一个文字建立一个图层。

3．建立一个新图层，利用椭圆工具在字体上拖出一个正圆，并且存储选区，放在文字层的下方。

4．对选区进行填色，并设置不透明度。

5．合并图层，然后滤镜菜单中的扭曲球面化。

6．依次类推，对每一个文字进行球面化处理。

第八节

选择工具的编辑操作

一．套索工具

1．自动套索：

以开始点拖动鼠标，对所需部分进行套索（以绘画方式），套索后对选区可以进行复制、剪切等操作或者可能性使用羽化值。

2．多边套索工具：

由手控方式不规则选取多点，对所需部分进行更细化选区

3．磁性套索工具：

使用图像与背景不规则状态，反差大小，移动光标自动进行选取。

可以使用CTRL+T自由变化大小，按SHIFT键同时进行比例变换。

A.套索宽度：

套索宽度值从1到40象索之间，当你拖拉套索工具时，只能在你设定的宽度范围内，对图像的色彩边缘，做选取范围。

B.边缘对比度：

边缘对比度从1%到100%数值越低的数，具有较敏锐的色彩辨别能力。

C.频率：

数值越大，紧固点越多。

二．魔术棒工具：

魔术棒工具：

另一类选取工具，选择范围属于灵活性，属于选取工具中最神奇的一个，一般以颜色容差不大的情况进行局部选取并配合菜单中反选使用（CTRL+SHIFT+I），如果要选取多个局部，可以按SHIFT键多重选取。

注：

选择（矩形、圆形、单行、单列、各种套索、魔术棒等）与反选择（CTRL+SHIFT+I）都可以使用。

相互配合，并可以进行复制，移动、剪切，删除等基本操作。

一般对图片处理存储可以选择文件菜单中存储副本（JPG格式）快捷键：

CTRL+ALT+S

第九节、关于菜单命令的其它操作

一．关于选区的菜单命令

1.扩边：

选择菜单中的修改中的扩边命令。

在选区做好的情况下，并设定边框的宽度，可将选区范围设为带状边框的状态。

2.平滑：

相当于羽化，将现在的选取范围执行平滑的修改。

3．扩展：

将现有的选取范围扩大。

4．收缩：

将现有的选取范围缩小。

5．扩大选取：

在现有的选区范围向处扩大，但扩大的区域是与现有的选择区域颜色相似的区域，它的程度是根据魔棒的容差来决定的。

6．选取相似：

会选取整个图像中与当前选取范围颜色相似的区域。

7．变换选区：

对当前的选择外框进行变形。

8．存储选区：

把当前的选取范围保存在通道中，使用时显示，不使用时让它隐藏。

9．载入选区：

将保存过的选区重新载入。

10．色彩范围：

使用色彩范围的效果与魔棒相似，不过它有一个与自动选取工具不一样的特点，除了可以针对整个图像处，还可以在指定选区范围内再进行选取。

二．选取范围的作用。

a）对选区范围内的图像进行效果处理。

b）对图像进行描边。

c）用来产生蒙板。

第十节

填充工具的使用

一．删除操作

1．按CTRL+DEL键填充背景色2．ALT+DEL键填充前景色

二．油漆桶工具进行填充

1．可以用前景色或图案进行填充。

2．油漆桶用来填充颜色近似的区域。

3．可以用来制作镜框的效果。

三．利用菜单命令进行填充。

1．自定义图案

2．利用矩形先框选中图案，用编辑菜单中定义图案命令。

3．利用填充命命令可填充颜色，图案等。

5．用填充命令可以制作网页背景。

四．利用渐变填充。

1．载入渐变

2．设置自定义渐变（底色，杂色）

五．实例操作。

（略）

第十一节、编辑工具的使用

一.仿制图章工具：

用于定点复制,按ALT键点击左键,对复制点进行吸取象素.复制的大小范围与选择画笔大小相关,点击左键对修补地方进行擦涂,（用于修补照片等）

二.图案图章工具：

该工具用于定义图案进行复制（定义图案必须使用选取工具,不能使用任何羽化值

1.定义图案方法:

可以使用矩形选区工具,选取任意所需部分,点击编辑菜单中定义图案命令,然后进行擦涂（擦涂范围只是矩形选择内的,不会重复其它图案）

2.选项调板中,对齐在图案复制时,使用对齐方式复制完成图像.

可以选取定义的图案进行填充.在定义好的图案中,点击编辑菜单中的填充命令,在对话框中选择图案做为填充内容.

三．历史画笔

1．历史画笔（用来恢复图像）

2．历史记录艺术画笔（用来对图像进行艺术处理）

四．橡皮擦工具

1．橡皮擦工具：

（用来恢复图像或擦出背景色）抹到历史记录，此对话框就能恢复图像，反之就是擦出背景色。

2．背景橡皮擦（用来擦除图像的颜色从而出现透明色。

）

3．魔术橡皮擦（用来擦除图像中颜色近似的区域，使图像呈现透明色。

）

五．模糊，锐化，涂抹。

1．模糊工具：

将色彩扩散边界，重合颜色平缓

2．锐化工具：

将色彩变强烈，色彩重合清晰化

3．涂抹工具：

也称手指工具，可以制作一种模过的效果。

六．减淡，加深，海绵具。

1．减淡工具：

在图像或选择区域变亮提高曝光度。

2．加深工具：

对图像或选择区域变暗，减少曝光度。

3．海绵工具：

用于饱和图像色彩，在调板中加色，对图案颜色综合去色或进行非结合。

七．切片工具：

主要有于网络传输建立超链接。

用切片工具在图像的切片处双击，在弹出的对话框中进行设置：

URL用来填写超链接的页面名称。

TARGET：

用来设置超链接窗口的显示方法。

BLANK：

在新窗口中显示超链接内容原来窗口的内容不变。

SELF：

在原来的窗口中显示超链接内容。

第十二节、利用编辑工具编辑图像

一．撤消和恢复操作

1．利用编辑-----还原------恢复（ctrl+z）

2．快速后退ctrl+alt+z快速前进ctrl+shift+z

二．中断操作按ESC键

三．恢复到任意指定的图像

1．历史记录选项板可以恢复到任意图像。

历史记录选项板的组成。

（下面的三个按钮，以及所包含的下拉菜单）

2．创建新快照可以快速恢复到指定的图像。

3．利用橡皮擦恢复

4．利用图案图章（先定义图案，再利用图案图章恢复）

5．利用编辑菜单填充来恢复。

四．产生副本图像

图像菜单-----复制

五．恢复到最后一次存盘的图像

文件------恢复命令

六．实例操作：

第十三节、图像的编辑的操作

一．复制、移动和删除：

1．复制：

A按住ALT键+移动工具拖动

BCTRL+ALT+拖动

C编辑菜单中的复制+粘贴

D修边：

对复制的图像进行修边（利用图层菜单中的修边命令）

2．移动：

A利用移动工具进行移动。

BCTRL键+方向键移动一个像索按CTRL+SHIFT+方向键可移动十个像素。

C编辑菜单中的剪切+粘贴

3．删除图像：

A：

DEL键

B：

编辑菜单中的清除命令

C：

编辑菜单中的填充

D：

利用橡皮擦

二．图像的二维变形

1．改变图像的尺寸：

A图像菜单中的图像大小命令

B利用工具箱中的剪切工具

C利用图像菜单中的剪切工具。

2．改变画布的尺寸及方向

A图像菜单中的画布大小命令

B图像菜单中的旋转画布命令

3．图像的变形操作。

A编辑菜单中的自由变换命令

B编辑菜单的变换命令。

三．菜单命令

1．抽出：

用来准确标准提取图像中的某部分。

2．液态：

对图像进行任意的变形，可以达到意想不到的效果。

第十四节、图层

一．图层的概念：

图层相当于一张透明的纸，我们可以在这张透明的纸上任意做画。

二．图层选项板的组成。

1．色彩模式

2．不透明度

3．锁定选项

4．显示和隐藏当前的图层。

5．图层的链接符号

6．图层预览图

7．图层名称

8．图层蒙板符号

9．图层特效符号

10．添加图层特效符号

11．建立图层蒙板按钮

12．图层集按钮。

13．创建调整图层按钮。

14．创建普通图层按钮。

15．删除图层按钮。

三．新建图层。

1．新建普通图层

2．新建调整图层

3．新建背景图层（把背景层变为普通图层，双击背景层两下或点击图层菜单中的新建从图层背景）

4．新建文本图层

优点：

可以对文字进行任意变形

缺点：

工具箱中的工具不能使用。

把文字图层变为普通图层，利用图层菜单中的栅格化文字命令或在文字图层上点击右键栅格化。

5．新建填充图层

6．新建图层集

7．新建图层序列。

8．基于切割线建立图层。

（此样图层是为了更精确为某一图层建立超链接）

第十五节、邮票制作

1．打开图片（选取人物或风景部分以100%比例选取），在标题栏上点击右键，选择画布大小，将画布尺寸宽高改为110%，点击确定，增大画布。

2．用魔术棒选取画布增加部分，将其反选，CTRL+SHIFT+J将图片生成一个新图层。

3．按CTRL键点击新图层，将其激活，建立工作路径。

4．新建画笔（直径20硬度：

100%间距：

70%）选中新图层，点击路径调板，再点击左上角三角，选择描边路径，在弹出的对话框中选择橡皮擦。

5．为新图层加投影效果，背景填充颜（颜色自定义）

6．用文字工具，分别写上80分字样，形成两个图层，大小相差一倍，并加上投影效果。

其它效果、颜色调整，滤镜等，都可加上，并且要制作出信封。

信封前景选择角，加上图画（可以自己画或者选取其它，可以更改透明度）.

第十六节、编辑图层

一．移动、复制删除图层

1．移动图层

选中要移动的图层，利用工具箱的工具直接拖拉。

2．复制图层：

A直接把要复制的图层上拖到新建按规定钮上

B利用下拉菜单复制图层命令。

C利用图层菜单的复制

D按ALT键利用移动工具拖拉。

E图层菜单中的新建通过复制的图层（CTRL+J）此命令用来对当前图层又单独建立了一个图层

F图层菜单新建通过剪切的图层。

也就是对当前图层剪切掉又从新建立了一个图层。

3．删除图层

A利用删除按钮

B利用下拉菜单中的删除

C图层菜单中的删除

二．调整图层的叠放次序

1．直接在图层选项板上拖拉

2．图层-----排列命令。

三．图层的链接与合并。

作用是链接后的图层可以同时移动，还可以合并链接图层

1．图层菜单中的合并（CTRL+E）

2．下拉菜单中的几个命令。

四．排列和分布图层

先链接图层然后利用图层菜单中的-------对齐和分部图层命令

五．建立使用图层蒙板。

蒙板就是用来保护被颜色蒙住的区域不受任何的影响。

六．为图层建立剪切路径。

可以把图层剪切成任意的形状。

第十七节、图层的效果处理

一．图层的效果

1．投影：

也就是为图像或图层加阴影效果

2．内阴影：

对图像或图层添加向内投影的效果

3．外发光效果：

对图像或图层产生向外发光的效果

4．内发光：

使图像产生向内发光的效果

5．斜面和浮雕：

可以使图像或图层进行内斜面，外斜面，枕状等效果。

6．光泽：

可以对图像产生一种光泽的效果它与发光效果不同。

7．复盖效果：

可以对图层进行颜色或渐变，图案的复盖。

8．描边：

对某一个图层进行描边。

二．图像特效的编辑操作。

1．图像特效的显示和隐藏

2．图像特效的复制

3．调整图层特效的照明角度。

4．图层特诳的按比例显示。

三．实例操作（卷边效果）

1．打开一幅图像，新建一个图层，隐藏原来的图层，拉一个矩形框。

2．调整淅变，灰白灰黑灰。

3．渐变，横向渐变，

4．然后利用编辑菜单中的变换中的透视。

5．工具栏中的圆选框，拖出一个选框，然后删除。

6．然后用橡皮擦，擦出卷边以外的背景。

四．光晕效果

1．建立一个空文档。

2．写字。

3．把文字转换为普通图层

4．复制两个文字层。

5．把副本三载入选区，进行渐变

6．把副本二载入选区，并填充为黄色。

7．用移动工具把文字向上移动。

8．点击第一个文字图层同样，填充为黄色，并往上移。

9．滤镜中的高斯模糊（8）

10．滤镜中-----其它-----最小值（6）

第十八节、通道

一．通道的作用

1．用来保