全国热线

025-86901720

全国监督投诉热线:9:00-23:00

学码思分享前端切图的几个技巧

今天南京学码思web培训机构老师为大家整理归纳了一些切图的心得,希望对web前端工程师和设计师能有所帮助,一起来了解一下。

对于前端工程师来说,切图是必备技能之一,有人切图的速度快,效率高,效果好,但有些人却很难做到,甚至觉得这是一大难点。其实切图也是包含很多技巧和经验的,掌握了这些就可以让切图的工作更有效率,更有目的性。今天南京学码思web培训机构老师为大家整理归纳了一些切图的心得,希望对web前端工程师和设计师能有所帮助,一起来了解一下。

学码思分享前端切图的几个技巧

图层状态

代表你当前操作的对象,有一些对象只接受特殊类型的操作。比如一些填充和绘制的功能无法在文字图层进行,图层组不能进行操作。总之,你在进行涂层修改操作的时候,一定要注意当前操作的对象,否则容易造成误操作和操作不能


工具状态

代表当前是出于移动模式,选区模式,切片模式或者是吸管模式等等,工具状态代表你当前对文档操作的类型。有一些特殊的状态下,要求你必须做出选择,这时候状态的切换会暂停。比如,文字输入模式和自由缩放模式下,你必须先对当前所做修改做出确认,才可以进行下面的操作。这种情况的特点是状态栏会出现如下选择,如需快速放弃修改可点击ESC。


ps快捷键

相对于设计和绘画,切图用到的ps并不多,以下我总结一些在切图中比较常用的快捷键,这些快捷键能答复的提高你的工作效率,并且看起来很酷。自由的浏览图片:按住空格后,鼠标拖动;自由的缩放图片:按住alt+滚轮;通过画面上点选一个图层:Alt + 鼠标右键;在画面上拖动一个图层:V 切换到移动模式 鼠标拖动;复制拖动一个图层:移动模式下 Alt+拖动等。


操作图层

如果不是设计者自己来切图,那么切图者需要从图层里来体会设计者的意图。如何分组,层次间的关系都体会了设计者对页面结构个人的理解。所以对一个设计稿来说,第一步是粗看图层,理解设计意图,其次是根据自己的理解对图层进行新的操作和转换。


以上从四个方面为大家介绍了切图需要注意的,大家可以多学习总结一下。如果你还有其他技巧或经验,也可以与南京学码思老师共同分享。想学习更多web前端知识,获得web前端教程的话,欢迎来到学码思web培训机构,与我们老师进一步沟通交流。


上一篇:web开发入门必备的“硬知识”
下一篇:新手学习web前端你要知道这些CSS框架

相关推荐

免费试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.njxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00