用ps制作人物图标教案

2024-04-20

用ps制作人物图标教案（共6篇）

篇1：用ps制作人物图标教案

这篇教程是向脚本之家的朋友介绍用PS制作漂亮的卡通彩色铅笔图标方法介绍，教程很不错，很值得学习，推荐到脚本之家，喜欢的朋友一起来学习吧

以上就是用PS制作漂亮的卡通彩色铅笔图标方法，教程很不错，很值得学习，推荐到脚本之家，一起来看看吧！

方法/步骤

1、新建一个500*500的白色背景，点击前景色，在弹出的拾色器对话框将颜色输入01dbcd，点击好。然后点击油漆桶工具，点击背景，将背景色变成这个青色。

新建一个图层，点击“椭圆选框工具”，按住Shift画一个360* 360的正圆，填充跟背景一样的颜色，即01dbcd，描边3像素，命名为“圆”。在圆上面右击鼠标，选择“描边”，输入宽度3像素，颜色选择白色，点击”好”。这个带白边框的圆就完成了。

新建一个图层，用矩形选框工具画一个长方形，填充黑色，点击菜单【编辑---变换---旋转】，输入角度为45度。调整大小和位置，按Ctrl+D取消选择。在图层取名为“阴影”。将阴影移到圆边上，不透明度改为8%。

新建一个图层，继续用按住Shift+椭圆选框工具画一个250*250的圆，填充白色。取名为“小圆”。

新建一个图层，点击”矩形选框工具“，画一个细长的长方形，填充灰色，或者数字c2c8c8，然后建立一个图层组，将这个图层拖入到图层组，再在图层组里按Ctrl+J复制多个图层，并分别选中图层组里的图层，用方向键进行上下调节，调整到合适的位置。然后多次按Ctrl+E合并图层（我是用PS8，跟别的版本有点不一样哦）。将合并后的图层取名叫“线条”，并将这个线条图层移出图层组，删除图层组。

选中“线条”图层，按Ctrl+鼠标左键选择“小圆”，然后反选，按Delete删除线条多余的部分。然后按Ctrl+D取消选择。

新建一个图层，选择“圆角矩形工具”，画一个圆角半径为5像素的长方形，取名“铅笔1”。双击“铅笔1”，打开图层样式对话框，选择“渐变叠加”，选择线性样式，角度为0，点击渐变后的色块，修改为红色，中间两个色块分别填数字：e4463d 和 d13d3b ,点击“好”，再点击“好”。

按Ctrl+J复制“铅笔1”图层，将复制后的图层取名叫“铅笔2”，在“铅笔2”图层，按住Alt拖动矩形工具减去一部分，

双击“铅笔2”图层后面的图标，打开图层样式对话框，选择“渐变叠加”，将渐变颜色更改为浅青色，中间两个色块分别填 e7f2e4 和 d2d3d5 ，点击“好”，再点击“好”。

按Ctrl+J复制“铅笔2”图层，将复制后的图层取名叫“铅笔3”，在“铅笔3”图层，按住Alt拖动矩形工具减去一部分。双击“铅笔3”图层后面的图标，打开图层样式对话框，选择“渐变叠加”，将渐变颜色更改为绿色，中间分别增加6个彼此相邻的色块，分别填a0ce23 ,89bc2f, 8dbe26 , 8dbe26 , 81ae20 , 749b28 ，点击“好”，再点击“好”。

新建一个图层，用多边形工具画一个三角形，取名“铅笔4”。双击打开图层样式，选择“渐变叠加”，角度为0，在渐变的色块后面点击，打开渐变编辑器，调节颜色，并在中间增加两个色块，分别填 F6DA90 和 e0cf73 。点击“好”，再点击“好”。

按Ctrl+J复制“铅笔4”图层，将复制后的图层取名叫“铅笔5”，在“铅笔5”图层，按住Alt拖动矩形工具减去一部分。双击“铅笔5”图层后面的图标，打开图层样式对话框，选择“渐变叠加”，角度为-20，将渐变颜色更改为黑色，中间分别增加两个色块，分别填 695e4c 和 2b2e25 ，点击“好”，再点击“好”

新建一个组，取名“铅笔”，将铅笔1-5放进组里，复制一个，取名“铅笔副本”，关闭铅笔组的眼睛，选择“铅笔副本”图层组，按Ctrl+E合并这五个图层，变成一直整的铅笔。

选择选择工具，在铅笔副本图层，按Ctrl+T调整铅笔大小，调整到我们需要的大小，点击菜单【编辑---变换---旋转】，旋转45度，再按Enter确定。

