这套教程共十八课，很适合初学 PS 的朋友们，希望大家看教程学习后把作业交上来交流。 大卫PS入门教程 第一课：开场白与照片虚化处理 第一课：开场白与照片虚化处理 　　今天，我们开始了PHOTOSHOP的讲座。PHOTOSHOP是鼎鼎大名的绘图软件了，对我们非常有用。这不必我多说了。 　　我想说的是：学习PS跟学习FLASH有不同的地方。如果说FLASH是以动画原理为主，类似于数学公式或是物理公式，那么，PS就有点儿像学化学，无数的化学分子式，稍稍有所不同，效果就完全不一样了，就像是四氧化三铁和三氧化二铁，看上去差不多，性质完全不一样。PS的方式方法，条理性的少，感性化的多。FLASH是线多点少，而PS是线少点多，无数个知识点，如天空中的繁星一样闪闪发光，学不胜学。再打一个不太恰当的比方：FLASH是西药，PS是中药。三分党参二分甘草、三分甘草二分党参再加四分何首乌，效果完全不一样的。所以，学PS需要较强的记忆力。要在理解的基础上去记忆，需要我们记忆的内容特别多。不然的话，学了后面忘了前面，当时会做的效果，一段时间不做，又全忘记了。所以，我要特别提醒大家边学边记，努力记住。不光要记住知识点，同时也要记住一种效果的制作步骤与思路。当然，我在编写过程中，也会特别努力让大家容易记住，强调要记住的东西，反复实验，以加强记忆。 　　好了，开场白就说到这儿了。现在上第一课。为了提高大家的学习兴趣，我们先不去学那些枯燥乏味的概念和理论，我们来做一个有用的工作——照片的虚化处理。请看原图与经过处理的图。这样处理的目的是把四周杂乱的东西去掉，更加突出人物面部。虚化后，使得画面消去了四方的棱角，与周围更加和谐，看上去更舒服一些，更富有情调。在很多地方都用得上，所以非常值得一学。其实也并不难学。 此主题相关图片如下： 此主题相关图片如下： 　　 这是最常见的一种方法。现在我们来制作，一边制作，一边学习新知识。 1、打开PS。在菜单“文件”下的“打开”，找到自己电脑硬盘上的原图后打开。 2、在工具栏上，按下第一排左边的虚线矩形按钮不放，（工具右下角有小三角的，表明这里面还有同类的工具）， 此主题相关图片如下： 会出来四种选框工具。点“椭圆选框工具”，然后到照片上画个椭圆。在照片上出现一个虚线画成的椭圆。这时，画得不准确没有关系，一会儿就来调整。这个虚线框就是选区，这是一个非常重要的概念。一定要记住它。今后几乎每一堂课都要提到“选区”的。选区就是我们要进行处理的范围 此主题相关图片如下： 3、到菜单“选择”下的“变换选区”点一下，在选区的四周出现了大方框(调整框)，它有一个中心点与八个方点(调整点)。 此主题相关图片如下： 4、现在可以拉动右边的小方点，会把椭圆拉宽；再拉下面的小方点，可以把椭圆拉长一点；拉四角的小方点，可以放大缩小框子；在框外移动鼠标，可以旋转调整框；点框内空白处，可以移动整个调整框 。这样，不断地调整，直到满意为止。不过，不要拉到离照片边缘太近的地方，需要留出一点余地。按一下回车，调整框就消失了。 此主题相关图片如下： 5、现在选区的位置已经定好了。我们来制作边界的虚化效果。到菜单“选择”点“羽化”， 此主题相关图片如下： 在羽化半径中填写20。这个20是指我们需要虚化的边缘的宽度，就是从清晰到不清晰直到消失的一个过渡的宽度值，这是一个估计值，这个估计值与原图的尺寸有关。如果不合适，可以回过头来改成30或者是任何数，主要是观察效果好不好再说。可是，现在是看不出来任何效果的。只好继续往下做，做好了再说了。 6、这个椭圆框里的画面，是我们框选的，是要保留下来的，而虚线框之外的画面，是我们要删除的。为了要删除那些不要的画面，我们就要选中不要的画面。现在，整个画面分成两个部分。一部分是要保留的，另一部分是我们要删除的。不是选中要的，就是选中不要的。那么，只要把现在这个选区反个个儿就可以了。现在到菜单“选择”下点“反选”，虚线框就反过来了。在椭圆选框的外面，出现了四方的选框，这表示：现在所选中的，是椭圆与方框之间的部分。注意：原先羽化的宽度，是向着椭圆内部的。现在反过来是向着椭圆的外部了。 此主题相关图片如下： 7、好，现在选中的这部分就是我们不要的了。到菜单“编辑”下点“清除”，这部分就没有了，露出了白色的底及虚化的边缘。 此主题相关图片如下： 8、可能有些朋友点了“清除”之后，四周不是白色的，而是其它颜色的，这里就要补充说明一下颜色的设置了。 　　在PS中，设置颜色，分为前景色与背景色两个部分。如白纸黑字，那么，白色就是背景色，黑色就是前景色。在工具栏下部，就有这么一块，我们来看一下： 　 此主题相关图片如下： 这里有两块颜色，前面一块是黑色的，后面一块是白色的。这就是前景色为黑色，背景色为白色的情况。 前景色与背景色当然是可以对换的。按那个双向箭头就可以了。 此主题相关图片如下： 现在的情况是对换过来了，前景色是白色，背景色是黑色的。就像是学校里教学的黑板，写上的是白色的粉笔字。记住这个双向箭头是前景色与背景色的对换按钮。以后非常有用的。 　　而左下角的那个黑白小按钮，是默认设置按钮。即无论在什么情况下，什么颜色下，按下这个按钮，就会马上回到白底黑字的默认设置上来。 好。结合我们现在的情况，如果说要白色的背景的话，那正是一种默认的设置。这样，你在清除之后，四周都是白色的底色了。关于如何改变颜色的问题，我们在以后的课中会来详细讲解。今天我们所要掌握的，就是二点：什么是前景色？什么是背景色？如何交换？如果设为默认的颜色？ 9、画面处理得差不多了，要把虚线框去掉。到菜单“选择”下点“取消选择”，虚线框就没有了。 此主题相关图片如下： 10、现在看一下虚化边缘的效果。20这个半径值还可以。但是如果换了一照片，就不一定是20了，这个值跟原图的大小有关。如果羽化半径值太小，虚化得太突然。如果太大了，虚化部分会影响到主画面。(关于如何修改，重新设置羽化半径值，这部分内容以后会讲到。) 11、好。现在要把 图片保存起来。因为起先打开的是“照片01.jpg”，现在如果在菜单下点保存，也会是同样的文件名。弹出的对话框中，可以设置画面品质，可以看到保存后的文件量大小是多少K。这可以让我们保证能上传到论坛上。其它就不用设置了。但是，这样保存的话，原图就会被复盖了。万一你要做另一种效果就不能再使用了。为了保存原图，可以到菜单下点“存储为”，换个文件名保存下来。可以仍然保存为JPG格式。而且还以保存为PSD格式。这是PS的源文件，是可以修改的文件，正如FLASH中的FLA文件一样。假如你制作到了一半，要休息了，临时保存一下文件，就要保存为PSD文件，这样，回来还可以修改。这是要注意的。 　　好了，今天是第一课，还是少一点儿内容比较好。现在我们来回顾一下今天所学的知识点，也算是复习题： 1、什么是选区？ 2、如何调整选区？ 3、羽化半径是什么意思？ 4、如何删除不要的部分？ 5、什么是前景色、背景色？ 6、保存有哪几种情况？PSD格式的好处是什么？ 7、对照片进行虚化处理有哪几个步骤？ 步骤是： 1、画出所要的部分的选区。 2、羽化这个选区。 3、反选，选中我们所不要的画面，把它删除。 这里是先羽化，后反选。也可以先反选，后羽化。效果是一样的。

