推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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动画制作14讲（4）动画的设计思维
通过前面3课的学习，我们已经掌握了制作动画的方法，尽管做出来的动画还十分简陋。还记得学习基础部分的时候，曾在很长一段时间内接触的都是单一的色块吗？那并未影响大家现在的水平发挥。同样的，很快我们就要开始制作较为精细的动画了。但是在这一切到来之前，大家还必须学习一些必备的设计思维。所谓设计思维就是指在制作动画前的规划考虑，这规划包括很多方面。首先讲一下图层的组织，最终的成品动画是不包含图层信息的。这里所说的图层仅指制作中。对于利用图层位置变化来制作的动画而言，有一个显而易见的问题就是必须合理安排图层，因为移动的最小单位是图层，因此如果需要制作多个运动轨迹各异的物体时，它们就必须分布在不同的图层中。也需要事先考虑好移动的距离，图像的尺寸以及摆放的位置需要为移动留下足够的空间，这是其一。其二就是考虑好是否会与其他图层相交，以及相交时候的处理，谁遮盖谁，也就是图层的层次安排，如下图中就列出了3种相交的方式，最左边的是两个图层均为100%时候，绿色覆盖红色。另外两个则显示了在50%的不透明度下，不同层次造成的不同覆盖效果。如绿色遮盖红色，那么相交部位就偏绿，反而反之。这都是在正常混合模式下，如果选择了其他的混合模式如叠加等，就要更加注意层次。以上说的都是技术问题，现在来说一下情节方面的问题。一般来说，如果一个物体始终都在图像中运动，则无需对其进行交代。但如果物体原本不在画面中，是后来进入画面的，或原本在画面中后来移出了画面，则需要对物体的出现和消失做一个交代，这个交代就是过渡，让观看者有一个比较自然的心理转变。常见的手法就是让物体逐渐显现(也称淡入)或逐渐消失(也称淡出)。如下图所示，演示了在同样的一个文字移动中，是否采取淡入和淡出处理的效果对比。可将鼠标移入到播放区观看实际的动画效果，移出播放区将停止播放。通过比较，相信大家都会觉得添加了淡入淡出处理的效果更好。播放范例动画1 播放范例动画2除此之外，循环设定也是属于情节方面的问题，这个我们其实在之前有提到过，就是有些场合下可以使用无限循环的动画，而有些场合则不适合。比如一个栏目标题文字淡入的动画，如果不断地重复，就会使得网页整体看上去显得很乱，会令观看者感到不舒服。此时最适合的做法就是播放一次，这样既可以展现效果，又不会影响网页整体。设定为2到3次的循环一般也可接受，再多就不好了。不过只播放一次的动画最好是放在网页的上部，这样一进入网页就可以看到。如果放在网页底部，可能观看者阅读到该处时动画已经播放完了。那样的话就制作动画就没有意义了，还不如就用静态的图片代替。播放范例动画3 播放范例动画4
巧用蒙版素材制作爱情签名[
教程部分：1.打打人物图片按Ctrl + J 复制一层把图层混合模式改为“柔光”，然后再按Ctrl + J 复制，按Ctrl + E 合并所有图层效果如图22.打开蒙版素材直接拖进来适当的改边大小，并放好位置，把图层混合模式改为“变亮效果如图3”其他步骤请参照下图（其中作者有几次用到笔刷如果你没有安装请点这里下载）
制作光彩照人的个人艺术照
.给照片一个基调，就像给妆面扑一道粉底一样.直接新建一个图层，填充你所喜欢的颜色，用蒙板均匀檫出层次。合并所有图层为背景层.（小技巧：如果觉得自己擦的不匀称，可在蒙板中执行滤镜中的高斯模糊，就会很自然的过度了。）4.给照片添加些饰品.就是增加画面的画意感觉.照片中带了小花，你可以点这里下载花朵笔刷,一般人都喜欢浪漫。当然，花是很容易表现出浪漫的氛围.选些小花的图片.用一张与基调颜色相近的图片，用柔光直接将花点缀在背景层中，注意层次和虚实变化. 5.为配合画面的整体性，可适当的对造型中的头饰做些变化。我是直接选用素材重点花.并且这样还可以拉出层次关系.6.现在大的反差关系出来的,差一个中间层次.将素材直接用于最上面一层.适当给点图层透明度.用蒙板擦出层次,同样要注意虚实变化. 8.其实画面到这里就可以了,为了给画面添加点生命力,添加点感情,加入适当的文字修饰.我觉得一长好的画面是会说话,会讲故事的.