推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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
最新发布
Photoshop合成美食盛宴的创意海报教程
本教程主要使用photoshop创意合成美食盛宴的海报效果，美食海报要体现食欲，所以颜色的搭配很重要。蓝色会让人没有食欲，它的对比色橙色会刺激食欲，所以食品海报用橙色的比较多。用第一人称视角的形式表现也会让画面更有代入感，喜欢的朋友让我们一起学习吧。最终效果一、头脑风暴：头脑风暴是为了提炼关键词找素材，这次我们做的是美食海报，所以我们围绕美食来发散思维。二、寻找灵感：找寻灵感的过程中，我们脑海里面一定要记住以上几个关键字，然后在各大设计网站找一些海报分别他们的合成技法、颜色调性、版式排版、文案处理手法等等。。。在这个过程中脑海里面会自然形成一个大概的画面。三、找素材：
Photoshop调出冷冷复古黄色调的美女照片
本教程主要使用photoshop调出铁道上模特照片冷艳的铜色调，调色的过程主要用了常用的调色命令，比如曲线，色相/饱和度，色彩平衡，应用图像等工具完成，在结合光照滤镜加以装饰等等操作完成最终效果图，喜欢的朋友可以一起来学习。效果图：原图：启动ps软件，将我们要调整的照片打开，如图01所示。分析照片：我们经过对照片的分析得出结果，画面层次少、对比度小、色彩不丰富，只是很普通的一张外景写真照片。我们在调色之前首先将照片的对比关系调整准确，执行图像-调整-曲线命令，利用此命令调整照片的明暗和对比关系，在曲线命令面板中选择RGB通道，按照图02的方式调节画面。
Photoshop调色美化处理橙色甜美人物特写照片
本教程介绍一组较为柔和的冷暖对比色--橙绿色调色方法。橙绿色让人感觉有种盛夏的味道，橙色代表阳光，绿色代表生命。调色的时候需要把背景部分的绿色分为层次，亮一点的绿色调成橙色，暗绿色只需要稍微调亮一点，后期再对人物进行简单的美化处理即可。 最终效果 原图一、打开原图素材，创建可选颜色调整图层，对红，绿，白，中性色进行调整，参数设置如图1 - 4，效果如图5。
Photoshop调出唯美紫色效果外景人像教程
最终效果原图1、打开素材图片，创建色相/饱和度调整图层，对黄色，绿色进行调整，参数及效果如下图。这一步快速把图片主色转为中性红褐色。2、按Ctrl + J 把当前色相/饱和度调整图层复制一层，不透明度改为：50%，效果如下图。
详解Photoshop给生活照片美化处理过程
日常生活中，我们经常会拍摄一些生活照片，特别是手机拍照普及后，经常会有一些拍摄较好的照片，但可能周边环境不是很好，所以偶尔也会将一些拍摄较好的照片进行处理，当然处理的方法多种多样，最简单的可以利用美图秀秀等操作简单的工具，不过如果要进一步处理，就要借用photoshop等工具，本例将通过一张简单的生活照片的合成来讲述photoshop在处理照片中一般应用，教程主要面向初学者，是作者日常教学用例，所以讲述的会比较详细，高手可以跳过。合成效果图原图一，生活照片原图二，木质栏杆原图三，风景背景二、教程内容
Photoshop合成漂亮的潮流人物插画效果
本教程制作过程有点复杂。用到的素材及特效非常多。作者大致介绍了制作的步骤。里面还有很多细节的处理及一些特效的制作需要自己慢慢去掌握。最终效果1、新建立一个Photoshop文档，使用一个浅灰色背景，然后把女孩图片抠取出来，放到合适的位置。2、下面我们将改变女孩的色调用曲线来实现。曲线参数:RGB：输出： 119/输入： 157;红色：输出： 121/输入： 153;绿色：输出： 165/输入： 133 ;蓝色：输出： 149/输入： 99。效果如 下图：3、效果已经不错了，但是这里我们使衣服的颜色更像帽子的颜色，执行使用图像>调整>替换颜色命令，把浅蓝色部分替 换为紫色。
Photoshop制作创意的动感火焰立体字教程
1、新建一个1680x1050pixels 的文档，分辨率为72Dpi ，颜色为RGB并使用黑色背景。2、新建图层( Ctrl+Shift+N )，使用画笔工具 (B) ，在画布中心用#a41602颜色画出下面的形状。3、打开下面的素材并如下调整。4、然后用同样的方法做火。
Photoshop设计复古风格的谍影重重电影海报
春节期间，每天都会有一篇好莱坞经典大片的海报教程放出，电影质量都相当高，看完再练手，涨姿势放松身心两不误。第二部部电影是豆瓣评分达7.9的《谍影重重》，热门短评：没有007的日子里，我们有他。效果图：新建一个画布。选好前景色和背景色，新建一层添加云彩。复制当中一小部分 我们不需要那么多。稍微加一点点杂色 让这个背景有点变化 不然太过于单调。
Photoshop设计时尚的圣诞节艺术字教程
今天这个效果也只是用了一下钢笔，然后就是操控变形了，完全没有用到别的工具，其实这只是操控变形的一个应用而已，操控变形还有其它的用法，例如局部的瘦脸，简单的改变人物造型，调整人体姿势，对图片的微调等等。到了最后也可以加上一些圣诞的物件装饰，例如雪、彩带、铃铛之类的，相信效果会更好一些。效果图：制作教程：
ps海报制作：设计超酷的电商海报艺术字
本教程主要使用photoshop设计创意风格的电商全屏海报，教程的主要部分是冰雪字体的制作，然后配合整体的素材来完成效果图，喜欢的朋友让我们一起来学习吧。