推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 APP 而言是个很重要的元素，它不但可以让使用者明确的了解目前所开启的功能名称，在许多时候还是放置导航与重点功能的一个区域。在以往，当导航列上出现可以点击的按钮时，设计师在视觉表现上都力求让用户知道是个按钮，直至 iOS7 的去材质化设计理念，将这些地方的按钮的形态去掉、仅剩下符号与文字告知用户该「按钮」的功能。传统上，大多数的按钮外观都被设计成拥有具体的形状范围，除了可以有效的提示使用者这是个「可以被点击」的按钮组件之外，还可以有效的让用户知道这个按钮的「作用范围」在哪里，以防误触到相邻的按钮。这点这在许多地方相当有用，尤其是按钮相当多的屏幕小键盘或计算器，就需要让用户知道按键的实际感应范围在哪里。桌面系统与触控系统大不同其实在导览列上去除每个按钮实体的形状并不少见，像是计算机系统中也是有许多组件的长相也不诺我们认知中的按钮，比如说系统列，其实就是一串按钮的集合体。计算机系统的主要操作方式是透过鼠标光标，当按钮拥有实体范围时，它可以帮助用户确认按钮的大小及位置，使鼠标光标准确地移动至按钮上方点击，而遇到像导览列或是工具栏的地方，因为导览列本身已经有实体范围了，并且也可以利用 hover 特效，帮助用户进一步确认光标与按钮之间的关系。
用钢笔、通道和曲线的抠图技巧
一、打开素材观察，发现此图并不难抠。比较难的是： A、头顶的几根细发和左手边发髻， 对此我们将用曲线调整。 B、左脸颊，左臂的网格衫与背景界限不清。对于界限不清，我们常用钢笔工具抠。 二、选择钢笔工具，图片放大到300%，抠出人体部位（不包括细发）。
相对路径和绝对路径在网页中的用途
经常听到网友苦述自己的网页中有许多图片不能正常显示，究竟为什么不能正常显示呢？总结其原因绝大部分都是因为使用了错误路径所致。网页中的图像、动画等素材都有自己固定的存放位置，网页只是通过路径使用HTML语言来调用它们，然后把它们显示在网页中。在网页中的路径大体可分为相对路径和绝对路径，大家(尤其是初学网页设计的朋友)往往对它们不够认识，在应该使用相对路径的地方使用了绝对路径，从而导致浏览器无法在指定的位置打开指定的文件，使素材不能正常显示。 那什么是相对路径？什么是绝对路径呢？为什么使用了绝对路径有时就不能显示呢？让我们一起来认识一下它们吧。 比如C盘的My Pictures目录下有一个tp.jpg图像，那么它的路径就是c:My pictures p.jpg，其实这种完整地描述文件位置的路径就是绝对路径。如网页index.htm中有一张图片tp.jpg，它们的绝对路径是： c:My picturesindex.htm c:My pictures p.jpg 如果你使用了绝对路径c:My pictures p.jpg进行图片链接，那么在本地电脑中将一切正常，因为在c:My pictures下的确存在tp.jpg这个图片。但你将它们上传到网站服务器上后，就不会正常了，因为服务器给你划分的存放空间可能在C盘其他目录中，也可能在D盘其他目录中，总之不会那么巧的就是c:My pictures。那么图片路径应该如何设置呢？这里就必须使用相对路径了，所谓相对路径，顾名思义就是自己相对与目标位置。在上例中index.htm中连接的tp.jpg就可以使用My pictures p.jpg来定位文件，这样不论将这些文件放到哪里，只要它们的相对关系没有变，就不会出错。具体的链接方式是这样的：“..My picturesimg.jpg”，其中使用“..”来表示上一级目录，“....”表示上上级的目录，以此类推。 我们一起来看看初学的朋友可能犯的几个路径错误： 例1 c:mywedwedindex．htm
最新发布
Photosho通道抠图实例：抠出模糊的头发
这张照片因为背景比较花,再加上图片质量不是非常好,头发部分过于模糊,因此想换背景的话,需要有一定的技巧. 下面我们来看修理方法.比较通道中各个通道的头发对比,选择对比强一些的蓝通道,复制一份.并分区处理,把左边选择后,CTRL+I反相.这样,头发颜色就统一了,左右都是黑色的头发. 用加深和减淡工具把一些模糊的边缘修理一下,这样对比强一点点,再用色阶就会干净很多.放大图片,把人物的绝对范围选择出来,把这部分通道填黑.这样就有了整体的选择区.至于头发边缘处,我们利用通道来做. 放大图片,把人物的绝对范围选择出来,把这部分通道填黑.这样就有了整体的选择区.至于头发边缘处,我们利用通道来做. 为了防止修坏,把这个通道复制一下.另外,也可以用复制的多通道,制作不同对比的头发选择区.最后把多通道结合到一起,这样可以方便地对图像进行多个区域的调整,比全图整体调整的效果要好很多. 可以看出来,左右的头发,有着不同的颜色对比,所以我们要分区来做,把左边选择出来,用色阶调出对比来.至于头发的细节,最后我们再做.调对比时,在通道中使用选择区,可以保护已经调好的部分.
巧妙运用Photoshop色彩范围实现轻松抠图实例
先贴原图 先观察此图的RGB三个通道，可见如果用通道来抠并不轻松。在这里，我选择用色彩范围来抠就能很轻松地抠出此图了。 回到图层，按住alt键，用鼠标双击背景层，使背景层变为图层0（变为普通图层有利于后来的编辑） 复制“图层0”为“图层0 副本”，然后ctrl+i反相图层0副本，如图所示 大家观察整幅图，整个人物都呈现出一种蓝色了，从背景中脱出。我现在要抠取的就是这种蓝色。我用红圈圈住的地方蓝色欠缺，没关系，可以补。请看下一步。
Photoshop扣图实例：维美金喜善抠图
先对比一下效果： 复制两个背景层，背景副本用蒙板抠出整个轮廓，这里不详述了。然后对该层的图层样式进行编辑，如图所示。再在最上在的背景复制层用蒙板抠出人物主体。就OK了。
通道抠图 Photoshop通道结合图层抠图教程
此图可用多种方法抠取，用抽出抠的效果。 原图 效果图 1、打开图处，创建图层2，填充绿色的渐变。其它颜色也可，但是为配合效果而选择绿色。 2、关掉这图层2的小眼睛，点击背景层，进入通道。 图1
Photoshop抠图杂谈 三言两语话抽出
抠图的方法有好多，其中包括：通道、抽出、图层模式、色彩范围、图层样式、橡皮擦、背景橡皮擦、蒙版、钢笔、套索以及魔术橡皮擦和魔棒等等。另外还有N种专门抠图的外插和软件。 今天咱就谈谈抽出滤镜，抽出滤镜功能强大，运用灵活，是PS专用来抠图的工具，它容易掌握，运用得好效果极佳。 它可从繁杂的背景中抠出散乱的发丝，也可抠出物体的透明，见图1、图2 图1 图2 我们不去探讨理论，只从实用的角度来探讨基本方法。抽出就是作选区，抽出就是要在选区内得到颜色的信息。从而来达到抠取图片之目的。 一、抠取图片的单色 抽出滤镜抠图，分为单色抠取和全色抠取两种，当需要强调抠取某一种颜色时，例如：发丝、羽毛、透明的纱等，就要用到抽出滤镜里的强制前景这一项，你需要抠取哪一部分颜色，就把强制前景设置为该种颜色，颜色的设置可用吸管工具来提取，见图3。
Photoshop图层模式在抠图中的运用详细图解
友情提示：教程最后提供本文所需画笔 原图 效果图： 方法步骤： 01、打开图片，ctrl+j两次，分别得到图层1和图层1副本。见图01 02、点击红圈处，新建图层2，放于图层1与背景层之间，并填充蓝色。作为检验效果和新的背景层。见图02
Photoshop抠图详细教程：明天你就是抠图高手
枯燥乏味的抠图，是平面设计的基础和基本功，很多朋友对它望而却步、避而远之，不要怕，只要你拿出耐心，操作要细心，你就一定会成功。跟我来做练习，明天你就是抠图高手。为使新手能看懂写得比较繁杂罗嗦，做起来比较简单，请耐心练习吧。 原图： 新的背景素材： 方法步骤： 01 打开图片，ctrl+j复制图层，得到图层1。
Photoshop抠图教程 再话抽出抠图方式
在《抠图杂谈 三言两语话抽出》里，我们介绍了抽出滤镜的基本使用方法及相关的有关事项，说白了抽出就是作选区，就是把选区内的颜色提取出来，今再针对抽出滤镜我们继续探讨，我们利用抽出滤镜进行对图片的换背操作目前只有单色抠取和全色抠取两种方法。 一、单色抠取散发的详细步骤 01、这个方法可以去除散发的边缘杂色，当我们打开图片时可以看到散发的边缘有红色的杂色。 图1 02、打开图片后，ctrl+j两次，分别得到图层1和图层1副本，点击红圈处新建图层2，放于图层1和背景层之间。填充颜色，作为检查效果和新的背景层。 图2 03、在图层1里执行滤镜--抽出命令，在强制前景处打勾，颜色设置为黑色，用高光器工具按图示涂抹绿色。 图3