此帖子已经被旋儿－最爱ＴＶＢ｡◕‿◕｡于2007年03月09日 14:02:58编辑过。

         点击以上闪图就可直接进入昊昊漂亮小家参观哟！

第三课：照片虚化处理之二


前两课算是玩了一回图片，今天可要来讲一点儿基础的理论了。别害怕，还是很好玩的，也是很有用的。就是关于图片的大小与图片的裁剪。我们自己用数码相机拍摄的照片要上传到论坛上或是制作到网页中，就需要用到这方面的知识了。


此主题相关图片如下：


　　先打开一张图片。就看这一张吧。色彩很漂亮的风光照片。看上去这张照片并不大。其实这是我在制作网页的时候强行缩小的。所以说图片的真实大小，仅凭眼睛看是看不出来的。我们必须要知道它的具体尺寸。这有两个办法：
第一个办法是下载图片：在网页上，用右键点“图片另存为”，就可以把图片保存在自己的电脑中。然后就可以看到这张图片的尺寸大小与文件量大小了。
第二个办法是：点一下图片，让它变成最大，然后用右键点一下图片，再点“属性”，可以看到一张图片的尺寸大小与文件量的大小。如这张图片的原图是800*568，它的文件量大小是447k。我们可以用PHOTOSHOP来改变它的长与宽，并改变它的文件量，以适应网页与论坛的需要。知道了原图的尺寸，我们就可以避免马赛克的出现。一张图片，如果放大到了超过它的原先尺寸，它就会出现马赛克。以后在制作FLASH时的时候就可以避免了。另外，有些图片需要进行选题与裁剪，让它更加突出主题，更加精练。这些就是我们今天所要学的内容。
　　现在我们打开PS，打开这张图片。现在我们所看到的图片也不是它的真实大小，而是PS调整的适当的工作面显示大小。上面写着50%，只是一半。如果是百分之百的话，就要有四张拼起来那么大。它的真实大小如果在800*600的电脑屏幕上来，会占满整个屏幕，就是一张屏幕保护图片。（以下显示的图片，都是在PS中的工作图片，真实大小，没有进行网页的强行缩小）
一、裁剪图片：
　　先来学习如何裁剪图片。点工具栏左下第三个工具“裁剪工具”。


