（中职）Photoshop CS3基础与案例教程项目6-2教学课件.ppt

《（中职）Photoshop CS3基础与案例教程项目6-2教学课件.ppt》由会员分享，可在线阅读，更多相关《（中职）Photoshop CS3基础与案例教程项目6-2教学课件.ppt（37页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、YCF正版可修改PPT（中职）Photoshop CS3基础与案例教程项目6-2教学课件任务二任务二 设计设计“志愿者爱心服务社团志愿者爱心服务社团”文文化衫化衫学习用路径绘图学习用路径绘图分任务一分任务一 理论先行理论先行分任务二分任务二 新建文件，打好参考线新建文件，打好参考线分任务三分任务三 绘制文化衫轮廓绘制文化衫轮廓 分任务四分任务四 把路径变成图像把路径变成图像 分任务五分任务五 给文化衫贴图给文化衫贴图 分任务六分任务六 输出作品输出作品 下一页返回任务二任务二 设计设计“志愿者爱心服务社团志愿者爱心服务社团”文文化衫化衫学习用路径绘图学习用路径绘图任务导入任务导入现在学校一般都

2、有学生社团，通过加入自己感兴趣的社团，通过参加现在学校一般都有学生社团，通过加入自己感兴趣的社团，通过参加丰富多彩的社团活动，一定会使自己变得自信，集体荣誉感也会得到丰富多彩的社团活动，一定会使自己变得自信，集体荣誉感也会得到提升。社团开展活动时，如果穿着统一的文化衫，一定会吸引更多的提升。社团开展活动时，如果穿着统一的文化衫，一定会吸引更多的目光，社员内心也会产生自豪感。本任务就是给目光，社员内心也会产生自豪感。本任务就是给“志愿者爱心服务社志愿者爱心服务社团团”设计一件爱心文化衫。设计一件爱心文化衫。上一页返回下一页任务二任务二 设计设计“志愿者爱心服务社团志愿者爱心服务社团”文文化衫化衫

3、学习用路径绘图学习用路径绘图任务分析任务分析本次任务主要是利用本次任务主要是利用“路径工具路径工具”来绘制文化衫图案，在这个过程中来绘制文化衫图案，在这个过程中一定要注意左右对称，可以通过复制路径后选择自由变换路径再进行一定要注意左右对称，可以通过复制路径后选择自由变换路径再进行路径的各种变换来实现。接着，可通过把路径转换为选区或者直接填路径的各种变换来实现。接着，可通过把路径转换为选区或者直接填充路径来给文化衫上色。对于非封闭路径，必须通过描边路径来给路充路径来给文化衫上色。对于非封闭路径，必须通过描边路径来给路径上色。最后把爱心标志放到文化衫的正面，并添加上文字，文化衫径上色。最后把爱心标

4、志放到文化衫的正面，并添加上文字，文化衫就设计成功了。就设计成功了。任务实施任务实施上一页返回分任务一分任务一 理论先行理论先行1.形状工具形状工具(U)在在PS中，利用中，利用“形状工具形状工具”可以非常方便、快捷地创建各种规则的几可以非常方便、快捷地创建各种规则的几何形状或者路径。可以对形状进行快速选择、调整大小和移动，还可何形状或者路径。可以对形状进行快速选择、调整大小和移动，还可以编辑形状的属性以编辑形状的属性(如描边、填充颜色和样式如描边、填充颜色和样式)。打开形状工具组，包括矩形工具、圆角矩形工具、椭圆工具、多变形打开形状工具组，包括矩形工具、圆角矩形工具、椭圆工具、多变形工具、直

5、线工具和自定形状工具，如工具、直线工具和自定形状工具，如图图6.2.1所示。所示。2.填充子路径填充子路径“填充子路径填充子路径”就是利用前景色对路径内区域进行颜色填充。就是利用前景色对路径内区域进行颜色填充。3.描边子路径描边子路径“描边子路径描边子路径”就是利用画笔或者别的工具对路径的轮廓进行描边。就是利用画笔或者别的工具对路径的轮廓进行描边。返回分任务二分任务二 新建文件，打好参考线新建文件，打好参考线(1)点击点击“Ctrl+N，弹出，弹出“新建新建”对话框，设置如对话框，设置如图图6.2.2所示，单所示，单击击“确定确定”按钮。按钮。(2)分析文化衫设计，发现在打样的时候，一定要考虑

