注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

数字人的学习空间

分享技能和感悟

 
 
 

日志

 
 

数字人Sketch入门学习笔记之三:其他工具  

2016-09-29 10:33:10|  分类: 平面设计 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
数字人Sketch入门学习笔记之三:其他工具 - 数字人 - 数字人的学习空间
 
【前言】
     对于初学矢量绘图的朋友, 前边两篇关于Sketch的学习文章,能基本保证你能使用该软件绘制一些图形。下面这篇,结合该软件的帮助,继续研究Sketch的其他功能。

【研究】
第一部分:插入图像
Sketch 不是一个特别强大的位图编辑器,所以图片编辑功能比较有限。
1、选择INSERT-IMAGE按钮命令。
数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间
 
2、选择一个文件,可以通过控制点,控制图像大小
数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间
 
3、简单编辑图像。
数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间
    
        选中一个图片,双击它进入编辑模式,你会看见右侧的检查器里,出现了几个特殊的工具,但是你需要先在画布上设立一个选区,然后再选择编辑工具。

选区:在图片上选择一个矩形区域
魔棒:单击画布上任一点开始拖拽以选择一个区域,拖拽的范围越大,容差就会越大。 

值得注意的是,你可以按住 shift 来同时添加多个选区,或者按住 option 键从已有选区中取差集。一旦确立好选区,你可以剪切/复制选区来创建一个新的位图,或者用以下四种工具再来编辑。

反向:当前未被选中的区域会被选中,反之亦然。

剪裁:剪去选区之外的区域。

填色:为选区填充特定颜色。会出现拾色器供你选择颜色。

矢量化:将选区转变为的图形图层,与魔棒工具结合能发挥强大功能。


4、选择图片,看一看右侧的属性。
数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间 

5、选择BORDERS边、SHADOWS阴影、INNER SHADOWS 内阴影、COLOR ADJUST颜色调整做出下面效果。
数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间
 
第二部分 蒙版

Sketch里的蒙版可以让你有选择性的显示出图层的一部分。所有的图形都可以变成蒙版,你只需要先选中图形,然后进入 图层 > 使用图形蒙版(Layer > Use as Mask), 所有在这个蒙版上面的图形都会被剪切成蒙版的内容显示出来。

1、绘制两个图形,把圆图形放在底层(蒙版的位置)。


数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

2、如果不使用菜单命令,直接点击MASK按钮命令也可以。该命令使圆形对象为蒙版,遮盖上面的图形。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

3、完成蒙版遮挡。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

4、当然选择被遮挡的物体,还可以移动,调整位置,很灵活是吧?

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

蒙版可以分为图形蒙版和阿尔法蒙版。

A、图形蒙版

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

B、阿尔法蒙版

默认情况下,一个蒙版会显示出所在区域的图片,隐藏其他的地方。另一种使用蒙版的方式是通过 ALPHA 蒙版建立渐变区域,来具体选择图片的各部分是否可见。使用这个方法你可以先选中蒙版,选择 图层 (Layer) > 蒙版模式 (Mask Mode) > ALPHA 蒙版 (ALPHA Mask) 来实现。

1、建立一个圆形对象,填充为渐变。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

2、把圆形对象放到图片背后,点击MASK,这是图形蒙版。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

3、选择菜单--MASK MODE(蒙版模式)-ALPHA MASK 阿尔法蒙版。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

4、不仅控制图片哪个部位显示,同时还控制不同位置的透明度。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

第三部分 文本

Sketch 使用操作系统原生的字体渲染,因此文本看起来都会很棒。使用原生字体渲染的好处就是当你进行网页设计时,你可以肯定作品中的文本都是精准的。Sketch 同时支持文本样式,所以你可以让多个文本图层使用共同的字体,大小,和字间距等等。

1、快捷键为T 。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

2、设置文本属性

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

3、简单样式设置演示

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

两种文本特殊处理方法:

A、路径文本 

1、注意路径一定放在文本下面。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

  2、同时选择文字和路径,然后选择菜单中 TYPE ---TEXT ON PATH 命令。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

3、把文字往路径上拖动。文字就适配路径。

 

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

4、点击路径显示控制,关闭路径显示。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

B、文本转化为轮廓(图形对象)。

为什么要转?

文本虽然能改变颜色,但是不能填充和做渐变等变化,或者你想改变文字造型,就用之。

1、按T 输入“测试”文本,填充颜色。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

2、选择菜单LAYER--CONVERT TO OUTLINES命令。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

3、文本已经转换为图形对象了。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

4、可以填充渐变,增加样式变化。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

5、可以填充纹理。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

6、当然你可以按照你的创意随意编辑图形。

数字人Sketch入门学习笔记之三:其他绘图工具 - 数字人 - 数字人的学习空间

 

【后记】

1、就写这么多吧,互联网时代,人们阅读养成了跳跃习惯,思想不能集中。所以文字最好不要超百,简简单单最好,内容多就多分写几篇。下一篇计划做一个按钮图标的实例。

2、Sketch这个软件对比其他矢量软件来说,小而简单。这对于初学矢量绘图的朋友来说,入门学习是最好的。如果直接入手ADOBE 的ILLUSTRATOR软件,那个功能强大,但体系架构也非常复杂。对于初学、尤其是自学者容易“蒙门”啊。当你用Sketch一段时间,你有一些特殊的想法,而Sketch做不大,比如说描边太简单没有笔触等变化。这个时候,也再学AI,有Sketch的基础,你在学习AI的时候,就会轻松不少。你就会理解我常说的“道相同法不同”是什么意思了。
  评论这张
 
阅读(137)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016