此主题相关图片如下：


然后到图上，按下鼠标，在我们需要留下的画面上划出一个矩形后松手。这时，我们可以看到：矩形之外的画面变暗了，变暗的部分是将要裁去的画面。


此主题相关图片如下：


这个矩形框我们已经熟悉了，它就是调整框。我们可以移动那些小方块进行调整，还可以把矩形框旋转，直到满意为止。现在我们要考虑的只是画面的精练与美观，长与宽的比例，而不必考虑它的尺寸大小与文件量的大小。这方面过后我们会再进行处理。当你对画面满意后，就可以按下工具属性栏最右边的“对勾”，（也可以在图片内双击鼠标。）


此主题相关图片如下：


图片就裁剪成功了。我们要的部分即矩形框内的画面被留下来了，其它部分就消失了。图片就成了下面这个样子了。


此主题相关图片如下：


是不是比先前更精练，更有纵深感呢？这只是各人的艺术眼光不同而已。先前是突出山与石，现在是突出蓝天与道路了。
　　那么，现在的新图的尺寸又是多少了呢？接下来我们继续进行处理。

二、处理图片的长与宽尺寸大小：
　　打开菜单“图像”下的“图像大小”。出来一个对话框。

此主题相关图片如下：


（注意：上面所写的“像素大小：642k”不是文件量的大小。“文档大小”也不是文件量的大小，因为这里面还有一个图片像素分辨率的问题，与屏幕显示分辨率的问题，这里所指的是打印机打印的情况。这些，我们都可以不去管它，我们只以像素值来衡量。如大多数的FLASH制作的尺寸是550*400。我们可以用这个尺寸也推断图片的真实大小。）
现在我们看到这张图是440*498像素。这正是经过裁剪后的图片的真实大小。而裁剪前的图片是800*600，近一半大小。
　　不过，现在我们所看到的这个经过裁剪的新图也不是它的真实大小，还是在PS中的工作区显示大小。 看一张图片是不是真实大小，只要看图片上边沿的文件名＠后面是不是100%就可以了。
　　现在，我们要把这张图片的长与宽缩小。从这个对话框上，我们可以看到现在的尺寸是440*498。一般我们总是把图片缩小为好，而不是放大。因为放大会影响到画面的质量。同时也尽量把长与宽按比例地缩小，这样才不会失真。这就是要在“约束比例”前打上勾。假定你想把你的图片的宽度缩小到220像素，就把原来的440改成220，高度就不必填了，然后按“好”。图片就 会按比例缩小。成了这个样子。


