推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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
最新发布
Photoshop彩妆实例：美女烟熏妆
很多MM都说对烟熏妆很感兴趣，这种妆容优雅庄重，同时蕴含着成熟、奢华，充满现代感的怀旧气质。下面我们就用Photoshop打造美女烟熏妆。 制作工具:Photoshop CS，其他版本步骤类似。 效果图： 绘制过程: 1、打开一张没有彩妆修饰的照片，并选择嘴唇部位放大，利用工具箱中的“钢笔工具”，在图片中绘制调整出如图01所示的路径，然后在“路径”面板中将路径存储为“路径1”以备用。 2、在“路径”面板中的灰色区域单击，将路径在画面中暂时隐藏，然后在图层面板中新建图层1，并填充K为50的灰色。 4、选择菜单栏中的“滤镜”“杂色”“添加杂色”命令，弹出“添加杂色”对话框，选项与参数设置如图02所示。 5、选择菜单栏中的“图像”“调整”“色阶”命令，弹出“色阶”对话框，参数设置如图03所示。
Photoshop巧为花衣美女“换”衣服
第一次发手绘的教程，也不知道我做的对不对，反正心里咋想就咋画了！ 下面的原始图片中美女本身的衣服不是纯色的，比较花，去色后衣服上的图案依然存在，所以很难换。 先看一下处理前后的对比： A、原图： B、换过衣服的。 制作过程： 1、先在Photoshop中把衣服范围建立选区。 选的时候最好放大，这样更加容易，因为本文的源图片比较小。我是用多边形套索工具，这个是自由的，什么用起来顺手就用什么。
Photoshop为美女烫发
原图： 效果图： 1.选择Photoshop的涂抹工具（shift+R两次）。 2.在详细工具栏设置中，选择1象素画笔，正常，强度100％。 如果你用的是CS以上版本，请选择“对所有图层取样”，然后新建一个图层进行绘制，如果是CS以下版本，请直接在原图层绘制。 3.用鼠标，在画面上任意绘制，S行拖拽即可。 再继续拖拽出一些卷发，如下图所示。 4.按住ctrl+alt拖拽画面可以复制图层，然后按住ctrl+鼠标移动到某区域。 同样的方法拉出所有的发丝，如图：
简单四步为MM涂上闪亮水晶美甲与唇彩
在这里例子中我们介绍一种轻松的方法，在Photoshop中用简单四步为MM涂上闪亮水晶美甲和唇彩。 先看看效果图，是不是很漂亮？ 简单又实用的方法，快来和我一起做吧！文章末尾提供素材下载。 1. 打开素材，点击磁性套索工具+SHIFT把几个指甲选中。 点击看大图 2.按图层面板上的新建图层按钮，新建一个图层。.用油漆桶工具给选区内填充黑色。 点击看大图
Photoshop轻松为化妆品海报美女添亮丽唇彩
下面这幅化妆品海报中的美女只是眼睛部分有彩妆，今天我们通过利用Photoshop为这个广告海报上MM的嘴唇也来一个彩妆。 先提供原图供大家练习： 打开原图，按Ctrl+J复制一个图层： 然后用钢笔工具钩选出嘴唇的大概轮廓： 然后切换到路径面板，把路径变为选区： 之后将选区羽化，具体羽化值要看素材图片的大小决定，这里我选择的是10：
利用PS给美女加上彩妆及头饰
2、将原片拖入画布中，适当调整好位置。4、打开所用素材。 6、将同样的造型素材复制，并放在人物的肩膀上，适当调整好位置，图层模式仍是滤色。8、多次复制扇形头纱素材，并适当调整位置，图层模式为变亮，效果如图所示。
Photoshop打造模特完美的质感健康肤色
（1）将背景副本复制2层（思路来源于老马老师，鸣谢）（2）对背景副本执行表面模糊，这个图数值为：半径3，阈值15（3）对背景副本2执行：高反差保留，这个图的数值为1左右。调数值的标准是使皮肤上的颗粒隐约可见得到图。图层模式为：线性光.
另类美容法让人物瞬间变老
关于鼻子部分的修整】当人们逐渐变老，骨骼会停止生长，而软骨会继续变化。我们用【向前变形工具】略微拉长一下鼻子的长度，然后用【膨胀】工具将鼻头的部分略微增大些，不要太过分哦，否则就不像我们的明星了。这个细节，是我从凯蒂妈**照片上面发现的，所以我们要给老年的凯蒂添加双下巴。方法： 选择合适大小的画笔，在人物的颈部选区画笔颜色，然后在凯蒂的颈部尽可能自然的绘制出双下巴的线条另外需要记住的是，时刻都要用我们之前找到的老人的照片作为修整的参考图片。
Photoshop简单给美女加上质感肤色
抠图：由于背景右端凌乱，我们第一步先抠图换背景（至于换背景的方法有很多，每个人习惯也不一样，用你自己常用的方式抠换背景) 。磨皮：用仿制图章工具或修补工具祛斑、纠正眼袋，然后根据图片适量磨皮。 2、由于原照片有点过亮，我们先用曲线（Ctrl+m）整体调暗相片。 加光部位一般为手臂、臀部、大腿、小腿等。不同的图片有不同的需要，要活学活用哦！小手部分也要加高光，不过由于手的面积较小，建议用“减淡工具”（柔边笔刷）直接擦出效果。