6、到衣服设计的合分析文化衫设计，发现在打样的时候，一定要考虑到衣服设计的合理性，比如左右肩膀的对称性。基于如上考虑，首先通过标尺和参考理性，比如左右肩膀的对称性。基于如上考虑，首先通过标尺和参考线工具在文件中添加参考线，为后面的工作打下基础。线工具在文件中添加参考线，为后面的工作打下基础。(3)选择选择“视图视图”“标尺标尺”(Ctrl+R)，这时文件的上边和左边出现，这时文件的上边和左边出现标尺，鼠标移到标尺上，点右键选择单位为标尺，鼠标移到标尺上，点右键选择单位为“像素像素”，这样便于在设，这样便于在设计衣服尺寸时好好把握，如计衣服尺寸时好好把握，如图图6.2.3所示。所示。(4)接着就可以

7、确定衣服的大致范围了，可以通过添加参考线来确定。接着就可以确定衣服的大致范围了，可以通过添加参考线来确定。鼠标移到左标尺上面，按住左键向右拖动，会发现有一根竖直线随着鼠标移到左标尺上面，按住左键向右拖动，会发现有一根竖直线随着鼠标的移动而移动到相应尺寸处，松开鼠标，就添加了第一根参考线。鼠标的移动而移动到相应尺寸处，松开鼠标，就添加了第一根参考线。按上述办法添加好所有参考线，如按上述办法添加好所有参考线，如图图6.2.4所示。所示。下一页返回分任务二分任务二 新建文件，打好参考线新建文件，打好参考线小助手提醒小助手提醒:参考线是用来帮助设计作品时布局的，除了上述用鼠标施参考线是用来帮助设计作品

8、时布局的，除了上述用鼠标施出辅助线的方法外，还可以借助出辅助线的方法外，还可以借助“视图视图”下拉菜单来实现，如下拉菜单来实现，如图图6.2.5所示所示-要调整参考线的位置，可在选择要调整参考线的位置，可在选择“移动工具移动工具”后，把鼠标移到参考线后，把鼠标移到参考线上，按住鼠标左键进行移动。而选择上，按住鼠标左键进行移动。而选择“锁定参考线锁定参考线”后，则不能再对后，则不能再对参考线进行移动。参考线是不会出现在输出文件中的。参考线进行移动。参考线是不会出现在输出文件中的。上一页返回分任务三分任务三 绘制文化衫轮廓绘制文化衫轮廓(1)首先绘制主体区域。选择首先绘制主体区域。选择“矩形工具矩

9、形工具”，点选，点选“路径路径”按钮，进行按钮，进行如如图图6.2.6所示绘制。所示绘制。(2)绘制肩膀处的样式，选择绘制肩膀处的样式，选择“添加锚点工具添加锚点工具”，在，在图图6.2.7所示位置所示位置处添加两个锚点。处添加两个锚点。(3)选择选择“直接选择工具直接选择工具”，移到左边第一个锚点处，按住左键向下拖，移到左边第一个锚点处，按住左键向下拖动，接着移动最后一个锚点向下拖动，如动，接着移动最后一个锚点向下拖动，如图图6.2.8所示。所示。(4)要绘制出领口形状。选择要绘制出领口形状。选择“直接选择工具直接选择工具”，移到上边路径的中间，移到上边路径的中间点，点右键添加锚点，然后往下

10、拖动，产生弧状，如点，点右键添加锚点，然后往下拖动，产生弧状，如图图6.2.9所示。所示。(5)选择选择“钢笔工具钢笔工具”，绘制一条直线路径，然后选择，绘制一条直线路径，然后选择“直接选择工具直接选择工具”，移到中间点，点右键添加锚点，然后往下拖动，产生弧状，如，移到中间点，点右键添加锚点，然后往下拖动，产生弧状，如图图6.2.10所示。所示。下一页返回分任务三分任务三 绘制文化衫轮廓绘制文化衫轮廓(6)选择选择“路径选择工具路径选择工具”，把刚绘制好的路径移动到如，把刚绘制好的路径移动到如图图6.2.11所所示的位置。示的位置。(7)绘制第二条路径，按照上述步骤制作，效果如绘制第二条路径，