新建一个图层，取名小阴影。用矩形选框工具画一个矩形，填充黑色。点击菜单【编辑---变换---扭曲】将小阴影进行变形和位置调整，再把不透明度改为20%。

选择小阴影，按住Ctrl+鼠标左键，点击“大圆”图层，再点击菜单【选择---反选】，然后按Delete将小阴影多余的部分删除。最后我们将图片保存为JPEG格式。就大功告成啦。注意把小阴影放到铅笔下面哦。

以上就是用PS制作漂亮的卡通彩色铅笔图标方法，一起来看看吧！

篇2：用ps制作人物图标教案

效果图 2

效果图 3

效果图 1

效果图 2

效果图 3

效果图 4

素材图 1

素材图 2

素材图 3

素材图 4

素材图 5

1、打开素材图，按Ctrl a全选，按Ctrl c键拷贝，进入通道面板，新建Alphal通道，接ctrl v粘贴，这一步主要为下面制作高纯白黑白照片打下基础(图1)，

2、执行图像――计算命令，打开计算对话框，设置好各相关选项，确定后得到Alphal2通道，按ctrl c键拷贝，(图2)，这一步操作，目的是得到纯白图片。

3、回到图层面板，按ctrl v键粘贴，复制一层，图层混合模式为“滤色”不透明度为43%(图3)。

4、作“曲线”调节(图4)，目的是加强图片的对比度，

5、窗口最大化，默认前景色与背景色，用截剪工具拖出一个超出画面的横框(图5)。

6、确定操作，效果如下图所示(图6)。

7、选中背景层，填充白色(图7)。

8、新建一层，用矩形选框工具画选区，填充黑色，不透明度为66%(图8)。

9、新建一层，设置前景色为“#bobobo” 选择粉色画笔，在图层上涂沫，涂沫时要注意画的旋转(图9)。

10、对图层作滤镜――杂色――添加杂色和图层样式――投影操作，设置如(图10)。

11、合并图层1和图层1副本，添加图层蒙版，用黑色画笔工具在不需的地方涂沫，新建一层，用矩形选框工具画选区(图11)。

12、填充黑色，取消选区，不透明度设置为22%(图12)。

13、输入文字，注意文字的排版(图13)。

14、输入文字后的图层面板(图14)。

15、调入素材图片并作好排列组合(图15)，

16、合并所有图层，用色阶作对比度调节(图16)，教程制完成。

篇3：用ps制作人物图标教案

在这个Cinemagraph拍摄制作前，我们希望人物摆一个很酷的动作，并保持绝对静止，而投在墙面和地面上舞动的人影则保持循环往复的状态。因此在拍摄时我们使用了侧位的聚光灯，使人影形状和角度在画面中能够很好的表现。

使用相机的摄像功能拍摄两个短片，第一个短片摄录设计好的人物静止动作（如上图中人物姿势），由于后期只用到该短片的一桢画面，所以让人物保持静止后，拍摄几秒即可，最后挑一帧最好的画面。第二个短片主要拍摄人影舞动的素材，开拍后让人物上半身舞动出各种姿势，需要注意人物舞动的姿势最好做到重复和可循环，人影和人物之间应保持距离，尽量减少重叠，这些要领都是为了后期制作时能够便于处理，使画面流畅自然。

摄录完成后我们便可把两个视频短片导入电脑，进行Cinemagraph制作了。

打开 Photoshop CC2015，在菜单栏“文件>导入> 视频帧到图层”，首先打开用于制作人物静止动作的短片素材。在弹出窗口的“导入范围”中选择“仅限所选范围”，由于只用到一个静止帧画面，所以拖拽范围滑块选取一帧画面即可。此时可以不必勾选“制作帧动画”选项。单击“确定”。

将导入图层的一帧画面命名为“静止层”。然后重复第一步的操作步骤，在菜单栏“文件>导入>视频帧到图层”打开人像影子的素材短片，在弹出窗口的“导入范围”中选择“仅限所选范围”，务必勾选“制作帧动画”复选框。然后分别拖拽前后的黑色范围滑块选取短片段落，Photoshop对于影片中的片段剪辑不是很方便，如果你有专业的影片剪辑软件，先编辑好再进行这步会更为方便。在截取时注意最好是完整的一个动作循环，或能够使首尾动作匹配衔接。最后单击“确定”。

如果使用相机通过连拍获得连续的图片素材，可通过菜单栏“文件>脚本>将文件载入堆栈”，然后用“时间轴”制作帧动画来进行处理。

