前言
对于前端切图,相信很多小伙伴都不会陌生,但是对于新手,有时却很棘手,想着我本是来写代码的,你给我一张图干嘛的, 有时,或许你总奢望着UI设计师,把所有的图都给你切好,你只管撸码的,然而事实并非如此...但是我们是具体的实现者,实现从0到1的过程,至于前端ps操作,绝大多数工作是简单的切图(抠图),测量,图片简单的处理,将图片利用web技术进行填充布局实现静态页面展现就可以了,至于,ps软件,我也只是停留在简单的使用...,拖动,移动它会脱离图层,改变元素的位置)
矩形选框工具(可以量图片,图标的具体尺寸,注意进行图片选中复制时,图层的上下关系与后面的数字没有系,与他的排列顺序有关,图层越靠上,层级就越高,可以手动的拖拽...,按住ctrl键,选中的区域),有时候,选框区(蚂蚁线)有多,有少,结合左上角菜单栏中的,新选区,添加到选区,从选区中删去,与选区交叉结合进行使用
ctrl+v复制,ctrl+N(新建),选中所要去除的背景色...,有重复的代码时,可以合并抽取代码,比如说这里的背景图,减少冗余的代码
gif操作图如下所示:
因微信图片大小上传问题,可点击下方阅读原文进行查看
总结
本篇主要是围绕着ps切图,抠图,从ps切图与前端的关系开始