宠物小精灵简笔画和精灵球图片(宠物小精灵球叫什么)

本文主要介绍口袋妖怪简笔画和口袋妖怪球图片(什么口袋妖怪球的)，下面跟着东辰网详细了解一下吧。

PokemonGo最近很流行。今天，让我们s学会用PS设计一个宠物精灵球的主题UI图标。教程非常详细，提供了PSD文件参考。建议学习。

作者Webshocker通过3dsmaxPhotoshop设计了这个作品，所以光影的变化非常微妙细致。通过Photoshop复制这个作品，可以加强你在设计过程中对光影的控制，建议学习。

最终效果:

PSD文件:

新画布:

宽度:800像素高度:600像素分辨率:150像素/英寸名称:精灵球

1.建立背景层。单击颜色选择器并输入颜色值:#dad9de。

确定主光源:

单击颜色选择器输入颜色值:#ffffff。

选择笔刷工具软边笔刷大小700xp，在屏幕右上角轻拍，确定一个背景的主光源。

给主光颜色:

添加图层样式:颜色叠加混合模式:正常输入颜色值:#f5f9ff图层模式:柔光。

这样就基本确定了背景和主光源。

二、画精灵球底框，画底框:

点击颜色选择器输入颜色值:#281f20创建圆角矩形:宽度:478px；高:478px；圆角:120像素

给底框以厚度，创造体量感；

添加图层样式:斜面浮雕样式:内斜面方法:平滑大小:4px柔化:4px角度:60高度:16高光:#8bb5dc阴影:#00000。

给底部框架一个哑光纹理:

复制一层底帧，命名为:底帧纹理滤镜噪点:1.5平均/单色高斯模糊:0.5。

底部框架的右侧经过抛光。

在我们做背景之前，我们确定了一个主光源，所以在我们完成了底框的纹理之后，因为光线的影响，我们要在右侧用软边笔刷打一个光来增加变化。

新建图层:侧光点击颜色选择器输入颜色值:#ffffff。

选择笔刷工具软边笔刷大小约为500xp，在底框右侧轻敲，将图层模式改为柔光。

最后右键点击【侧光】图层，创建一个剪贴蒙版，将光线限制在底框，这样底框的右侧就简单的画出了微弱的光线。

给侧光颜色:因为之前设置了蓝色冷光源，这里也会有影响。

添加图层样式:颜色叠加混合模式:柔光输入颜色值:#dfebfe图层模式:柔光

这样的精灵球底框基本完成~！接下来，我们开始绘制球体的一部分。

三、画精灵球按钮画按钮的圆底座:

点击颜色选择器输入颜色值:#d7d7d7创建一个椭圆:宽度:96px；高度:96px；对齐中心

给按键的圆形底座以光感，营造出体量感；

添加图层样式:斜面浮雕样式:内斜面方法:平滑大小:1px柔化:1px角度:60高度:16高光:#ffffff阴影:#5b5353。

添加图层样式:渐变叠加模式:普通样式:线性缩放:100%颜色:#e3e3e3~#eaebef

添加图层样式:内阴影模式:正常颜色:#ffffff角度:60距离:1px大小:2px

添加图层样式:投影模式:正常颜色:#0d0a0d角度:60【不检查全局光线】距离:3px大小:5px

绘图居中按钮:

将【大圆】复制一层，Ctrlt自由变换，将圆缩小到宽度52px；高度:52px左右，只要居中对齐即可。右键单击以清除图层样式，然后再次添加图层样式。样式的使用原理和【大圆】层差不多，所以我赢了我不多解释了，所以我就去看电影。

添加图层样式:斜面浮雕样式:内斜面方法:平滑大小:1px柔化:2px角度:60高度:54高光:#ffffff阴影:#5b5353。

添加图层样式:渐变叠加模式:普通样式:线性角度:120缩放:100%颜色:#

