2016年06月_柒年时光

原创注释方法解析

1.HTML的注释方法：2.CSS的注释方法： /* 注释内容 */3.JS的注释方法：（1） //单行注释内容；（2）/* 多行注释内容 */

2016-06-17 19:38:23 275

翻译基本选择工具

一,矩形选框工具1.矩形选框工具操作说明: （1）.按住Alt键拖动鼠标，能够以单击点为中心向外创建矩形选区；（2）.按住shift键拖动鼠标，可以创建正方形；（3）.按住shift+Alt键拖动鼠标，可以以单击点为中心点向外创建矩形选区。说明：在使用矩形选框工具创建选区的同时，按住空格键拖动鼠标可以移动选区。将选区移动到新位置后，如果还需要继续调整选区

2016-06-15 20:49:03 498

翻译选区的基本操作

1.全选（Ctrl+A）全选命令可以帮助我们裁剪文档以外的图像。例如，如果某一图层中的图像延伸到文档边界之外，文档窗口中虽然不会显示其内容，但Photoshop仍然保留延伸出去的图像。用“全部”命令全选之后，再执行“图像-裁剪”命令，就可以将文档边界外的图像删除。这样能减小文件的大小。对于一些尺寸较大，分辨率较高的图像，健身效果还是比较明显的。

2016-06-15 15:01:39 1870

翻译选区警告

在对选区进行羽化或载入通道中的选区时，Photoshop会以该选区的选择程度来决定羽化或载入后的选区是否可见。我们这里所说的“可见”，是指能够看到蚁行线。当选择程度超过50%时，选区可见；而没有达到50%时，则选区不可见。羽化可以降低选择程度。出现羽化警告表示选区仍然存在，选择程度过低而羽化范围较广。在对选区进行羽化时，如果出现“任何像素都不大于50%的选择。选区边将不可见。”

2016-06-15 14:04:34 449

翻译羽化与消除锯齿

启用了“消除锯齿”功能创建的选区在外形上并没有变化，但进行填充后，选区边缘产生了许多灰色的像素，由此可知：“消除锯齿”功能影响的是选区周围的像素而非选区。羽化命令和消除锯齿的共同之处是都可以平滑硬边缘。区别在于：1.从工作原理上来看：羽化是通过建立选区和选区周围像素之间的转换边界来模糊边缘的。而消除锯齿则是通过软化边缘像素与背景像素之间的颜色转换，进而使选区的锯齿状边缘得到平滑

2016-06-15 13:31:02 3594

翻译羽化的原理

1.羽化命令：（1）选择-修改-羽化；（2）该命令简单而便捷，不过羽化值设置为多少才合适只能凭借经验。而且羽化后的区域，形状会发生变化，无法判别哪些是被羽化的区域，哪些是未被羽化的区域。2.调整边缘命令：（1）选择-调整边缘-羽化；（2）该命令的强大之处在于：我们既能观察到羽化的具体范围，还可以让选区以不同的形态呈现在我们面前，甚至可以预览抠图效果。只需

2016-06-15 11:29:21 6621

翻译抠图：从分析图像入手

分析图像时抠图前的首要工作，只有把握住了图像的特点，才能找到正确的、有针对性的选择方法。1.从形状特征入手边界清晰流畅、图像内部也没有透明区域的对象是比较容易选择的对象。如果这样的对象其外形为基本的几何形，我们便可以使用选框工具（矩形选框、椭圆选框）和多边形套索工具将其选取。如：篮球、纸箱等。如果对象呈现不规则形状，且边缘光滑，则更适合使用钢笔工具选取。如果对象的

2016-06-15 10:04:03 650

翻译 Photoshop中的抠图工具

只有根据对象特点，采用最佳的选择方法，才能取得事半功倍的效果。下面对Photoshop的主要选择功能进行盘点：1.选框工具：最基本的选择工具，包括矩形选框工具、椭圆选框工具、单行选框工具、单列选框工具，适合选择矩形、正方形、椭圆形、圆形等几何形状的对象。2. 套索工具：比较简单的选择工具，包括套索工具、多边形套索工具和磁性套索工具。其中：套索工具擅长制作随意的选区，但无法准确选择对象；多边

2016-06-15 09:22:46 1148

翻译 Photoshop抠图笔记

建立选区是指分离图像的一个或多个部分。通过选择特定区域，您可以编辑效果和滤镜并将滤镜和效果应用于图像的局部，同时保持未选定区域不会被改动。（选取是用来定义操作范围的）。如果没有选区，则编辑操作将对真个图像产生影响。选区分为：普通选取和羽化过的选区。普通选区能够定位清晰的边界，而羽化过的选区则会在图像的边界产生逐渐淡出的效果，会使合成效果显得更加自然。抠图：在编辑图像时，我们用

2016-06-14 23:34:25 736

翻译 W3C标准

W3C标准（World Wide Web Consortium，万维网联盟）该组织的存在，有效地促进了web技术的相互兼容，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。W3C标准不是某一个标准，而是一系列标准的集合。网页主要有三部分组成：结构、表现和行为。对应的标准也分为三方面：1.结构化标准语言：（1）可扩展标记语言（XML)（2）可扩展超文本标

2016-06-09 19:42:50 311

原创 display:inline-block引发的水平间隙的问题

在模仿Apple中国官网设计时，发现导航列表的实现了平均分布，在未使用flex属性，未设置每个导航条目的宽度时，且display使用了inline-block属性值时，很好奇它到底是怎么实现的。大家都知道inline-block会带来水平间隙的困扰(即使你的各个子元素的内容加起来宽度刚刚等于父元素宽度，但在使用display：inline-block时，最后的部分子元素还是会溢出到

2016-06-09 12:54:59 403

原创欢迎使用CSDN-markdown编辑器

UI设计图转页面——问题及收获（5.31-6.3） 1.字体垂直居中（将高度设置为行高，可以自动实现文本垂直居中；） 2.从设计图中抠出来的图标，应用背景图片来进行设置（URL引入图片，再加入水平及垂直偏移量），再设置其显示的宽度及高度，图片就可以在网页中显示了（ps:应当注意，要设置背景图片的元素是否是行内元素，如果是，需使其display属性设置为inline-block或block。 3

2016-06-03 17:02:30 271

jqq125的博客