此主题相关图片如下：


现在的尺寸是220*249。是前面的一半大小。 现在你如果把图片保存起来，它的画面不变而长与宽都变小了，文件量自然也变小了。你就可以这样用到网页或FLASH上去了。这样的做法是最经济的了，比网页强制缩小显示要节省很多的文件量。

三、观看图片的真实大小：
　　在这么小的画面上工作，肯定是不行的。现在我们先来看看它的真实大小。点一下“缩放工具”(就是放大镜)。

此主题相关图片如下：


然后在“工具属性栏”上，点一下“实际像素”，


此主题相关图片如下：


就会把图片放大，这是它的真实尺寸大小了。我们看到在图片的上边线有“文件名100%”。这是观看一张图片真实大小的办法。220*249的图片的真实大小正是这么大。（见下图）


此主题相关图片如下：

四、在工作区放大缩小图片：
　　真实大小我们是看到了，但是还不能满意于此。因为，假如一张图片的真实大小很大很大，超出屏幕那么大，我们怎么工作呢？或者假如一张图片极小极小，几乎看不清楚，又怎么工作呢？为了工作的需要，我们还是得把它们放到适当的大小。这只是为了操作方便，丝毫没有改变图片的任何性质，这一点跟前面的裁剪或是改变尺寸是完全不同的两回事。只做绘图显示用。
　　比如这张220*249的图，我们操作的时候嫌小，你仍可以点中“缩放工具”，用鼠标去拉它的右下角，把画布（浅灰色的部分是工作区，也称画布）拉大，一直拉到满意的大小。

此主题相关图片如下：


现在拉到上面这个样子。现在再去点属性栏中右边的“满画布显示”，这时，图片就会放大到充满画布。但是画布也会做一定的调整，这是软件认为这样是最合适的工作面大小。如果你要再自行调整，可以再把画布拉大，然后用放大镜进行调整。现在方便了我们观察与操作了。现在的放大比是171%。有一点儿马赛克出现了。


此主题相关图片如下：


关于工作区中图片的缩放手法还有好多，今天先介绍这种最实用的办法。就是先确定画布的大小，然后按“满画布显示”。其它的办法以后碰到了再说。


五、控制图片文件量的大小：
　　现在来说说文件量的大小。有些论坛只允许上传100k的图片，有些论坛可以上传200k的图片。所以，一定要控制我们制作的图片的文件量。当图片处理完了之后，要保存起来。你可以点菜单“文件”下的“存储为WEB所用格式”。会弹出一个操作图。

此主题相关图片如下：


左边是原图，右边有各种选项。先看“品质”。现在是100%。我们看到在左边图的下面有这么一栏：79.04k。


此主题相关图片如下：


这就是它在质量最好的时候，文件大小是79.04k。如果想要文件量再小一点，这是需要牺牲画面质量的。你可以把“品质”改为70%，这时再来看文件量，它变成了37.53k了。（这两者是不成比例的。）这样，我们就可以控制文件量的大小了。（文件量下面的100%是观看图片大小的，不会改变图片的本身。）
　　好了，今天的课内容够多的了。我们学了五个方面的内容。现在我们知道如何来裁剪与控制图片尺寸的大小与文件量的大小了。在数码相机的拍摄中，我们可以设定照片的大小，如2048*1760，1600*1200，1200*960，640*480等等。有时拍出来的照片的文件量高达1兆。这么大的照片是没办法上传到网页或论坛上的。（一般500*450左右比较合适，文件量控制在100k左右比较好。）现在用PHOTOSHOP，我们就可以自由的选择制作了。
下面是复习题：
1、怎样从网页上知道图片的长与宽以及文件量的大小？
2、为什么有些图片会出现马赛克现象？
3、怎样使用裁剪工具？
4、在PS中怎样才能知道图片的长与宽？
5、怎样把图片的长与宽按比例地放大或缩小？
6、怎样才能看到图片的真实大小？
7、工作时，怎样做才能把图片迅速地放置到最合适的大小？
8、如何控制图片的文件量？

         点击以上闪图就可直接进入昊昊漂亮小家参观哟！

第五课：制作照片边框（一）









今天我们来学习制作一个简单的照片边框，通过制作过程，来熟悉PS的一些工具与制作手法。
1、打开PS，打开一张照片。现在我们要为这张照片做一个背景图，并改变一下照片的边框。


