恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
用圆形切出动物logo
0.0°
2018-03-12 原创文章 经验/观点 举报 22273 270 208 73

教你快速用布尔运算做出动物LOGO

最近好多同学跟像素妹说logo好难做啊,既要简约大气,又要不失细节,然后还要有辨识度,实在想不到什么新思路啦,嘤嘤嘤~这次像素妹从网络上找了一些相关素材,就教大家用圆形切出一个有体积感的logo,希望能带给大家一些灵感啦~

今天要做的图是这样子滴:

Image title

所有的元素都是用圆形切出来的哦~可能会有一些质疑的声音:为什么要用圆形切呢?用钢笔工具钩不行吗? 当然可以啦,但是钢笔工具肯定是做不到像圆形弧度这样完美,为了最后的效果更好,大家在制作logo的时候一定要力求严谨,尽量使用规则的形状和布尔运算制作,这样做效果好的同时,效率也会有所提高~


第一步,确定大形

1.在构思的时候可以先找一些要绘制的动物的摄影图片看一下,找到大概的方向,之后在纸上绘制草图,确定外形轮廓,然后就可以在PS中编辑啦~

2.绘制头部

(1)在PS中新建画布,像素妹建的是800*800像素的,大家可以随意,分辨率记得是72像素哦~用椭圆工具按住shift画出一个正圆,接着再画一个正圆,画之前按住alt执行布尔运算的减法,颜色大家可以先随意填充一个,后期我们还会再修改,如下图;

Image title

(2)按住shift+alt键,绘制圆形,与刚才的形状取相交,如下图;

Image title

(3)用小黑工具选中刚才属性是“减去顶层形状”的那个圆,ctrl+j把它单独复制一层出来,并把复制好的这个圆属性改为“合并形状”(在这里可能有些同学不理解,为什么要复制这个圆呢?直接再画一个不行吗?这是因为咱们接下来要绘制的形状用到的这个圆大小和位置都与要复制的这个圆相同,所以直接复制效率更高~),按住alt键画一个更大的圆减去顶层形状,如下图;

Image title

(4)同样的,用小黑工具选中并ctrl+j复制之前取相交的圆,选中这两个图层,ctrl+e合并图层,并用小黑工具选中取相交的这个圆,把它置顶(不置顶的话,取相交的属性可能会被减去顶层形状的属性盖住哦~)如下图;

Image title

(5)为了方便大家分辨不同的图层,像素妹把不同图层的颜色都改成不相同的。同样的方法复制最初绘制的第一个圆,还是用大圆减去顶层形状,如下图;

Image title

(6)绘制一个小圆减去顶层形状,做鹦鹉的眼睛,这样鹦鹉的头部就做完啦,如下图;

Image title

3.绘制身体和翅膀

(1)再次复制第一个圆,并绘制一个稍微大点的圆减去顶层形状,如下图;

复制第一个圆到新的图层

复制第一个圆到新的图层

Image title

绘制一个稍大一点的圆把多余的部分减去


(2)复制刚刚绘制的减去顶层形状的圆到新的图层,再画一个圆与它取相交,身体和翅膀就完成啦~如下图;

Image title


4.绘制尾巴和爪子

(1)绘制一个稍小一些的圆,图层顺序放在身体图层的下面,之后再绘制一个圆减去顶层形状,如下图;

Image title

绘制一个圆形,图层顺序放在身体图层的下面


Image title

绘制一个稍小一些的圆,执行“减去顶层形状”

(2)按住shift+alt,绘制圆形,与刚才的形状取相交,如下图;

Image title

(3)绘制一个小圆,放在身体下面,再绘制一个圆执行“减去顶层形状”,切出爪子的形状,如下图。

Image title


Image title

大形做好之后,咱们就要开始上色和调整细节啦,别着急,一步一步来~


第二步,填充颜色

1.咱们还是按照刚才绘制外形的顺序来填充颜色,先从嘴巴开始~为了让塑造更饱满,像素妹选择大部分使用渐变色来填充,整体的感觉是一个暖色系的红橙渐变,大家也可以选择其他喜欢的颜色~这里使用的渐变色值是“e52302”到“fbb25a”,角度是-175度,如下图;

Image title

Image title

2.嘴下面的部分填充一个纯色“f04124”,为了让效果更明显,再加上一个浅浅的内阴影,如下图;

Image title

Image title

4.头部填充一个纯色“de3418”,如下图;

Image title

5.身体填充渐变色,角度是-125度,颜色从“a21d09”到“ed5f30”,如下图;

Image title

6.翅膀填充从“eb2c2c”到“fff049”的渐变色,角度为90度,如下图;

Image title

Image title


7.尾巴填充从“ffe86c”到“ff3a19”的渐变色,角度为85度,如下图;

Image title

Image title


8.爪子填充从“e73a11”到“f8e64c”的渐变色,角度为90度,最后再记得给眼睛填充一个白色,如下图;

Image title

Image title

填充完颜色之后,大感觉已经出来了,但总觉得少点什么,体积感也塑造的不够,那我们就继续来加上一些细节,让我们的作品更加完善。


第三步,完善细节

1.从嘴部开始,顺着形体的走势,挨个添加效果,像素妹是直接复制了一层头部,然后填充颜色“f2cf41”然后加上一个图层蒙版,把多余的地方用画笔擦掉,效果如下图; 

Image title


2.在复制一层头部,填充一个比头部稍重的颜色,像素妹用的是“e74421”,同样的加图层蒙版,把多余的地方用画笔擦掉,形成一个面的转折,如下图;

Image title


3.翅膀这里用两个圆切出一条弧形的边,填充一个从“f48549”到“d22c10”的渐变色,之后添加剪贴蒙板蒙到身体图层里去,再在下面跟嘴部一样加上一点细节的转折,如下图;

Image title

Image title

4.用圆形做出两条阴影分别放在头部和身体,翅膀和身体的交接处,拉开前后关系,颜色可以直接吸取身体的颜色然后往暗了调整一点,可以加上图层蒙版,用画笔稍微擦一下,如下图;

Image title


5.尾巴和爪子的处理方法和前面是一样的哦~看完成图:

Image title

就是这样一步一步画,边做边耐心调整就做好啦~同学们可以举一反三,把这种方法运用到其他类型的创作中去哦,像素妹期待着看到大家的作品~

更新:2018-03-12

收藏

270人已收藏

新像素教育

2021全日制UI训练营名额预约中 官网:uixxs.com

  • 109

    作品

  • 2499

    粉丝

  • 7

    关注

  • 近期学员作品展示
  • UI设计培训毕业班作品展示
  • 如何在UI界面设计中创建完美颜色
  • 新像素最近毕业班学员作品
相关标签

    猜你喜欢

      2018-03-12 原创文章 经验/观点 举报 22273 270 208 73

      用圆形切出动物logo

      0.0°

      你确定要举报用圆形切出动物logo

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年03月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      208
      270
      73

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录