推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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如何添加锚点、删除锚点和变换路径
锚点是路径节点上的标志点，可以控制路径的曲率方向，下面将对如何添加和删除锚点操作进行详细讲解；1、创建路径后，如果发现路径中锚点较少不能满足需要，可以添加锚点。在工具箱中选择添加锚点工具；2、此时光标变会发生变化，在路径中需要添加锚点的地方单击，即可添加锚点；1、如果路径中的锚点过多，可以删除锚点，在工具箱中选择删除锚点工具；2、此时光标改变了形式，在路径中需要删除锚点的位置点击，即可删除锚点；1、路径的变换类似于图层的自由变换操作。绘制路径后，在“ 路径”面板中选择相应的路径；2、然后按下Ctrl+ T组合键，出现定界框后即可对路径进行自由变换操作；
基础教程 PS如何填充和描边路径
绘制好路径后，读者可以为路径添加描边和填充颜色。通过对路径进行填充和描边，可以美化路径或者有效地将其与其他路径区别开。填充和描边后，路径并不会发生改变,下面将对如何进行路径的填充和描边操作进行详细讲解：1、填充路径的内容可以是颜色，也可以是图案。绘制路径后，在“路径”面板中选中需要填充的路怪井右击，在弹出的快捷菜单中执行“填充路径"命令；2、在弹出的“ 填充路径”对话框中进行参数设置；3、设置完成后单击“ 确定”按钮，在文档窗口中可以看到路径已经被填充；1、描边路径是沿着路径的轨迹绘制或修饰图像。绘制路径之后，在“路径”面板选中需要描边的路径并右击，在弹出的快捷菜单中执行“描边路径”命令；2、在弹出的“填充路径”对话框中进行参数设置；3、设置完成之后单击“确定”按钮，在文档窗口中查看描边路径的效果；
PS创建段落文字教程
在前一篇教程中，我们一起学习了ps横排文字工具和竖排文字工具的基本使用方法，学会了在图片上简单的打字。但这种排版方式只适合输入一行（列）文字，换行（列）时需要手工敲回车键，这种输入方式被称作“点文字输入”，输入的文字叫“点文本”。当我们要输入大量的文字且要换行的时候，只靠回车来换行的话可能调整起来就会非常麻烦，特别是增加文字或减少文字后。因此就需要另一种非常方便的创建段落文字的方式。可以自动换行、调整文字区域的大小，常用在大量文本排版中，适合海报、画册等设计。相信学完了教程后，段落文字的创建和调整会变得轻而易举。1、单击工具箱中的“横排文字工具”按钮，在选项栏中设置合适的字体、字号等参数，如下图：2、鼠标移动到图像上，按住鼠标左键拖拽绘制出一个文本框，接着在文本框中输入或者粘贴一段文字，我们会发现文字会按照文本框的宽度自动换行。如果文字较多时，文本框展示不出来所有的文字，这时候文本框的右下角的拖动点会变为“田”形状。如下图所示：此时可以拖动文本框的控制点，调整文本框的大小，使文字全部显示出来。如下图所示：3、调整完成后单击工具栏中的“√”按钮或者使用Ctrl+Enter快捷键完成对文字的编辑。如下图所示：“点文字”与“段落文字”的转换：如果当前选择的是点文本，可执行“文字”→“转换为段落文本”菜单命令，可以将点文本转换为段落文本；如果当前选择的是段落文本，执行“文字”→“转换为点文本”菜单命令，可以将段落文本转换为点文本。如下图所示：结语：“段落文字”是以“文本框”为界限，想要调整段落文字位置或多少，只要拉动文本框边界点即可。文字输入可自动换行（列），并可设置段落前缩进等文本编辑功能。“点文字”适合做标题和少量文句，段落文字适合大段的文章，常用于图文排版。因此在以后的设计中我们可以根据具体的需求来选择使用什么样的文字创建方式并可以相互转换了。
PS文字蒙版工具怎么用？
在“文字工具组”中除了横排文字工具和直排文字工具，还有横排文字蒙版工具和直排文字蒙版工具。ps文字蒙版工具的作用是直接用来创建文字形状的选区，然后方便对文字选区进行填充等操作。那么本教程就和大家一起来学习文字蒙版工具的使用教程。文字蒙版工具的使用教程：1、用Photoshop打开一张图片，在工具栏的“文字工具组”点击鼠标右键，在弹出菜单中选择“横排文字蒙版工具”来进行示例，如下图所示：2、在选项栏中设置合适的字体、字号等参数，然后在图像中点击鼠标左键，此时图像中会被蒙上一层半透明的红色蒙版，此时输入文字可以看到文字区域并没有红色蒙版，如下图所示：3、按住Ctrl键，文字蒙版的四周会出现和自由变换类似的界定框，此时可对该文字蒙版进行移动、旋转、缩放、斜切等操作，这里我们进行旋转一下，如下图所示：4、在选项栏中点击“提交当前编辑”按钮（“√”按钮）后，文字变成了选区，该选区形状和文字形状完全一致，如下图所示：5、得到文字选区后，就可以对其填充前景色和背景色以及渐变色等，在这里我们使用渐变工具对该文字选区进行渐变填充 ，填充完成后按Ctrl+D取消选区，如下图所示：在使用文字蒙版工具输入文字时，鼠标移动到文字以外区域时，光标会变成移动状态，这时按住鼠标左键并拖拽即可快捷的移动文字蒙版的位置。当然如下图所示：PS文字蒙版和文字工具的区别：文字蒙版工具使用完成后得到的是文字选区，而文字工具使用完成后还是文字图层。结语：我们学习的文字蒙版工具包含“横排文字蒙版工具”和“直排文字蒙版工具”，其选项栏的功能和用法与“文字工具”基本相同，这里就不在赘述，不太明白的同学可以去点击蓝色超链接字体进入相关教程学习。
学习PS可以做什么工作？应该如何正确学习PS？
学完PS可以做什么工作？应该如何正确学习PS？PS学习路径是什么？这几个都是想学习PS的新手常常关注的问题，下面我们一起来看看学完PS可以做什么工作，应该如何正确学习PS吧！我们要学习的软件，是Adobe公司的图像处理软件photoshop（一下简称PS）。1.PS是目前工人的最好的通用平面美术，淘宝美工，UI设计软件，它的功能完善，性能稳定，使用方便， 所以几乎在所有的广告、出版、软件公司、PS都是首选的平面工具。2.PS可以实现的功能氛围两大块：一块是图像处理功能，一块是绘图功能。图像处理功能： 是指用计算机对图像进行分析，以达到所需结果的技术。又称图片处理、影像处理、照片处理、后期处理、P图、PS。图像绘制功能： 是要用PS创造出全新的图片，这不仅仅要求用户掌握PS的操作，还要具备一定的美术和绘画基础。
厉害了！81岁学霸奶奶获本科学位 会用PS修图还会5门语言
都说活到老学到老，但真正能做到的却没几个。很多人毕业工作了以后，就已经停止了学习，但转载自斗玩网在天津，一位 81 岁的老奶奶却做到了。据中新网消息，昨日， 81 岁的老奶奶薛敏修在天津大学毕业了。 14 年进入天津大学网络教育学院电子商务专业攻读本科的她转载自斗玩网不但修完了所有学分，而且还会中文、英语、法语、俄语、拉丁语这五门语言。更厉害的是，她除了语言之外，还熟练掌握了Excel斗玩网首发原创、Photoshop等软件。简直就是开挂的人生啊有木有。据悉，为了圆自己的大学梦，薛敏修每天 5 点就起床了，坚持 3 年不看电视，凭借自己的勤奋刻苦才完成了困难重重的求学路。对此，网友纷纷点赞表示佩服，称光会五门语言就很厉害了，有多少大学生光英语就学了十几年了，连个四级都考不过。老奶奶的求学精神着实让我等年轻人汗颜。
PS的主要应用领域有哪些？
PS是Adobe公司推出的一款功能强大、应用范围广泛的平面图片处理软件，在不断地升级之后，功能愈加完善，软件也愈加人性化，下面我们就一起来看一看PS的主要应用领域有哪些吧！人们总说创意无限，但是缺少一个施展的舞台。在PS中，我们可以把能够想象到的任何事物进行合成，这一点是其他图片处理软件无法比拟的。下面是使用PS进行创意合成的效果图。在PS应用中，平面设计是应用最广泛的领域，无论是10年寒窗读书常看的书籍封面，还是随处可见的招贴画、海报等，都运用了PS进行设计。下面是使用PS制作的平面广告效果图。包装与封面设计同样是PS应用领域中应用十分广泛的一方面，精美的包装或封面不仅能够突出产品特性，也能达到装饰美化的作用。下面是使用PS制作的封面设计和包装设计。随着互联网的普及，人们对网页的审美要求也在不断提高，网页的制作除了需要网页编程语言的支持，也需要使用PS对网页中的图片和各种元素进行处理，如网站的标题、Logo、框架以及背景图等。下面是使用PS制作的网页效果。除了使用现成的图片进行创意合成，使用PS绘制插画可以满足更多的设计需要。应用PS的笔画功能结合手绘板，可以在一定程度上替代常规绘画操作。下面是使用PS绘制的插画效果。
PS如何快速批量修改图片尺寸？
今天给大家分享一个PS批量修改图片尺寸的案例教程，相信大家都会碰到过大量的图片需要修改尺寸的情况，一张一张的修改，效率很慢，那么究竟怎样用PS修改图片的尺寸呢，下面就跟随小编一起来学习学习吧1、首先，先将其中一张图片放入PS中；2、在菜单中调出动作窗口对话框；3、动作窗口左上角有个小三角按钮，点击后-新建动作；4、再更改动作名称，可写修改尺寸或者别的都行，只要自己记得住就可以；5、再执行图像-图像大小，弹出对话窗口后，输入需要修改图片的尺寸值；6、点击文件-存储，选择一个文件夹存储；7、回到我们的动作面板，点击结束按钮，结束动作；8、这回我们就可以进入到批量修改尺寸的步骤了，执行文件--自动--批处理；9、选择我们刚刚记录的动作名称，选择需要修改图片尺寸的文件夹（要将图片放在一个文件夹内），点击确定，等待文件自动处理完即可；
PS制作动态文字的案例教程
今天给大家分享一个PS制作动态文字的案例教程，PS的功能十分强大，不仅可以美化图片、排版设计还可以对GIF动图进行制作，那究竟怎么做呢，下面就让我们来看看具体的操作步骤吧。效果图1、新建一个合适尺寸的画布；2、分别分图层输入文字，并将所有图层的小眼睛关掉，只留下“PS”图层；3、单击“窗口-时间轴”；4、单击“时间轴”中的“创建帧动画”；5、.单击“创建帧动画”后，在“时间轴”中会自动载入“控制面板”中位于顶部的图层；6、单击“复制所选帧”；7、关掉“PS”图层的小眼睛；打开“制”图层的小眼睛；8、使用同样的方法处理剩余的图层；
PS给图片制作下雪效果
今天给大家分享一个PS制作下雪效果的案例教程，制作过程主要分为两步，第一步是用滤镜工具中的效果做出雪花，第二步在使用时间轴中的帧动画做出飘动效果，下面就来看看详细的操作步骤吧效果图1、滤镜：主要是在于制作的各种效果，滤镜里分类比较多，就不能一一介绍其功能效果，小伙伴们可以一一尝试，看看不同的功能做出什么不同的效果2、时间轴：通过时间轴记录图层的不同变化，保存后得到动态效果1、首先将准备好的素材图片放入PS中作为背景；2、在上方菜单栏执行窗口--动作的指令；3、弹出动作窗口对话框后，点击右上角的按钮，选择新建动作；4、弹出对话框后点击记录；5、在图层面板下方找到新建图层按钮-新建图层，并将前景色改为黑色，按住Alt+Delete键填充黑色；