推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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
最新发布
美图秀秀拼图怎样才能做到无缝拼图
美图秀秀拼图怎样才能做到无缝拼图？当我们想要达到一张图呈现两张或者多张图效果，就会用到美图秀秀的无缝拼图功能。下面为大家带来美图秀秀无缝拼图教程图，一起看看吧!美图秀秀怎么无缝拼图?1、运行美图秀秀，在主界面上选择拼图工具。3、添加你需要拼接的图片。。4、如果图片添加少了，还可任意继续添加图片，根据需要切换拼接的模式，横版或竖版，图片下面为竖版与横版的对比。5、根据需求还可选择边框的大小，也可以消除边框，边框大小那滑到0就无边框了。片的对比。6、拼接好后，最后就调整图片需要的尺寸。。
PS制作蜂窝霓虹图案效果的金属艺术文字
教程中的文字直接使用了蜂窝纹理图案，用图层样式增加金属质感；然后在边缘及局部增强高光；再在边缘加上金属描边，得到想要的效果。推荐给思缘的朋友学习，希望大家可以喜欢。最终效果 1、打开PS软件，按Ctrl + N 新建文件，尺寸为1000 * 700像素，分辨率为72像素/英寸，如下图，然后确定。 2、在工具箱选择“渐变工具”，颜色设置如下图，然后在属性栏选择“径向渐变”。
PS制作梦幻宇宙中的彩色星云文字
效果图的文字部分基本上没有经过特殊处理，作者只是给文字边缘，背景等部分增加了一些烟雾，星光，光斑等装饰，这样整体效果同样非常漂亮。最终效果 一、打开Photoshop，根据海报需要新建画布，尺寸为1500px*2000px，分辨率为72dpi，填充背景为暗灰色。设置如下图所示。 二、下载烟雾笔刷，移放到画布左下角，烟雾飘逸方向朝向右上角，呈对角线分布。设置烟雾混合模式为滤色，降低不透明度到15%。效果如下图所示。 三、在图层面板中新建一个图层，用笔刷工具分部设置紫色、青绿色和粉红色如下图绘制。
用PS制作艺术唯美霓虹光效文字图片
本教程主要使用Photoshop制作唯美的霓虹光效艺术字教程，这个教程在几年前有人翻译过，但是当初没有给素材，而且界面全部都是英文版，今天飞屋睿UIdesign老师使用中文版有重新制作了一遍，喜欢的朋友可以跟着教程一起来学习吧。 自己动手操作过类似霓虹效果广告图制作和打造冷酷的金属质感符号这类教程的同学也许会深深明白，如果用暗夜星空氛围打造光感效果的确是非常炫目的。特别是在制作海报或广告时，氛围的营造有时就得靠这种暗夜里光感来震撼到观众。 今天我会教大家一个教程，可以说是这个教程是前面我提到的两个教程的融合。另外，在此教程中，我们会用到此前教程使用的方法，还会介绍一些新技巧运用。还是那样一句老话，最终效果不是目的，最重要是制作过程中，大家能乐在其中就好。 在此，我是用西文来作为案例使用的，中文也可以采用此种效果，只是由于中文的笔画方向往四个方向散开，制作的时候需要颇费些心思才可以把握住文字的协调性。
制作立体霓虹灯光艺术文字图片的PS教程
简单但效果超棒的PS教程，今天的教程只要12步，就能做出一个质感丰富的3D荧光灯字体，附上动效教程，秒变高端大气。下面就让我们一起来学习吧，有什么不懂的地方可以下载源文件查看。 这次做的是一个暗色背景，用的是一个数字“2”来模拟荧光灯开灯的效果，笔者简单做了一个排版和气氛烘托，效果图如下：开灯后 动图 未开灯时
制作弯曲圆滑紫色立体文字效果的PS教程
立体字制作难点有两个。首先是透视部分的设置，这一步比较关键，最好找一些素描方面的资料了解透视原理，这样做出的透视就非常真实。第二个难点就是光源的设定，然后根据光源去渲染高光和暗部。掌握了这两个知识点，制作任何立体字都会很容易上手。 最终效果 一、新建一个1000 * 600像素的文档，选择渐变工具，颜色设置如图1，然后由中心向边角拉出图2所示的径向渐变。 二、打开文字素材，拖进来。也可以自己设定文字并拉好透视。 先来制作“5”字。用套索工具把“5”选取出来并复制到新的图层。锁定图层透明度像素，选择渐变工具，颜色设置如图4，由底部向上拉出图5所示的径向渐变。
用PS合成唯美草原上面的奇幻场景图片
本教程不管是创意还是画面的整体效果都是一流的。用到的素材也不是很多，每一幅素材都是精挑细选，然后再精心组合并渲染，做出的画面非常梦幻及唯美。最终效果 一、 创建一个新文件，大小为900px*1200px，填充背景图层为白色，然后创建一个新图层，使用渐变工具在图中由上至下拖到鼠标，填充一个颜色#00eaf7到透明的线性渐变效果，如图所示。 二、再创建一个新图层，使用较暗的蓝色，再填充一个线性渐变效果，如图所示。 三、之所以使用两个图层来填充渐变效果，主要是为了更方便地对每种渐变效果进行调整。
合成天外陨石撞击大楼爆炸图片的PS教程
本教程重点介绍如何制作爆炸效果。需要把爆炸时一些碎片及火焰等效果渲染出来，可能会有一点繁琐，不过掌握好方法后，制作起来也不是很难。大家可以多尝试一下。 最终效果 原图 一、打开原图复制背景层（ctral+j）更改图层名字为去顶（名字大家随便起）。这里我要把去顶这一层的楼顶用ps的工具抹去，按后为该层添加一个蒙版用几个特别的笔刷擦出撞击事件参差不起的碎片感。具体步骤如下。
PS合成梦幻宇宙星空背景的城市照片
本教程主要介绍利用素材及笔刷合成一幅完美的夜空图。有些参数及设置的具体参数作者没有提供出来，我们只能大致了解作者做图的方法和常用的特效制作方法。最终效果 一、用PS打开一张风景照片。用加深工具将风景中的小山全部加深以便于我们以后在此处放置建筑图片。 结果如下所示 二、拖动城市风景照片到当前图像中来。重新调整好大小并把它放到合适的位置。您也可以把它放置在您所喜欢的位置处。结果如下所示:
PS怎样合成造型可爱的草莓房屋照片
作者制作的效果图非常有创意，用新鲜的草莓来制作房子。真个制作过程不是很复杂，不过要用到一些3D渲染相关的技术。需要调整草莓局部的明暗增强质感，同时还需要用一些素材给房子加上门、窗、台阶等装饰。需要自己细心去调整。 最终效果 一、打开我为大家准备的素材1。效果如图。 二、仔细观察素材1我们发现：近处的草地是比较清晰的，呈现的是一种绿绿的感觉，远处的树木由于有雾以及蒸汽呈现黄黄的感觉，这种色彩搭配还算是可以，但是差别有些太大了，我们要对它进行一个色彩平衡，让左上角的部分也稍微呈现那么一点点的绿颜色，这样子画面的上下两个部分就可以呼应起来了。 三、打开素材2，将我们可爱的草莓放在自己喜欢的位置。