美文网首页
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 学习(不定时更新)

    最近因为公司的美工特别忙,忙到没空给我切图,没办法,只能去请教一下他们大概用什么工具来切图,然后自己学。他们推荐了...

  • sketch学习笔记(不定时更新)

    1.重叠图层 右击鼠标,从菜单中选择 “选择图层”(Pick Layer),便会显示出鼠标底下的所有图层列表。 注...

  • 推荐系统5

    2.6 Apscheduler定时更新文章画像 学习目标 目标 知道Apscheduler定时更新工具使用 应用 ...

  • Sketch 56 for mac(矢量绘图软件)更新了哪些内容

    7月23日,Sketch大升级推出最新版Sketch 56,这次更新Sketch 56 for mac(矢量绘图软...

  • sketch 51.1 51 50.2 50 51.2 52 f

    sketch50.2中文破解版,永久使用 持续永久更新,有专门的sketch免费更新群,淘宝购买售后有保证,更新快...

  • Sketch中文手册(2018)

    本手册翻译自 Sketch 官方用户手册,适用Sketch50以上版本。//随着Sketch版本的不断迭代更新,现...

  • sketch相关资源

    官网 官网 https://www.sketch.com/ 更新 https://www.sketch.com/u...

  • sketch 学习链接

    sketch 学习链接:http://sketch.im/manual/

  • Sketch套装分享

    一、Sketch502.dmg为最新破解版Sketch mac 系统更新到 Sierra 10.12.X 版本后,...

  • 5. 邮件定时发送

    1.生活中的定时任务 定时推送,签到 QQ定时发说说邮件 蚂蚁森林定时产生能量。微信公众号不步数的更新 手机定时开...

网友评论

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

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