点九图简单介绍及制作教程
最近遇到一个尺寸上的问题，但我发现我根本无法一次性把这么复杂的一件事讲清楚......(。??)ノ
那就先来讲讲点九图吧~~~~O(∩_∩)O哈哈~
为什么要讲点九图？当然是应为跟我之后要讲的事有关系啦~~~现在不都流行这种伏笔吗？......(*￣rǒ￣)不过我也真是为自己的文笔而感到拙计......=================================华丽的分割线==================================点九图，是Android开发中用到的一种特殊格式的图片，文件名以”.9.png“结尾。这种图片能告诉程序，图像哪一部分可以被拉升，哪一部分不能被拉升需要保持原有比列。运用点九图可以保证图片在不模糊变形的前提下做到自适应。点九图常用于对话框背景图片中。这是我截屏自手机QQ一组聊天对话框，可以看出，不同两条消息字数不同，长度也不同，但它们采用了相同的背景样式，这个背景样式其实是同一张图片，用到的就是点九图的方式。相较于普通截图方式，点九图最为明显的区别就是图片不保留内容显示区域且自带一圈不成规律的黑边。正是这圈黑边提供了点九图的各个属性以适应各种情况。简单点来说，1、2部分规定了图像的可拉伸部分，而3、4部分规定了图像的内容区域。当实际程序中设定了对话框的宽高时，1、2部分就会被拉伸成所需要的高和宽，呈现出于设计稿一样的视觉效果。那么内容区域是干嘛的呢？内容区域规定了可编辑区域。例如，对话框是圆角，文字需要被包裹在其内，如果4像3一样顶到两遍，显示的效果会是如下图。这里文字是垂直居中显示，水平靠左显示。为了让文字被输入框完整包裹，缩短4的黑线到圆角以内，以达到显示效果的正常。那么，点九图如何制作呢？首先用PS打开一张切好的普通截图。用选区工具选取尽可能多的拉升部分加以删除（但要注意必须要留出至少1PX拉伸区域，以便能加以拉伸。）然后将这些内容拼接成一个完整的整体。打开 图像&画布大小，宽度和高度分别添加2px,定位选定中心定位。用铅笔（黑色，1px），在图像最外边框描点。最后保存时注意”.9.png“讲的有点乱，总结下：点九图就是Android上的一种可被拉升的图片。（IOS不需要）格式以.9.png结尾。图像用边上纯黑色1PX像素（透明底上的纯黑，其他都不行。）的边来规定拉伸区域和内容区域。上边和左边为拉升区域，右边和下边为内容区域。(这1PX像素在程序最终输出的效果中不会被显示。)你也可以用其他一些插件来实现点九图的做法，但原理同我上面的PS做法是一样的。===========================================================================点九图就讲到这啦，不知道你看懂没呢？至于我要讲的那件事，等我把脑子和舌头捋顺了再来讲给各位看官哈~~~~~~~~O(∩_∩)O哈哈~
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
216人已收藏
小U妹文章推荐
Ctrl+Enter
你的打赏就是我的动力！
悄悄说，听说打赏的人收入都比我高，不信你试试。
注: 打赏金额随意，完成后，请手动关闭本窗口。
Ctrl+Enter
您将要删除您的编辑推荐大作
点九图简单介绍及制作教程
在她入驻到UI中国的日子里
总共吸引了30172位设计师的驻足流连
总共收获了162位设计师的由衷赞赏
总共获得了216位设计师的悉心珍藏
总共引起了39位设计师的深入讨论
依然要删除吗？PS速成秘籍！如何在两小时内搞懂Photoshop基础工具？
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
PS速成秘籍！如何在两小时内搞懂Photoshop基础工具？
初学者面对Photoshop这个庞然大物，第一直观感受是不知道从何下手。那么多工具，学完这个忘那个，有木有什么教程可以一次性学完呢？今天这篇好文，只要童鞋们打起精神来，两个小时就可以搞懂基础的工具使用！绝对是新手速成Photoshop的一个好机会！赶紧来学习！
教程很有意思，从A——Z 依次讲解每个工具的使用，精辟彻底，不拖泥带水呦。
3D面板：作为Adobe Photoshop Extended的一部分，你可以在Adobe Photoshop CC中找到它。3D面板中展示了所有3D文件中允许的组件操作。
3D对象旋转工具（K）：围绕X轴旋转当前选中的3D对象。
3D对象滚动工具（K）：围绕Z轴旋转当前选中的3D对象
3D对象平移工具（K）：沿着X轴或Y轴平移当前选中的3D对象
3D对象滑动工具（K）：当你单击并水平拖动对象时，将对象向侧方移动。垂直拖动对象时，对象向前后移动。
3D对象缩放工具（K）：这个工具很简单，上下拖动以缩放对象。
3D相机旋转工具（N）：这个工具沿文件的X轴或Y轴旋转对象周围的相机，而不是转动对象本身。
3D相机滚动工具（N）：与 3D相机旋转工具相似，这个工具旋转相机而非对象，并且是沿着X轴旋转的
3D相机滑动工具（N）：与3D对象平移工具相似，这个工具沿X轴或Y轴移动相机
3D相机漫游工具（N）：这个工具类似于3D对象滑动工具，不过，是移动相机而非对象。当你单击并水平拖动时，将相机向侧方移动。垂直拖动时，相机向前后移动。
3D相机缩放工具（N）：这是一个非常有用的工具，可以改变相机的视野，令其接近或远离对象
动作面板（Alt + F9）：动作是一系列可以录制并回放的动作集合。这个面板帮助你操控、组织并编辑这些动作。尤其是对那些重复性的任务而言，它可以提升你的工作流程。
自适应广角（Alt+Shift+Control+A）：允许用户纠正使用广角镜头拍摄时所造成的任何镜头畸变的滤镜。
添加锚点工具：用于编辑工作路径的工具。对于这个工具来说，你可以用它在工作路径上添加锚点，以控制或延长路径。
调整面板：这个面板控制所有的你可以对图像操作的颜色和色调调整。
背景橡皮擦工具（E）：将图像的某些部分擦除为透明背景的工具，当你在图像上的某个部分拖动时就会立即擦除。你可以更改工具的容差，限制，样本大小等等。
黑白 （Alt+Shift+Control+B）帮助用户将彩色图像转化为灰度图像的工具，可以在转换时控制其灰度
模糊：一系列柔化图像的滤镜，通过平均化像素令图像过度平滑。模糊滤镜的的强度取决于你使用的是哪个。
模糊工具：这个工具柔化并模糊图像的硬边，当你拖动你的画笔时就会平均化附近的像素。使用的次数越多，效果越强。
亮度/对比度：通过增加或降低亮度及对比度来调整整个图像色调的调和的工具。
笔刷面板：这个面板里放着所有的你Photoshop中存储的默认及用户定义笔刷，你可以在这个面板中添加、删除或编辑这些笔刷。
画笔预设面板：这个面板允许用户管理自己的预设的画笔库。更换或增加库中的笔刷，或完全建立一个新的库。保持画笔预设可以在绘制或编辑图像时加快工作流程。
笔刷工具（B）很简单，这个工具就是用来作画的笔。
加深工具（O）：这个工具让画面被涂抹的部分在颜色上变得更暗。
Camera Raw 滤镜（Shift+Control+A）：允许用户非破坏性地改变图像的滤镜。
通道混合：帮助用户改变图像色调的调整工具，一般用于调整黑白图像。
通道面板：这个面板贮存了正在编辑图像的灰度版本的颜色信息，包括了颜色信息、透明通道及专色。
这么说你可能还不了解，那么来这里学一下通道抠图，就清楚多啦：
字符面板：这个面板适用于设置及展现所输入文字的属性。你可以通过这个面板设置某几个文字，或拖动通过横排文字工具或直排文字工具所输入的文字整体的格式。
字符样式面板：在Photoshop CS6及CC版本中添加的，这个面板是你的字符样式、属性及设置的控制中心，在这里所保存的内容可以稍后将其应用在文本上。
仿制图章工具（S）；这个工具允许用户从图像上选择一个样本，然后使用备选区域的像素信息画出一样的内容。
仿制源工具：仿制图章工具和修复画笔工具的设置集合。
色彩平衡 （Control+B）：这个调整图像的颜色混合。
颜色查找：使用选项为图像创建特别的样式。
特别强调一下，这是个非常棒的功能，能一秒调出大片的色调，教程戳：
颜色面板：该面板显示用户当前选择的前景色及背景色，还有色彩滑块以选择新的颜色。
颜色替换工具（B）：这个工具将已选择的颜色替换为另一种新颜色。
颜色取样工具（I）：显示被选中的1-4区域的颜色值。
内容感知移动工具（J）：这个工具在CS6被引入，它允许用户选择并移动图像的一部分，并通过计算周围图像内容填充移动所留下的空洞。
转换点工具：和钢笔工具配合使用的工具。这个工具可以将路径上的点更改为角点或曲线点。
记数工具（I）：计算图像内数量的工具。Photoshop Extended引入，可以在CC中使用
裁剪工具（C）：一个相当有用的工具，这个工具经常被用来重新配置图像组合。
曲线（Control + M）：允许用户调整图像色调范围曲线的工具。
曲线是后期之王，几乎是摄影师的最爱。但又是最难学的，不过这里有篇通俗易懂的小教程可以帮你：
自定义形状工具（U）：这个工具允许用户创建用户自定义形状列表中的矢量图形。
删除锚点工具：这个工具需要与钢笔工具结合使用，用于删除路径上的锚点。
饱和度 （Shift+Ctrl+U）：这个调整允许用户在不改变颜色模式的前提下，将颜色从图像中抹去。
直接选择工具（A）：这个工具允许用户选择使用钢笔工具绘制的活动路径的一部分。
扭曲：用于扭曲图像的滤镜，经常用于重塑图像。效果包括：置换，波纹，水波，挤压等等。这些效果都非常占内存。
减淡工具（O）：这个工具让画面被涂抹的部分在颜色上变得更亮。
椭圆工具（U）：用于创建椭圆及圆形路径的工具
椭圆选框工具（M）：用于制造椭圆选区的路径。选择工具并拖动可以改变选区大小，按住Shift可以保持选区为正圆。
色调均化：将图像中最亮的地方设为白色，最暗的地方为黑色，其他颜色按灰度均匀分布。通过重新分配像素以调整图像的亮度。
橡皮擦工具（E）：这个工具删除图像中的像素（将其改为透明）或将其改为已选中的背景色。另外，这个工具也可以将某个区域的图形通过历史记录面板的选择还原到该版本。
滤镜库：这是一个为当前图像或可见层内当前选中部分增加各种滤镜的接口。可以使用的滤镜包括各种艺术效果、画笔形状、扭曲、素描效果以及纹理。
自由钢笔工具（P）：这个工具允许用户像笔刷工具或者铅笔工具那样自由绘制，并生成一段路径。和钢笔工具相似，但移动上并不受限。
高斯模糊：一个模糊效果，通过效果设置来控制被选区域的模糊数量。
渐变映射：将图像灰度按所选灰度展现的调整图层。
渐变工具（G）：这个工具允许用户在选区内创建线性、径向、角度及对称渐变颜色混合。
抓手工具（H）：这个工具选择画布而非层内对象，并令其在窗口内移动。在画布放大并被窗口其他部分遮蔽的时候格外有用。
HDR色调：这个命令允许使用者对图像应用HDR对比和曝光设定。
修复画笔工具（J）：这个工具与仿制图章工具相似，以图像中的样本修复图像。
直方图面板：这个面板可以完整浏览图像的直方图，显示了图像中像素每个颜色水平的分布情况。
那怎么看懂直方图呢？小教程帮你彻底搞懂！
历史记录面板：这个面板允许用户在图像中创建的状态（每当你使用工具、效果等等）间跳转。
横排文字工具（T）：这个工具允许用户在水平路径上输入文字。
横排文字蒙版工具（T）：这个工具创建一个已输入文字的选区边框。
色相/饱和 （Ctrl+U）：在调整面板中出现，控制激活图像的色调、饱和和对比。
信息面板：这个面板展示了当前指针的坐标及颜色等等信息。
反相（Ctrl + I）：这个调整滤镜将整个图像的颜色反转。
污点修复工具（J）：这个工具自动收集周围颜色信息以修复图像缺陷。
Kuler：Kuler面板链接到Adobe用户Kuler帐号，你可以在这里创建、管理或删除颜色主题。
套索工具（L）：这个工具允许用户创建自由选择区域。
图层复合面板：这个面板允许用户创建页面的部分状态，以重用或对客户展示或用于用户自身的目的。
图层面板：这个面板中组织文档中的所有图层。可以在这个面板中对图层应用或删除各种属性、混合模式及效果。
镜头模糊：这个滤镜用于营造景深所造成的模糊。
镜头矫正（Shift+Ctrl+R）：这个滤镜是在CS5中加入的，允许自动化移除或修复畸变、色差及虚焦问题。
色阶（Ctrl + L）：这个调整允许用户通过改变阴影、中间色调和高光色调以矫正色彩平衡。
直线工具（L）：工具栏中的形状绘制工具。这个工具很简单，就是在图像中画直线。
液化（Shift+Ctrl+X）：允许用户通过推拉旋转、反转、膨胀或褶皱处理图像的滤镜，可以通过智能滤镜完成，也可以使用变形工具完成。
魔术橡皮工具（E）：这个工具将与被选中的颜色相似的颜色改为透明，若图层透明度被锁定，则将其改为背景色。
魔棒工具（W）：这个工具选中与被选中点颜色相同或相似颜色。这个工具的选项允许多种选择类型（新建、添加、减去、和交叉）以及定义选区边缘（容差、消除锯齿、连续、及对所有图层取样）。
磁性套索工具（L）：这个选择工具捕捉图像中定义区域的边缘。其选择类型与魔棒工具相同，还有宽度, 对比, 频率,和绘图板压力。所有选项都会影响捕获的结果。
匹配颜色：这个命令允许用户在图像、图层或选区间匹配颜色。也可以调整图像的亮度、色彩范围及偏色。
测量记录面板：这个面板记录文档中测量工具的测量数据。记录的每一行代表一个测量组，列代表测量组的数据值。
混合器画笔工具（B）：这个会话工具允许用户在绘画时混合颜色，就像在现实中画画一样。用户可以混合画布上的颜色、笔刷上的颜色，也可以改变笔刷的湿度以模拟真实绘画的感觉。
运动模糊：这个滤镜使用模糊变量创建一个快速运动的感觉。用户可以在效果选项中选择其方向。
移动工具（V）：这个工具移动文档中的选区、图层以及指南。它是用户与文档进行交互最有用的工具之一。
导航面板：这个面板显示用户的活动文档的当前窗口的视图，并允许用户快速移动文档而不用抓手工具，它还允许用户快速缩放文档。
杂色：这组滤镜允许用户以多种方式在图像中处理杂色。添加杂色在图像或选区内创建一系列随机像素点。去斑检测图像边缘并模糊边缘以外的内容，以移除杂色。蒙尘与划痕, 中间值, 以及减少杂色都通过不同方式减少图像中的杂色。
注释面板：这个面板追踪使用注释工具添加到你文档上的注释。
注释工具（I）：这个工具可以让你将注释与文档的某一部分连接起来。在与客户、同事分享或给自己做记录。
油画：一个艺术滤镜，让用户将画面变成油画风格。
油漆桶工具（G）：在选区内或类似色区域内使用前景色填充。
段落面板：这个面板允许用户改变段落和列的格式。
段落样式面板：在CS 6中引入，这个面板允许用户创建段落及文本的定义格式，并可供保存、应用、编辑或删除。
修补工具（J）：这个工具是用来修复图像的选中区域，使用的是图像中其他区域的样本或所选择的图案。
路径面板：这个面板允许用户控制所有的激活及非激活路径。在这里你可以保存或加载路径，改变路径为选区或删除路径。
路径选择工具（A）：这个工具允许用户选择用于进一步编辑的绘制路径。
图案图章工具（S）：这个工具允许使用者将图像中的选中部分以所选图案绘制。
钢笔工具（P）：这个工具允许用户通过添加锚点绘制平滑曲线。
铅笔工具（B）：这个工具允许用户绘制不同大小的硬边缘的线条。
照片滤镜：允许用户以多种彩色滤光片（不同色温、色调等）调整图像的工具。
像素化：一系列通过减少文档颜色数量创建硬边缘图像的滤镜。包括创建半调图像的彩色半调，创建多边形以最小化颜色数量的晶格化，类似晶格化但更抽象的的彩块化，将图像复制4份并移动开后造成模糊画面的碎片，在图像上随机分配点或线的铜版雕刻，类似晶格化并创建方形的马赛克，还有将选区颜色转为点的点状化。
如何轻松做像素画效果？戳这里学习！
多边形工具（U）：这个工具允许用户通过指定的边数绘制多边形形状。
多边形套索工具（L）：这个选择工具创建用户选定的直线边缘形状的选区，它在使用上类似套索工具，不过在使用时限制更多。
色调分离：它允许用户按色阶调整图像色调。
属性面板：这个面板为用户提供信息及控制调整图层。
快速选择工具（W）：这个选择工具允许用户绘制一个区域，就像使用笔刷那样，并将其渲染为一个选区。
径向模糊：这个滤镜效果轻微模拟一个快速运动或缩放的镜头所导致的模糊。用户可以在效果选项中定义模糊程度。
红眼工具（J）：这个工具将移除拍摄对象眼睛上的红眼效果。这是一个非常方便的工具，令你摄影对象的眼睛还原到它本来的颜色。
矩形工具（U）：形状工具之一，它允许用户创建一个矩形或正方形的路径，可以填色、描边或作为选区。
矩形选框工具（M）：这个选区工具绘制一个矩形或正方形的选区。
渲染：这些滤镜创建3D形状、光效及图像或选区中的图案。
替换颜色：这个对话框允许用户选择各种颜色范围并使用其他图像中的颜色来替换它们。这种调整并没有给用户完全控制颜色转换的手段，但是它可以很快完成全面的替换。
旋转视图工具（R）：这个工具在窗口内旋转画布而不旋转文档本身，也不改变它的像素。
圆角矩形工具（U）：这个工具和矩形工具相同，但它创建的并非直角矩形，而是按照用户设定的圆角半径的圆角矩形。
标尺工具（I）：这个测量工具帮助用户测量两个选中对象之间的距离。也可以用来测量角度或位置。
可选颜色：对各个颜色分量调整颜色总量的命令。
阴影/高光：这个命令改变阴影或高光的强度。
锐化：这个滤镜以及与之相关的滤镜锐化图像边缘。
锐化工具：这个工具锐化柔和的边缘和图像部分，减少模糊。
单列选框工具: 这个工具选择垂直一列的选区。
单行选框工具: 这个工具选择水平一行的选区。
切片工具（C）：这个工具将文档成若干块，以便网络发布。
插播一篇切片工具基础教程：
切片选择工具（C）：这个工具选择由切片工具创建的切片，并可以编辑、转换或删除。
涂抹工具：这个修整工具在用户单击并拖动工具图标的时候，按照用户移动的方向移动图像中的像素。
样式面板：这个面板展示了当前文档中可以用用给图层的样式。这是一种梦幻般的的组织之前用过图层的方式，尤其是对那些重复性任务而言。
风格化：这一系列滤镜用于为选中图像或图层添加各种效果。它包括使选区凸起或凹下的浮雕，令图像拥有3D形状的凸出，为图像边缘或选区增加霓虹发光的照亮边缘，反转图像色调使其看起来像是相片底片的曝光过度等等。
色板面板：这个面板允许用户组织并编辑他们创建的颜色，调整色板并保存以待他用。
阈值：这个滤镜将图像或选区转换成高对比黑白图。
时间轴面板：这个面板用于Photoshop内的视频和公话。它对用户的关键帧和图像序列进行分类管理，并允许在必要时创建、编辑或删除关键帧。
工具预设面板：这个面板允许用户创建、保存或加载工具设定。对于那些需要使用非破坏性切换工具设定的用户来说可以加快其工作流程。
USM锐化：这个滤镜锐化图像边缘，根据用户指定的阈值范围内的像素差异来锐化图像。
消失点：这个命令允许用户编辑或创建消失点。
变化：这个命令让你看到当前图像应用各种颜色变化之后的略缩图。并且允许用户改变其对比度和色调。它不是一个调整层，而是将变化直接应用到图像图层上，因此之后很难更改。
直排文字工具（T）：这个工具创建垂直排列的文本。与横排文字工具很相似。
直排文字蒙版（T）：这个工具创建垂直排列文本的边框选区。
自然饱和度：这个功能调整文档内图像的整体饱和度。它只会调整那些欠饱和的颜色而非所有颜色。
嵌入水印：Photoshop中DIgimarc的特色之一，这个滤镜嵌入一个已经由Digimarc公司注册过的水印。这个水印包含用户的独特ID，并显示版权年份、使用许可和其他图像属性。
读取水印：这个滤镜允许用户读取放置于图像上的数字水印。它会展示通过嵌入水印滤镜输入的元数据。
切换颜色（X） 或 （Shift+X）：点击这些案件可以让用户在前景色和背景色之间切换而无需在色版或颜色面板中重新选择。
历史记录艺术画笔工具（Y）：使用从指定的历史记录的数据源创建风格化的笔触，是一个颇具创意的工具。类似于历史记录画笔工具，它使用来自其他图像的数据来创建笔触内容。
历史记录画笔工具（Y）：这个工具允许用户将历史记录面中的所选状态或快照中的图像，绘制到当前的图像上。
缩放工具（Z）：这个工具看起来就像一个放大镜，可以把画面放近以看清细节，或放远以看清画面整体。
给Photoshop初学者的全程干货！
经典好文！初学者必读的入门十课！
不来虚的！小教程帮你迅速上手快速选择工具！
新手最爱的抠图指南！
原文地址：
优设网翻译：
本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量77万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
我们的团队
大家在关注用PS做明信片详细教程
作者：佚名
字体：[ ] 来源：互联网 时间：02-22 09:34:37
看到外面网络中很多明信片，是不是很心动，想把自己的图片放进去呢。来跟我一起制作个DIY明信片吧。
看到外面网络中很多明信片，是不是很心动，想把自己的图片放进去呢。来跟我一起制作个DIY明信片吧。
&网络中选择下载好背景图片。
用PS打开这个图片。
信件一个文件，大小可以设置为800*400。中国标准邮资明信片规格统一为165mm*102mm。当然你不必拘泥于此，可以根据自己的需要适当改变尺寸，没有硬性的规定。（百度百科）
对着风景图选择全选，CT+A 就是快捷键了。移动过去信件文档那里放着。记得要给与一点羽化。
图片移动过去后，为了达到明信片的效果，给与一点点透明度的调整。
在右边空白的地方，选择矩形，创建1个方块格子，记得按住SHIFT键，否则容易出现长方形的方格。
反键选择底下的描边，数值1-2即可。再确认咯。
在点击上面工具栏的选择，下滑下来，取消选择。看到方块格子变身红色了。颜色在上面那个步骤可以修改。
我们知道，邮编的位数是五位数，所以，五格方块子就是邮编的填写地方。复制5个吧。
在网络找到合适的邮票。放进刚才的那个工作区。
剪切一个小邮票，贴进去，再缩小比例，涂上一个醒目的红色，当然颜色可以自己选择。
CT+R 打开PS的标注尺，方便我们下面制作写地址的横杆。利用画笔来制作。
最后写上自己喜欢的内容，情诗，文学，都可以&&完毕。
选择纸张。最好是250G以上的比较合适，否则邮寄过程容易损坏折坏，纸张的材质方面，铜板纸/亚粉纸皆可。
大家感兴趣的内容
12345678910
最近更新的内容