推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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制作下雨的动态效果
今天给大家分享一个PS制作下雨动态效果图的案例教程，制作过程比较简单，适合刚刚学习的小伙伴，主要是运用滤镜中的一些效果做成雨丝，在使用时间轴动画做成动态效果，下面就来看看具体的操作步骤吧效果图1、滤镜：主要是在于制作的各种效果，滤镜里分类比较多，就不能一一介绍其功能效果，小伙伴们可以一一尝试，看看不同的功能做出什么不同的效果2、时间轴：通过时间轴记录图层的不同变化，保存后得到动态效果1、打开PS将准备好的背景图片放入；2、点击图层下方的新建图层按钮，新建图层，更改前景色为黑色，Alt+Delete键给新图层填充黑色；3、在上方菜单栏执行滤镜－杂色－添加杂色，弹出对话框后勾选单色、平均分布，数量根据实际情况而定；4、接着继续执行滤镜－模糊－动感模糊，弹出对话框后调整角度78、距离根据实际效果而定；5、在下方找到色阶，拉动左右滑块显现雨丝效果；6、按住Shift+Ctrl+Alt+E得到新的盖章图层，并命名为雨丝，隐藏曲线图层和图层一；
PS给瀑布增加流水效果
今天给大家分享一个PS给瀑布增加流水效果的案例教程，制作过程简单易懂，主要是运用滤镜工具做出流水效果，在使用时间轴来增加动画效果，下面就来看具体的操作步骤吧效果图1、滤镜：主要是在于制作的各种效果，滤镜里分类比较多，就不能一一介绍其功能效果，小伙伴们可以一一尝试，看看不同的功能做出什么不同的效果2、时间轴：通过时间轴记录图层的不同变化，保存后得到动态效果1、将准备好的背景图片放入PS中；2、执行选择-色彩范围，设置容差为100，选中瀑布的选取；3、得到选取后，使用快速选择工具，选用上方第三个工具，去除画面中不属于瀑布部分的选取；4、按住Ctrl+J快捷键复制出瀑布选取，得到图层1；5、继续按住Ctrl+J复制瀑布，7次，共得到8个瀑布图层；
PS如何制作可爱字效果？可爱字体设计教程
今天给大家分享一个PS制作可爱字效果的案例教程，PS是一款强大的绘图软件，在设计行业、摄影行业等都有涉及，PS的功能也是很强大的，可以做出很作好看的效果图，下面就来看看可爱字效果的的制作步骤吧效果图素材图1、文字工具：在PS文档中输入相应的文字，并选择相应的字体、字号、颜色等；2、图层样式：可以对选中的图层添加投影、浮雕等效果；3、椭圆工具：用于绘制圆形图案，按住SHIFT键不放，可以绘制正圆；1、将准备好的背景素材放入PS中；2、使用左边工具栏的文字工具输入相应文字，字体选择：Cooper Std；
PS制作火焰文字的案例教程
今天给大家分享一个PS制作火焰文字的案例教程，本次案例主要通过图层样式、以及添加火焰素材来完成的，接下就跟随小编来看看具体的操作步骤吧。案例效果图1、首先，新建一个600*400px的画布；2、将画布填充上黑色，输入文字；3、双击文字图层，弹出图层样式，设置外发光的参数；4、设置颜色叠加，色号为#cd7e2e；
如何制作冰雪文字效果？PS制作冰雪字教程
PS是一款强大的制图软件，往往能制作出很多好看的图标、美化图片、摄影后期图、广告设计修等；今天给大家分享一个ps制作冰雪文字的案例教程，制作过程较为复杂，小伙伴们认真按教程来学习哦，主要是运用滤镜面板里的功能，下面就一起来学习学习啊效果图1、文字工具：在PS文档中输入相应的文字，并根据相应的需要选择字体、颜色、色号等2、图层样式：双击图层，可弹出对话框；根据需设置浮雕、投影等效果1、新建一个600 * 600像素，分辨率为72的画布，背景填充暗蓝色，并输入相应的文字将其栅格化；2、接下来我们将文字跟背景分别复制一层；3、选择两个图层，将其合并图层；4、选中图层2，执行菜单：滤镜-像素化-碎片，按Ctrl + F 键两次，加强碎片效果；5、再执行菜单：滤镜-像素化-晶格化，按Ctrl + F键3次加强晶格化效果；
PS制作金属燃烧的火焰字
在本PS教程中，我会告诉你用PS图象处理软件创建一个金属燃烧的文字效果的步骤。这是一个初级的Photoshop教程和步骤是很容易的，让我们来试试吧！一路上，我们将通过一些纹理添加到您的文本的基本方法，也练习使用图像调整图层和不同的图层混合模式。这里是我本教程的最终效果预览：Step 1创建一个新文档，大小1200px * 600px的黑色背景，画布上键入一些文本，如下图所示：应用这个文本层以下的层混合选项：内阴影
PS制作透明水晶字的案例教程
今天给大家分享一个PS制作透明水晶字的案例教程，水晶字的制作方法有很多，最常见的就是运用图层样式的方式，接下来就让小编教大家怎样用一个图层做出水晶字的效果吧案例效果图1、首先，将我们准备好的素材放入PS中；2、输入文字，调好大小、间距等；3、将文字图层的填充降低为0%；4、双击图层，设置斜面与浮雕的参数，改变字体表面的形态；
PS制作非常逼真的折叠字效果教程
折叠字效果是一些艺术海报上看到带有折叠的立体效果，在PS设计中需要突出文字部分应用尤为广泛，若能学会折叠文字设计教程并运用这些技巧也可提升设计灵感，但知道怎么制作逼真的折叠字效果，下面我们就一起来看一看PS制作非常逼真的折叠字效果吧！最终效果图制作折叠字教程步骤1、首先打开PS软件工具添加一个画布，画布添加相应的文字：PSDEFH；2、在打开的文字图层上方添加一个新图层；3、在工具栏用用选框工具绘制出一个选区，并使用渐变工具绘制颜色，颜色为纯黑色至透明；
PS如何制作变形文字效果案例教程
变形文字是指对创建的文字进行变形处理后的文字，文字效果更多样化，PS为用户准备了15种变形样式，分别为扇形、下弧、上弧、拱形、贝壳等。下面就来看看详细的操作方式吧效果图1、首先使用横排文字工具在文档窗口创建文字；2、在横排文字工具属性栏中单击“创建文字变形”按钮；3、在弹出“变形文字”对话框选择合适的变形样式；4、选择变形类型后，在“变形文字”对话框中显示相应的参数并进行设置；
PS如何制作公路上文字透视效果？
今天给大家分享一个PS如何在公路上制作出文字透视效果的案例教程，相信小伙伴都经常看到马路上减速标语或者其他标示，那用PS怎么制作出这种效果呢，下面就来看看具体的操作步骤吧效果图1、文字工具：可在PS文档中输入相应的文字2、自由变换：可以改变图案的尺寸大小、形状变化等1、将素材图片放入PS中；2、使用文字工具输入相应的文字；3、在图层面板点击鼠标右键将文字转化为形状；4、按住Ctrl+T自由变换，将文字稍微压扁一些，文字太长显得不美观；5、点击鼠标右键透视，按住shift进行拖动，拖到合适的位置；