从图中可以看出，精灵球的主体部分其实是一个大圆加一个小圆。通过【布尔运算减去顶形】得到一个同心圆，然后用一个很平的椭圆和同心圆进行第二次【布尔运算减去顶形】，得到一个上下分离的球体。

这个时候，其实球体的路径还是一个整体。现在，只需使用【添加锚点工具】在中间路径上任意标记几个锚点，然后删除下方多余的路径，只留下球体独立的上部。最后只需复制【球上半部分】然后垂直翻转得到图形的下半部分，将上下两部分分开。

形成上下反射

通过原始效果图可以发现，整幅画面中最大的倒影几乎是用和上面一样的方法制作的。我们可以通过【布尔运算减去顶部形状】得到一个同心圆，然后调出【球上半部分】的选区，为这个【上圆倒影】创建一个剪贴蒙版。最后我们只需要复制【上圈倒影】然后垂直翻转就可以了。

这样，底座上球体的所有图形都需要画出来，所有的部分都完成了。

接下来注意图层蒙版的变化~！

动词（verb的缩)绘制球体光影在制作球体光影之前，先对光线进行分析。从这张图可以看出，球体表面基本上分布着六种光。

高光:最接近主光源的颜色。固有色(亮灰):位于亮部和暗部的过渡面，颜色最接近物体本身的颜色。暗部:在物体的背光部分。反射:在黑暗中，是物体和环境光反复折射产生的光。体表环境光:位于物体表面，也是物体和环境光反复折射产生的光。投影:光源被物体遮挡时产生的阴影。六种光相互作用形成了这个三维球体。这些灯都遵循着近大远小/近实远虚/近亮远暗的基本规律。

把原理理解清楚之后，我们就直接从球面上照。

在光影混合的部分，我用了很多软边笔刷来打磨图层蒙版，所以我赢了t看看图层蒙版的基础课。

制作[球上部]基本光源:

添加图层样式:斜面浮雕样式:内部斜面方法:平滑大小:1

添加图层样式:内部发光不透明度:10噪波:1%颜色:#ffffff阻塞:10大小:27

添加图层样式:内阴影颜色:#a50d0a不透明度:52角度:180距离:8遮挡:4大小:10

添加图层样式:渐变叠加模式:滤镜透明度:100%样式:径向角度:51%缩放:150%颜色:#780e0d~#ee181a

羽化[顶环反光]边缘:属性:蒙版羽化:4px图层不透明度27%

添加图层样式:渐变叠加模式:滤镜透明度:100%风格:径向角度:51%比例:86%颜色:#透明~#ffffff/60%

羽化[下环反光]边缘:属性:蒙版羽化:5px图层不透明度30%

It和上一步原理一样，所以没有图，只能自己填了]

制作[球下部]基本光源:

添加图层样式:斜面浮雕大小:3px柔化:1px角度:6高度:0。

添加图层样式:内部发光不透明度:15噪点:2%颜色:#ffffff阻塞:0大小:7

添加图层样式:渐变叠加模式:正常透明度:100%样式:径向角度:60%缩放:138%颜色:#9b8f94/30%~#fcfcfc

调整向上和向下反射渐变过渡:

选择【上下反光环】图层蒙版，用软边笔刷在箭头指示的地方轻轻一画，达到隐藏的目的。这样做不仅突出了结构，也使倒影更加完整。

制作[球上半部]高光:

复制一层【球顶半】，放在【顶环反光】上面，右键清除图层样式，再添加新样式做高光。

添加图层样式:渐变叠加模式:滤镜透明度:100%样式:径向角度:120%缩放:126%颜色:#ffffff~#fff7f8~#c00e0c

因为高光应该沿着反光区域延伸，我们需要调出[顶环反光]选区——选择反方向，然后给[顶半右高光]图层添加图层蒙版，擦除多余的部分。

如果高光不够亮，可以用白色软边笔刷轻拍，然后创建剪切蒙版，将光线限制在球体上。如果还是不够亮，就再复制两层。记得适当调整不透明度，这样连接会更柔和。

