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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
奇葩的Sketch教程,专治各种疑难杂症
0.0°
2015-05-07 原创文章 教程 原作者: 原作者 举报 91848 509 390 69

有奇葩的Sketch问题?

首先说明,楼主是个奇葩,所以请温柔呵护,奇葩很脆弱。

本帖不定期更新各种奇葩问题解决方法。

Question1:

什么是shared style?我该如何应用?

Answer:

你看,我们先画个矩形,旁边会有个No Shared Style属性

咱们随便给它来个红配绿赛狗屁的配色

Ok, 此时点击旁边的No Shared Style

选择Create New Shared Style, 输入“红配绿赛狗屁”作为Style命名,并按回车保存,一个Shared Style就诞生了!

然后我们来看看这个Shared Style 可以用来干嘛,再新建个矩形,然后点击No Shared Style对话框,选择红配绿赛狗屁。

可以惊奇的看到新建的矩形的外观自动变成和之前的矩形一样了!

另外,仔细观察图层,你会发现具有Shared Style属性的图层是紫色的

而Rectangle 2在不具备Shared Style的时候则是灰色的

现在你知道Shared Style可以干嘛啦!中文名其实是共享样式,有点像word里的格式刷。但Shared Style精妙的是,如果你对任何一个具有Shared Style的图层进行修改,那么其他具有相同shared style的图层都会随之变动,换句话说,你改动的是他们共享的那个图层样式。

在Sketch中,字体的Shared Style叫Text Style,字体图层只能使用Text Style。

Shared Style学完后,你可以探索一下Sketch中的Symbol如何创建和使用,和Style有异曲同工之妙。

Question2:

我会画一个正圆,半圆,四分之一圆...但是一个标准的三等分,也就是120度角的扇形怎么画?

Answer:

这也算是比较经典的问题了。。。其实很简单的布尔运算就可以解决了(老天,这里又有人问我布尔运算是什么,简单说,就是那些打孔、交并矢量图层的动作)

我们先画个正圆,然后画个正Polygon(多边形。。。),然后。。。看图吧

正六边形内角是120度,刚好和三等分扇形一样,那么我们把两个形状取交集Intersect一下,就得到了我们要的三等分扇形。然后。。。然后就有了三等分环形。(怎么做不用我讲了吧)另外,其他奇奇怪怪角度的扇形都同理可得。

当然我还有其他变态奇葩的绘制方法。。。大家可以自行研究。。。

Question3:

哥哥,人家想画个这个,怎么画嘛

Answer:

为了画出完美的标准的可自动随着放大缩小改变粗细的圆头镂空圆(名字好长说完快断气),许多人付出了很多努力却到头来效果不理想。

其实TMD真的很简单哇!

先画个圆,不要fill。描边必须设为Center!!!颜色粗细我先随便定个。

按回车进入Edit编辑锚点。随便添加两个锚点,退出编辑锚点。

点击Scissors剪刀工具,没有的话右击上方toolbar,选择customize toolbar,找到剪刀工具自己拖出来。

移到圆上把那段我们刚刚添加的描点之间的弧线删除

然后在border选项的小齿轮里,把Ends和Joins都设置成中间那个。圆头就出来了!!!

故事当然还没结束,我们采用描边,所以,在放大缩小时,粗细永远不会改变。如果想要应用于icon中适配不同分辨率的时候就麻烦了,我们该怎么做?

在toolbar中有个按钮叫Vectorize Stroke

我们对这个环使用这个命令,然后进入编辑锚点,发现。。。已经成为路径型矢量了!

从此妈妈再也不怕我放大缩小描边不变了!!!大功告成。

累死了,先不更了。。。你们把你们的奇葩问题甩在评论里吧,奇葩需要光合作用一下。

Question4:

爹,为什么我的像素对不齐啊?!移来移去坐标都有小数点,好羡慕人家能自动对齐的!

Answer:

从小叫你学好英文啊!!!!!!自己看

随意选个锚点进入编辑模式,下面有个选项,Don't round to nearest pixels指的是没有任何像素对齐,然后下面那个是半像素对齐(就是会有.5坐标数值),最下面那个是全像素对齐。

更新:2015-05-07

收藏

509人已收藏

JaminWoo

性冷淡の設計師

  • 25

    作品

  • 2300

    粉丝

  • 26

    关注

  • 直播App的概念动效A Live Stream App MG
  • 移动端西文字体应用教程
  • ZANK_4.3.2_Effect by Principle
  • 不要你学费的动效设计工具Principle ·  一站式教程
相关标签

    猜你喜欢

      2015-05-07 原创文章 教程 原作者: 原作者 举报 91848 509 390 69

      奇葩的Sketch教程,专治各种疑难杂症

      0.0°

      你确定要举报奇葩的Sketch教程,专治各种疑难杂症

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2014年11月12日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      390
      509
      69

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

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

      登录

      手机号

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

      登录
      第三方账号登录