推荐阅读
浅谈普通用户是如何看待设计细节
设计师对于自己的网站以及APP产品的视角，和用户往往非常的不一样。设计师看到的常常是设计趋势，排版，细节，但是普通用户的关注点则完全不同。我们应该迎合用户，如果连对的东西都不能坚持，产出物的最终目标就会发生偏离，甚至完全无效。 ——@冯铁用户更在意的是他们能否快速理解他们的交互对象。至于APP或者网站是如何运作运作的，它们是否让人愉悦，往往被用户所忽略。这是一个相当残酷的现实。排版与字体对于字体和排版，设计师通常非常着迷。漂亮的字母，柔美的轮廓，充满魅力的衬线，等等等等。可悲的地方在于，用户根本不知道Helvetica 和 Arial，很少能分辨出两者的区别，谈及字体，他们更在意的是，这些内容能识别，能读么?但是，用户的这种诉求并不意味着设计师在字体和排版设计上可以松懈，相反你需要更加在意它们。你需要通过设计勾起用户的兴趣，确保每个段落和标题都具备良好的可读性，而不需要用户费神去识别。你的工作是确保内容的清晰，为用户提供良好的阅读体验，从字体的选取到行间距、字间距的调整，让用户在不知不觉间享受阅读的愉悦感。虽然用户很难说清楚排版有何突出之处，但是一旦出现任何设计缺陷，他们往往能够感知到。色彩
PS制作雪花飘落的GIF动画照片
冬天来了，到处是纷飞的雪花。。。不过我们拍摄的雪景图片是静态的。如果能让它动起来，那是非常有趣的。下面的教程将介绍雪花飘飞的动画图片制作，制作之前需要对PS自带的IR有一定的了解。这样制作起来才会顺手。 最终效果 原图 一、先把图片处理好，再找一张雪景图，把图片拖进雪景图里（没有雪景图自己做也可以，具体方法我这里不细说。） 二、新建一个图层，填充黑色，选择画笔工具，大小设置为3-5个像素，硬度设为100%。把前景颜色设置为白色，在黑色层上随便乱点一些白点，点的密度和大小决定雪的大小，大致效果如图1。
(6-9):制作网页翻转按钮
大家经常在一些网页中看到一种会随着鼠标的接触而变色的按钮，参见范例网页。这称之为鼠标翻转效果，这是根据英文rollover翻译而来的，其实不是很符合中文的语境。其原理是利用两张图片，平时显示一幅，当鼠标接触后换成另外一幅图片。如下图。这样看起来好像是鼠标接触的时候按钮变亮了。现在我们来动手制作，首先在Photoshop中将它们制作成图片，然后再做成网页。首先新建一个400×300的白底图像，新建一层，利用形状工具椭圆〖U/SHIFTU〗，在公共栏选择第3种绘图方式(填充像素)，调出信息调板〖F8〗观看数值，用任意颜色在新建层中间位置画一个直径40左右的正圆(按住SHIFT保持正圆)。如下左图。0614【窗口>样式】调出样式调板，点击右上角圆三角按钮，选择“替换样式”，在出来的样式列表目录中选择“Web翻转样式”，确认目前选择的是新建层，然后使用“选中状态的蓝色胶体按钮”样式。如下中图红色箭头处。大家也可以自己选择其他颜色的。0615将新建层与背景层合并，然后【图像>修整】，如下右图所示。确定操作后图像将被裁剪为和所画的圆同等大小。这个命令的作用是根据左上角第一个像素处，或右下角最后一个像素处的颜色，在我们这幅图像中这两个地方都是白色。然后就将画面中连续的白色部分裁剪掉。这就好像现实中打印图像之后将纸张的边缘裁剪掉一样。接着将背景图层复制一层，对复制出来的图层使用曲线工具，合并高光和暗调区域(高光点229,255；暗调点60,0)，形成加亮按钮的效果。如下左图。完成后我们得到两个图层，分别是暗色按钮的背景层，和亮色按钮的背景复制层。如果以上步骤无法完成，点此下载范例文件0616使用【文件>在ImageReady中编辑】〖CTRLSHIFTM〗，或点击工具栏最下方按钮，将会跳转到ImageReady中，这是Photoshop附带的一个软件，用来制作动画和网页。我们找到Web内容和图层两个调板，如下右图。后面的操作就是由这两个调板配合完成。 在完成以上5个步骤后，我们就可以开始制作鼠标翻转效果了。开始之前我们先简要介绍一下制作的原理。范例网页大家也看过，是随着鼠标的接触而发生的。这里涉及一种概念，叫事件和方法。我们的日常生活就是由许多事件和方法组成的，比如口渴是事件，喝水就是解决这个事件的方法。肚子饿是事件，吃东西就是方法。想学习是事件，看《大师之路》就是方法等等。这其实就是一种编程的思想，和人一样，电脑也是由事件和方法组成的一套逻辑系统。所以下面我们也要按照这种思路，去创建一个事件和解决方法。这个事件就是鼠标接触事件。平时鼠标不接触，我们只显示暗色按钮层(背景层)。而在鼠标接触的事件发生后，显示亮色按钮层(背景副本层)。
摄影实例讲解：利用三盏灯拍出完美女性人像
亚历克西斯天生拥有一个美丽且轮廓鲜明的面部，极适合以侧面来拍摄人像。还有，乌黑的头发与她浅色的皮肤色调之间形成了强烈的对比。正是这两个特质，指导了我这次的拍摄工作。 因为我的原意是拍摄彩色人像，所以我在开始的时候，挂起了一幅暗红色的油画布作为背景幕布。然后，我放置了一只小型(55厘米*70厘米)柔光箱，位于相机的左侧，在她旁边并且略后于她所在的位置。这样，可以使她的前额、鼻子、嘴唇和肩部呈现出强烈的高光效果。这些高光对这张照片来说极为重要。它们不仅能够帮助亚历克西斯从浓烈的暗色调背景中分离出来，并且有助于表现她面部关键的形状和结构。 我使用的第二个光源是一把银色的小型反光伞。我将它放在相机的右侧，并靠近相机。它通过反射提供了补充光线。这种光线(由于反光伞银色的内衬)为亚历克西斯的皮肤增添了一居明亮美丽的银色晕彩。在我把彩色照片转成黑白照片之后，这种晕彩甚至更加明显了。 最后，我在亚历克西斯头部的正上方挂起一只中型柔光箱(60厘米*90厘米)，并将它的输出功率设置得足够低，使得它在照亮头顶和肩部的同时，又不至于与刚布置的反光伞所反射出来的光线相冲突。这种来自头顶的光线，还为亚历克西斯的下巴底部刻画出一条阴影线。这条线相当重要。它有助于“勾勒”面部，从而强化了她面部的轮廊特质———这几乎是所有人像最重要的元素。
最新发布
使用Photoshop通道抠图抠出跃出水面的海豚图片详细教程
最终效果原图1、把原图素材保存到本机，打开PS软件，再打开保存的原图素材。2、进入通道面板(选择菜单：窗口 > 通道)。3、选择红通道，水花部分与背景有一定的色差。
PS通道抠图教程：使用通道抠图完美抠出室内昏暗的婚纱美女
本文抠出分为两个部分。首先是婚纱裙子部分，这一部分相对要难一点，因为裙子边缘及底部区域都是半透明的，通道中处理的时候不能调得过亮;然后是头发部分，颜色比较暗，比较容易抠出。最终效果原图1、观察通道。打开原图素材，进入通道面板，先观察一下各通道，红通道相对来说婚纱与背景色差较大，比较适合通道抠出。选择红通道，按Ctrl + A 全选，按Ctrl C 复制。2、点RGB通道返回图层面板，按Ctrl + V 把复制的红通道粘贴到新的图层，如下图。3、按Ctrl + J 把当前图层复制一层，如下图。
Illustrator创建一个时尚的斜面浮雕
我喜欢简单和看上去很酷的图标。当它们相对于许多其它的图标创建起来很容易并且实用性很强的时候，我就更加喜欢它们了，花不到几分钟的时间，做一些小练习，你就有可能秀出一些非常漂亮的图标。最终效果图预览下面是完成这个教程后最终的效果图，这是我的logo!但是当你努力完成这个教程后，你会很快发现你只要几个步骤就可以。对于分析和探究别人的文章并从中学习它们，我有着执着的信念。这是一篇AI文章(AI CS3)教程要点软件：Adobe Illustrator CS3难易程度：初级预计完成时间：10-15分钟0.审题：让我们先来看一看我们创建的是什么。等下，是什么?只有一些细微差异的2个形状?没错。这个教程的精彩就是它很简单，而且教你怎么样运用透明样式和简单的形状来打造灯光、阴影和深度的技巧。
Illustrator CS5教程：解析在AI中文字的创建与编辑
很多初学Illustrator的朋友，都问过我如何来创建文字，如何来编辑文字等问题，借此机会我精心地为大家安排了一个美容宣传页实例，通过整个操作过程，使广大朋友们能够熟练的创建与编辑文字。在工具箱中提供了多种文本工具，使用这些工具可创建点文本、创建区域文字、路径文本等。通过“字符”调板可设置文本的字符级格式。使用“段落”调板可设置文本的段落级格式。另外，还可以创建丰富的文字特效，如变形文字、应用预设样式，或在文本中插入图形，使文本围绕图形进行排列，以获得图文并茂的效果。在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。素材： MissYuan_AIJC.rar 1. 创建与编辑文本对象(1)打开本实例配套素材“宣传页背景.ai”文件。(2)使用“文字”工具创建文字。
使用Illustrator制作木乃伊效果的字体
先看下最终效果：首先呢我们使用文字工具(T)创建如下文字，文字内容不限于教程中的文字，建议使用自己喜欢的字体，以及没有描边效果的字体样式，这样能更好的表现文字被缠绕的效果!单一色彩无法表现文字的质感，所以我们选择线性渐变填充文字，(ctrl+F9)打开渐变控制面板，我们选择相同颜色的不同明暗度在垂直方向做渐变，以表现文字的明暗效果.在这里还是建议你选择自己喜欢的色彩。现在得到了我们所需要的文字，接下来让我们开始制作木乃伊身上包裹的面料。我们将在这段时间只为你详细介绍一个字母的制作过程，首先使用钢笔(p)绘制出一个符合文字形状的小块。然后我们为制作的小块填充灰、白色渐变。
Illustrator CS5新功能：多个画板工具详解
多个画板功能在 Illustrator CS5 中得以大大增强。一些新功能包括新“画板”调板使您可以添加画板、在“画板”面板中重新排序画板、重新排列画板及创建复制的画板。在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。素材： MissYuan_AI03素材(1)打开文档“饮料包装.ai”文件。(2)使用“画板”工具对画板进行调整。(3)在属性栏中进行设置，可以控制画板的方向。
Illustrator CS5教程：巧用渐变填充设计手机广告
很多初学Illustrator的朋友，都很想了解渐变填充的方法与技巧，借此机会我精心地为大家安排了一个手机广告实例，通过整个操作过程使广大朋友们能够掌握渐变填充的方法与技巧。渐变填充是为所选图形填充两种或多种颜色，并且使各种颜色之间产生逐渐过渡的效果。在为对象进行渐变填充时，可使用工具箱中的“渐变”工具，或通过渐变调板进行填充直线渐变、径向渐变。灵活的掌握运用渐变效果，可以方便快捷的表现出空间感，及物体的体积感，使作品的效果更加丰富。在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。教程素材：点我下载(1)打开本实例配套素材“背景.ai”文件。(2)使用“圆角矩形”工具绘制圆角矩形，并为其添加描边效果。(3)执行“窗口”→“渐变”命令，打开渐变调板。
Illustrator CS5教程：使用网格填充设计海报效果
在观看Illustrator CS5制作的作品时，有时会看到犹如照片般逼真的效果，许多初学Illustrator的朋友们都搞不清楚这种效果是使用什么方法做成的。其实者都应归功于网格填充的功劳。应用网格填充可以创建平滑的颜色过渡，且可以不受颜色和形状的限制，根据需要混合填充多种颜色。在各网格点之间，颜色也可产生平滑的过渡，从而产生惊叹得逼真现实图像效果。该教程精心为大家安排了一个洋酒广告实例，通过整个操作过程使广大朋友们能够掌握网格填充的方法与技巧。在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。教程素材：点我下载(1)打开本实例配套素材“背景.ai”文件。(2)选择最下方的红色图层，执行“对象”→“创建渐变网格”命令。(3)锁定“背景”图层，显示隐藏“酒瓶”图层，并将其选择。
Illustrator CS5教程：通过蒙版功能制作饮料海报
很多初学Illustrator CS5的朋友，都曾经遇到过不知该如何遮盖不需要显示的图形部分。其实应用Illustrator CS5中的蒙板就可解决这一问题。蒙版是一种高级图形选择和处理技术，Illustrator CS5中可以创建透明和不透明两种类型的蒙版。使用剪切蒙板可在被蒙版的对象上修剪出蒙版的形状，还可对蒙版对象进行各种编辑。使用不透明蒙板，通过在蒙板上添加渐变的方式，制作出渐隐的效果。该教程精心为大家安排了一个果汁广告实例，通过整个操作过程使广大朋友们能够灵活应用蒙板。在开始教程的学习之前，请先在下载配套的练习文件，以便跟随操作步骤学习。1. 创建透明蒙板(1)运行Illustrator CS5，打开文档“背景.ai”文件。(2)新建图层，设置填色颜色，使用“铅笔”工具绘制不规则形状。
Illustrator实例教程：高级针线缝制效果
最终效果：教程分3部分，背景;图形;文字。好了，开始吧!1、新建矩形框，去掉填充、描边。然后新建填充，填充渐变。然后再在上层新建填充，填充亮一点的灰色，对灰色应用效果-艺术效果-胶片颗粒。然后把混合模式改为正片叠底再在最上层新建填充，填充径向渐变(白色-灰色)，在透明度面板把混合模式改为正片叠底。