制作[球顶半部]环境光:

这是同样的技术。在环境光的位置取一个白色软边笔刷。调整好形状后，将图层模式改为滤镜不透明度:90%，然后使用图层样式:叠加一个颜色#f27846。

如果它“它仍然不够亮，我我将复制两层以上，我我再复制两层，并适当调整不透明度，使连接更柔和。

到目前为止，我已经详细讲解了几种常见的灯光技术，包括光影的一些原理和作用。如果有和我一起练的同学，我相信他们都学会了。然后我们再打磨仙女球的后半部分，我只告诉你哪里需要打磨，为什么。至于具体步骤，你可以自己做。

加强【球下部】的光感，增加环境光的影响；

添加光影后的效果图:可以自己对比一下:

最后，做一个球体。和框架的底部。

六、画法投影画法球面投影:

球体的投影主要分为两部分。一部分是球体内部的空心投影来表示空间，另一部分是球体外部的投影来表示体积。

球体外投影:用椭圆工具画一个圆，图层模式改为柔光，然后添加羽化:13.6。

绘制底部方框投影:

整个投影由四个圆角矩形组成，具体实现方法很简单，就是对矢量图形进行颜色填充和羽化以降低透明度，使其相互融合。这里我就不一步步展开了，大家可以自己调试。

为什么一个投影会从蓝色变成紫色再变成橙色再变成橙灰色？

其实这个投影的变化是从主光源的浅蓝色到精灵球的红色，映射到周围的环境。投影在最右边的时候，因为没有受到精灵球反射红光的影响，还是蓝灰色，然后投影逐渐从右向左，因为受到反射光的影响:红蓝=紫色。直到蓝光的影响越来越少，投影才逐渐从紫色过渡到橙色再到橙灰色，最后完全消失。这里充分利用了环境光的影响，所以以后我们在涉及光影的时候，不妨多想想，效果会更合理舒适。

教程最后，欢迎大家关注@杨洋XHM。练习过程中如有疑问，欢迎私信杨洋老师~

PokemonGo最近很流行。今天，让我们s学会用PS设计一个宠物精灵球的主题UI图标。教程非常详细，提供了PSD文件参考。建议学习。

作者Webshocker通过3dsmaxPhotoshop设计了这个作品，所以光影的变化非常微妙细致。通过Photoshop复制这个作品，可以加强你在设计过程中对光影的控制，建议学习。

最终效果:

PSD文件:

新画布:

宽度:800像素高度:600像素分辨率:150像素/英寸名称:精灵球

1.建立背景层。单击颜色选择器并输入颜色值:#dad9de。

确定主光源:

单击颜色选择器输入颜色值:#ffffff。

选择笔刷工具软边笔刷大小700xp，在屏幕右上角轻拍，确定一个背景的主光源。

给主光颜色:

添加图层样式:颜色叠加混合模式:正常输入颜色值:#f5f9ff图层模式:柔光。

这样就基本确定了背景和主光源。

二、画精灵球底框，画底框:

点击颜色选择器输入颜色值:#281f20创建圆角矩形:宽度:478px；高度:478px；圆角:120像素

给底部框架一个厚度，营造出一种体积感:

添加图层样式:斜面浮雕样式:内斜面方法:平滑大小:4px柔化:4px角度:60高度:16高光:#8bb5dc阴影:#00000。

给底部框架一个哑光纹理:

复制一层底帧，命名为:底帧纹理滤镜噪点:1.5平均/单色高斯模糊:0.5。

底部框架的右侧经过抛光。

在我们做背景之前，我们确定了一个主光源，所以在我们完成了底框的纹理之后，因为光线的影响，我们要在右侧用软边笔刷打一个光来增加变化。

新建图层:侧光点击颜色选择器输入颜色值:#ffffff。

选择笔刷工具软边笔刷大小约为500xp，在底框右侧轻敲，将图层模式改为柔光。

