推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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制作玻璃墙后的人像特效
将漂亮美眉的照片使用photoshop处理成玻璃后面的效果很有意思，如下面的几张图片。很多朋友都在询问怎么做这种效果，我就写了制作步骤，做得比较马虎，大家掌握方法就好。 方形玻璃砖效果 花玻璃效果 凹凸图案玻璃效果 步骤一: 选取区域，按下ctrl+j 图1
Photoshop绘制内卷爆炸视觉特效
1.在Photoshop中新建一个文档，设置如下，大小可以自己改变。 2.设置前景色为H: 210, S: 100, B:85，(颜色较深);背景色为H: 210, S: 60, B: 100。(颜色较浅) 3.然后使用渐变工具，渐变颜色是前景色到背景色，然后按住SHIFT，从下到上进行渐变填充。 4.创建一个新图层，然后按D设置默认颜色。然后执行云彩滤镜，接着继续执行分层云彩滤镜，然后按Ctrl+F重复应用，我大约按了8次，效果如下。 5.然后按Ctrl+L调整色阶。 6.复制该图层，执行“滤镜”->“风格化”->“突出”，设置如下。
使用Photoshop打造蒙太奇效果
1.蒙太奇效果是很简单的，你一共只需两个工具：画笔工具[Brush Tool]、层遮罩[Layers Masks]。选定一组你想要放到一起的图片，在此之前建议你做一件事--增强图象。将所有你选定的图片置于同一张画布里，换句话说就是放到同一个文件里。这里是将最大的那张图片作为画布。 3.选用画笔工具[Brush Tool]，并采用比较大的笔刷，半径大概190像素。没有的话自己创建一个。然后，选择层遮罩，记住是层遮罩，不是那一层。即点右边的那个缩略框。用画笔工具在模特头部的四周涂抹，最后如图所示。 在合适的范围内，你加得越多越能吸引人们的眼光，不过别忘了你所要表达的主要的东西！！
Photoshop绚丽特效 设计月亮下舞动心灵
打造月亮之下舞动的心灵。先看一下效果： 效果图 下面我们将通过制作一个以图形视觉为主的视觉作品来学习怎么样通过位图图象素材来得到一个图形素材。 新建大小为960×1381大小的文件，选择渐变工具，使用深黄（ad6a02）到淡黄（fee8bd）渐变来填充背景。 新建文件，用渐变色填充 选择椭圆工具，在图象中绘制如图所示路径。 椭圆工具绘制路径
Photoshop特效：地震后的道路
原图如下，我们用Photoshop把路面制作成地震之后的糟糕效果。 执行液化滤镜，使用“向前变形”工具，做成如下图。 按Q键进入快速蒙板，然后执行分层云彩滤镜，效果如下。 按Q键退出快速蒙板，然后创建一个层，填充为任何色彩都可以。 按Ctrl+T垂直调整，效果如下图。
真假世界 Photoshop打造照片的迷幻效果
大千世界变幻多端,今天我们就让你体会一下迷幻的世界。 先看一下对比效果： 打开原图，复制背景层： 进入通道，点击蓝通道，执行“选择”=>“色彩范围”，用吸管点击蓝天空： 保存选区后，直接用鼠标点击RGB通道
Photoshop制作超酷宇宙光特效
本文中我们用Photoshop绘制一个超酷的宇宙光特效。图文比较详细，大家可以仔细看看步骤。 先看效果图: 步骤:1.新建一个黑色背景文档，执行"滤镜/杂色/添加杂色"，然后调整"亮度/对比度"和"色相/饱和度"，得到如图所示结果
用Photoshop打造好莱坞电影特效照片
本教程是关于如何使用photoshop把照片处理成电影效果，使照片更特别，更具艺术效果。原文作者使用的是photoshop的英文版工具，但只要网友参照文字描述再结合图片还是可以学懂的，希望本文能给您带来帮助。 我们先看看原图和效果图： 原图 效果图1 效果图2 照片调色 1、按crtl+u打开“色相/饱和度”窗口，饱和度为“-76”