此主题相关图片如下：


2、为背景层改名。在图层面板，现在有一个图层名为“背景”。这个背景层的右边有一个小锁。凡是第一次打开一个图片总是有这样一个上了锁的背景层。现在我们要改变它的名称。双击背景层，弹出一个对话框。在名称中写上“照片”后按“好”字。


此主题相关图片如下：


3、 创建新的图层。按一下图层面板最下面的“创建新的图层”按钮，在背景层的上面出现了一个新图层，名称为“图层1”。新图层是不会上锁的，改名就比较容易。我们可以双击这三个字，改名称为“新背景”。


此主题相关图片如下：




4、凡是新建的图层，都是全透明的。我们可以看到在“新背景”这三个字左边有个小图，全是格子，这表示它是透明的。我们还可以把“照片”层前的小眼睛关闭，这时，工作区中只有透明的格子样子了。现在我们要把“新背景”层填上颜色。
填充颜色分为两个步骤：
A、第一步：要确定前景色还是背景色。






此主题相关图片如下：


现在到窗口菜单下点“颜色”，出来一个颜色面板。在颜色两字的下面，有二个方的色块。前面黑色的是前景色，后面白色的是背景色。你需要设置前景色时（多数情况下我们是设置前景色），就点前面那块。现在我们按下前景色按钮。黑色的方块的外面多了一个外框，表示现在是设置前景色。
B、第二步：选择颜色。可以选择颜色的地方有好几个。 右边的R右边由黑到红的长条下面，有一个小三角形，可以拉动它来改变颜色。你可以把这三条都拉一下，再看前景色有什么变化。


此主题相关图片如下：


最右边的数字框也可以直接填入由0到255之间的数字。例如：在R（红）里，填入217；在G（绿）里，填入253；在B里填入249，现在前景色变成了浅绿色。这是RGB三原色组合表示一种颜色的方法。最下面有一个多彩的粗条，在这里可以多选一些颜色。最右边是黑白两色。这个颜色面板是非常方便来选择颜色的。
　　 更直观的方法是点“色板”标签。


此主题相关图片如下：


可以看到各种颜色。需要什么颜色就点什么颜色。但是颜色的品种比较少。


此主题相关图片如下：





如果你双击前景色，会出来更大的一个颜色选框，叫拾色器。上面写着“选择前景色”。这儿也可以填入RGB三个值来确定颜色。也可以直观地来选色。这里也分二步走。第一步是先在红橙黄绿青蓝紫的竖直色条上，选取接近我们所需要的颜色。假定我们选绿色。这时会出来大面积的过渡型的绿色。第二步是到左边大面积正方形的过度色板来点中浅绿或是深绿。选好后，点“好”，前景色就选好了。








此主题相关图片如下：









在工具栏也有一个选色的工具。分为前景色与背景色两块。角上有个双向箭头按钮，它的作用是把前景色与背景色互换。左下角的小的黑白两块，这是一个按钮，是用来复原的。即默认的前景色为黑色，背景色为白色。
自由地选取颜色，是非常重要的基本功，必须熟练掌握。现在请你选取一种颜色作为前景色吧。我选的还是浅绿色。我们将用这个颜色来填充图层1。


此主题相关图片如下：


5、填充颜色。


此主题相关图片如下：


菜单“编辑”下点“填充”，出来一个对话框，我们选的是默认的“使用前景色”，其它不变。按“好”。现在“新背景层”就填上了浅绿色。
6、现在我们要把两个图层对换一下位置。点住“新背景层”不放，把它拖到“照片层”的位置把它复盖后松手，它们的位置就对换了。现在，新背景层在下面，照片层在上面。
7、我们点一下照片层，表示现在要在照片层上工作了。
8、现在我们要把照片缩小75%。


此主题相关图片如下：


在“编辑”下点“变换”－－“缩放”。这时，照片的四周出现了调整框。我们到最上面的属性栏中，按下W（宽）与H（长）中间的链条节。





此主题相关图片如下：


这是“保持长宽比”按钮。现在只要在W后面写入75%，长度也自动变成75%。这时按回车就可以了。这种方法很适合于有明确数字的缩放。现在照片缩小了一些，露出了四周的浅绿色。现在的样子如右图。





