用PS绘制简单拟物图标.docx

1、用PS绘制简单拟物图标用PS绘制简单拟物图标关于教程本次临摹的设计作品，光影原理非常简单，适合初学者学习。光影从上到下，上方亮下方暗。底座要用到渐变和投影，S字母对话框部分要制作高光，营造质感。教程步骤新建画布 900600px 72ppi，填充背景色#f9f9f9，在画布上绘制一个圆角矩形，大小225160px，圆角20px。居中于整个画布，并命名为【底座】。在矩形图层上添加图层样式。添加渐变营造光感。添加描边。因为光线的方向，描边颜色为渐变。上浅下深。添加投影，突出层次感。投影叠加3层，增加真实感。投影颜色不变#595959。第一层投影距离和大小数值较小，第二层和第三层投影距离和大小数值逐

2、渐加大。可以适当的调整等高线。调整投影间的过渡关系。给底座添加反光。Ctrl+J复制【底座】，并将复制的图层命名为【反光】，删除图层样式。去掉填充色，设置描边色为#ffffff。给反光层添加图层蒙版。用柔边画笔擦去下半部分。绘制一个圆角矩形，命名为【小按键】大小2931px，圆角6px。矩形填充颜色为#ebedef，描边色为#7a7a7a。描边为1px。并添加投影。投影颜色为#595959。多复制几个【小按键】放在合适的位置。中间的长圆角矩形大小为10231px。圆角为6px。绘制一个圆角矩形，并命名为【对话框】。大小150114px，圆角20px。并添加图层样式渐变及描边。对话框有三层颜色，

3、故添加内外两层描边。通过修改锚点，做出对话框的形状。复制【对话框】图层，命名为【描边】，放在【对话框】图层的下方。栅格化【描边】图层及其图层样式后，再添加图层样式。从原图可以看出，对话框与底座间是有阴影的。我们可以通过羽化来实现。在【描边】图层下方新建图层，命名为【对话框投影】，选择椭圆选框工具，设定羽化值为30px。框出投影的大概范围并填充较深的蓝色。填充颜色后可以适当的改变其大小和透明度，也可以多复制几层。使投影更加真实。绘制圆角矩形，命名为【高光】，色值#ffffff，大小12939px， 圆角12px。添加图层蒙版，选中蒙版，使用渐变工具，按住shift键，使高光颜色过渡均匀。将【高光】复制一层。命名为【质感】，先将蒙版部分填充为白色，右键转换该图层为智能对象，选择滤镜-模糊-高斯模糊。并添加图层蒙版，使过渡均匀。最后选一个喜欢的字体，打上字母S。最终效果图小结本期教程到这里就结束了，希望大家在练习过程中多思考、理解制作思路和操作方法，活学活用。感谢下载!欢迎您的下载，资料仅供参考