最后右键点击【侧光】图层，创建一个剪贴蒙版，将光线限制在底框，这样底框的右侧就简单的画出了微弱的光线。

给侧光颜色:因为之前设置了蓝色冷光源，这里也会有影响。

添加图层样式:颜色叠加混合模式:柔光输入颜色值:#dfebfe图层模式:柔光

这样，精灵球的底框就基本完成了~！接下来，我们开始绘制球体的一部分。

三、画精灵球按钮画按钮的圆底座:

点击颜色选择器输入颜色值:#d7d7d7创建一个椭圆:宽度:96px；高度:96px；对齐中心

给按键的圆形底座以光感，营造出体量感；

添加图层样式:斜面浮雕样式:内斜面方法:平滑大小:1px柔化:1px角度:60高度:16高光:#ffffff阴影:#5b5353。

添加图层样式:渐变叠加模式:普通样式:线性缩放:100%颜色:#e3e3e3~#eaebef

添加图层样式:内阴影模式:正常颜色:#ffffff角度:60距离:1px大小:2px

添加图层样式:投影模式:正常颜色:#0d0a0d角度:60【不检查全局光线】距离:3px大小:5px

绘图居中按钮:

将【大圆】复制一层，Ctrlt自由变换，将圆缩小到宽度52px；高度:52px左右，只要居中对齐即可。右键单击以清除图层样式，然后再次添加图层样式。样式的使用原理和【大圆】层差不多，所以我赢了我不多解释了，所以我就去看电影。

添加图层样式:斜面浮雕样式:内斜面方法:平滑大小:1px柔化:2px角度:60高度:54高光:#ffffff阴影:#5b5353。

添加图层样式:渐变叠加模式:普通样式:线性角度:120缩放:100%颜色:#

从图中可以看出，精灵球的主体部分其实是一个大圆加一个小圆，通过【布尔运算减去顶形】得到一个同心圆，然后第二次用一个很平的椭圆和同心圆【布尔运算减去顶形】得到一个上下分离的球体。

这个时候，其实球体的路径还是一个整体。现在，只需使用【添加锚点工具】在中间路径上任意标记几个锚点，然后删除下方多余的路径，只留下球体独立的上部。最后只需复制【球上半部分】然后垂直翻转得到图形的下半部分，将上下两部分分开。

形成上下反射

通过原始效果图可以发现，整幅画面中最大的倒影几乎是用和上面一样的方法制作的。我们可以通过【布尔运算减去顶部形状】得到一个同心圆，然后调出【球上半部分】的选区，为这个【上圆倒影】创建一个剪贴蒙版。最后我们只需要复制【上圈倒影】然后垂直翻转就可以了。

这样，底座上球体的所有图形都需要画出来，所有的部分都完成了。

接下来注意图层蒙版的变化~！

动词（verb的缩)绘制球体光影在制作球体光影之前，先对光线进行分析。从这张图可以看出，球体表面基本上分布着六种光。

高光:最接近主光源的颜色。固有色(亮灰):位于亮部和暗部的过渡面，颜色最接近物体本身的颜色。暗部:在物体的背光部分。反射:在黑暗中，是物体和环境光反复折射产生的光。体表环境光:位于物体表面，也是物体和环境光反复折射产生的光。投影:被对象覆盖遮挡光源后产生的阴影。六种光相互作用形成了这个三维球体。这些灯都遵循着近大远小/近实远虚/近亮远暗的基本规律。

把原理理解清楚之后，我们就直接从球面上照。

在光影混合的部分，我用了很多软边笔刷来打磨图层蒙版，所以我赢了t看看图层蒙版的基础课。

制作[球上部]基本光源:

添加图层样式:斜面浮雕样式:内部斜面方法:平滑大小:1

添加图层样式:内部发光不透明度:10噪波:1%颜色:#ffffff阻塞:10大小:27

添加图层样式:内阴影颜色:#a50d0a不透明度:52角度:180距离:8遮挡:4大小:10

