推荐阅读
详细解析网页无边框按钮的优劣点
导览列对于多数手机 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调出唯美蓝色艺术效果的外景美女照片
最终效果原图1、打开原图素材大图，按Ctrl + J 把背景图层复制一层，选择菜单：滤镜 > 模糊 > 高斯模糊，数值为5，确定后按住Alt键添加黑色蒙版，再用柔边白色画笔把顶部需要模糊的区域擦出来，如下图。2、创建可选颜色调整图层，对黄、绿、白进行调整，参数设置如图2 - 4，效果如图5。这一步给图片增加青绿色。
Photoshop调出粉蓝色可爱儿童照片处理教程
本教程介绍人物图片的简单调色方法。调色之前可以先分析图片的色彩构成，然后用可选颜色快速精确的调色，色感好的话可以很容易调出唯美的效果。最终效果 原图 一、photoshop打开素材图片，按Ctrl + J 复制一层，设置图层的混合模式为“柔光”，图层不透明度改为：60%，如下图。
Photoshop调出柔美青蓝色街拍女孩图片
素材图片颜色偏冷，不过程度还不够。调色的时候可以把暗部颜色转为蓝色，绿色及黄色转为青蓝色，再给高光部分增加一点淡蓝色即可。最终效果原图一、打开素材图片，创建可选颜色调整图层，对黄、绿、白、黑进行调整，参数设置如图1 - 4，效果如图5。这一步主要把图片中的暖色转为冷色，高光部分增加淡蓝色。
Photoshop调色调出甜美逆光艺术效果的外景人像
最终效果原图1、打开原图素材大图，按Ctrl + J 把背景图层复制一层，混合模式改为“正片叠底”，按住Alt键添加图层蒙版，用透明度较低的柔边白色画笔把底部区域稍微涂暗一点，效果如下图。2、创建色相/饱和度调整图层，对黄色，绿色进行调整，参数设置如图2，3，效果如图4。这一步把图片主色转为中性黄褐色。
Photoshop浅谈欺骗设计师视觉的四个方面
在photoshop中即使看起来非常科学的对齐、同样的形状大小和色值，也可能与我们现实中感受到的完全不一样。优秀的设计师应该感受到这些细微的差别，并且懂得去纠正它们，以今天这四个方面为例，以前没注意到的同学赶紧来涨个姿势。以前我在做设计的时候，我靠Photoshop和Css告诉我对错：如果Photoshop显示两个图形对齐了，那么他们就是对齐了;如果两个不同形状的图形大小是一样的，那么他俩就是一样大的;如果两个颜色有同样的色值，那么他们看起来就是一样的颜色。这个方法看起来很理性，但是其实是错误的工作方法。软件是很理性的，但是软件不能把人类感知也加进影响计算的因素中——这就是说，软件并不能理解在上下文情境中的物体和物体之间的关系，在整体视觉语言的环境下和人类如何感知物体。人类非理性的思维会判断物体看起来是否视觉上正确，因为我们可以看到和理解上下文环境，而这正是计算机无法做到的。了解这些细微的差异，并且知道如何调整他们的设计师才是好的设计师。很少人会注意到，大部分人会忽略。下面让我们来看几个例子。对齐＋视觉权重计算机没有计算视觉权重的精确方式，他只能依赖某些确定的信息，比如长宽，x/y轴坐标。作为设计师，我们需要通过一些被称之为光学调整的东西来弥补这一点。播放按钮的三角形是对其圆的中心吗?并不是。绘制一个辅助的长方形可以看出来，三角形的中心并不在圆形的中心。
Photoshop打造蓝色妖娆的室内美女跳舞照片
这是大师后期作品，作者从拍摄到后期，花了不少心思。首先需要自己布置场景，以古典主体来表现人物。作品拍好后，后期就需要根据自己的美感去美化每一个细节，同时需要保持原有的意境。 最终效果原图一、找回暗部细节：这张照片损失了一部分暗部的细节，通过阴影高光工具来找回一部分，便于后期操作。二、新建一个透明图层，使用“液化”、“仿制图章”、“修补”与“污点修复画笔”工具处理人物皮肤与背景穿帮。三、这张照片的重点在于调整环境色，原片中的环境色偏深蓝色，略显沉重，给不了我们想要梦幻和神秘。通过可选颜色，调整青色和蓝色，让照片中的深蓝色变成湖蓝色。
Photoshop调色调出色彩缤纷的夏季外景效果图
炎炎夏日，大家是不是都在尝试清新风格的后期呢?其实夏天不仅仅只有薄荷色的植物、透红的西瓜以及湛蓝的天空，还有更多更多丰富多变的色彩，这篇简单的夏日糖果色教程，希望能带给你一个青春明媚的夏天。这张照片是在中午前后拍的，那会儿的阳光已经很强，光从后面的树影里透过来，我使用了大光圈将后面背景虚化，让观众的视线集中在少女的手和小白花朵上。原图背景明显偏暗，整体色调偏深，没有夏日的感觉。接下来我们就要使用Lightroom和Photoshop让这张照片蜕变：（1）拿到原图，首先调整的是基础部分：因为整体照片是暗的，先加强曝光量，提高整体亮度。然后将高光降下来，使得照片高光部分不会太强，让照片的过度变得更加柔和，不然很强的高光会让视觉分散哦。阴影与黑色色阶都提上去，使得照片变得明快起来(夏天的感觉)。（2）偏好设置：清晰度在这张照片里可以适当加一些，柔软当中加点儿清晰，鲜艳度增加让照片变得饱满一点，使颜色不再那么黯淡。
PS调出梦幻橙色背景虚化效果的美女图片教程
本教程介绍淡雅图片的调色方法。过程也比较简单：先简单的把图片的颜色调亮，然后把主体颜色转为淡淡的暖色，人物肤色部分可以多增加一些红色或红紫色。后期把整体柔化处理即可。最终效果 原图一、打开原图素材，创建可选颜色调整图层，对黄、绿、青、蓝、黑进行调整，参数设置如图1 - 5，效果如图6。这一步把背景颜色转为黄褐色。
Photoshop调出黄昏唯美景色的外景儿童照片
最终效果原图1、打开原图素材大图，创建可选颜色调整图层，对黄、绿、中性色进行调整，参数设置如图1 - 3，效果如图4。这一步给图片增加橙红色。2、按Ctrl + J 把当前可选颜色调整图层复制一层，效果如下图。
Photoshop给外景照片添加唯美的黄昏景色
最终效果原图1、打开原图素材大图，创建可选颜色调整图层，对黄、绿、青进行调整，参数设置如图1 - 3，效果如图4。这一步给草地部分增加橙黄色。2、按Ctrl + J 把当前可选颜色调整图层复制一层，效果如下图。