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

UI中国   发布时间:2021-05-12 14:47:54   作者:设计圈   我要评论
这篇教程主要是通过PS绘制卡通动画风格兔子图标的教程,用PS绘制了一组UI界面的卡通风格图标,操作也是非常简单,现在就开始我们今天的教程吧
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

今天我们来绘制一组UI界面的卡通风格兔子图标,一起来学习吧。

先看看效果图:

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

下面是教程

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

Step01:

点击 — 【文件】— 【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi;

然后点击确定,记得顺手保存(快捷键Ctrl+S),以免做一半PS崩溃或者其他原因被关闭了那就悲催了~

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

Step02:

先填充背景,色值为#282828(PS:这步主要是为了方便图标观看,背景色值不定,看着舒服,不影响图标外观即可);

然后选择【椭圆工具】(快捷键U,可按Shift+U切换),在画布点击【创建椭圆】弹出层,设置宽度为172px,高度为170px,并勾选【从中心】,然后点击确定;

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

Step03:

选中椭圆图层,命名为yuan,右键选择【混合选项】,选择【渐变叠加】,线性渐变,色值从上到下为 #feb5d0 — #ff7fae,角度为90°;

再选择【椭圆工具】创建宽度跟高度都为172px的圆,填充颜色为#c74a78;

命名为yuan_di,对齐于yuan图层并放在其下面;

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

Step04:

复制yuan图层(快捷键Ctrl+J)命名为yuan_ban,选择右键清除图层样式,填充颜色为#FFFFFF;不透明度改为30%;

选择【椭圆选框工具】(快捷键M,可按Shift+M切换),按住Shift键,画一个正圆选区(大小自己把握),可对齐图层,然后点击【图层】窗口的【添加图层蒙版】;

再复制yuan图层命名为yuan_bian01,选择右键清除图层样式,填充颜色改为# ffadcb;

按住Ctrl键点击图层载入选区,按方向键向上和向左移动一像素,再反向选区(快捷键Shift+Ctrl+I),再点击【图层】窗口的【添加图层蒙版】;

同理复制yuan图层命名为yuan_bian02,填充颜色为#fff2f7,载入选区向下移动两像素,反向选区后添加图层蒙版;

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

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

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

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

Step05:

复制yuan图层命名为nei_yuan,点击【编辑】—【自由变换路径】(快捷键Ctrl+T),缩小80%(记得点击【保持长宽比】);

右键清除图层样式,选择【混合选项】设置:【描边】:大小3px,内部,颜色# d85082,【内阴影】:颜色# c33c6d,不透明度70%,角度120°,距离5,阻塞2,大小8;

【渐变叠加】:线性渐变,色值从上到下为 # feb8d2 — # ff80af,角度为90°;

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

Step06:

复制nei_yuan图层命名为nei_yuan_ban,清除图层样式,自由变换路径缩小94%(记得点击【保持长宽比】),颜色# FFFFFF,不透明度改为10%;

再载入yuan_ban的蒙版选区,点击【图层】窗口的【添加图层蒙版】;

再复制nei_yuan图层命名为nei_yuan_bian,清除图层样式,填充颜色改为# ffb9d3;

载入选区向上移动两像素,反向选区,再点击【图层】窗口的【添加图层蒙版】,再把nei_yuan_bian图层向下移动一像素;

再复制nei_yuan图层命名为nei_yuan2,清除图层样式,自由变换路径缩小90%(记得点击【保持长宽比】),颜色# FFFFFF,不透明度改为5%;

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

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

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

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

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

Step07:

绘制LYNN Rabbit头部部分,用【椭圆工具】创建一个椭圆,设置图层混合选项,再绘制耳朵部分,注意描边细节跟阴影,脸部一一拆分,大多数用是用钢笔工具、椭圆工具、图层蒙版、设置图层混合选项等完成,在这就不一一详细说明,最后加上耳朵阴影和高光,拉个椭圆白色透明渐变,设置不透明度为50%,完成图标的绘制。

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

END:Duang~ 完成图标后加个华丽丽的背景,再用同样的方法就绘制出一套主题图标啦~

相关文章

  • 用PS和AI绘制一个卡通风格的看书小象教程

    这幅小插画描述的就是小象在开心的看书学习的场景,我们也要像它一样不断的提升自己撒。可以学习其配色的方法(三元色的搭配),表情以及形态的绘制
    2021-04-14
  • ps怎么设计可爱的卡通风格的APP图标?

    ps怎么设计可爱的卡通风格的APP图标?想要设计一个图标,上面是有两个可爱的卡通人物组成的,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-10-30
  • ps设计萌萌的卡通风格饼干字体效果教程

    本教程教程序员之家的文字特效学习者使用ps设计萌萌的卡通风格饼干字体效果的方法,教程制作的饼干字体效果很漂亮,非常实用,属于速成法,感兴趣的朋友欢迎前来一起学习
    2017-10-26
  • ps怎么快速绘制可爱的卡通风格的大头乌龟?

    ps怎么快速绘制可爱的卡通风格的大头乌龟?想要绘制一个大头的乌龟,该怎么绘制呢?下面我们就来看看详细的绘制方法,很简单,需要的朋友可以参考下
    2017-09-24
  • PS制作卡通风格的立体涂鸦字体

    这篇教程是向程序员之家的朋友分享PS制作卡通风格的立体涂鸦字体方法,教程制作出来的字体非常可爱,难度不是很大,值得大家学习,推荐到程序员之家,喜欢的朋友可以参考本文
    2017-01-10
  • PS绘制一个卡通风格的车轮

    这篇教程主要是向程序员之家的朋友分享PS绘制一个卡通风格的车轮方法,教程主要是利用形状工具进行绘制,操作很简单,喜欢的朋友可以参考本文
    2016-11-02
  • AI绘制卡通风格的GPS图标

    程序员之家的朋友介绍AI绘制卡通风格的GPS图标方法,教程真的很不错,很值得大家学习,推荐到程序员之家,喜欢的朋友快快来学习吧
    2015-12-15
  • PS鼠绘一个卡通风格的游泳池教程

    这篇教程是向程序员之家的朋友介绍PS鼠绘一个卡通风格的游泳池方法,教程绘制出来的游泳池非常地可爱,难道不是很大,推荐到程序员之家,大家一起来学习吧
    2015-11-20

最新评论


http://www.vxiaotou.com