添加图层样式:渐变叠加模式:滤镜透明度:100%样式:径向角度:51%缩放:150%颜色:#780e0d~#ee181a

羽化[顶环反光]边缘:属性:蒙版羽化:4px图层不透明度27%

添加图层样式:渐变叠加模式:滤镜透明度:100%样式:径向角度:51%缩放:86%颜色:#透明~#ffffff/60%

羽化[下环反光]边缘:属性:蒙版羽化:5px图层不透明度30%

It和上一步原理一样，所以没有图，只能自己填了]

制作[球下部]基本光源:

添加图层样式:斜面浮雕大小:3px柔化:1px角度:6高度:0。

添加图层样式:内部发光不透明度:15噪点:2%颜色:#ffffff阻塞:0大小:7

添加图层样式:渐变叠加模式:正常透明度:100%样式:径向角度:60%缩放:138%颜色:#9b8f94/30%~#fcfcfc

调整向上和向下反射渐变过渡:

选择【上下反光环】图层蒙版，用软边笔刷在箭头指示的地方轻轻一画，达到隐藏的目的。这样做不仅突出了结构，也使倒影更加完整。

制作[球上半部]高光:

复制一层【球顶半】，放在【顶环反光】上面，右键清除图层样式，再添加新样式做高光。

添加图层样式:渐变叠加模式:滤镜透明度:100%样式:径向角度:120%缩放:126%颜色:#ffffff~#fff7f8~#c00e0c

因为高光是沿着反光区域延伸的，所以我们需要调出【顶环反光】选区——选择反方向，然后在【右上半高光】图层上添加图层蒙版，进行擦拭。去掉多余的部分。

如果高光不够亮，可以用白色软边笔刷轻拍，然后创建剪切蒙版，将光线限制在球体上。如果还是不够亮，就再复制两层。记得适当调整不透明度，这样连接会更柔和。

制作[球顶半部]环境光:

这是同样的技术。在环境光的位置取一个白色软边笔刷。调整好形状后，将图层模式改为滤镜不透明度:90%，然后使用图层样式:叠加一个颜色#f27846。

如果它“它仍然不够亮，我我将复制两层以上，我我再复制两层，并适当调整不透明度，使连接更柔和。

到目前为止，我已经详细讲解了几种常见的灯光技术，包括光影的一些原理和作用。如果有和我一起练的同学，我相信他们都学会了。然后我们再打磨仙女球的后半部分，我只告诉你哪里需要打磨，为什么。至于具体步骤，你可以自己做。

加强【球下部】的光感，增加环境光的影响；

添加光影后的效果图:可以自己对比一下:

最后，对球体和框架底部进行投影。

六、画法投影画法球面投影:

球体的投影主要分为两部分。一部分是球体内部的空心投影来表示空间，另一部分是球体外部的投影来表示体积。

球体外投影:用椭圆工具画一个圆，图层模式改为柔光，然后添加羽化:13.6。

绘制底部方框投影:

整个投影由四个圆角矩形组成，具体实现方法很简单，就是对矢量图形进行颜色填充和羽化降低透明度，使之相互融合。这里我就不一步步展开了，大家可以自己调试。

为什么一个投影会从蓝色变成紫色再变成橙色再变成橙灰色？

其实这个投影的变化是从主光源的浅蓝色到精灵球的红色，映射到周围的环境。投影在最右边的时候，因为没有受到精灵球反射红光的影响，还是蓝灰色，然后投影逐渐从右向左，因为受到反射光的影响:红蓝=紫色。直到蓝光的影响越来越少，投影才逐渐从紫色过渡到橙色再到橙灰色，最后完全消失。这里充分利用了环境光的影响，所以以后我们在涉及光影的时候，不妨多想想，效果会更合理舒适。

教程最后，欢迎大家关注@杨洋XHM。练习过程中如有疑问，欢迎私信杨洋老师~

了解更多口袋妖怪简笔画和口袋妖怪球图片(什么口袋妖怪球的名)相关内容请关注东辰网。