推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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
最新发布
PS制作3D出屏效果的案例教程
今天给大家分享一个PS制作3D出屏效果的案例教程，其实不难，通过简单的合成效果就能做出来，主要是运用抠图、图层蒙版工具，下面就来看看具体的操作步骤效果图制作3D出屏效果步骤1、将图片素材放入PS中，并复制出一层；2、将手机素材放入PS中，调整好大小；3、使用魔棒工具选中白色部分并将其删除；4、在手机层上添加图层蒙版，用黑色画笔将手机边隐藏，将鹿角显示出来，这样有种把鹿拍照到眼前的立体感；5、最终效果图；
PS打造图片层叠切割的案例教程
今天给大家分享一个PS打造有意思的图片层叠切割的案例教程，简单好看，主要是通过矩形工具、图层样式来实现的，下面就来看看具体的操作步骤吧原图效果图1、矩形工具：用于绘制矩形图案，按住SHIFT键不放，可以绘制正方形矩形2、图层样式：制作浮雕、描边、投影等效果，增加立体感1、将图片放入PS 中，按住ctrl+j复制一层；2、在图层下方找到新建图层按钮，新建一个空白图层，并按住ctrl+delete键将其填充灰色；
PS怎么把图片合成双重曝光特效？
今天给大家分享一个PS合成双重曝光的案例教程，即好看有简单制作的图片美化效果，原理是将两张或多张图片叠加而成，主要运用画笔、图层蒙版、色阶等工具在制作而成，操作步骤简单，下面就来看看具体的操作步骤吧。效果图1、画笔工具：通过定义画笔的形状、颜色等在画布上涂抹出任意形状2、图层蒙版：对该图层遮挡和显示处理，在图层蒙版上填充黑色为隐藏，白色为显示3、色阶：是指图像的明暗显示信息，由3个滑块控制，黑色三角代表暗部，白色三角代表亮部，灰色三角代表中间调1、首先，新建一个600*800的画布大小；2、将人物素材放入PS中；
PS如何制作炫酷火焰人物效果？火焰特效创意合成教程
今天给大家分享一个PS制作炫酷火焰人物的案例教程，在本次教程中主要给大家讲的是人物装转为素描效果，在使用图层样式制作燃烧效果，最后再加入一些火焰元素制作而成，下面就来看看具体的操作步骤吧效果图1、图层样式：可以对选中的图层添加投影、浮雕等效果1、将素材图片放入PS中，Alt+Shitf+CtrI+B处理成黑白效果；2、按住CTRL+J复制一层，并将图层混合模式改成颜色减淡；3、执行菜单栏-滤镜-模糊-高斯模糊，数值根据实际效果而定；4、按住Ctrl+Shift+AIt+E盖印；5、按住Ctr1+I反相，得到一个类似黑板的效果；6、在图层下方找到曲线，将曲线网上提，提亮画面；
PS制作人物文字效果
今天给大家分享一个PS制作人物文字效果的案例教程，制作过程简单易学，主要通过文字工具跟剪切蒙版制作而成，下面就来看看具体的操作步骤吧原图效果图1、文字工具：在PS文档中输入相应的文字，并选择相应的字体、字号、颜色等；2、剪切蒙版：根据下方图层的形状来显示当前图层效果；1、首先，将扣好的人物素材放入PS中；2、使用左边工具栏的文字工具框选出画布；3、然后在文字选框中输入任意文字，将其填满，文字字号稍微小些；
PS给图片换背景的案例教程
今天给大家分享一个PS给图片换背景的案例教程，主要是通过魔棒工具选中背景再替换颜色来实现的，操作步骤简单，下面就看看具体的操作步骤吧原图效果图1、首先准备好的图片素材放入PS中；2、在左边工具栏中找到魔棒工具点击下背景得到选区；3、弹出颜色窗口，任意选择一个合适的颜色；4、按住ctrl+delete键填充颜色；5、再按住ctrl+d键取消选区；
PS如何给蓝色证件照换背景颜色?
今天给大家分享一个PS给证件照换背景颜色的案例教程，主要是运用快速选择工具、图层的运用等来完成的，下面就来看看具体的操作步骤吧。原图效果图1、首先，将准备好图片素材放入PS中；2、在使用快速选择工具选中人物；3、按住ctrl+j键复制出人物图层；4、在人物图层下方新建图层，并填充颜色；5、最终效果图；
如何给汽车换背景图片？PS抠图换背景教程
如何给汽车换背景图片？PS抠图换背景教程原图效果图1、首先，将准备好的图片素材放入PS中；2、在使用左边工具栏的快速选择工具选中车辆；3、按住ctrl+j复制出图层；4、再将准备好背景图片放进来；5、得到最终的效果；
秒抠印章 PS秒抠印章案例教程
今天给大家分享一个PS秒抠印章的案例教程，既然是秒抠，自然是很简单的了，就不过多介绍了，直接进入正题吧原图效果图1、色彩范围：通过在图像中指定颜色来定义选区，并可通容差来扩大或减少选区；1、首先，将准备好的素材图片放入PS中；2、接着执行上方菜单栏的选择--色彩范围的指令；3、使用第一个吸管吸取印章颜色，并调整颜色容差来控制选区的大小；4、得到选区后按住ctrl+j快捷键复制出来，再将背景图层隐藏，就可以看到抠出来的印章了；5、看看最后的效果结语，到这里，PS秒抠印章的案例教程就结束了，看完之后是不是很简单，有没有蠢蠢欲动的感觉，赶紧动手试试吧
利用PS蒙版工具更换图片背景颜色教程
今天给大家分享一个PS蒙版更换背景颜色的案例教程，主要是通过魔棒工具选中背景，在利用图层蒙版的特性来实现的，下面就来看看具体的操作步骤吧原图效果图1、首先，将准备好的图片素材放入PS中；2、接着点击图层下方的图层面板按钮进行添加；3、在使用魔棒工具选中背景；4、将前景色调整为纯黑色；5、点击图层后的蒙版，按住ctrl+delete键填充颜色，得到如下图效果；