前端必备PS技巧
有两大类：1 测量和取色 2 切图 1不用说，开发需要2，切图其实也是必备，说实话当我一开始知道前端 ...
原文：前端必备切图ps篇
前言：当设计师通过photoshop工具设计完设计稿导出psd文件时，我们前端工程师该如何进行切图转换成网页的所需的图片呢，接下来讲讲如何利用photoshop工具快速简洁的切图，因为ps工具用到的行业很多，涉及到的各个行业，所以有一些快捷的面板可以隐藏掉。前端工程师只显示适合面板和元素就可以了。 目标：自己能够使用photoshop从设计师提供的psd中获取网页前端开发过程中所需要的资源 一：首 ...
2016-11-02 10:13 0 3399 推荐指数：
相关推荐
前端技术-PS切图
页面制作部分之PS切图 <--本标签下，通过页面制作、页面架构、javascript程序设计、DOM编程艺术、产品前端架构五部分来分享总结笔记，总结笔记会陆续分享--> 网页设计在技术层面上，第一步是美工做出网页效果图，第二步就是网页前端进行网页切图。网页切图工具常用 ...
前端PS常用切图技巧
前言：前端涉及到的 ps 操作不算复杂，基本上就是切图，本文总结了常用的几种切图技巧。 工具：photoshop cs6 、 photoshop cc 1. 传统切图 01 这是最笨的一种方法，核心就是用选区工具选中我们要的切图区域，复制到新文件，然后整个保存下来，这样的切图方法几乎没有 ...
前端PS切图小技巧
切图，重要的是找精确像素！不要在用传统的切刀进行切割啦，拿到一副PSd图形的，可以使用这样两种方式： （1）如果你的图层很多，你可以用“ctrl+点击想要的图片“直接选中你想要图片的图层，简单到位，然后将图层转化为智能对象（当然可以几个图层拼到一起），然后双击弹出点击确定，就ok ...
做一个会PS切图的前端开发
系列链接 做一个会使用PS的前端开发 做一个会PS切图的前端开发 切图方法分类 PhotoShop从CS版本演变到现在的CC版本，切图功能发生了比较大的变化，我们可以把PhotoShop CS版本时的切图功能称为传统切图，而从PhotoShop CC版本开始PS提出 ...
PS-前端切图教程（切jpg图和切png图）
ps：多日后的补充说明 部分看了文章的设计师，来找我说怎么切图。sorry？在我的理解，这就是切图啊，但是他们所指的“切图”是，怎么把设计图制作成html页面。 在我看来，现在人们对于前端都是有误区的。认为前端是切图的，（也确实是这么叫的，本人情感上很不愿意听前端被叫做“切图 ...
ps切图抠图详解-web前端（转）
网页设计在技术层面上，第一步是美工做出网页效果图，第二步就是网页前端进行网页切图。网页切图工具常用的有fireworks、PS，这里使用PS进行网页切图。 我们通过设计稿，得到我们想要的产出物（如.png,.jpg文件），给网页提供图片素材（HTML:img，CSS ...
前端自学路线之切图篇
最近有很多同学问我们前端该如何学，学习的路线是什么？所以本着为新手同学梳理一条比较清晰的学习路线，同时结合我这几年的学习经历，来写这么一个“前端自学路线”系列，本篇先说说切图那些事。 前端始于切图，这应该是不容辩驳的。有些同学不爱写html和css，特别是从后端转过来的同学，我觉得 ...