敬元 發表於 2021-5-12 14:47:54

如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程

<p>今天我们来绘制一组UI界面的卡通风格兔子图标，一起来学习吧。</p>
<p><div class="arc_down"><img src="https://img.jbzj.com/file_images/article/201910/201910240933002.png"><p class="arc_down_title">Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安装教程</p><ul><li><span>类型：</span>图像处理</li><li><span>大小：</span>1.93GB</li><li><span>语言：</span>简体中文</li><li><span>时间：</span>2022-05-13</li></ul>查看详情</div></p>
<p>先看看效果图：</p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211473216.jpg" /></p>
<p>下面是教程</p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211473317.jpg" /></p>
<p><strong>Step01：</strong></p>
<p>点击 &mdash; 【文件】&mdash; 【新建】(快捷键Ctrl+N)新建一个新的图像，命名好并把宽度设置为800px，高度为600px，分辨率为72dpi;</p>
<p>然后点击确定，记得顺手保存(快捷键Ctrl+S)，以免做一半PS崩溃或者其他原因被关闭了那就悲催了~</p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211473418.jpg" /></p>
<p><strong>Step02：</strong></p>
<p>先填充背景，色值为#282828(PS：这步主要是为了方便图标观看，背景色值不定，看着舒服，不影响图标外观即可);</p>
<p>然后选择【椭圆工具】(快捷键U，可按Shift+U切换)，在画布点击【创建椭圆】弹出层，设置宽度为172px，高度为170px，并勾选【从中心】，然后点击确定;</p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211473519.jpg" /></p>
<p><strong>Step03：</strong></p>
<p>选中椭圆图层，命名为yuan，右键选择【混合选项】，选择【渐变叠加】，线性渐变，色值从上到下为 #feb5d0 &mdash; #ff7fae，角度为90&deg;;</p>
<p>再选择【椭圆工具】创建宽度跟高度都为172px的圆，填充颜色为#c74a78;</p>
<p>命名为yuan_di，对齐于yuan图层并放在其下面;</p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211473820.jpg" /></p>
<p><strong>Step04：</strong></p>
<p>复制yuan图层(快捷键Ctrl+J)命名为yuan_ban，选择右键清除图层样式，填充颜色为#FFFFFF;不透明度改为30%;</p>
<p>选择【椭圆选框工具】(快捷键M，可按Shift+M切换)，按住Shift键，画一个正圆选区(大小自己把握)，可对齐图层，然后点击【图层】窗口的【添加图层蒙版】;</p>
<p>再复制yuan图层命名为yuan_bian01，选择右键清除图层样式，填充颜色改为# ffadcb;</p>
<p>按住Ctrl键点击图层载入选区，按方向键向上和向左移动一像素，再反向选区(快捷键Shift+Ctrl+I)，再点击【图层】窗口的【添加图层蒙版】;</p>
<p>同理复制yuan图层命名为yuan_bian02，填充颜色为#fff2f7，载入选区向下移动两像素，反向选区后添加图层蒙版;</p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211481721.jpg" /></p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211481722.jpg" /></p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211481723.jpg" /></p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211481724.jpg" /></p>
<p><strong>Step05：</strong></p>
<p>复制yuan图层命名为nei_yuan，点击【编辑】&mdash;【自由变换路径】(快捷键Ctrl+T)，缩小80%(记得点击【保持长宽比】);</p>
<p>右键清除图层样式，选择【混合选项】设置：【描边】：大小3px，内部，颜色# d85082，【内阴影】：颜色# c33c6d，不透明度70%，角度120&deg;，距离5，阻塞2，大小8;</p>
<p>【渐变叠加】：线性渐变，色值从上到下为 # feb8d2 &mdash; # ff80af，角度为90&deg;;</p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211481725.jpg" /></p>
<p><strong>Step06：</strong></p>
<p>复制nei_yuan图层命名为nei_yuan_ban，清除图层样式，自由变换路径缩小94%(记得点击【保持长宽比】)，颜色# FFFFFF，不透明度改为10%;</p>
<p>再载入yuan_ban的蒙版选区，点击【图层】窗口的【添加图层蒙版】;</p>
<p>再复制nei_yuan图层命名为nei_yuan_bian，清除图层样式，填充颜色改为# ffb9d3;</p>
<p>载入选区向上移动两像素，反向选区，再点击【图层】窗口的【添加图层蒙版】，再把nei_yuan_bian图层向下移动一像素;</p>
<p>再复制nei_yuan图层命名为nei_yuan2，清除图层样式，自由变换路径缩小90%(记得点击【保持长宽比】)，颜色# FFFFFF，不透明度改为5%;</p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211481726.jpg" /></p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211481727.jpg" /></p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211481728.jpg" /></p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211481729.jpg" /></p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211481730.jpg" /></p>
<p><strong>Step07：</strong></p>
<p>绘制LYNN Rabbit头部部分，用【椭圆工具】创建一个椭圆，设置图层混合选项，再绘制耳朵部分，注意描边细节跟阴影，脸部一一拆分，大多数用是用钢笔工具、椭圆工具、图层蒙版、设置图层混合选项等完成，在这就不一一详细说明，最后加上耳朵阴影和高光，拉个椭圆白色透明渐变，设置不透明度为50%，完成图标的绘制。</p>
<p align="center"><img alt='如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程'src="https://img.jbzj.com/file_images/photoshop/202105/2021051211481731.jpg" /></p>
<p><strong>END：</strong>Duang~ 完成图标后加个华丽丽的背景，再用同样的方法就绘制出一套主题图标啦~</p>
頁: [1]
查看完整版本: 如何绘制卡通风格的兔子图标?用PS绘制卡通动画风格兔子图标教程