1. 点九图用ps怎么弄，求给个具体过程，网上教程没搞懂
一、使用Photoshop绘制点九的方法。确定切图后直接改变图片的画布大小，手动将上下左右各增加1px使用铅笔工具，手动绘制拉伸区域，色值必须为黑色（#000000）。存储为web所用格式，选择png-24，储存时手动将后缀名改为.9.png不过这种方法的缺点是不能实时预览，判断并测试拉伸区域的准确性。使用此方法需要注意以下2点:1. 手绘的黑线拉伸区必须是#000000，透明度100%，并且图像四边不能出现半透明像素；2. 你的.9.png必须绘有拉伸区域的黑线。
2. 前端工程师，请问切图是什么意思我会写div﹢css已经比较熟练了，js也、jquery这些也学完
是的，做前端必须必须会切图，但是 切图 就是PS里面的一步操作，十分简单。QQ截图和PS切图是动作不一样，但是基本上是一样的，QQ是截取，而PS里面有个工具张的像 刀 ，拿着这个刀在图上面画，所以叫切图。
选择选中的切片，在点击保存，就这么先切，在选择，在保存，就完成了切图，但是PS切图比qq截图用着爽多了，因为在PS里面可以将图片放大N倍，在切，在小的图也能切，而且可以一次切很多，也能一次保存很多，所以比QQ截图用着爽。总体来讲比QQ截图专业吧。
3. 怎么用PS制作点九图片
黑色边代表内容的拉伸区域，设置可以直接规定四边长度，也可以拉伸完成。长度不对代表拉伸过程出现错误。具体的操作步骤为：
1、点9图片是Android系统或ios系统中的一种可拉动和不失真的图片，例如，我们的微信聊天泡泡是典型的第9点图片，因为聊天泡泡需要关注文本的数量。
4. 网站前端切图是什么意思，主要做什么
我们做网站的时候是要根据程序化来进行实现的，特别是做一个精品网站的时候，首先第一步就是设计网站，网站设计好之后即是切图，切图完就要加入div+css实现效果图，以及flash动画等功能了，切图完成之后才到下一步开发程序，这就是从前端的设计、切图到网站程序开发的一个过程。
网站的好坏，前端很重要，这是我们重视的一部分，前段必须把div+css做好，不能有多余的代码程序在里面，前端要是没有做好，往后的程序很影响seo的推广，这是很多企业做网站的时候忽略掉的问题，我们应该一手抓，俗话说的好，赢在起跑线上，只有系统化的前端div+css，设计，切图功能实现之后才有后面的程序制作，很多网站前端div+css做的乱七八糟的，不说兼容性行不行了，就是网络蜘蛛来获取页面的时候都很排斥的，所以说，切图是一个精品网站必备的，重中之重，不可忽视。
我们经过美工的设计页面，从每一张图片的整合到功能的实现都是切图来做的，切图人员必须具备有细心的品性，要严格要求每一步的到位，否则将会给后面的程序带来麻烦，一个精品网站的建设是要分为四个大的步骤进行的
第一、网站设计
第二、网站切图+div+css+功能美化
第三、网站程序制作
第四、后台的调用
5. 前端中所说的切图到底指的是什么意思
切图是指将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面。
6. ui点9切图怎么切
点九图，是Android开发中用到的一种特殊格式的图片，文件名以”.9.png“命名。这种图片能告诉开发，图像哪一部分可以被拉伸，哪一部分不能被拉伸需要保持原有比列。运用点九图可以保证图片在不模糊变形的前提下做到自适应。点九图常用于对话框和聊天气泡背景图片中。
有很多种方式可以输出.9.png，比如说用draw9patch.bat这个工具，或者用cutterman插件，再或者简单一点，用photoshop直接输出。
第一步，先输出普通的png资源，用选区工具选取尽可能多的拉升部分加以删除。
第二步，然后将这些内容拼接成一个完整的整体。
第三步，然后扩大画布大小，上下左右各空出一个像素
第四步，再用一个像素的铅笔工具（颜色选择纯黑色），上下左右分别画点就可以了，保存的时候注意把后缀修改为.9.png。
这里需要特别注意以下2点：
1.最外边的1px线段必须是纯黑色，一点点的半透明的像素都不可以有，比如说99%的黑色或者是1%的投影都不可以有。(这1PX像素在程序最终输出的效果中不会被显示)
2.文件的后缀名必须是.9.png，不能是.png或者是.9.png.png，这样的命名都会导致编译失败。
7. 求救 ！！！怎么用点九切图法 切出横向线和竖线
没有这个切图法，你可以在android sdk 下的tools里找到draw9patch 然后自己制作。
如果美工做的话，那就在图片最外围加一圈透明的1像素，然后要拉伸的地方用黑点单个像素填充就行了
8. 前端切图切到很高的境界是怎样一种体验
就我个人的一点经验分享一下，谈不上很高的境界，只说是一点心得，我认为比较好的切图的同学是，如何在众多林立的需求之间取得一个平衡。说到底还是眼界的问题，刚开始可能纠结如何命名css比较易用，过后可能纠结html结构是否合理，然后页面是否兼容，可复用，再往后页面功能设计是否合理，页面体验是否符合人的基本心理需求。做的时间长了，就有空琢磨这个产品到底如何，能否真的占有一定的市场或用户量，然后做失败几个产品之后，看看其它行业是否还有潜力的机会，是否有与互联网接合的切点。然后在跨地区看看，地球那边的行业是怎么样的？所以，下午去巴黎看看那边是否有订餐需求不是一个梦。然后在每个阶段下对前端的审视或要求是不一样的，也谈不上很高的境界，只是公司或人原来的目标或需求变了，所以就像我以前提到一样，这个点永远都达不到，只有无限可能的接近。
然后在分享点目前我接触到具体的体验：
1. 满足UI同学的视觉需求。
无论是css hack还是通过js进行差异化处理，从技术手段上无底线的实现UI同学的视觉要求。这是工作负责的态度，也是自我需求突破的一个手段。从UI同学来说，做的设计稿没有达到要求，是对其本身工作成果的不尊重。
2. 控制好后端同学的数据显示。
前端做为后端同学的代言人，无趣的数字通过有趣的交互或界面展现出来，本身是一件很美好的事情，通过合作的方式让整个流程完美无瑕，但总是在外界因素的影响下，把握不好。
3. 在这有限的条件下提高自己的效率或代码质量。
这就要提到一般页面的 页面的健壮性，扩展性，复用性。
a. 健壮性：
这个怎么说呢，UI出的psd图是一个页面理想状态下的形态，而页面有数据，会出现两种极端状态，一，数据极多，二，数据极少。所以在页面排版的时候，考虑这两种状态，以免数据太多的时候，撑破页面，以免数据太少，页面部分元素会出现收回去状况，这样的页面会出现一些细节没有处理的常规失误。
b. 扩展性：
可以说，这个也是第一条的扩充，扩展性的意思为，在页面的模块很少的时候，要考虑未来添加子模块或兄弟模块的状态，为将来留好html接口。在将来添加模块的时候，尽可能少的去动原来的html结构，使html易于扩展。这个具体情况，具体处理。一般的处理就是如果有可能会有兄弟元素就多套一层，为后台添加兄弟元素尽可能的不影响现有结构。这个点乍看起来很小，其实如果扩充到整个项目，多个项目就有可观的效应了。
c. 复用性：
由于页面中风格相似的模块很多，或页面中与页面中相似的模块很多，但是总会有那么一丁点的差异，这是设计师认识世界然后在表达世界的产物，我们理解设计师的职业操守，所以只能在前期做一些技术处理，免得后期问候某岗位的亲人。具体的有的模块高点有的模块低点，还有结构完全一样，但底纹不一定。这样建议把表现形式的样式放在一个class中，物理属性放在一个class中。还有就是装饰性的图片决不不以明标签的方式插入到页面中，内容式的内容绝对以<img src="" />的方式插入中去，以免将来多主题，多语言版本的实现。
可能有时候还有的情况是，页面完全切不出来，html，css完全不知道怎么写了。但基础掌握良好，概念基本清楚。这时候我个人建议应该是吸收别人好的东西时候到了，也是个人水平瓶颈的时候，需要在坚持一下完全的突破。具体的方式就是，用firebug去分析先有的bat各个项目的各个页面，总有你可以借鉴的地方。
9. PS进行点九切图法时，命名“.9.png”时，提示我以.开头的名称已被系统预留。我该怎么处理
直接使用 PS等平面工具绘制流程
2个步骤就可得到.9.png图片，具体步骤为：
1. 确定切图后直接改变图片的画布大小，
2. 手动将上下左右各增加1px
3. 使用铅笔工具，手动绘制拉伸区域，色值必须为黑色（#000000）。
4. 存储为web所用格式，选择png-24，储存时手动将后缀名改为.9.png
10. Photoshop中的哪些知识点是用来前端切图的
1).基本信息：
以图层为主要的编辑对象，通过不同层细节的编辑，使整体效果更为绚丽或多变。
以工具为主要的编辑手段，通过多个工具的结合，满足大部分编辑要求。
通过滤镜的组合，呈现很多不错的效果，达到平民人士也能参与互联网炒作的大军中不能自拨，在当下PS已经由有一个名词转为一个动词了。
对前端来说切图时注意：优化切图流程，提升切图效率，增加岗位竞争优势
具体经验分享：修改PS的快捷键，使其符合前端操作的习惯，侧面提升工作效率。从而扩展，可以修改其它软件的快捷键，整体提升工作效率，增加就业资本或信心。
图片格式那些事儿
一般新手不太注意页面的性能问题，而性能容易出现在图片上面，如何在一个大页面中处理好图片是一个前端必备的技能之一。
一般应用比较多的格式有：gif,png-8,png-24,jpg。而新手经常混淆png-8,png-24的区别。
按我经验4k以下gif,png-8差别不大，4k-100k: png-8,gif占优势，大于100k果断是jpg。
png-8不支持alpha透明，在IE6下需要一个JS或透明滤镜来处理。
图片格式与设计那点事儿
Web性能优化：图片优化
2). 提高切图效率思路之扩展：
从客观上来讲，提高效率的基础在于丰富的实战经验或长年的填坑经历，本质上软件的操作差别不是特别大。一个五年经验或一年经验的开发人员，使用同样的工具，主要差别还是一个熟练度。这里只分享我个人积累的一些经验：
在上一点提到的修改快捷键，分享一下我修改的几个快捷键（修改这个快捷键，有个缺点，换台电脑可能就不能使用，除非能够熟悉的记得两套快捷键，即修改过的，或原始的）：
新建图层: F1
使用频率比较强，所以放在一个容易的地方。
新建文件：F2
仅次于新建文件，也是使用使用频率比较高的一个键。由于切图是会从原始图层上多次的分离图层，所以这个快捷捷由原来的按两键，变为一键。并且有效的分离左右手操作的特点，尽量让使用频率高的键从左侧起步。以下的几个快捷键，都是按照这个思路来进行优化或设置的。
按屏幕大小：F3
按画布大小：F4
这两个键操作思路主要借鉴于CorelDraw，CorelDraw是一款优秀的平面广告设计软件，多用于名片，包装设计。这是由加拿大Corel产品，他们公司另外一个比较着名的绘画类软件是Painter。
存储为web格式：F5
由原来的5键优化为一键，还有一个流程是通过Ctrl+Shift+S来存储图片，很明显这个流程步骤过于繁多，很浪费时间。有兴趣的可以做一个对比。
裁剪命令：F6
由原来的3键优化为一键，另外一个是裁剪工具(C)，裁剪工具对整个画面的破坏力比较大，且不易控制，尤其在PS的版本升级中对这个工具进行了优化。而这个命令相对更为轻量或方便。
F7,F8,F9保持不变
转换为RGB模式：ctrl+=
因为Gif是索引模式，颜色信息较少，如果要进行编辑，首先得转换成RGB模式。
从图层建立组：ctrl+,
由于刚入行的设计师没有经验，一个设计稿是没有分图层组。其实合理的图层组可以有效的引导前端，所以这个快捷键主要是解决这个问题。
自由变换：F10
变换内容
前端主要还是对现有的PSD文件进行编辑，所以这两个键是可以单独拿出来的。
变换选区：F11
变换边框
画笔：F12
因为前端不像设计师，对PSD只是一个切割，而设计师注重于创造的过程。所以对画笔工具的依赖不是很大，由原来的F5移动到F12。
复制图层 Ctrl+ / 原有位置在菜单栏：图层->复制图层
这个快捷键，可以快速的把原始PSD中的一个或多个图层复制到一个新文件当中。
演示：
3). 切图的几个办法：
切片(k):
优点：能够一次切除多个图片。
缺点：需要后退一步，降低效率，容易产生多余无用图片
选区(先用选区工具来画一个范围，然后裁剪):
优点：区域精确目标单一
缺点：需要后退一步，容易误操作
拷贝(Ctrl+C):
优点：拷贝单层的内容到新文件，能够快速的切除图片。
缺点：不容易找到相应的图层。
合并拷贝(Ctrl+Shift+C):
优点：拷贝所有可见层的内容到新文件，能够快速的切除图片。
缺点：不容易找到相应的图层。