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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
给你一颗小心心-用sketch、ps、ai画颗心
0.0°
2021-11-26 原创文章 教程 举报 4015 7 10 0

sketch、ps、ai都能用的画心大法

感恩节刚过,你有向帮助过你的人说一声谢谢吗?

今天带大家画一颗小心心,工具:sketch。

使用ai和ps的小伙伴操作方法大同小异,工具不重要,方法才重要。

方法一和方法二使用布尔运算,最终成型的❤️线条硬朗,方法三使用描边转轮廓化,最终得到的心比较圆润。


方法一:矩形相交法

创建画板,大小适中,先画一个矩形,宽高比例为3:2,示例中使用48*32px,(也有场景会用2:1的,不同的宽高比最终实现的效果不同,同学们可以结合实际应用来感受。示例中使用的宽高是我个人常用的尺寸,画出来的心心顶部缺口比较小,即:比例越大,缺口越大。)

凭心情给个颜色,这里红色色值:#F32D09。

复制这个矩形,旋转90度。得到图1

将两个矩形,右对齐再底对齐,得到图2

用布尔运算联集,顺时针旋转90度。(仅编组的话,旋转的时候有可能会跑偏,尖角对不齐。)选择上边四个锚点,把半径调整到最大,得到图3 。

如果你喜欢,也可以给底部的尖尖一点圆角。

这样就得到了一个小心心。


方法二:图形拼接法

此法和方法一思路相似,先画一个正方形,再画一个直径=正方形边长的圆1,复制出圆2,如图1

将三个图形摆好位置,即将左侧的圆1向右移动至直径与正方形左侧边重合,将上边的圆向下移动至直径与正方形顶部的边重合,合并如图2。

顺时针旋转90度,得到小心心。

方法三:画线描边法

如果你耐着心思看完了前边两个简单的常用方法后,恭喜你来学进阶大法。


使用工具画出一个90度的直角,可以先画一条线段,按住shift转90度再画另一边,注意两条边需要长度相等。

另一个方法,画一个正方形,裁掉相邻的两个线段, 保留一个边长相等的直角。如图1

关闭图形颜色填充,开启描边,顺时针旋转90度,将线段端点设置为圆头,给直角加边框宽度,我的直角边40px,描边宽度给了60,参数如下

选择直角上边两个锚点,设置锚点类型为第二个,

图片

如果你跟着做到这一步,是可以很明显看出效果的哦,如果你的心颜色没有填满,就调整描边宽度,这个数值需要你根据自己的图形调整。如图3


图片

调整好就可以保存了,因为sketch中是矢量图形,可以在图层中旋转轮廓化,把描边变成图形,放大缩小也不会模糊。

今天的小心心就这样了,码字不易,能给我比个心么。

Powered by Froala Editor

更新:2021-11-26

收藏

7人已收藏

  • 8

    作品

  • 25

    粉丝

  • 15

    关注

  • ps小技能之画个毛绒绒
  • 从前有个圆,它膨胀了,就变成了超椭圆
  • PS常用小技巧(2)
  • PS常用小技巧(1)
相关标签
教程

    猜你喜欢

      2021-11-26 原创文章 教程 举报 4015 7 10 0

      给你一颗小心心-用sketch、ps、ai画颗心

      0.0°

      你确定要举报给你一颗小心心-用sketch、ps、ai画颗心

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2021年11月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      10
      7
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录