推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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滤镜巧妙绘制艳丽菊花
先来看最终效果： 效果图 1 新建600*600黑色画布，分辨率150 图1 2 新建图层1，用白色画笔随便点一皮些点，3-5像素为宜，不可过大。 图2 3 执行滤镜/风格化/风 图3 4 按Ctrl+F几次，形成如图效果。 图4
Photoshop滤镜综合应用 打造炫丽背景效果
1、新建一个文件。双击背景图层，在弹出的对话框中保留默认设置，单击确定，将背景图层转换为普通图层。 2、将图层0填充为黑色，选择图层0，执行菜单栏中的“滤镜”→“渲染”→“镜头光晕”命令，弹出“镜头光晕”对话框，设置参数如图01所示，图像效果如图02所示。 图1 Photoshop镜头光晕设置 图2 图像效果 3、按快捷键Ctrl+Alt+F键，重复执行镜头光晕命令，设置参数如图03所示。 图3 Photoshop镜头光晕设置 4、在次重复执行两次镜头光晕，设置参数如图04所示，图像效果如图05所示。
Photoshop极坐标滤镜打造烟花详解
完成效果： 本人比较反对那种做一步跟一步的教程，所以尽量把教程能写得有启发性一点，虽然急于求效果的人看得会比较累。 首先分析，烟花需要一种爆炸的效果。 这时候我们可能会想到 [径向模糊]；但经过试验，[径向模糊] 内外两个方向都有模糊~ 不能产生拖尾的效果。于是考虑可以用 转换圆锥和平面的 [极坐标] 滤镜。 分析极坐标滤镜的变形规律 原图a b (a用[平面坐标到极坐标]后)
用Photoshop液化滤镜校正歪人物头像
厂里要给工人办保险,需要1寸证件照。食堂的大门是蓝色的，正好作背景 。如图1： 背景上的铆钉、横纹用图章工具修饰，背景颜色太深，在“色相/饱和度（Ctrl＋U）”里适当的提高青色、蓝色的明度和饱和度,如图2： 可不小心把人物头像拍歪了咋办？ 当然，方法有多种，我这里介绍一种很简易的方法，速度很快哦 ： 一、在人物眼睛的位置拉一根水平的参考线，再“全选（Ctrl＋A）”>“自由变换（Ctrl＋T）”，逆时针旋转，把人物的头部调正，如图3： “取消选择（Ctrl＋D）”。
妙用PS钢笔和滤镜制作漂亮的金色花朵
最终效果 1.新建一个600 * 600像素的文件背景填充为黑色，新建一个图层用钢笔工具勾出图1所示的路径，然后按Alt + Enter转为选区，填充为白色。不要取消选区新建一个图层选择菜单：编辑 > 描边，数值为2，颜色为白色，然后把图层隐藏，回到刚才的填充图层，把图层的不透明度改为40%。 2.按Ctrl + J把填充图层复制一份按Ctrl + T变形，把中心点移到图片的下边的中点，角度的数值为30如图2，然后确认，然后按Ctrl + Alt + Shift + T不停的复制，直到形成一个圆，然后把这些图层合并效果如图3。 3.双击图层调出图层样式，参数设置如图4-6，效果如图7。
Photoshop制作超酷流星效果
先看效果，喜欢的话就和我一起开始制作吧 图00 1.首先在新建立一个文档。我在这用300*500象素，然后用渐变工具填充由黑色到暗蓝色的渐变。 2.现在，选择画笔工具调整画笔的大小在180-240之间，画笔的硬度设置为0。而后，新建立一个图层，在图象中底部捎亮点的地方用画笔去点一下。就象下面这样 图02 3.创建一个新的颜色调整图层，（图层>新调整图层>色彩平衡）： 4.在调整图层中，请先选中色调调整中的高光，然后在进行调整，在色彩平衡的色阶中输入：-30，5，70这几个数值
Photoshop滤镜打造炫丽背景
Photoshop滤镜的使用虽然简单，却能经常得到一些很好的效果。这些效果大都比较随意和虚幻，且可调整性很强，稍微修改一下参数就可以形成另外的效果，特别是多个滤镜组合使用时。不过切记对于一幅完整的作品而言，滤镜只是其中一个部分。在基础部分我们没有对滤镜的实际使用作太多的介绍，一来是因为篇幅所限，二来就是不希望大家在初学阶段就过多的使用滤镜，从而形成对滤镜的依赖。下面我们继续来学习使用PS滤镜来制作炫丽背景素材。 效果图一 效果图二 先来看看效果一的制作： 1、新建图像，用默认的前景和背景色制作【滤镜_渲染_云彩】，然后再【滤镜_渲染_分层云彩】，形成类似下图的效果。 图1 2、然后使用【滤镜_像素化_铜板雕刻】，类型选择“中等点”，如下左图。形成的效果如下右图。
Photoshop滤镜打造炫丽背景系列之二
Photoshop滤镜的使用虽然简单，却能经常得到一些很好的效果。这些效果大都比较随意和虚幻，且可调整性很强，稍微修改一下参数就可以形成另外的效果，特别是多个滤镜组合使用时。不过切记对于一幅完整的作品而言，滤镜只是其中一个部分。在基础部分我们没有对滤镜的实际使用作太多的介绍，一来是因为篇幅所限，二来就是不希望大家在初学阶段就过多的使用滤镜，从而形成对滤镜的依赖。下面我们继续来学习使用PS滤镜来制作炫丽背景素材。 先看看效果图： 效果图一 效果图二 先来看看效果一的制作： 1、新建图像，用默认颜色执行【滤镜_渲染_云彩】，得到如下左图的效果。然后使用【滤镜_纹理_染色玻璃】，适当调整数值得到如下右图的效果。 图1
Photoshop滤镜打造炫丽背景系列之一
Photoshop滤镜的使用虽然简单，却能经常得到一些很好的效果。这些效果大都比较随意和虚幻，且可调整性很强，稍微修改一下参数就可以形成另外的效果，特别是多个滤镜组合使用时。不过切记对于一幅完整的作品而言，滤镜只是其中一个部分。在基础部分我们没有对滤镜的实际使用作太多的介绍，一来是因为篇幅所限，二来就是不希望大家在初学阶段就过多的使用滤镜，从而形成对滤镜的依赖。下面我们继续来学习使用PS滤镜来制作炫丽背景素材。 效果图一 效果图二 先来看看效果一的制作： 1、新建图像，用默认的前景和背景色制作【滤镜_渲染_云彩】，然后再【滤镜_渲染_分层云彩】，形成类似下图的效果。 图1 2、然后使用【滤镜_像素化_铜板雕刻】，类型选择“中等点”，如下左图。形成的效果如下右图。