推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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
最新发布
CS5色调技法（2）调出优雅的怀旧色调
在对人物照片进行后期处理时，首先需要定位出预期制作的风格，比如怀旧风格、前卫风格、唯美风格等等。分析不同风格的特点与韵味，以便制作出照片的独特魅力。在这里我就像广大朋友介绍使用多种色彩调整命令，制作具有优雅韵味的怀旧照片效果。（1）执行“文件”→“打开”命令，将素材“人物.psd”文件打开。（2）执行“图像”→“调整”→“色阶”命令，设置“色阶”对话框。 （3）复制“背景”图层。执行“图像”→“调整”→“去色”命令，将图像调整为黑白色调。
CS5色调技法（3）调出绚丽多变的色彩
在处理图像时，即使是同一张图像，由于其色彩变化的不同，也会给人不同得心理感受，这点相信大家都深有体会，这正是色彩表现出的独特魅力。在这一节的内容中，作者就使用一种简单、有效的方法，将普通的图像调整为更具艺术气息的效果，读者可根据此方法，举一反三，调整出绚丽多变的图像效果。（1）执行“文件”→“打开”命令，将素材“练歌房宣传页.psd”文件打开。（2）在“调整”调板中选择“可选颜色”命令，展开“可选颜色”调整调板，在其中对“红色”选项进行设置，增强画面中的黄色。 （3）接着再选择“黄色”选项，对其进行设置，调整画面中颜色分布。
CS5绘制透明的Windows7图标
最终效果：新建文档，径向渐变填充使用椭圆选框工具按shift键框出正圆选区，ctrl+J复制添加渐变叠加图层样式新建图层，载入圆形选区，填充稍深蓝色，改为“叠加”模式(注：载入的方法：先按住ctrl键，鼠标点击需要载入的图层，即载入了鼠标所点击的图层选区。下同） ctrl+D取消选区。添加图层蒙版，载入圆形选区，在图层蒙版上用径向渐变拖出 新建图层，载入圆形选区，羽化20像素 填充白色变换选区，缩小其范围，按delete删除载入圆形选区，ctrl+shift+I反选，delete删除，改为叠加模式，填充不透明度25%新建图层，前景色设为淡青色，使用渐变工具，打开渐变编辑器，样式为第二种前景色至透明。载入圆形选区，径向渐变方式拖出渐变效果，改为“滤色”模式。 新建图层，绘制正方形选区，选择――修改――平滑填充白色后复制，然后将这几个白框合并图层，ctrl+T旋转后放至圆形的左上方载入圆形选区，滤镜――扭曲――球面化反选，delete删除多余的部分，ctrl+D取消选区。添加图层蒙版，线性渐变(渐变样式为前景至背景)从白框的左上至右下拖出 新建图层组，新建图层。 载入圆形选区，编辑――描边 高斯模糊0.5像素，将图层组改为“线性减淡”在背景层上方新建图层，载入圆形选区，选择――修改――扩展填充深蓝色，移至至圆形右下角，高斯模糊3像素新建图层，载入图层6（刚刚填充深蓝色的图层），选择――修改――收缩 填充淡青色，改为滤色。圆形部分处理完成。
CS5百变画笔系列7：飞舞的沙粒特效
本期教程中画笔的笔刷形状还是点状形态，制作中主要调整了画笔的散布和数量等数值来产生大量的笔触点，从而形成微小的颗粒特效。开始实例的学习之前，可以先下载实例的配套素材，然后跟随操作步骤进行学习。另外，下期教程中我们将继续使用点状笔刷，更改画笔的一些动态设置，来制作出独特的特效。希望大家能够关注下期教程《CS5百变画笔系列8――立体彩带特效》！（1）打开Photoshop CS5，单击“文件”→“新建”命令，新建一个空白文档。 （2）选择“画笔”工具，打开“画笔预设”设置其选项栏，并进行涂抹绘制。
CS5百变画笔系列8：立体彩带特效
本期教程中主要是利用了画笔笔刷大小和颜色的变化，来制作出颜色变化丰富的立体彩带特效。开始实例的学习之前，可以先下载实例的配套素材，然后跟随操作步骤进行学习。另外，下期教程中我们将继续使用点状笔刷，更改画笔的一些设置，来制作出独特的画笔特效。希望大家能够关注下期教程《CS5百变画笔系列9――梦幻彩环背景》！（1）打开背景素材“蓝色渐变.jpg”文件。（2）选择“画笔”工具，切换到“画笔”面板。设置“直径”选项，调整画笔的大小。 （3）参照以上设置方法，完成画笔“形状动态”项目的设置。
CS5百变画笔系列9：笔刷绘制梦幻彩环背景
本期教程中画笔的笔刷形状改为中间透明的圆形形态，画笔的设置和前几篇教程大同小异，但唯一的不同点是设置了笔刷的混合模式，这样绘制后将产生层次分明、颜色鲜亮的效果。开始实例的学习之前，可以先下载实例的配套素材，然后跟随操作步骤进行学习。另外，下期教程中我们将使用不规则的棱形笔刷，来制作出独特的特效。希望大家能够关注下期教程《CS5百变画笔系列10――颓废的棱形光线》！（1）打开Photoshop CS5，单击“文件”→“新建”命令，新建一个空白的透明文档。（2）选择“画笔”工具，打开“画笔预设”设置其选项栏，并进行涂抹绘制。（2）创建椭圆选区，然后描边。
CS5百变画笔系列10：颓废的棱形光线
本期教程中将画笔的笔刷形状更改为具有渐变的棱形形态，通过绘制几个不同的颜色层次，来产生混乱交叠、层次变化丰富的光线形态，最后加入的“色阶”命令极大的增强了画面的空间感和颜色对比效果。大家在制作的过程中也可以发挥自己的想象力，对画笔笔刷的形状进行变换，或许会产生意想不到的独特效果。下期教程中我们将使用比较硬朗的渐变笔刷，来制作出波光粼粼的光线特效。希望大家能够关注下期教程《CS5百变画笔系列11――波光粼粼的交叉光线》！如果教程中有不明白的地方，希望大家认真留言以便我们提高业务水平，谢谢各位。（1）运行Photoshop CS5，执行“文件”→“新建”命令，新建一个空白文档。（2）使用“钢笔”工具，在视图中绘制闭合路径。
CS5百变画笔系列11：波光粼粼的交叉光线
本期教程中将画笔的笔刷形状更改为锐利的光线形态，画笔在设置上主要是对画笔角度进行了控制，这样我们就可以控制画笔向想要的方向进行绘制。下期教程中我们将使用月牙状的笔刷配合滤镜，来制作出放射状的彩环特效。希望大家能够关注下期教程《CS5百变画笔系列12――魔幻般的放射状彩环》！如果教程中有不明白的地方，希望大家认真留言以便我们提高业务水平，谢谢各位。（1）运行Photoshop CS5，执行“文件”→“新建”命令，新建一个空白文档。（2）使用“直线”工具，在视图中绘制线段。（3）使用“橡皮擦”工具对绘制的线段进行擦除修整。
CS5应用图层样式制作绚丽立体
近期在PS作品中，有许多作品中都出现了立体花纹装饰，这种花纹立体感强烈、色彩绚丽，很容易引起人们的关注，很多朋友都问过我，这种效果是如何制作的，借此机会，我就像朋友们介绍使用钢笔工具和图层样式，来制作绚丽立体花纹装饰。（1）执行“文件”→“新建”命令，新建文档，使用钢笔工具绘制花纹路径。（2）新建图层，将路径转换为选区，设置前景色并填充选区。（3）参照以上方法，绘制出其它花纹图案。
CS5百变画笔系列12：魔幻般的放射状彩环
本期教程中将画笔的笔刷形状更改为月牙状形态，通过调整画笔笔刷的间距和不透明度后进行绘制，利用“极坐标”滤镜让绘制的笔刷图像产生放射状的彩环效果，大家在制作的过程中也可以发挥自己的想象力，对画笔笔刷的形状进行变换，或许会产生意想不到的独特效果。下期教程中我们将使用滤镜和画笔相结合，来制作出耀眼的火焰特效。希望大家能够关注下期教程《CS5百变画笔系列13――动感火焰环绕特效》！如果教程中有不明白的地方，希望大家认真留言以便我们提高业务水平，谢谢各位。（1）运行Photoshop CS5，执行“文件”→“新建”命令，新建一个空白文档。（2）使用“椭圆选框”工具，在视图中绘制正圆选区，并使用“画笔”工具在选区内进行涂抹绘制。（3）对选区进行位移调整，执行“选择”→“变换选区”命令，对选区进行变换调整。