此主题相关图片如下：


当然，我们也可以用手工的方法来缩小。按住SHIFT键，用鼠标拉动照片的一角，向内部拉就可以把它缩小。按住SHIFT的目的是可以保持它的长宽比例，不会失真。如果同时按住SHIFT与ALT两个键去拉，还可以保持照片的中心点不变。


　这个相框还没来得及做完，你可以先保存为PSD格式。下周我们继续往下做。

　　我们通过今天的学习，学到以下一些内容：
1、背景层的改名。
2、新建图层及改名。
3、前景色与背景色。
4、选择颜色的具体方法。
5、填充颜色的方法。
6、图层对换的方法。
7、画面长宽等比缩放的方法。
下面是复习题：
1、背景层的改名与新图层的改名有什么不同？
2、怎么才能看出来，我设定的是前景色还是背景色？
3、在拾色器里选色分为哪两步？
4、想把画面等比缩小50%应该怎么做？

         点击以上闪图就可直接进入昊昊漂亮小家参观哟！

第七课：图片的简单合成






今天我们来学习两张图片的简单合成。
　　在第一课与第二课，我们只是把一张照片圈了起来，四周还是白色的。我们想把这个圈起来的照片再加上漂亮的背景。像下面这张照片那样。这样的制作方法常用于广告与贺卡。

　　1、制作有透明外围的画面：

此主题相关图片如下：


就跟第一课与第二课的制作方法基本一样。只是在制作的一开始，要先“复制背景层”，产生一个“背景副本”，我们的操作要在副本上进行。然后就是先圈定，再羽化，再反选，最后把四周的像素清除。具体的制作方法请参看第一课与第二课。现在我们的图层面板是这样的。请注意看：现在背景层的小眼睛关掉了，所以，在工作区，只能看到背景副本层的样子。现在这个圈定的图的四周不是白色，而是透明的。这里的效果就跟第一第二课不一样的。这样有了透明的四周，就可以放到别的图片中去合成图片了。也就是说：背景层是原始图层，它是不能透明的。要产生透明，一定要新建图层才行。
　　


2、复制并移动一个图层。现在打开另外一张将要作为背景的图片。就是说：我们已经同时打开了两张不同的图片了。你要注意到你是在哪一张图片上工作。当你点到第一张图，右下角的图层面板就显示的是第一张图的图层。如果你点第二张图，图层面板就会显示第二张图的图层。现在工作区是这样的：



此主题相关图片如下：





从这张抓图中，我们可以看到：现在打开了第二张图。现在的图层面板是第一张图的，说明我们还是回到了第一张图来工作。同时可以看到：第一张图上面的提示条是蓝色的。（看第二张图上面的提示条是灰色的）并且，我们点中了“背景副本层”。现在我们可以把这一层拖到第二张图上去再放手。看下图：



此主题相关图片如下：


　　





好，现在的图层面板变成了第二张图的了。原先有一个背景层，现在增加了一个“背景副本”层。这个“背景副本”层实际上是第一张图的，只是复制了一个层。同时，图也跑到第二张图上来了。第二张图上的提示条现在是蓝色的。背景副本层也是蓝色的。这是今天我们学习的关键方法。（其实这是复制粘贴的快捷方法。如果分步做的话，就是先点中第一张图的背景副本层，然后到编辑菜单下点“拷贝”。这样就把这一层复制了一个。然后再到第二张图点一下，点编辑菜单下的“粘贴”，这样就在第二张图上贴上了这个层。）现在事情变得复杂起来了，我们必须清醒地知道：我现在是在哪一张图片的哪一个图层上进行工作。






此主题相关图片如下：


3、在新图中调整大小及位置。现在你就可以在新图中，进行调整了。在“编辑菜单”下点“自由变换”，会出来一个调整框。






此主题相关图片如下：


现在我们来学习这个调整框的使用方法：


一、旋转：四周有8个小方点。中间有一个十字架的小圆点。这是中心点。旋转就是以这个圆点为中心的。这个中心点也是可以拖动的。你可以把它拖到任意地方，甚至拖到图片的外面去。需要旋转时，只要把鼠标放在图形的外围，就会出现双头弯箭头，移动鼠标就可以把图片旋转了。


此主题相关图片如下：