推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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 cs6 简单打造学生日系的温暖照片
原图效果图1、打开素材原图，复制背景图层。设置图层样式为“滤色”不透明度为50%2、创建可选颜色图层，对红、黄、白、中性色和黑色进行调整。参数设置如下图4、创建曲线图层，对蓝色进行调整。参数设置如下图5、创建照片滤镜，对其进行调整。参数设置如下图7、盖印图层，执行滤镜>锐化>USM锐化。参数设置如下图
photoshop 利用图层样式打造金属感蓝色字体
效果图1、新建一个650*450PX大小的图层，使用渐变工具拖拉出一个深蓝色到浅蓝的渐变效果。如下图3、双击文字图层，对斜面和浮雕、描边、内发光、光泽、渐变叠加和投影进行调整。参数设置如下图
photoshop cs6 给外国少女简单磨皮去斑
原图效果图1、打开素材原图，复制背景图层。图层样式设置为“滤色”不透明度为50%效果如下图2、创建曲线图层，对RGB进行调整。参数设置如下图。右键击合并可见图层。如下图3、再次复制图层，选择图层面板>通道，选中绿通道复制（ctrl+J）一层新的绿通道。5、选择菜单 图象>计算(如图)其中混合模式选择"强光"。将计算步骤连续复制3次，得到Alpha3通道 （如图示）7、选择菜单 选择>反向，创建曲线图层，对RGB进行调整，参数设置如下图皮肤就会发生变化，大小自己根据情况来调整，一般不需要拉得太多。
photoshop 打造清新的水滴橙黄色水晶字体
效果图1、新建650*450PX大小的画布，选择渐变工具，拖拉出由绿到浅绿的渐变。如下图3、双击文字图层，对斜面和浮雕、描边、内阴影、内发光、光泽、渐变叠加和投影进行调整。参数设置如下图6、最终效果如下图
photoshop 简单几步给偏黄的少女变得亮丽白晰
效果图1、打开素材原图，复制背景图层。图层样式设置：滤色“不透明度为30%2、创建可选颜色，对红、黄、白和黑进行调整。参数设置如下图3、创建曲线图层，对RGB进行调整。参数设置如下图
photosop 利用图层样式制作红色丝带水晶字体
效果图1、创建650*450px 大小的图层，填充灰色，如下图3、双击文字图层，对斜面和浮雕、描边内阴影、内发光、光泽、颜色叠加、渐变叠加、图案叠加、投影进行调整。参数设置如下图
photoshop 打造郊外少女唯美朦胧的日系色调
原图效果图1、打开素材原图，复制背景图层。设置图层样式为“滤色”不透明度为50%2、创建可选颜色图层，对红、黄、绿和黑色进行调整。参数设置如下图。5、盖印图层，执行滤镜>模糊>高斯模糊 参数设置如下图。7、创建曲线图层，对蓝色进行调整。参数设置如下图
photoshop cs6 简单制作360度极坐标风景图片
原图效果图1、打开素材原图，双击图层解锁，进行自由变换<旋转180。效果如下图2、执行图像>图像大小，设置图片大小与宽度相同。如下图
photoshop cs6 简单几步给少女美白磨皮
原图效果图1、打开素材原图，复印背景图层。图层样式设置为“滤色”效果如下图2、创建曲线图层，对RGB进行调整。此步为调整少女肤色。
CS5制作简单3D文字
本教程 使用Adobe Photoshop CS5制作 Photoshop 3D简单立体字制作方法比较简单。大概过程：用工具箱的“文字工具”打上文字后，再用变形工具的“扭曲”来做透视效果，然后将文字ctrl+J（复制）数层后，利用添加图层样式等加上渐变等做成3D立体效果。 最终效果（如下） 1、首先 先新建文档 800*600像素 分辨率：72像素 背景：白色 2、在界面中输入黑色文字（设置如下），设置字体：创艺简标宋 大小：68点 间距：50