美文网首页
Sketch 学习(不定时更新)

Sketch 学习(不定时更新)

作者: Mossion | 来源:发表于2016-09-20 11:34 被阅读82次

    最近因为公司的美工特别忙,忙到没空给我切图,没办法,只能去请教一下他们大概用什么工具来切图,然后自己学。他们推荐了Sketch这个工具给我,说特别好用,现在就边学便自己做些记录。
    1.sketch界面:


    1.png

    page界面:分页命名 layer层:图形组合显示 Artboard画板:图形展示 工具条:选择图形以及图形处理 检查器:尺寸设置,样式设置

    2.插入图形

    Paste_Image.png

    在这里可以选择你想要的图形;
    (自定义工具栏)也可以通过右键单击工具条,选择 Customize toolbar

    Paste_Image.png

    将所需要的图形拖到工具条上,就可以直接使用了

    Paste_Image.png

    选择一个固定面板,使用快捷键A,在右侧出现默认的面板,选取一个你想要的面板

    Paste_Image.png

    基本默认快捷键:
    A: 展示默认面板;
    command + 鼠标在图形中的8个点任意一个,都可以快速旋转角度;
    option + 0~9 快速修改透明度;
    选中图形后,摁住shift 再生成图形,等到的是一个宽高一样的图形;
    option + command 移动被覆盖在底部的图层;
    选中图形后,摁住 option 生成的坐标是开始的坐标;
    command + 方向键 缩放图形,每次缩放1;
    command + shift + 方向键,每次缩放 10;

    导出图片:
    做好图片之后,可以导航栏出的Plugins(插件)里导出图片,支持iOS,安卓以及web.

    Paste_Image.png

    相关文章

      网友评论

          本文标题:Sketch 学习(不定时更新)

          本文链接:https://www.haomeiwen.com/subject/ovxoettx.html