切图一： 1、使用移动工具 自动选择+图层 注：图要尽量放到大 注意：可以做成雪碧图（CSS Sprites），设置同样的高度，这样页面上的内容就只需请求一张图片就行了，优化性能 字体：使用字体工具，然后选择字体： 查看“信息”窗口 边框颜色： 可以用吸管 在查看颜色和信息面板 切图二 直接放大图片 ...
分类：
其他好文 时间：
2016-08-10 19:16:32
阅读次数：
377
新建 1920*2000（高自定，宽固定） 分辨率 72 移动工具设置针对psd文件 自动选择后的框选择图层 ctrl+鼠标单击图层 然后就可以拖图层 ctrl+点图层 选中该图层 视图设置：智能参考线 打开标尺 ctrl+r 四大窗口 信息 字符 图层 历史纪录 单击最后面的面板选项 第一颜色信息 ...
分类：
其他好文 时间：
2016-07-31 20:43:27
阅读次数：
144
前端主要从事一些代码开发工作,PS使用是前端工程师必备,但又无需精通的一项技能。 前端切图四大面板：在“窗口”菜单下开启 1,信息（手动开启）2,字符（手动开启）3,历史记录（手动开启）4，图层（默认开启） PS首选项设置： PS首选项设置： 编辑-》首选项-》单位与标尺，选改为像素。 PS 技能需 ...
分类：
其他好文 时间：
2016-05-13 14:29:57
阅读次数：
102
技巧： 一. 如何在 Retina 屏幕的设备使用更高分辨率的图片 以 MacBook Pro 为例，它的标准分辨率高达 2560 x 1600，但是如果真的以这个分辨率显示网页，网页的有效区域就小的可怜，而且字也会小的无法分辨。 因此通常 OS X 都会建议用户使用推荐的分辨率 1440 x 90 ...
分类：
Web程序 时间：
2016-05-08 06:39:41
阅读次数：
243
现在在学校里面，培训机构里面都有很多课程是前端切图这一方面的，简单来说就是学习div+css网页排版。有很多人经过这一轮的学习之后就发现自己对排版这一方面非常的熟悉甚至说自己的div+css的高手。其实真正说要懂得一个网页排版需要注意的一些问题是什么呢？是不是在电脑上面看到自己排版出来的页面就真的是 ...
分类：
Web程序 时间：
2016-04-22 16:09:08
阅读次数：
637
一界面设置预设WEB1920*1080自定义*200072RGB背景：透明自动选择图层Ctrl+单击视图》显示》智能参考线》标尺（Ctrl+R）窗口图层，历史记录，信息，字符信息面板中单位：像素一、二颜色：RGB文档尺寸编辑》首选项》单位与标尺单位：像素保存窗口》工作区》新建工作区》WEB切图二..
分类：
其他好文 时间：
2016-02-26 12:30:36
阅读次数：
203
自从换了新工作，切图成了我的新问题。因为不是专业的美工， 对photoshop的操作也只限于基本操作， 以前虽然也有遇到不切图的UI, 但是以前做的都是电商扁平化网站， 图片都很简单，差不多都是方方正正，即使有一两个像素不对， 也没有问题，用css写对就行。 然后现在从事的是游戏公司的网站， 而且美...
分类：
其他好文 时间：
2015-11-18 10:42:53
阅读次数：
147
昨天晚上花了1个小时把慕课网上的PS切图教程看了一遍，发现之前用的切图方式有点low，还学习到一些设置技巧，在此记录。1.新建页面，背景内容设置为透明，自动选择不用打勾，后面的框选图层，这样按住ctrl鼠标点击就能快速找到对应图层2.标尺和智能参考线都打上勾3.历史记录，图层，信息，字符4个面板都打...
分类：
其他好文 时间：
2015-10-14 17:21:33
阅读次数：
300
我叫陈飞。我的职业是程序员和培训老师。主要从事网站NET程序开发、前端切图以及电脑技术培训等工作。我一手创办了北京杰飞电脑培训学校，主要从事计算机职业培训，每年可培训学员百余人。经过多年的理论学习和时间操作，积累了一些经验，加之对网站制作、前端切图等领域较为感..
分类：
其他好文 时间：
2015-06-11 14:58:57
阅读次数：
129
马上要去报到上班鸟，好激动，过年假期玩傻了，作业还没完成，希望不会被劝退！！！
关于切图作业，先缕缕大致步骤：
1、拿到psd文件，先分析，对页面的结构有个大致了解，最好可以动手画画草图；
2、根据分析切图、生存图片；
3、写出页面中所有的元素的HTML代码；
4、编写CSS代码；
5、进一步完善，优化，测试浏览器兼容等问题；...
分类：
Web程序 时间：
2015-03-03 18:38:49
阅读次数：
131
