如何高效使用sketch使用教程

让照片快速拥有「通透感」的五个关键因素
作者:@阿里小妈“透”,总结起来,主要与五个因素相关联。对比度,亮度,色彩,饱和度,锐度,当然,我所列举的只是主要的影响因素,还与其他很多因素相关,并且下面所讲的只是一般情形,仅供参考。一、对比度这是同一幅图的两个直方图,你能看出什么区别吗?前者像素主要集中于中间调,属于低对比直方图。后者像素分布比较均匀,相对于前一张照片,可以通过S曲线,让像素向两边转移实现。当我们提高一张图的对比度的时候,画面效果是这样的:对比度可以消灰,画面的黑白对比会更加明显,光影变化更加剧烈,从而给人更加“通透”的感觉。二、亮度还是先看一下直方图第一个直方图主要分布于低光部分,而第二幅的分布则比较均匀。如果我们提高亮度,画面的变化是:如果画面的亮度较高,会给人质量较轻的感觉,例如在人的视觉感受上,会感觉这朵花的花瓣更薄,因此给人一种通透的感觉。三、色彩人对不同色彩的接收能力是不一样的,比如人眼对绿色就比对其他颜色更加敏感,这将会影响我们对画面通透度的判断(越敏感给我们的感觉就是看起来越清晰,也就更通透)。四、饱和度一种颜色的饱和度越高,其纯度就越高,对人的刺激就越强,因此,相对高的饱和度会让人产生“这货我看得清清楚楚”的错觉,因此,饱和度也是影响因素之一。五、锐度锐度越高画面的轮廓越清晰,给人的感觉就是看得越清楚,也就显得通透。我们来看这张照片:看一下它的直方图:可以看到直方图的最左边几乎是没有像素的,这就导致画面不存在纯黑的部分,整体上感觉像蒙上了一层空气。所以导致画面不通透的原因是:1、画面暗部缺少像素。2、人物的面部有些脏。3、画面整体缺乏色彩变化。4、画面整体缺乏饱和度的变化。因此我们的改进方向是:1、通过提高对比度或者使用曲线工具让画面的暗部显现出来。2、提高人物面部的亮度。3、为画面增加色彩的变化。4、让画面的饱和度存在一个渐变过程。每一步的作用是:1、让画面的曝光分布更加均匀。2、当一个人的面部看上去比较脏的时候,很容易让人联想到空气的脏,我们要消除这种心理上的感觉。3、我们让画面的左边增加暖色,可以交代环境中的光线方向,从而让画面光线更加统一,不杂乱。4、这一步是配合上一步进行的。(应该比原图通透一些了吧?)当然你也可以尝试其他的方式。总而言之,增强画面的通透度有这些办法:1、提高画面的对比度。2、提高画面的亮度。3、提高画面的饱和度。4、提高画面的锐度。5、统一画面的光线。6、如果画面中有人物,人物的面部不能太脏,还可以适当的为面部增加一些光芒感。7、注意控制画面的色彩。例如可以人为的制造高饱和区域。当然,这些都是一些通常的法则,不是任何情况下都能适用的。我给大家一张图,大家可以去尝试一下:作者微信号:春树镇
看过本文的人还看过
最新图文推荐
最新专栏文章
大家感兴趣的内容
&&<a rel="nofollow" class="red" href="" target="_blank" color="red新版网站排行榜
===全新上线===
网友热评的文章Sketch3使用后感 - DTOP - 动易设计团队博客
您的位置:&
stillfish |
这个月组织学习了Sketch3,感受最深的是我看到的图标,界面不再锯齿!
Skech是一款轻量级的矢量工具,如sublime text如此高效的工具。
我们来看下sketch的界面。无边界的画布,更开阔的思路。
Sketch高效的方法之一除了界面和功能更适合设计师作为web和app设计之外,要点在于插件
Sketch 也提供了类似sublime text一样的Package Control插件安装。插件名称:Sketch toolbox (下载地址:)
安装完成后打开toolbox,即可在搜索栏中搜索相应的插件,点击install即可。
下面介绍多款实用插件:
插件一:Content Generator Sketch Plugin(演示内容自动填充)
建立好框架,点击插件,即可选择相应的内容自动填充
插件二:Sketch Qrcode (矢量二维码)
在PS里二维码图片放大缩小之后即失真。痛苦大家自己懂。sketch qcode是你的救星。
插件三:Dynamic buttons (自适应按钮)
初步尝试了这个插件,感觉操作上有点繁琐。但是建立好一次之后,复用是非常方便的。
一、先建立文字
二、然后插入按钮(shape)并在左侧文字属性上设置padding值。
三、然后点击插件上的Dynamic button按钮即可自适应。把按钮群组后,复用率大大提高。UI也容易统一。不会再出现整站页面按钮的宽度不一致性的问题。
TIPS:可以按快捷键command + J
插件四:Sketch Measure (无法演示到插件。)
超级智能的帮你在作品上添加图形尺寸、距离、颜色和文本属性的附注,方便快捷,而且成品整洁漂亮。
好用到心都要碎了&& 完全不用自己手写标注,搞定后导出成PDF,直接发给技术小伙伴,大大提高双方的沟通效率。
(文字来源自:)
ps:复制Sketch中文网的内容给大家参考
最后我们来看下sketch的矢量效果:
无论放大还是缩小。图形都不会出现PS那样模糊锯齿的现象。好用到心碎~~
使用蒙版和ps类似。
结尾前我们来看下skech最方便的功能就是symbol。
& & & & 在很早以前我就跟大家探讨过&&&&的方法。但是photoshop并未提供智能对象管理的功能。导致使用率可能不高。
& & & & 而在Sketch下,symbol如图形,文字一样插入一样方便。
& & & & 我们把做好的头条样式组成一个symbol后,以后复用通过Insert按钮选择symbol即可。
写在结尾:
给大家分享下学习sketch的地方:
Sketch中文网:
界面设计工具 Sketch 的使用体验如何?Sketch八个高效的快捷方式(一)
此次主要介绍一些可以提高工作效率的快捷方式做为sketch的入门。它的操作还是比较简单的,只要记住快捷键,很快就可以上手,比当时学PS要简单很多。只是现在PS用习惯了,需要一些时间来
写在前面的话。很高兴你能点击进来看此篇内容,因为你已经注意到Sketch3.0的优势,并尝试开始使用它来完成UI设计,从UI的角度来看,它的优越性是PS无法比拟的。下面以及将来的日子里,我会陆续为大家带来Sketch各方面的教程。
此次主要介绍一些可以提高工作效率的快捷方式做为Sketch的入门。它的操作还是比较简单的,只要记住快捷键,很快就可以上手,比当时学PS要简单很多。只是现在PS用习惯了,需要一些时间来转换一下方式。保守的说用Sketch做app的项目,可以整体提高30%左右的效率,只因它为界面而生!
一. 图层快速重命名
选中图层cmd+R,输入名称,按enter确定,按TAB键到下一层,再继续上一步操作。 shift+TAB返回到上一层 。
新人必读环节:
需要深刻明白图层命名的重要性,此处省略200字的提高效率,专业素养等理由。
最重要的是:不想同事每一次打开你的源文件后都要问候你N遍的话,请老实地整理并命名好图层!!!
二. 画板管理
Sketch是可以像AI一样,一个文件里有多个画板,并且可以调整多个画板之间的行间距以及行列数。&
设置完点击Make Grid 就会自动帮你建立好,两行5列,以及行间距。
三. 导出所有的画板
按comd+shift+E 会出来弹出框,可以一次性导出所有的设计稿,也可以选择部分设计稿来导出,非常方便迭代设计。
这里还有一个小技巧是,在给画布命名时,如果添加&/&导出时会自动建立好对应名称的文件夹,如图示。&
四. 一键测量对象之间的距离
按住Option键可及时查看距离,按住不松挪动对象看看!窃喜~这个功能真是大爱!再试试Option+comd 看看!&&
五. 快速复制颜色
选中你的对象(任意!可以是按钮,文本)按control+C 出现大大的放大镜,很方便的选择颜色,你选中的对象实时换色,真心方便啊!!能不爱上它吗?!&
六. 放大缩小功能
选中你要看的对象,按comd+2,就会放大此对象到屏幕合适的大小,这个取决于你的软件窗口大小。 comd+1缩小至能看见所有的画板。
comd+零 缩小至100% 。 按住Z出现放大镜,可拉选放大面积,Z+Option对应缩小。comd+ 加号是100% 200% 400%的比例放大,comd+减号则相反。&
七. 建立组
跟AI一致,选中对象后 comd+G是成组。&
八. 锁定图层
comd+shift+L 锁定图层,点一下小锁就解除。&
comd+B & 给字体加粗。
comd+shift+H &隐藏或显示图层/组。
F是使用填充色的开关切换。
CocoaChina是全球最大的苹果开发中文社区,官方微信每日定时推送各种精彩的研发教程资源和工具,介绍app推广营销经验,最新企业招聘和外包信息,以及Cocos2d引擎、Cocos Studio开发工具包的最新动态及培训信息。关注微信可以第一时间了解最新产品和服务动态,微信在手,天下我有!
请搜索微信号“CocoaChina”关注我们!
关注微信 每日推荐
扫一扫 浏览移动版Sketch八个高效的快捷方式(一)
招聘信息:
写在前面的话。很高兴你能点击进来看此篇内容,因为你已经注意到Sketch3.0的优势,并尝试开始使用它来完成UI设计,从UI的角度来看,它的优越性是PS无法比拟的。下面以及将来的日子里,我会陆续为大家带来Sketch各方面的教程。
此次主要介绍一些可以提高工作效率的快捷方式做为Sketch的入门。它的操作还是比较简单的,只要记住快捷键,很快就可以上手,比当时学PS要简单很多。只是现在PS用习惯了,需要一些时间来转换一下方式。保守的说用Sketch做app的项目,可以整体提高30%左右的效率,只因它为界面而生!
一. 图层快速重命名
选中图层cmd+R,输入名称,按enter确定,按TAB键到下一层,再继续上一步操作。 shift+TAB返回到上一层 。
新人必读环节:
需要深刻明白图层命名的重要性,此处省略200字的提高效率,专业素养等理由。
最重要的是:不想同事每一次打开你的源文件后都要问候你N遍的话,请老实地整理并命名好图层!!!
二. 画板管理
Sketch是可以像AI一样,一个文件里有多个画板,并且可以调整多个画板之间的行间距以及行列数。&
设置完点击Make Grid 就会自动帮你建立好,两行5列,以及行间距。
三. 导出所有的画板
按comd+shift+E 会出来弹出框,可以一次性导出所有的设计稿,也可以选择部分设计稿来导出,非常方便迭代设计。
这里还有一个小技巧是,在给画布命名时,如果添加"/"导出时会自动建立好对应名称的文件夹,如图示。&
四. 一键测量对象之间的距离
按住Option键可及时查看距离,按住不松挪动对象看看!窃喜~这个功能真是大爱!再试试Option+comd 看看!&&
五. 快速复制颜色
选中你的对象(任意!可以是按钮,文本)按control+C 出现大大的放大镜,很方便的选择颜色,你选中的对象实时换色,真心方便啊!!能不爱上它吗?!&
六. 放大缩小功能
选中你要看的对象,按comd+2,就会放大此对象到屏幕合适的大小,这个取决于你的软件窗口大小。 comd+1缩小至能看见所有的画板。
comd+零 缩小至100% 。 按住Z出现放大镜,可拉选放大面积,Z+Option对应缩小。comd+ 加号是100% 200% 400%的比例放大,comd+减号则相反。&
七. 建立组
跟AI一致,选中对象后 comd+G是成组。&
八. 锁定图层
comd+shift+L 锁定图层,点一下小锁就解除。&
comd+B & 给字体加粗。
comd+shift+H &隐藏或显示图层/组。
F是使用填充色的开关切换。
微信扫一扫
订阅每日移动开发及APP推广热点资讯公众号:CocoaChina
您还没有登录!请或
点击量6572点击量6011点击量3532点击量3440点击量3089点击量2987点击量2958点击量2408点击量2319
&2016 Chukong Technologies,Inc.
京公网安备89

我要回帖

更多关于 sketch iconfont使用 的文章

 

随机推荐