选好的视频段落将以序列帧的形式导入图层面板中，并且通过“时间轴”来显示。如果时间轴没有开启，可以在菜单栏中“窗口>时间轴”打开。

在时间轴中播放动画观察影子的变化情况。讲如果短片本身能够完美地循环衔接，当按左下角的动画播放钮时，它就会循环播放变成一个原始的动态照片。但如果无法完成，则可以通过在时间轴上增加帧来使动作自然衔接。在本例中是将时间轴中所有帧全选后进行复制，然后将复制好的所有帧做“反向帧”。例如短片原来的顺序是 A>B>C，现在经过复制再反向后便是 A>B>C>B>A，这样的循环就会很流畅，当然也需要根据影片的情况来定，如果是单向运动，则不需要这样做。

切换到步骤1中制作静止层的窗口。在图层面板中选取“静止层”图层，单击鼠标右键在弹出窗口中选择“复制图层”，将“静止层”复制到第二个工作窗口中。在图层面板中将复制好的静止层拖拽置顶。

在图层面板中选取“静止层”，然后在时间轴中全选所有帧。单击“静止层”前面的眼睛图标（visible），使其可视，这样才能使“静止层”成为所有帧的“静止层”。接下来，在静止层上添加图层蒙版，在工具栏中使用“快速选择工具”对人像外轮廓进行勾选。

对“静止层”进行蒙版操作，以及对整个短片进行调色等全局操作时，务必全选时间轴中所有的帧。这样才能针对整个短片进行控制，而不是针对其中单独的一帧。

对勾选好的人像选区进行反选（Command+shift+I），使用黑色油漆桶工具单击图层蒙版中人物之外的选区部分。这时，除静止人像外的背景全都显露出来。在图层蒙版中使用白色画笔工具，擦除人像活动时残留的重影。这个步骤需要通过在时间轴播放动画来确定擦除的范围，但切记要保留好影子部分。当处理完成后播放动画查看，预想的画面效果已基本呈现出来。此外也可设定每一帧的速度，可以控制影子摆动的速度节奏，在本例中所有帧的速度是0.04秒。下面进一步进行美化处理。

使用裁剪工具，对画面进行方形构图裁切，去除画面两边杂乱部分，让画面主题更集中。

对画面进行调色，使其具有电影的色调感觉。首先在时间轴中要全选所有帧，然后可以使用渐变映射调色，或查阅之前杂志介绍过的调电影色调的方法来进行调色处理也可以尝试。

调色完成后，可以针对作品的用途调整图像的大小。菜单栏“图像>图像大小”。在本例中用于网络传输，可把图像大小调整为600×600像素。

篇4：PS制作晶莹剔透时钟图标

4、表盘的制作：这一步像表盘的数字、时针、分针、秒针这些制作起来很容易。时针的颜色数值为#724042，图层模式为“叠加”，秒针的颜色数值为：#162020。特别注意的是这三个针的阴影方向，光源在左上角。在这里我只贴出金属帽的图层样式，以供大家参考。

1234下一页

篇5：PS制作水晶风格博士帽图标

最终效果

