ai渐变网格渐变不小心给锚点添加了颜色,怎么去掉?

您所在位置: &
&nbsp&&nbsp&nbsp&&nbsp
Illustrator AI模拟 ACCD考题ADOBE.xls12页
本文档一共被下载:
次 ,您可全文免费在线阅读后下载本文档。
文档加载中...广告还剩秒
需要金币:100 &&
Illustrator AI模拟 ACCD考题ADOBE
你可能关注的文档:
··········
··········
detail_aic2
detail_psc2
detail_ab7
detail_id4
将文件存储为Version Cue版本有何种优势?
确保文件的安全性
可将文件组织成私有或共享的项目
可使用文件缩览图浏览,以及搜索文件信息和版本注释
浏览时复查私有和共享项目中的文件信息、注释和文件状态
下列有关导入PDF图像说法不正确的是(____)。
导入图像将以屏幕分辨率72ppi在Photoshop中打开
被导入的PDF图像进行编辑后,执行存储命令,PDF文件中的图像可以自动更新
通过“导入 PDF图像”,只能导入PDF中的位图图像
导入PDF图像时,将弹出“栅格化通用PDF格式”对话框,可对图像的分辨率进行设定
下列关于将“导出路径到Illustrator”中说法正确的是(____)。
可以任意选择一个或者多个路径进行导出
矢量蒙版也可以进行导出路径到Illustrator
图层的矢量蒙版在未选择的状态下,是无法导出的
导出路径到Illustrator命令中,只能导出路径调板中所包含的路径
在图层组内可以对图层进行删除和复制
下列关于颜色通道的说法正确的是(____)。
单独显示青色通道时,通道呈灰度状态
通道是不能进行单独调整的
一个通道只代表一种颜色的明暗变化
黄色通道是由图像中所有黄色像素点的信息组成的
由于色彩空间不同,在不同设备之间传递文档时,颜色在外观上会发生改变,下列哪些因素是可能影响颜色变化的原因?
显示器的品牌不同
软件应用程序定义颜色的方式不同
印刷介质的不同
显示器显像管的老化
下列哪些文件格式能在保存文件时嵌入符合ICC规范的配置文件?
使用PostScript打印机进行输出时,在未知应使用何种设备进行输出的情况下,应选择何种PostScript语言层次比较保险?
PostScript level 1
PostScript level 2
PostScript level
正在加载中,请稍后...当前位置: >
AI制作飘扬的红绸布
阅读工具:字体:
红绸布,那可是劣士的鲜血染成的红绸布啊,那些假大空的东西经常会用到红绸布(上辈子作孽),我讲的这个红绸布,虽然不是很逼真很牛叉,但是万一哪天要找红绸布实在没有合适的,合适的又是烂大街的地摊货,你完全可以自己手动画一条,镇镇你的同事、领导、客户。
画画最基础的,就是黑白灰对比,此话由我一届不会画画的人嘴里说出来真是惭愧。
先来确定几个基色调,简单的可以用三种,想效果更好点就用5种。高光开业(难道我传单做多了?)后期添加,也可以同时进行制作,看个人喜欢,后期添加比较容易控制。
确定好基色之后就把它建成新建颜色,这个属于色板的应用,有兴趣可以上网络学院enet看看教程,也可以找度娘解决你的饥渴需求。
现在需要的是一个绸布的外形,首先绘制一个长方形,然后你能怎么折腾就怎么折腾,让他变的丝滑柔顺。
另:很久以前提到的画笔,也可以用在这里,聪明人,从来不会被工具缚住手脚。
我比较懒,用了效果选项里的&变形》旗形&,各种设置请自己玩,自己玩才有意思。
实际上现在的效果并不是实际路径,进入菜单对象》扩展外观把它实体化。
初步形状弄好了
下面网格工具登场了(不是黑暗登场了),考虑到还要下班回家打副本,所以赶紧说完了账。
网格工具使用最基础的就是,用网格来控制网格。
像下图的黑线是用左右两条网格线抑制住颜色的范围,才会有这样的效果,所以如果不是要画一大片相同颜色的,就得在左右或上下加上抑制范围的网格。
是不是立马就会有红绸布的那种淫荡感,具体怎么添加颜色可以自己去研究,去参考真实的红绸布,这个不难掌握。
下面讲点网格工具的知识
1.网格工具的网格线走向是受图形原有锚点分布影响的,大多数时候会贴合图形,但图形太过扭曲就没办法了,所以图形原本的锚点越少越好。
2.网格线多了很难控制,要添加新的网格点无特别要求开业(还开业!?)添加在已有的网格线上。
3.网格工具能实现变化多端的填色效果,但是使用了网格工具的图形无法应用很多其他功能,比如变形,扭曲等等。
4.网格工具呈现颜色的原理,是在一个点上作为出发点,一直到有别的点的范围阻碍为止,如果两种颜色相同自然没什么好说的,如果不同就会建立起一种渐变的效果,形状是按网格范围,可以调节(就像普通画一个方圆三叉一样),但是渐变过渡无法调节,只能添加新网格点来控制颜色。
5.网格工具制作的图案本身没有透明部分,不像渐隐渐变一样开业透明。
6.操作网格点就像普通锚点,可以用直接选择工具调节,也可以用网格工具,填色需要选中一块被网格线分割的区域或者一个网格点(当然可以多选,和其他操作一样),然后去点击色板里的颜色,此时会把这个颜色作为默认颜色,如果你新添加一个网格点,就会默认填充成当前使用颜色。
最后放一张最后效果图,后期的调节是另一个话题了&&
全部网格点分布
(责任编辑:大宝库)
------分隔线----------------------------
(最近我在学习AI钢笔工具,之前也会用这个工具,只是感觉用起来很困难。于是我想通过...
在Illustrator中有相当多设计漂亮LOGO的方法,本教程能教会大家用分割工具做一些简单但...
本例介绍运用Illustrator CS4来绘制一幅在地地上堆雪人的孩童插画,教程详解的非常详...
在 Illustrator 怎样才能让自己创建的 图案笔刷 在方形、星形、六角形或是弯曲的边线...
我们可以用 Illustrator 中的 图案画笔 来做一些连续花纹,但有时现成图案的数量和适...
掌握了快捷键的作用和意义不言而喻,下面我们将矢量绘图软件 Illustrator 的快捷键分...
赞助商链接
赞助商链接我们可以发现 AI CC的工具栏用一条条直线将划分为几个区域,每个区域的工具所具备的功能都很相近,以下就以一个一个区其域进行每个工具功能的叙述:
A. 选择工具
1. 选择工具(V) :选择、移动、缩放图像
 复制图形: 选择所要复制的图形--按住 Alt--拖动所要复制图形到空白位置--按住Alt--拖动所要复制图形到空白位置,即可复制图形
 精确调整距离: 双击选择工具--弹出选择对话框--定制精确距离--复制、 预览效果。
与 PS 区别之处:
 Ctrl+Z :可无限次撤销操作
 Ctrl+Shift+Z :取消撤销操作
快捷键: ( 使用任何快捷键时要处于无任何输入法状态下,否则快捷键无效)
 Ctrl+D :复制并继续执行上一步动作(复制出相同距离的图形)
 Ctrl+R :标尺
 Ctrl+U :智能参考线
 按住 Shift,操作其他动作(移动、旋转) :可以原来 10 倍的速度改变
 Shift+Ctrl+Alt+K :键盘快捷键
 Ctrl+T :调出字符面板
 Shift+Ctrl+F9 :调出路径面板
 Ctrl+K :首选项面板
 Ctrl+Shift+O :将文字变为图形
 Ctrl+2:冻结(针对当前所选定的对象进行锁定)
 Ctrl+Alt+2:解除冻结(针对当前所选定的对象进行解锁)
 Ctrl+3:隐藏当前所选定的对象
 Ctrl+Alt+3:显示当前所选定的隐藏对象
2. 直接选择工具(A) :专用于选择锚点
 同时选择多个锚点
法一:按住 Shift,点击选择
法二:直接用鼠标框选
3 编组选择工具:针对多个对象
 与鼠标右键“编组”稍稍有区别,可以结合使用
4 魔棒工具(Y) :根据颜色不同进行选择,框选出颜色完全一致的所有对象
 选择对象:
法一:加/减选对象:按住 Shift进行选择
法二: (该方法前提是所选对象应有颜色) 用魔棒工具点击索要选择对象,就可以快速选择出与所点击对象颜色完全一致的所有图形
5 套索工具:单独选择锚点或者选择一部分的锚点
 与 PS 的区别:在 AI 中无选取这个概念,放开鼠标后,框选区域的线条自动消失
B. 形状工具
1 矩形工具
a. 圆角矩形:
 AI 与 PS 的区别:
AI 有分页面区域和草稿区域,也就是说在 AI中不是画布的区域(画布外的黑色区域)也可以进行作图,但是保存时并不将草稿区域的内容保存,而在PS 中只可以在画布区域进行作图
 为什么叫圆角半径?
改变半径就可以改变弧度
 改变圆角大小
选择圆角矩形工具绘制出所要大小----切记不要放开鼠标----点击上下方向键:改变圆角大小 ;点击左方向键:变为直角;点击右方向键:变为当前最大圆角; (注意:要在确定好所画图形大小后再去操作,否则若是操作完再改变大小,就会发生变化导致需要重新操作)
 按住 Alt,画出的图形从中心开始画;不按住,则从左上角作为定点开始
b. 矩形工具(M)
精确画矩形:在页面上点击鼠标--跳出弹出对话框(注:要调出工具对话框可以使用 A、B 区所介绍的方式,当然前提是所选工具有这个功能)
c. 椭圆工具(L)
d. 多边形工具:选择向上/下方向键,分别可以增减边数
e. 星形工具:选择向上/下方向键,分别可以增减角数
Shift +Alt :两肩平行的正三角形
Alt :两肩平行
Shift :正三角形
半径 1:从中心点到外角的半径
半径 2:从中心点到角内的半径
f. 光晕工具:常用于制作图标
2 线段工具
a. 直线段工具()
b. 弧形工具:
c. 螺旋线工具:
两个锚点称为一段
d. 矩形网格工具:
其实是直线+矩形的组合 (常用画表格、棋盘等等)
e. 极坐标网格工具
样子有点像蜘蛛网,其实是圆+直线的组合
3 裁剪工具
a. 橡皮擦工具(Shift+E)
b. 剪刀工具(C) :
直接在路径上单击----将所要去除部分 delete 即可
c. 刻刀工具:只对图形裁剪起作用
4. 旋转工具
 旋转:
法一:直接旋转(此法不够精确)
法二:Shift +旋转 ,45°增加
法三:旋转工具
a. 旋转工具:默认以中心点为中心旋转
 更改旋转中心:
选中旋转工具----按住 Alt----当+光标的右下角出现- 时,点击要将旋转中
心定位到的位置----即可改变旋转中心
b. 镜像工具
5 钢笔工具
用法与 PS 基本相近
6 文字工具
Ctrl +A: 全部选择
Ctrl +C : 复制
Ctrl +V : 粘贴
 点文字工具:点击鼠标 直接写一直写,不会自动换行,不会随着框大小的变化而变化,变化框大小时导致吻戏大小变形
 段落文字工具:先圈定一个文本区域,再写会自动回行,会随着框大小的变化而不会变形
 区域文字工具:在某一特定区域内写文字
用钢笔画出一区域 使用区域文字工具写文字
 路径文字工具: 只要写画一条线作为路径, 之后所写文字就可以沿着这条路径走,直接调整路径时文字会变形(这点有点像点文字)
 出现溢出标志怎么办?
如何将溢出的文字保留?
法一:将趋于加大(可能过会导致区域变形)
法二:不想影响区域大小
用鼠标箭头去点击溢出标志, (箭头右下角会出现溢出内容将鼠标松开后会自动显示在另一文本区域内, 两个区域相互关联, 一个区域变大另一个区域自动变小,整体显示内容多少不变)
 以下三个工具用法与先前类似,不再赘述
 字距调整:Ctrl+Alt+向右方向键
调整字号:Ctrl+Shift+ > :加大字号
Ctrl+Shift+
 如何将下方的文字变正
 利用 Shift +Alt 结合便于画同心圆
 一种路径只能控制一种形式的文字,要出现如下效果,需利用两个路径绘制
注意:英文字的路径圈大小应于中文字外圈一样,这样排版才美观
 暂时冻结
若暂时不想用英文字,可以将其暂时冻结
Ctrl+2: 冻结(针对当前所选定的对象进行锁定)
Ctrl+Alt+2:解除冻结(针对当前所选定的对象进行解锁)
Ctrl+3: 隐藏当前所选定的对象
Ctrl+Alt+3:显示当前所选定的隐藏对象
 想要给编组后的区域填充颜色
并不需要将其打散,直接用编组选择工具选择所要填充区域,进行改变就行
7 画笔工具
画笔工具只是路径描边,是个开放式的路径斑点画笔工具是个封闭式的路径:
画笔工具画的交叉线,可以独立移动
斑点画笔工具画的交叉线,只能整体移动(只要是有相交的就会融合成一个整体):
8 铅笔工具:相比较画笔工具,就没有那么圆滑
9 宽度工具:
例如用宽度工具画树叶就方便多了, 只要在曲线的基础上, 用宽度工具在其路径上点击拉伸即可(这一类工具中的其他工具用法类似)
 变形旋转扭曲工具效果示例: (缩拢与膨胀等工具类似)
 对文字进行这些工具的操作,需要先将文字用快捷键 Ctrl+Shift+O,变为图形 可用于对文字的设计,美化
1 比例缩放工具
Ctrl+F :粘贴在前方
Ctrl+B :粘贴在后方
 对文字的描边:若描边值为 6pt,则在路径内外分别有 3pt,描边越粗,里面图形越小
用 Ctrl+F 将图形粘贴在前方,而且不描边,将上一层遮住,这样只有外侧描边
 有的时候为什么描边没有同时缩小?
如何解决:在首选项里勾选上这一项就可以
 给生僻字创建新字体
 整形工具
2 形状生成器工具
 拖拽手柄时可以按住 Shift,使得两边变化形状一致
 例如用形状生成器就可以方便地画冰淇淋外壳
 钢笔工具画出来的曲线是贝塞尔曲线?
 实时上色工具
方便区域换色
线变颜色在选择要变色的区域
 实时上色选择工具
选择后再改变颜色
3 透视网格工具
辅助绘画,用来画立体空间图较为方便
根据透视点不同所看到的面不同,几点透视看到几个面
1 网格工具:
特殊的填充工具(将贝塞尔曲线+ 网格+渐变填充工具 的功能集合于一身)‘用于无规则颜色变化渐变填充,’用于无规则颜色变化渐变填充,点击后该工具会自动创建渐变网格‘以锚点为中心渐变。充分利用该工具会使颜色更加逼真
2 混合工具:
使用混合工具可以出现的效果,常用于渐变,立体字的制作(以此类推)
增加步数可以更加细腻
如何让好几个文字整体渐变,而不是同一个渐变形式独立出现在每个文字上?
注意几点就行:
Ctrl+Shift+O :变为路径
右键,取消编组
Ctrl+Shift+F9:路径--联集
也可以做这样:
1 喷枪工具
结合符号面板使用
 优点:图案的增加不会增加文件的大小
 也可以将自定义图形,绘制完图形后直接拖拽如符号面板中即可使用
 如何将符号面板中的符号进行编辑?
点击断开连接就可以
 符号移位器工具:可以单独针对一个符号进行位置变换
 符号紧缩器工具:使符号间相互靠近
 符号缩放器:放大符号,按住 Alt 键,缩小
 符号着色器:先选择一种颜色-----绘制符号--使用符号着色器将符号整体变色
 符号滤色器:设置符号的透明度,透明度降低,按住 Alt 透明度提升
 符号样式器工具:窗口--样式 面板--选择一种样式进行处理
也可以用于绘制完图标,可以用这种方式体现立体感
 建议样式处理用 PS,(图层样式,也可以添加新的样式)
 便于成堆复制
2 柱形图工具
使用频率不高
双击工具栏中的柱形图
选择柱形图工具后单击页面
也可以直接导入数据:注意:只可识别记事本,中间空格用 Tab 键(制表符) ,不可用空格键,否则识别会有问题
1 画板工具
CS5 开始有,可建立多个画板
排列画板顺序,调整统一大小
安全区域,便于打印,防止内容超出
一次性新建多个画板:
2 切片工具
常用于对网页进行切片,切片前先绘制参考线,设置所要切的固定大小,便于切
片,再用切片选择工具进行微调
常用于对网页进行切片,切片前先绘制参考线,设置所要切的固定大小,便于切
片,再用切片选择工具进行微调
3 抓手工具
按住空格键,临时切换为抓手工具
4 缩放工具
区别于对对象的放大缩小
5 把 AI 做的矢量图插入到 PS 中的位图中转变为位图形式,
把位图插入到矢量图中还是位图形式
(这样说可能有些不妥当)
把位图插入到矢量图中还是位图形式
(这样说可能有些不妥当)
键 熟练使用快捷键 11-1-1
常用快捷键具体见A 区
1 高级路径
可以自主选择所需连接锚点,在使用快捷键 Ctrl +J
 把圆的四个锚点都向中心点移动,出现如下图形:
(用这种方法对于制作这种就标准些)
在两个锚点间等距离加锚点
可以绘制类似于这样的图形
另一方法: (更快捷)
 路径---- 轮廓画描边
原先的描边只有一个路径,经过轮廓化描边后有三个路径了
同样对文字也可以做类似操作:
2.封套扭曲(在对象里)
??????????界面设计工具 Sketch 的使用体验如何?
大概用 Sketch 用了将近一个月,原来是一直用 Illustrator 做界面设计。Sketch 有很多优点,但是同样的也有很多不爽的地方,大概列举一下,供参考:优点:快,用 Sketch 好像没有冷启动时间一样,这也就是为什么 AI 和 PS 需要启动画面OSX 支持好,原生全屏,原生的版本控制,支持 Retina功能集足够,支持贝塞尔曲线,支持布尔运算,支持文字转曲,支持图层样式功能亮点原生支持 @2x 图片导出保存切片时,可以选择导出的图层。如果在背景上画图标的话,不用像PS那么苦逼多个图层样式叠加,一个样式可以有n个阴影,基本上用 PS,AI 做出来的效果用 Sketch 没大问题。方便的阵列生成,有一个图形快速生成 n×n 的阵列,有内建的功能。支持 CSS 样式复制每个顶点的圆角半径设置 (PS内牛满面)比 Adobe 好用的智能辅助线,不仅可以对齐,选中之后按住 option 还可以量距离Sub-pixel 的文字渲染,这个 Adobe 从来没做到过。像素对齐,这个 PS 和 AI 也是痛点,但是 Sketch 也有小问题。不限制大小的画布,这也是 PS 的一大痛点。缺点快捷键覆蓋率不高,和 Adobe 系不一样 (比如R是矩形,Adobe系一直是M),且不好自定义。像素图像编辑功能弱到爆,相当于没有。蒙板功能难用到爆,哪怕我只是想 Crop 一张像素图,也要画个路径,选中之后做蒙板。只支持 SVG 的导入,不支持 psd, ai 路径的导入,复制粘贴群组内编辑比较弱偶尔不稳定,不明原因地变慢文字编辑工具属于刚刚能用的状态&del&不能设置虚线和箭头&/del& Update: 可以设置,Border 那里有下拉菜单……最大的缺点:Sketch 文件属于没人支持的状态。你不可能永远不把原文件给别人。既然一个工具能让我用将近一个月,并且有相对稳定的产出,这个工具肯定是足够一般的用途了,但是要挑战 Adobe CS 这些大块头,还是不太现实,比较适合小团队,做一些简单的界面(话说现在扁平化流行的年代,用 Sketch 倒是刚刚好)。秀一个 Sketch 画的,并不复杂,但是比较典型的比其它工具都方便:
如果全团队是Mac的话,Sketch是非常好用且适应现在的设计趋势的。我们公司现在已经全部都用Sketch了。Sketch尤其适合设计师职能不细分的中小团队和个人作品的制作。线框到视觉稿可以在一个软件里完成,能省去不少时间。Sketch的用户社区也比较繁荣健康,让人挺有信心继续用下去。(Sketch的扩展开发比PS容易的样子,我看github上还有人做了自动生成iconfont之类的高级脚本……)其他回答基本都只是在特色功能上评论,确实,这软件一开始的印象可能只有小巧便捷够用。但用多了后就会发现他最好的地方不是比PS多了什么功能,而是针对UI设计的操作、交互模式,用起来非常高效。PS因为要考虑摄影用户的使用,并不能针对UI设计师做最优设计。有些回答中说道的切图、测距等功能,其实最新的PS CC也能胜任(其他很多功能我相信要在PS上出现也只是个时间问题。跟PS比功能是很难有核心竞争力的),但PS的基本工具的操作/交互方式从来不是对UI设计专门设计的(我想这很难改变)。而这正是Sketch的取胜之道。UI设计时,最频繁的操作有选择/移动,整理图层、更改属性/样式。这3样东西是互相影响的,Sketch在这3方面都做得挺好,就完成了1+1+1=5的出色体验(虽然有一些是矢量软件天生的操作优势):整理图层UI设计中得图层,和照片编辑时很不同的一点是,模块(or板块or分组)之间大多数不重叠,因此图层顺序也就相对不那么重要。只要对象能够被用户方便的选择到(后面讲选择功能的设计),图层的顺序很多时候是无所谓的。事实上浏览图层面板是低效的,不管缩略图还是文件名,人的读取效率都是不够理想的。Sketch通过更适宜的基本功能设计,很大程度上减少了用户对图层面板的依赖程度(不用去看),不仅直接简化了操作,也使用户可以更专注于画布上得内容。不要小看Forward和Backward的设计。Sketch的这个功能设计地非常好。首先这个功能的运作方式非常高效,它会考虑到遮罩关系,不做无意义的顺序变动。比如从上到下有a/b/c三图层,a遮着c了,但是b在其他地方,那我对c执行一次forward,c就是直接跑到a上面了(c/a/b),而不是只傻傻地提升一个级别(a/c/b)其次它只改变同级别内的图层,所以图层组内的东西怎么forward都不会跳出图层组。相比PS,图层一多,拖动来改变顺序太痛苦,用forward和backward每次只移动一层,低效,而连按太欢了又可能一不小心把分组逻辑搞乱了,必须小心翼翼复制、粘贴Sketch中复制、粘贴的操作和日常其他软件里的复制粘贴很相似。选中图层or图层组的情况下command+c复制,command+v粘贴。另外很重要的一个设计是,当前选中的对象决定粘贴出来的东西在哪个图层组里。这样大部分复制粘贴操作是不用看图层面板的。而PS里,ctrl+c和ctrl+v只能复制像素(选区),图层/对象的各种复制都远没有Sketch那么爽快,因为你必须通过不狗直观的图层面板来决定新图层的上下关系和包含关系。选取、移动工具这个最基本、最重要的工具设计的好不好,影响是巨大的。PS选择分为矢量的选择(A)和位图的选择(M)和图层的选择(V),略微复杂、繁琐。比如我现在要改变一个矩形矢量图层的圆角参数,我得先V切换到图层选择工具选中图层,然后A切换到矢量选择工具选中该路径,然后属性面板里才给我出现了圆角的参数。而Sketch里只有唯一的选择工具,一统天下。Sketch里的选择工具,通过双击可以把选择范围的层级深入一层(也就是可以选图层组里的东西),这样即使是嵌套了很多层图层组,每层还好多个图层组的情况,也可以很方便且逻辑较清晰地进行对象的选择。这个双击使得用户更加不需要关注图层面板。而PS里的选择工具有两个模式,一个是选图层组,一个是选图层。图层组模式是不能选图层组里的图层;图层模式时不能直接选整个图层组。双击?那是什么?Sketch里的默认的工具是选择/移动工具。其他工具都是画一下就切换回选择工具。你说你要连续添加很多个图形/元素?用make grid批量复制并布局吧。画好一个东西后接着布局,更加符合绘制UI的情况。而PS里你画好一个图形后还得按着ctrl才能移动。(PS的操作就是ctrl基本不离手)更改属性/样式Sketch里的涂层样式是在右栏里常开的。而在PS里先要在图层面板里找到当前选中的涂层然后双击打开样式编辑窗口,而样式窗口的弹出位置又是不那么确定的(尤其是多屏环境时),这么多次的视线和鼠标的移动,是非常低效且烦人的。其实这点PS也是可以模仿的,只要开发个图层样式的面板,然后这个面板可以自定义显示哪些属性(不然会过多塞不下)就可以了。但Adobe没有,我也没搜到这样的一款扩展/插件。经我这么一番叙述大家应该可以意识到了PS做UI设计是多么繁琐。sketch不仅简化了流程,还让左手(不用太多时间按着ctrl)和眼睛(不用去仔细阅读图层面板)更加轻松。它带来的隐藏的效率提升是比较可观的。至少操作体验是很好的。Sketch还有很多人性化的设计细节。各位用着用着就能体会到。简单明了的功能加上以上各种亲切的交互设计使得这软件的上手难度极低。我转向Sketch的时候除了个别疑点稍微搜了下文档,总体边学边用的过程都毫无阻碍。感受到的相对的不足有:团队小,软件没有Adobe的产品稳定,遇到bug时基本上就是毫无办法。也不知道什么时候会修复。大点的项目or大尺寸位图多点,性能就很一般了。之前做一个web app,背景整个是个位图,结果artboard也就十几张就比PS还卡了。Sketch如果功能上能满足团队需求,是目前的不二之选。它决不是简单地针对UI设计开发特别的功能、去掉不太用的功能,而是在基本的操作层次上给UI设计师带来了得更好地体验。
千言万语汇成两个字:效率。Sketch的前世今生自从2010 年 Bohemian Coding公司推出了 Sketch,Sketch如今已经到了39.1版本。Sketch 一开始只是小型矢量画图工具,后来才优化成界面设计软件。当年的Sketch 2是拿过苹果设计奖的。Sketch的定位Sketch如其是说是一款超越PS的绘图软件或者有点夸张。其实我使用时第一感觉是,这软件太像keynote了吧。Mac软件经典的布局,数据表单式的检查器,并没有什么特别。但上手一周后,才发现Sketch作为UI设计软件的首选,实在当之无愧。Sketch的定位并不是超越Photoshop。Photoshop涉及了太多领域,摄影后期、手绘插图、平面设计和界面设计等,它已经是变成一款大而全甚至有点臃肿的设计软件了。而视觉设计师用它作为UI设计软件时,存在什么痛点呢?如果你曾设计过界面,发现设计界面花了1个小时,而切图、标注等工作需要同样花你1个小时,你会发现一些批量和非设计的工作也占有工作时间的几乎一半;当设计稿越来越多,即使改一个字体,都得牵一发而动全身,每份设计稿都得一个一个字段调整,当时可能自杀的心都有。Sketch的定位便是为了解决这些问题。它是一款只在UI设计领域,有效率和便于协作的矢量绘图软件。它减免设计师花在批量式的非设计工作的时间;它帮助设计师聚焦他们真正需要关心的:页面效果、扩展性、控件库、逻辑层次等;它提高设计师与其他协作人员沟通的效率:产品经理、交互设计师、开发工程师等。Sketch的优势1、提高非设计部分工作的效率。可快速输出1倍、2倍甚至自定义尺寸的切图,可智能标注任何元素。把一天需要做的任务,变成一分钟的事。甚至连设计师不得不经常按的Command+S都不需要按了,自动给你保存好。2、帮助设计师聚焦他们真正关心的事情。UI设计师做设计稿的核心其实是:定义颜色、控件样式、页面结构、字体和图标样式等。每次的调整稿件,设计师最常经历的也是,把全局的颜色、字体、图标和控件再更新一次。Sketch也是站在设计师的角度,把这些核心作为首要考虑的重点。比如全局控制的颜色库、标志库、字体样式等。只要你更新一个,全局运用到的便会同步更新。还有一个很有意思的点是,Sketch一份文件其实更多是一个项目的概念,而非一份设计稿。打开一份Sketch文件,其实是一系列稿件的汇总。这种使用软件的方式也会利于设计师转换思维。例如同时看到多画板,可以培养设计师的全局观,观察页面的统一性和跳转逻辑;全局控制字体、颜色和控件,可以培养设计师对拓展性和统一性的把控度。3、不得不提的插件。Sketch开放了插件,让众多出色的插件也不停再完善Sketch。帮你批量命名图层、智能标注页面、智能填充头像和文字等,让Sketch越来越能满足不同人群的设计需求。Sketch的劣势1、路径绘图。路径描点的选择,操作与路径的修改,Sketch一直逊色于Photoshop。特别是对线段的选择删除,描点的切换、删除和添加,还有单独调整某个句柄,都还没有Photoshop或Illustrator便捷。这导致我在绘制复杂图形时,会在AI中绘制完毕后再粘贴到Sketch中。2、不稳定。Sketch并不算上是非常稳定的软件。经常会出现莫名其妙的BUG。例如不同版本保存的源文件无法打开。调整Symbol宽高后,具体又在设计稿又不会更新等。但考虑到Bohemian开发人员一直很少,而绘图软件使用情景又很复杂,一百个人用可能会遇到一百个不同的 bug,尽管 Sketch 改进速度很快,依然会给人感觉问题多多。3、一些高级功能的缺失。比如画布背景的调整(这关系到你判断某些颜色的感觉)、查看颜色的LAB值、清除参考线等。4、文档的内存管理。一旦文档中稿件一多,打开Sketch便会有卡顿,操作也断断续续的,非常吃内存。希望Sketch日后可以优化这一点。总之,以后的设计工作中,不涉及手绘和插画,应该会更多倾向使用Sketch。
经过几个月在工作上的实际使用,上手容易,产出不错,在Ui设计上基本可以完全替代photoshop,目前已成为我的主力设计工具。它的优点其实就两个:一是提高工作效率,二是增加鼠标寿命。缺点也很明显,位图处理不能。------------------------------------------------------------------------------------------------------------日补充目前sketch已经更新到3.0版本,估计不久的将来会正式发布,各种功能加强,例如导出功能支持多种缩放尺寸,切片路径作为单独的文件可管理,Greate Symbol(虽然还搞不清怎么用但看起来很厉害的样子)等等...,着实的更加方便。------------------------------------------------------------------------------------------------------------有图有真相。界面:图标:文档:Sketch的优点:自动保存为了减少photoshop的崩溃的损失,每一个Ui设计师都会不停的command+s,这其实是一件很残忍的事,你可以打开自动保存,但你无法预估它的保存时间,但随着文件越做越大,它来这么一下,你就得停下不动,这事尤其的蛋疼。sketch可以自动保存并且最关键的事,它不会打断你,你不必神经质的每隔几分钟手便抽动一次。矢量图形在sketch创建的图形全部是矢量的,在放大缩小就很方便,不需要调整太多,还有一个很好的小功能,就是可以一键把0.几的像素变成整数,而且可以很方便的在矢量视图和像素视图之间进行切换。可以很方便的创建一些重复形状构成的图形。测量工具我们在用photoshop做界面设计时,为了元素位置的精确,需要用蚂蚁线或者切片工具来测量元素与元素之间的距离,画完蚂蚁线或切片如果有变动,你还得再量一遍。在sketch在这点就会节省你很多时间,并且让我们的设计更加精确,只要选中这个元素,按住alt键,然后再把鼠标点选其他元素或者移动就可以实时的显示上下左右之间的距离,这是我认为sketch的一个最棒的功能。圆角矩形sketch对圆角矩形的创建是很方便的,既可以控制四个角圆角大小,也可以双击,对单个圆角进行调整,并且可以随意调圆角矩形,圆角也不会变形,当然photoshopcc也解决了这个问题,但它的操作很笨重。还有一个好处是,你可以点击右边的数值,并拖动鼠标,可以实时看到图形的变化。方便的选择元素左侧图层和分组栏,可以看到矢量图形的的缩略图。当用鼠标掠过画布上的各个元素的时候,左侧会出现一个蓝色框对对焦到我们选中的元素。另外如果你是一个分层分组科学合理,命名规范的设计师的话,那sketch的搜索会让你寻找界面元素的时候更加方便,并且随着上下点击会对焦到你选中的元素。图层样式sketch的图层样式和photoshop一样,渐变,描边,内外阴影,不同的是sketch可以在一个图形上添加最多四层完全不同的渐变,添加无限的描边和内外阴影。我们创建比较复杂的图形质感的时候也就更加方便。文字的样式也可以单独的保存起来,方便对多个的文本进行调整。无论图层样式还是文字样式都可以用alt+command+c或v进行粘贴。钢笔工具sketch的钢笔工具也比photoshop好用,具体表现在可以方便控制像素对齐或半个像素对齐,而在photoshop中虽然也可以对一个像素对齐,但设置和切换很麻烦。最棒的是,它可以画完美的弧线,只要按住atl键拖动鼠标即可。网格工具又是一个photoshop比较渣的点,photoshop不用第三方的网格插件基本就不可用,在sketch可以很方便的对网格进行编辑,有传统的方格,也有横向和纵向组成的长方形。文字渲染这个点其实说的是sketch支持sub-pixel渲染,翻译成中文可以说是次级像素,我随便截图给大家看一下,这种渲染方式是以前的旧技术,为低分辨率的显示器而生,现在绝大多数的系统和屏幕都是有的,当然有的同学要抬杠了,iOS的屏幕上没有,实际上是有的,只是Apple默认关闭,为什么关闭?1是iOS的现在的屏幕的像素密度不需要,刚才也说说了这是一个旧的技术,2是由于底层技术上的原因所以不支持。导出切图画切片和输出切图对设计师是最痛苦的一件事,痛苦程度随着切图数量和设备屏幕的多少不断递增。sketch输出切图很方便,等待时候比photoshop真是短太久了,因为是完全的矢量,可以无限缩放,并且可以同时输出一倍和二倍图。还可以自动画出切片大小。甚至可以直接把切图直接拖到指定的位置。效果图镜像sketch是原生支持在iOS设备上查看设计稿的,可以下载iOS的App,就可以在iPhone,iPad实时查看设计稿了。稳定和效率sketch可以添加无限的画布,可以把界面全部在一个文件内完成,有点像ppt,每页都可以建立多个画布,把多个界面平铺,即便设计很多界面也不会觉得运行效率上有所降低,由于都是矢量,所以文件体积也比photoshop小很多。所以最关键的一点就是稳定,彻底把你从不停的command+s解放出来,也不用在一个psd固定的内只建几个界面。更新勤快sketch工具是一个年轻小团队,更新比较勤奋,对于用户的反馈也很及时。售价448元,安装包不到10m,破解也是方便,但建议差钱的和不差钱的购买正版,拿出人民币真正的支持这些能够切实的解决问题的人。支持eps和svg的导入可以把psd内的矢量文件转成eps或svg格式,可以在sketch内打开。Photoshop的槽点:不适合UI设计师在photoshop诞生时到现在,无论从官方的宣传,还是迄今为止的的版本更新点,都可以看到,photoshop的定位就是图像处理软件,Ui设计师从来都不是目标受众,我们使用的只是刚好能够提供界面设计功能的photoshop,但绝对谈不上就是给ui设计师准备的界面设计工具,打个比方,photoshop是全能,臃肿,笨重的工具箱,里面有钳子扳手改锥锤子等等工具,但我们需要只是一把用来削苹果的小刀。不适合Ui设计Ui设计很重要的一个点就是要求精确,同一个界面,你还得适配多种尺寸屏幕,这个过程在photoshop会花去你大量的时间去调整,像素,图标,文字,距离等等,因为photoshop从来没说它是个专业的排版工具。Ui设计对“对齐”这个词格外敏感,所以你需要对齐像素,对齐文字,对齐图形等等。对齐这些元素需要辅助线,网格等,但在photoshop这些原生工具真心难用,以至于我们必须下载第三方插件解决这个问题。在设计的最后,画切片,输出切图的时候往往是是很痛苦的。photoshop一直没有一个好的解决方式,只能第三方来了。我们还需要一个能实时在手机屏幕上查看效果图的工具,我们可以依赖photoshop第三方插件,但毕竟是第三方,总会有些问题,比如为了实时预览你的psd画板大小始终是640X1136,并且时不时的卡死等等。运行速度慢photoshop的年龄大概将近30来岁,第一个正式的版本是1990年发布在mac上的,当时只有800多k,发展到目前的photoshopcc,有1个多g。从安装包大小,启动速度,处理文件时的等待时间,即便优化重新写过,在最新的photoshopcc还是让人感到慢,卡。我们不能抱怨,因为photoshop的产品定位就是图像处理,静态的动态甚至3D的,什么都可以做。更新速度慢当时买了retina本子是没办法用photoshop的,过了几个月adobe才发布更新。不会随着拖拽变化的圆角矩形又等了多久,字体渲染要等多久,是因为产品庞大,尾大不掉,响应速度特别慢。photoshop有着广泛的用户群体,UI设计师只是其中的一点点,我们的需求不会被第一时间得到响应。弹出框我相信这是设计师最难以接受的情景就是各种各样的假死或真死的对话框,绝对菊花一紧,如果运气好话也保存过重新打开photoshop就好了,就怕一打开是几个小时前的成果,或者更惨点儿打不开了,文件没有备份,只有一份,遇到这种情况真就除了卧槽没别的辙,只有重新来过。UI设计师在Photoshop生存要点每5分钟按一次command+s。Psd文件不能大于30M。Psd内不能超过6个界面。安装Psd缩略图补丁。使用智能对象。打开Psd,保存,或者输出切片要控制情绪。... ...工具并不是最重要的,但时间很重要。
用Sketch有一段时间了,特别适合用来设计web/移动端的界面,无论是上手速度还是工作起来的设计速度都甩ps/ai好几条街。相比与Adobe的东西,Sketch较为专注,自然也较为轻量,值得一试。ps.最近翻译了一篇相关的文章,可以看下
Sketch做绘图的确不靠谱,但是现在做iOS7和Windows 8的扁平设计,效率比使用PS不知道要高多少。一些复杂的图像可以从PS导过来作为库使用,我现在已经全面从PS撤离转Sketch了。源文件问题,Sketch的源文件现在已经蛮多的了,虽然比起PS还是少,但基本够用,使用别人源文件的难度也降低了很多。还有个最大的好处是,我发现新的设计师上手PS比上手Sketch要难得多,这就意味着独立产品开发者,可以自己一个人用Sketch+Xcode5完成设计到开发的全过程。
sketch在UI设计,尤其是移动终端和扁平化风格下是非常具有优势和效率的。硬伤是没有windows版本,不过技术上应该不是很难实现双版本。adobe一定注意到这款软件了,是收购还是改造现有产品?我觉得有可能会收购。
只拿sketch和ps对比的人,多半是不会用ai的。为什么用sketch,因为它比ps简单。为什么用ps,因为它比ai简单。
我只想说,我那天旋转复制了120个矩形,就再也打不开那个文件了。。。------------------------------------补充一下,现在的版本旋转复制120个矩形的话,是可以打开的,就是有点卡。。。另外我只是黑一下性能,其实我还是觉得Sketch是很错的,也是主力生产工具,毕竟也不是天天旋转复制120个矩形,现在的版本常规使用还是没有什么问题的。
做一点补充。sketch的钢笔工具其实做了很多优化,个人认为比ps甚至AI都要好,和sketch一贯的风格一样,在提升UI设计效率上下了大功夫。具体的操作,你看过下面我总结的一些快捷键就知道了。o 单击v进去钢笔工具o 双击锚点可以在straight和mirrored之间切换模式o 单击tab可以选中下一个锚点o 单击1,2,3,4可以切换模式(straight,mirrored,disconnected,asymmetric)o 按住commend拖动锚点关闭smart guides(就是那条水平垂直方向和其他点对齐的线)o 按住commend拖动手柄可以自由定位手柄位置(直接切换到disconnected)有人可能不知道straight,mirrored,disconnected,asymmetric都是些啥。进去钢笔工具模式后,右侧inspector可以看到这四个按键。straight(直线角):点击画布时添加一个直角,没有弧度。两个锚点得到的就是一条直线。mirrored(镜像):两个锚点镜像对应,也就是两点距离相等且相互对立。通常是默认模式。disconnected(断开连接):两个锚点完全独立互不影响。asymmetric(不对称):两个锚点相互对立,但是距离独立不受影响。其实掌握1234这四个快捷键钢笔工具就可以用的很溜零阻碍了,在不知道这个快捷键之前转换模式我还得一个一个在inspector上点,非常浪费时间。希望大家使用愉快~
已有帐号?
无法登录?
社交帐号登录

我要回帖

更多关于 ai渐变网格怎么去掉 的文章

 

随机推荐