11、按照上述步骤制作，效果如图图6.2.12所示。至所示。至此，领口就做好了。此，领口就做好了。(8)绘制袖子。选择绘制袖子。选择“钢笔工具钢笔工具”绘制路径，利用绘制路径，利用“直接选择工具直接选择工具”调调整路径，利用整路径，利用“路径选择工具路径选择工具”移动路径，效果如移动路径，效果如图图6.2.13所示。所示。(9)衣服的左袖和右袖样式应该是一样的，只需要复制左袖路径，移动衣服的左袖和右袖样式应该是一样的，只需要复制左袖路径，移动到右边。首先选择到右边。首先选择“编辑编辑”“自由变换路径自由变换路径”，这时右袖路径会被，这时右袖路径会被选择框围住，然后选择选择框围住，然后选择“编辑编辑”

12、“变换路径变换路径”“水平翻转水平翻转”，接，接着调整路径到合适位置，效果如着调整路径到合适位置，效果如图图6.2.14所示。文化衫的路径轮廓绘所示。文化衫的路径轮廓绘制好了。制好了。上一页返回分任务四分任务四 把路径变成图像把路径变成图像路径创建好了，就要把路径变成图像了。首先选择文化衫的主体路径，路径创建好了，就要把路径变成图像了。首先选择文化衫的主体路径，点右键选择点右键选择“建立选区建立选区”命令，在弹出的命令，在弹出的“建立选区建立选区”对话框中，单对话框中，单击击“确定确定”按钮，新建图层，然后填充红色，取消选区，效果如按钮，新建图层，然后填充红色，取消选区，效果如图图6.2.15

13、所示。所示。小助手提醒小助手提醒:给路径内区域填充顾色，除了上述办法外，还可以在选择给路径内区域填充顾色，除了上述办法外，还可以在选择“路径选择工具路径选择工具”后点右键选择后点右键选择“填充子路径填充子路径”，然后在弹出的，然后在弹出的“填填充子路径充子路径”对话框中选择通过前景色填充，单击对话框中选择通过前景色填充，单击“确定确定”按钮。填充按钮。填充后，路径可直接删除后，路径可直接删除.用上面介绍的两种方法之一填充两只袖子，效果如用上面介绍的两种方法之一填充两只袖子，效果如图图6.2.16所示。所示。下一页返回分任务四分任务四 把路径变成图像把路径变成图像观察图像发现，前面在做领口的时候

14、，建立的是直线路径，然后通过观察图像发现，前面在做领口的时候，建立的是直线路径，然后通过调整而成，并不是一个封闭的区域。而领口应该是区别于衣服主体颜调整而成，并不是一个封闭的区域。而领口应该是区别于衣服主体颜色的，这该怎么处理呢色的，这该怎么处理呢?PS除了能够除了能够“填充子路径填充子路径”外，也考虑到了外，也考虑到了这种情况，所以还设置了这种情况，所以还设置了“描边子路径描边子路径”命令，也就是说可以对线条命令，也就是说可以对线条上色，而且可以通过设定像素值的大小来改变线条的粗细。上色，而且可以通过设定像素值的大小来改变线条的粗细。新建图层，接着设定画笔笔触大小为新建图层，接着设定画笔笔触

15、大小为“8像素像素”，硬度为，硬度为“100%，然，然后选择后选择“路径选择工具路径选择工具”，把领口的第一个路径选中，点右键选择，把领口的第一个路径选中，点右键选择“描边子路径描边子路径”命令，在弹出的命令，在弹出的“描边子路径描边子路径”对话框中，选择对话框中，选择“画笔画笔”，单击，单击“确定确定”按钮，效果如按钮，效果如图图6.2.17所示。所示。按上述办法，描边第二个路径，效果如按上述办法，描边第二个路径，效果如图图6.2.18所示。所示。上一页 下一页返回分任务四分任务四 把路径变成图像把路径变成图像观察图片，文化衫已经被刷上了颜色，但再仔细观察，会发现路径还观察图片，文化衫已经被

