推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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
最新发布
用Illustrator制作趣味剪影效果文字设计教程
本篇教程主要使用用AI制作趣味剪影文字效果，希望大家可以喜欢。先来看看我们制作出来的效果图：具体的制作步骤如下：一. 如何创建新文档并设置网格1. 首先，我们新建文档，宽度850px，高度900px，颜色模式RGB。2. 执行"视图">"显示网格""对齐网格"。3. 执行"编辑>首选项>参考线和网格>"。4. 设置网格线间隔为10px，次分隔线为1。
广告海报设计：用PS设计山地自行车宣传广告图片设计教程
本教程主要使用PS来设计冬季为主题的山地车广告作品,整体以冰天雪地为背景来完成装饰,推荐给教程网的朋友学习,希望大家可以喜欢.最终效果1、打开【ps】，拖入背景图，添加【黑白】，降低不透明度80%。2、拖入冰川素材，调整位置和大小，添加【蒙版】，使用【画笔工具】黑色，涂抹擦除。3、新建图层，填充蓝灰色，按住【alt+单击图层间】创建剪切蒙版，混合模式改为【叠加】。4、拖入手电筒、北极熊素材，按住【alt+shift】同比例缩放，【ctrl+单击缩略图】调出选区，使用【画笔工具】蓝灰色涂抹，【ctrl+d】取消选区，混合模式改为【叠加】。
5种方法让照片更有质感的Photoshop图片处理教程
我们在拍摄照片的时候，经常都会听到一个词：质感。这个词似乎就和“毒”“德味”一样，成为了摄影圈中又一个玄乎的名词。实际上，质感是可以科学解释，并且在前后期中控制好的。由于是在城市风光教程系列中，因此本教程会着重建筑物的质感。相对于其他物体，建筑物的形状相对规则，也是比较好作为教程展示的。其中很多原理，对于其他拍摄物同样适用。首先来看看百度百科对质感的定义：物体通过表面呈现、材料材质和几何尺寸传递给人的视觉和触觉对这个物体的感官判断。说得通俗点，让物体有质感，就是让物体的光影、明暗对比强烈，让物体的立体特征在平面的照片中呈现出来。方法一：提高照片整体对比度优点：快速简单缺点：不能大幅度调整说到明暗对比强烈，很多人会首先想到提高对比度，高级一点的会想到S曲线
使用Photoshop图章工具去掉图中的水印教程
原图及效果图1、把下面的原图素材保存到本机，打开PS软件，再打开保存的素材。2、先来分析一下水印所占区域：天空部分的水印比较好处理，人物头盔部分的比较难处理。3、新建一个图层，命名为“天空”。4、在工具箱选择“仿制图章工具”，在属性栏把不透明度及流量都设置为100%，样本选择“所有图层”，如下图。
场景合成，使用PS软件制作悬浮的房屋场景图片合成教程
本教程主要使用photoshop合成被巫师作法悬浮的房屋场景教程，除了令人毛骨悚然的悬浮房屋，你会掌握如何创建一些非常酷的3D风格的字体效果，如何有效地结合你的场景，以及如何使用透视线的角度，喜欢的朋友让我们一起来学习吧。 最终效果 1、新建1300 * 1833 px，分辨率为150 px文件。 2、把素材拖入文档，调整位置。 3、创建图层蒙版，擦除衔接位置，使画面更加融合。 4、给乌云层新建曲线调整图层，创建剪切蒙版，分别设置红绿蓝。
卡通图片，PS鼠绘画出大头乌龟卡通形象图片
本篇教程将非常详细的教大家如何使用PS绘制出一只萌萌的大头乌龟卡通形象。 首先来看看效果图吧! 从效果图上看似要画这只乌龟好像有点难度，其实操作起来并不会的，都是运用到PS里的简单工具。OK，我们开始吧! 1.首先新建画布800*600px,然后画个矩形双击图层做渐变叠加，填充颜色如下： 2.接下来我们就开始画乌龟的身体。 2.1 先画出下面这个龟壳的大致形状，然后加渐变。 2.2 加上一块一块龟壳的形状，加阴影，加光。
火焰字体，Photoshop制作梦幻效果的彩色火焰字体
本教程字*作有点类似涂抹火焰字效果。不过作者又很多改进的地方。如：颜色用了彩色渐变，涂抹火焰的时候可以任意发散，最好还加了描边效果及装饰等。整体看上去非常漂亮，梦幻。 最终效果 1、新建一个大小自定的黑色画布，用白色打上你喜欢的文字。 2、复制图层，把下面那个先隐藏，然后栅格化该字体图层。 3、执行：滤镜 > 模式 > 高斯模糊，数值为4。 4、选择涂抹工具，强度设置为40%，然后沿着字的边缘开始涂抹，效果如下图。
金属字体，PS打造超酷燃烧金属字体效果图片
本教程详细介绍超酷金属字效果的制作方法，思路：作者和巧妙的把金属字跟火焰字效果结合起来，金属的高贵加上背景火焰的衬托，感觉非常壮观。 最终效果 1.新建一个800 * 600像素的文件，背景填充为黑色，然后打上灰色的文字，字体大小自己把握，再删格化图层。 2.载入图层1选区，选取通道按红筐里的工具，就会得到Alpha1图层，填充为白色，然后进行4次高斯模糊，数值依次为：8,4,2,1。回到图层1，高斯模糊一下数值为1 3.对图层1执行：滤镜 > 渲染 > 光照效果，参数设置如下图 4.再按Ctrl + M调曲线，参数设置如下图