第一步首先创建一个新文档，背景色选用浅灰色(#d6d6d6)。

第二步让我们用形状工具（矩形）来制作整个图标的基础。颜色现在来说无所谓，因为我们现在只是用它来做为标准。

第三步用变形工具（Ctrl T）将我们创建这个形状旋转九十度，然后减小它的高度

第四步现在我们需要设置这个形状的中点，使用Ctrl R打开标尺，按照下图设置你的辅助线。

第五步现在将刚才的形状复制一层，并将复制后的图形向上移动使复制后得到的形状的下端对齐原来的形状的上端，然后再在复制后的形状的顶端添加辅助线。然后你就可以把复制的形状删除掉。

第六步现在使用钢笔工具创建菱形的左侧，使用橙色（#FEB624）填充。

第七步现在使用第六步的方法来创建菱形的右半部分，但是现在填充的颜色改为更暗一点的橙色（#E49E11）。

第八步现在移动蓝色的图层到所有图层的上部。然后移动形状的位置，像我那样。然后使用变形工具将它变得大一点。

第九步这个形状将是整个帽子的顶部。将它命名为Top part并且使用较为亮的橙色（#FFD931）填充。然后复制一层。

第十步向Top part 的复制图层命名为border，使用（#EB14F00）填充，现在移动Top part图层到border图层的上面。

第十一步选中border图层，现在按一下“向下键”，将使这个形状向下移动一个像素。接下来按住“Alt键”的同时按“向下键”四次，这步操作将会复制border图层四次。

第十二步现在合并所有的border图层，现在你可以关闭辅助线了，因为我们已经不需要它们了。到“视图〉显示〉参考线”，设置它们不显示。

第十三步帽子的形状画完了，现在我们需要让它看起来更漂亮一点，

我们从最上面开始。选择Top part图层，然后在所有的图层上面创建一个新图层。为前景选择橙色。在图层浮动栏里面选择Top part，按住Ctrl点击，形成选区。在刚创建的图层上使用渐变工具做一个垂直填充。

第十四步现在我们来制作边缘的高光反射。我们使用钢笔工具来完成它，具体你可以看下面的示意图，然后将图层的透明度改为30%。

第十五步接下来我们要修改菱形的右半部分，首先使用十三步的方法形成菱形右半部分的选区，创建一个新图层，使用渐变工具做一个从左到右的渐变填充（#E37A05）。

第十六步菱形的左侧我们将使用一个不同的方法，边缘使用高光反射。同样30%的透明度，具体参看示意图。

第十七步现在我们需要给左半部分添加一些光照。同样创建新图层，Ctrl点击，渐变填充，将图层的叠加效果给魏叠加。

第十八步接下来让我们制作顶端的阴影。这个阴影会表现在椎形体的上面。创建一个新图层，并将图层移动到border的下面，命名为shadow1。使用钢笔工具做一个形状类似我那样。设置透明度为30%。

第十九步在Top part的中央做一个橙色（EC54400）的圆。然后使用变形工具适当的减小它，并减小它的高度。

第二十步现在使用钢笔工具制作一个形状类似于示意图中的形状。

第二十一步制作一个小的蓝色的圆在刚才我们制作的形状的下端。

第二十二步这将是我们的最后一件事情了。这里我们将用到画笔工具和钢笔工具。让我们在蓝色的小圆圈图层下面创建一个新图层。使用钢笔工具在图层上面画一条垂直的路径。

第二十三步使用下面的画笔设计和颜色（#EE4C05）。

第二十四步选择路径右击选择描边路径。

第二十五步重复上一步，但是每一次我们创建一个新的描边，并使它们在不同的图层。同样，要使用不同的颜色

第二十六步现在你可以合并所有的图层，给它命名为mot。现在我们剩下的工作就是给它添加投影了。

第二十七步剩下的事情包括：更多的高光，使它更加闪耀，制作一个反射，给它加一个投影，加一个地板。回头浏览一下前面的步骤，我所有用的的仅仅是画笔工具，钢笔工具和渐变填充。

篇6：用ps制作人物图标教案

有人说UI难学，摸不到门路，那就从这一课开始吧。

大背景：扁平化下的极简主义

自从苹果家扁平化后，整个世界都扁了。似乎被人们扔了很久的极简主义，一夜之间又流行起来了。看了下面的，是不是很清新，很直接呀。这样的图标适用于底部的标签栏中，及其顶部的左右按钮上。也许有人会说：这也叫图标，不就是些线条嘛嘛。呵呵，可别说，现在很多人就是好这口。在这样一个信息爆炸，App满天飞的年代，高效简洁自然有市场。扁平化代表了高效，我就是我，不需要多余的思考。

一、任务

这些线性图标难做吗?让我们分析一下它们的结构。尺寸规格：一般线条为2px，也有的加强为3px的。风格：线条简单，图形指示意义明确。

2px的图标

3px的图标

二、任务分析(思考和困难)

绘制不难，怎么快速绘制才是关键。

大家思考一下，这个线形图标是怎么做出来的呢?

很多同学会想用Illustrator进行绘制图形，但这样并不方便。在AI可能会出现绘制完后拖到PS中进行调整，会导致边缘线的大小变化，容易导致像素对不齐等情况。在迭代过程中不好保证图标描边大小的统一性，只能一个一个的到AI中进行更改非常的麻烦。折腾了半天画个线性图标，实在有些浪费。

如果用PS可行吗?先不要马上否定，好好想想路径工具和钢笔工具。

是用图层样式?选择工具?有人想到了样式描边的方法。貌似不行，因为未封闭的图标，用样式描边做出来却是封闭的...

那么问题来了，用封闭路径制作出来的图标在进行缩放时形状也会相应的等比缩放，这样会导致在需要不同大小的图形时，因缩放还需反复调整图标的路径边缘才能保证图标线条的一致性。因为整套图标要求线条都相对统一，调来调去太浪费青春!

好了，不拐弯抹角了，下面就给大家介绍一个构图快、一学就会、包教包会的方法。