16、刷上了颜色，但再仔细观察，会发现路径还存在，对它们怎么处理呢存在，对它们怎么处理呢?考虑到路径和选区是可以互换的，所以一考虑到路径和选区是可以互换的，所以一般来说，会把路径删除。当然，如果觉得这个路径以后还要用到，就般来说，会把路径删除。当然，如果觉得这个路径以后还要用到，就可以点右键选择可以点右键选择“定义自定形状定义自定形状”来把当前路径保存到自定形状中。来把当前路径保存到自定形状中。进行删除路径的操作，方法就是用进行删除路径的操作，方法就是用“路径选择工具路径选择工具”选中路径后，按选中路径后，按“Del键删除，然后选择键删除，然后选择“清除参考线清除参考线”命令，清除所有参考线，最命令

17、，清除所有参考线，最后效果如后效果如图图6.2.19所示。所示。上一页返回分任务五分任务五 给文化衫贴图给文化衫贴图导入素材导入素材“爱心标志爱心标志.jpg”，去除背景后调整大小，然后添加文字，去除背景后调整大小，然后添加文字“我我志愿，我快乐志愿，我快乐”最后效果如最后效果如图图6.2.20所示。所示。返回分任务六分任务六 输出作品输出作品(1)点击点击“文件文件”“存储存储”命令，以命令，以“文化衫设计文化衫设计”为文件名，保存为文件名，保存为为PSD格式。格式。(2)再次点击再次点击“文件文件”下拉菜单，选择下拉菜单，选择“存储为存储为”命令，以命令，以“文化衫设文化衫设计计”为文件名

18、，保存为为文件名，保存为JPEG格式。格式。任务总结任务总结在这个任务中，学习了如何通过路径来绘制图形，在其中充分利用了在这个任务中，学习了如何通过路径来绘制图形，在其中充分利用了“钢笔工具钢笔工具”和和“直接选择工具直接选择工具”;也学习了如何给路径上色，可通也学习了如何给路径上色，可通过转换为选区或者填充路径的方式来实现过转换为选区或者填充路径的方式来实现;也知道了对于非封闭选区，也知道了对于非封闭选区，可通过描边路径来实现。将本次任务和上次任务结合起来，对路径的可通过描边路径来实现。将本次任务和上次任务结合起来，对路径的了解就比较明晰了。了解就比较明晰了。下一页返回分任务六分任务六 输出

19、作品输出作品任务拓展任务拓展本次任务的爱心标志是直接给出的，请读者利用所学知识，自己把它本次任务的爱心标志是直接给出的，请读者利用所学知识，自己把它绘制出来。绘制出来。操作提示操作提示:(1)可先选择可先选择“形状工具形状工具”中提供的相关形状，然后再利用中提供的相关形状，然后再利用“直接选择直接选择工具工具”对其进行修改。对其进行修改。(2)只需绘制一个，然后通过复制及水平翻转来画出另一个。只需绘制一个，然后通过复制及水平翻转来画出另一个。(3)通过建立选区或者填充路径来形成图像。通过建立选区或者填充路径来形成图像。上一页返回返回图图6.2.1 形状工具选项形状工具选项返回图图6.2.2 “

20、新建新建”对话框对话框返回图图6.2.3 为文件添加标尺为文件添加标尺返回图图6.2.4 添加参考线添加参考线返回图图6.2.5 视图菜单下的相关参考线命令视图菜单下的相关参考线命令返回图图6.2.6 绘制矩形路径绘制矩形路径返回图图6.2.7 添加锚点添加锚点返回图图6.2.8 调整路径后的效果调整路径后的效果返回图图6.2.9 把直线改成弧线把直线改成弧线返回图图6.2.10 绘制第二条路径绘制第二条路径返回图图6.2.11 移动路径移动路径返回图图6.2.12 绘制第二条路径绘制第二条路径返回图图6.2.13 绘制左袖子绘制左袖子返回图图6.2.14 绘制好袖子绘制好袖子返回图图6.2.15 填充主体路径填充主体路径返回图图6.2.16 填充两只袖子填充两只袖子返回图图6.2.17 描边路径后的效果描边路径后的效果返回图图6.2.18 描边第二个路径描边第二个路径返回图图6.2.19 清除路径和参考线后的效果清除路径和参考线后的效果返回图图6.2.20 添加标志和文字后的效果添加标志和文字后的效果返回返回