产品设计

    今日:3| 主题:15645
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] 连载:sketch中文教程(四)

[复制链接]
﹌花祭ゞ 发表于 2016-10-11 13:56:04
110 0

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
sketch中文教程
  图片

  Sketch 不是一个位图编辑器,所以位图编辑功能比较有限。但 Sketch 3 改进了这一点,现在能更好的处理文档中的位图。
   值得注意的是,你可将任何图层转换成一个扁平的位图,执行 菜单命令图层(Layer)> 将选区变成位图 (Flatten Selection to Bitmap)。
  位图编辑

  Sketch 的位图编辑已有很大的提升,现在也有一个得体的 UI 界面来专门呈现它。
   
连载:sketch中文教程(四)-1 (四川,肆,五,四大写,四英文)

  选中一个位图,双击它进入编辑模式,你会看见属性检查器里出现了一组特殊的工具,但你需要先在位图上设立一个选区,然后再使用编辑工具。
  ・选区(Selection):在位图上选择一个矩形区域。
  ・魔棒(Magic Wand):点击位图上任一点开始拖拽以选择一个区域,拖拽的范围越大,容差就会越大。
  值得注意的是,你可按 shift ⇧ 键来同时添加多个选区,或按 option ⌥ 键从已有选区中取差集。一旦确立好选区,你可以剪切 / 复制选区来创建一个新的位图,
  或用以下 4 种工具再来编辑。
  ・反选(Invert):当前未被选中的区域会被选中,反之亦然。
  ・裁切(Crop):减去选区之外的区域,只保留选中部分。
  ・填色(Fill):为选区填充特定颜色。会出现拾色器供你选择颜色。
  ・矢量化(Vectorize):将选区转变为的形状图层,与魔棒工具结合能发挥强大功能。
  当你要结束对位图的编辑,只需点击位图外任一点,或按 return / esc 键即可退出编辑模式。
  色彩调整

  如果想微调一张现有位图的色彩,可使用属性检查器中的色彩调整面板来实现,在这,你可调整位图的色相、饱和度、亮度和对比度。

连载:sketch中文教程(四)-2 (四川,肆,五,四大写,四英文)

  需要注意的是,此项调节不会破坏原图,你随后可再次更改这些数值。
  文本

  Sketch 使用操作系统原生的字体渲染模式,因此字体显示看起来很不错。使用原生字体渲染的好处就是当你进行网页设计时,你可确定设计稿中的字体效果和真实网页中效果一致。Sketch 同时支持文本样式,所以可以让多个文本图层使用共同的字体、大小、和字间距等。
  添加文本

  你可以从工具栏中选择文本(Text)工具。当光标变成文本输入样式时,在画布中任何区域点击以添加文本图层。你会看见新的文本图层已被选定,直接开始打字吧。
  你也可以点击并拖拽鼠标以创造一个固定尺寸的文本框,当文本内容大于文本框时,会自动向下扩展文本框高度。而普通的不固定尺寸的文本框则会增加宽度以适应文本内容。
  调整文本大小

  当你直接拖拽文本框,文本框内文字本身的大小并不会相应改变,但你可拉动文本框底部的缩放手柄来一起控制文本框和文字大小。
12345下一页
友荐云推荐




上一篇:产品类移动端web网站分析
下一篇:从UI转UE的学习要点!速看!
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表