推荐阅读
详解PS照片美白的简单步骤
一、先把一张需要美白的照片素材，再对其执行CTRL+J复制背景图层，得到图层1，然后执行图像-应用图像，选择合并图层，通道为绿色，混合模式选择滤色，不透明度为100%，其它默认。 二、接着对图层1执行CTRL+J复制，然后在复制得到的副本图层上执行半径为3个像素的高斯模糊，再为该图层添加蒙版，并在蒙版状态下填充黑色，再使用白色画笔工具在人物皮肤上进行涂抹，主要是为了抹掉杂点，让皮肤更加光滑一些。 三、接着创建一个新图层，并执行盖印可见图层，然后把该层的不透明度设为34%左右，混合模式设成滤色即可。
Photoshop动画制作（6）过渡帧动画的局限性
到现在为止我们制作动画的过程都是事先建立好所需要的图层(文字也是一种图层)，再建立各个关键帧，之后进行过渡。如果每个动画都能有这样充足的事先计划那当然最好，但如果在已有的动画基础上新增图层会怎样呢？打开anisample01.psd，会看到该动画总共有20个帧。点击动画调板右上角的按钮就能看到“新建在所有帧中都可见的图层”一项。这样在已经为图像建立了多个帧的前提下，若新增图层，则该图层默认在所有帧中都可见，位置及不透明度也相同。现在选择第1帧，在图像左上角新增一个矢量圆角矩形层及文字(如果看不懂这句话，则说明没有掌握基础知识)。就会看到所有帧中都出现相同的内容。如下图所示。其实在选择其他帧时新建层也可以达到同样目的，但圆角矩形及文字未必能直接就位于指定位置，总是需要使用移动工具作调整的。所以此时要利用“传播帧1”的特性来确保在所有帧中的位置相同。如果在其他帧中调整位置，就只对一帧有效。通常情况下都应开启“新建在所有帧中都可见的图层”选项。如果关闭，新建的图层只会出现在当前所选择(多选无效)的帧中。如果想在所选择的多个帧中可见，可以在图层调板中先隐藏再显示该层，此时动画调板中所选择的多个帧就会同时出现该层的内容。现在回到正题，即如何在20帧中加入另外一组文字动画，新的文字既有移动也有不透明度变化。如果是从零开始设定关键帧的话，大家都知道该如何操作。但如果要添加到现有的帧中，则非常麻烦。此时不能再建立关键帧，因为新增关键帧势必增加帧数。那自然也就不能使用关键帧过渡。也许大家会想到去修改关键帧，或建立两套帧系统再将之混合。能够这样想很好，说明思路灵活。但很遗憾这两个方法都不可行。一旦执行了过渡，关键帧就无法修改，除非撤销操作从头再来。而Photoshop只提供一套帧系统。现在唯一可行的方法就是逐帧地手动调整“去留无意”的位置和不透明度。并且最好一次搞定，因为再次修改将会烦上加烦。就算从零开始，也未必就能制作好这个动画。因为我们使用的方法是建立关键帧后进行过渡，那么原先的“悄然来去”总共使用了4个关键帧，而“去留无意”的动作也必须设定为4个关键帧，只有这样才能统一执行帧过渡。如果后者需要设定为5个关键帧，就涉及到统一关键帧的问题，需要将“悄然来去”扩展为5个关键帧。如下图所示，第3帧就是新建立的关键帧。可以看出它其实就是在帧2和帧4之间取一个中间状态。但这样做要基于一个前提，那就是“去留无意”的某个关键帧必须是和这个新帧相吻合的。如果“去留无意”作W波浪状移动，那么其波峰和波谷的关键帧就要与“悄然来去”的关键帧一一对应才可以。这就造成一种情形，两个文字尽管移动的轨迹不同，但 运动轨迹改变的时间却很相似。这会使动画显得单调。所以，在制作过渡帧动画的时候，最重要的事情就是事先规划好动画的具体细节，做到完全的把握，然后才开始制作关键帧并执行过渡。这个过程一旦完成就不可修改，除非全部从头再来。我们在基础教程部分的时候，曾再三强调在制作中要保留最大的可编辑性(如使用调整层等)，以方便以后有可能发生的修改。这种思维适用于任何领域，却唯独在此不适用，因为过渡帧动画的特殊性，使其一旦成型就不可修改。这也是以往很少人使用Photoshop及ImageReady(早期与前者搭配)去制作较复杂动画的原因。在基础部分我们曾经蜻蜓点水地使用了Premiere制作电影，大家对其中的通过时间轴设定电影的方式应该还有印象。另外观看了GoLive视频教程的读者也对DHTML(动态网页)制作中的时间轴印象颇深。现在CS3版本的Photoshop也具备了时间轴设定方式，我们从此可以摆脱过渡帧动画的局限了。我们将在下一课学习使用时间轴。之所以我们没有在一开始就介绍时间轴，是因为帧式动画是所有动画的基础。时间轴只是在设定方式上不同，形成的最终动画仍然是以帧形式存在的。并且时间轴适合制作情节较为复杂的动画，对于一些类似单个文字移动这样的效果，使用过渡帧制作更快更简单。还有一类动画称为“独立图层动画”，主要用来制作一些无法用关键帧过渡完成的效果，如鸟类拍打翅膀的动画，就是分开5个独立图层分别绘制一种翅膀形态，然后在不同的帧中显示不同的图层，如下中图所示，我们使用5个图层绘制5种形态，然后在5帧中分别顺序显示某一层，之后又增加了3帧制作回场，形成了8帧的往复式动画。其中帧28、帧37及帧46内容相同。
AutoCAD绘制多边形和圆弧
实例1 绘制六角螺母零件图 Step 1 创建新图形文件 启动AutoCAD 2002系统，以“acad.dwt”为模板建立新的图形文件。 Step 2 图形绘制 (1) 绘制两条直线（Line），端点坐标分别为（-12.5,0）、（12.5,0）和点（0,-12.5）、（0,12.5）。 (2) 绘制两个圆（Circle），均以点（0,0）为中心，半径分别为4、10。 (3) 现在来绘制一个正六边形。选择”Draw（绘图）”工具栏中 图标，并根据提示在命令行中输入： (4) 再绘制一个圆弧。选择“Draw（绘图）”工具栏中 图标，并根据提示在命令行中输入： Step 3 图形设置和保存 (1) 将两条直线的颜色设为“Yellow（黄色）”，线型设为“CENTER”，圆弧的颜色设为“Red（红色）”，其他图形对象颜色设为“Cyan（青色）”，线宽设为“0.3mm”。
Maya多边形建模的好帮手Smart VTX 1使用教程
在多边形建模中不断在重复删除一半，镜像，我闲时查了一下，maya5白金手册面部建模49步竟有12步之多（1/4），可见做一个对称的多麻烦。在国外网站上发现了这个东东---Smart VTX 1, 感觉它对多边形建模很有用（注：作者说还包括其它种类对称模型，但我试验别的NURBS模型好像不管用），因为它可以在对称的两侧之间跳跃选择。并且能将重要部分的已选择顶点交换或镜像。就把它的使用方法给译了过来，为了方便跟我一样英文不好的兄弟，于是乎把界面也改成了中文。希望大家广为利用呀，如果使用得当，可以省不少力气呀！ 我想它可能是一项独创的功能，因为目前为止在XSI，lightwave或MAX上还没有类似的功能（引用作者原话）。 学习它的最好办法是演示如何在真实的模型上工作。 Smart VTX 1有三部份：选择（Selection），变换（Tresform），状态（Sets）。 在使用它之前，我们需要装载对称物体。这一步骤是非常必要的。 1.应确认模型处于X轴的中心，并且没有缩放或旋转，maya中你可以用冻结变换参数（FreezeTransformations）。你可以使用70%对称的物体，我知道有很多的人喜欢玩更具有自然面貌的对称物体。 2.Smart VTX 1也可以用于非对称物体，因为我使用动力学线程，装载你的模型到maya内存中(注：这句我也不明白，按原话对译的)。 3.选择你的多边形物体模型，并且按下“装载对称物体”（load Symmetric Object）按钮。如果没有出现错误信息，任务完成。
最新发布
网页设计中错误提示的五种设计方法
每个系统软件在运行的过程中都会出错，可能是用户操作造成的也可能是系统错误。基于这两种情况，如何正确的提示错误信息就显得尤为重要，它直接决定了用户体验的好与坏。一个好的错误提示必备的3条重要法则：清晰地文本提示语放置在正确的位置良好的视觉设计清晰的文本信息1. 错误提示信息应该简明易懂提示信息应该明确的表明发生了什么错误、发生的原因以及解决方法。将你的错误提示信息看作是一次对话，跟用户说人话。确保你的文案是礼貌性的、易于理解的、友好的并且没有晦涩难懂的专业术语。
详解网页交互设计如何赋予产品安全感
互金产品交互设计有其特殊性，比如流程偏复杂、错误包容度低、迭代偏保守、信息层面限制多。互金平台投资三大要素收益、安全、流动性中安全应该排在首位，而设计的优劣会直接影响用户的安全感受。做互联网金融交互设计的这两年，也算是用过上百款竞品了。尤其是一开始做设计的时候，满世界的下载注册体验竞品，以至于我这两年的投资收益还是很可观的，哈哈!另外，当产品经理跟我提各种新需求时，听他讲完一遍基本就能知道当前需求的漏洞在哪里，还有哪些需要进一步确认的问题，就知道这个需求大概做成什么样，哪家产品这个功能做得好，哪家也刚更新了这个功能……互金产品交互设计有其特殊性，比如流程偏复杂、错误包容度低、迭代偏保守、信息层面限制多。互金平台投资三大要素收益、安全、流动性中安全应该排在首位，而设计的优劣会直接影响用户的安全感受。今天就来谈谈如何通过资金交易关键节点的设计来赋予产品安全感。先从最近投资的一家竞品的案例说起。一. 用户会在资金流动过程中遇到哪些问题?案例：在某平台购买了一笔定期产品。购买成功后出现下图的第一个页面：页面显示认购成功，但是具体起息日待定，待整个项目投满后的下一天起息。那么，什么时候项目才能募集满呢?不知道。可以想象这样的提示会给用户带来多大的疑虑。在“我的账户”页面(中间的页面)，2天内这笔钱一直在“当前资产价值”里面，没有显示在认购项目中。用户一定会有疑虑，因为用户不清楚该笔资金什么时候才算投资到项目中开始生息，如果用户当时在投资成功时没有看到那一行“预计计息日项目投满日+1”的灰字，根本查不到关于该笔资产的认购详情，甚至怀疑自己有没有做过投资的操作。在这个过程中，用户对自己的资金完全没有掌控感，对未来要发生的有疑虑，甚至产生恐惧。再看第三个页面，产品生息过程中，待回款项目中显示“遇节假日，顺延还款”，可是当时支付成功的页面(第一页)明明高亮显示的是“遇节假日正常还款”。这样严重的错误是致命的，文案提示的一致性、产品规则的明确统一，都是用户体验非常重要的一部分，交互设计师的工作绝不仅仅是考虑文案显示应该如何高亮显眼。
7个设计技巧快速搞定网页设计的首图设计
网页首屏的重要性是不言而喻的，用户打开网页的第一眼看到的就是首屏中的信息，它是网页的门面，颜值担当，也是给予用户第一印象的核心部分，也是品牌形象呈现的窗口。值得一提的是，网页首页的首屏当然是要好好设计的，而其他页面的首屏也不能忽略，毕竟相当一部分的用户并不是从首页入口进入你的网页的。今天分享一下首屏设计的7个技巧，它们并不复杂，却能帮你的首图设计更上一层楼。1、使用惊艳的图片相当一部分的网页首屏是使用图片作为视觉传达的主体，而无论是选择图片、视频、动画还是其他的视觉化的元素，每个Banner或者说带有标题的内容区块最好是带有漂亮、惊艳的视觉化元素作为支撑。当然，最常用的还是图片。首图在首屏中的重要性无疑是巨大的，它不仅要漂亮，还要同网站内容深入地结合搭配起来。所以，它的设计还可以更加深入一些。单独的图片表现力是有限的，通过排版设计，将它同其他的元素结合起来使用会有不错的效果：·文字与标题·LOGO 和品牌标识
网页设计中手工绘制的图标和元素的方法
尽管在日常的设计工作中，网页设计师们经常更关注于拥有近乎完美像素的设计元素，但有时候，它们并不适合所有类型的设计，有时你或许想要更多，有点偏向真实的元素。手工绘制的图标或元素可能正是你要寻找的适合的、正确的设计元素，可以帮助为你的项目增添一些特别的视觉元素。大多数设计师不会疯狂地使用看似手绘的元素(这是正确的)，但在你的网站设计中使用一些看似手绘的元素会增加用户的个人感受。这在网页设计中也很流行。从草绘风格的图标，到具有同等可用性和艺术性的完整的手绘元素，这是一个正在流行的设计选项。今天，我们将来探讨一下以下8种方法来使用这一趋势。1.创建分离手绘设计元素可以和几乎任何类型的视觉表现形式混合搭配，它们可以与照片或视频一起工作，独立应用于空白的空间中，或者在文本元素附近。不要因为你担心它可能不适合于整体的设计模式而消除使用这种类型的元素的想法。尝试一下，谁真的知道呢?Digital Visitor在其网站设计中使用这些元素来创建元素和内容之间的分隔。尽管主页上的元素只是简单的点和线的组合，但手绘的元素永远可以给页面增添一丝活力与个性。每个元素的放置都是为了确保用户能够查看正确的内容。在上面的例子中，元素位于屏幕的中心，用于创建两个内容区域之间的分隔。在设计中，类似的元素被用在小文本框上，以展示公司的实际业务。2.互动的涂鸦
详细解析QQ导航改版设计心得分享
顽皮熊：在切入设计正文前先来看一组08年的搞笑图片，对比了日本的NHK,TBS,朝日等电视台与东京电视台同一时段播出节目的差别：新泻发生六级强震，只有他们还在播料理节目九州大地震，他们的画面上打出的字幕拼成日文为”太好了!”的意思。。。比起小泉纯一郎参拜靖国神社，金目鲷更为重要发生歹徒挟持人质事件，只有他们还在播动画。而且正好是挟持人质的剧情!
教你如何从零开始成为优秀交互设计师
本文全系列满满干货，是从众多交互设计前辈们分享的宝贵经验里挑选出的最实用的方法，不仅能让你彻底了解交互设计，还能帮有志在这个领域发展，却苦于没有老师的童鞋，从零开始学习成为一名优秀的交互设计师。在校大学生、想转行的设计师还能在这儿得到前辈的实用建议，想进阶的交互也有职场系列经验分享，文末还有超赞的资源奉献，干货量大，推荐童鞋们收藏 ：)一、什么是交互?超星网产品总监@张淼程 ：交互这个说法来自于国外，交互的名词形式是interaction，形容词是interactive，交互设计的英文则是 Interaction Design。问题是到底什么是交互?这里不给任何学院派高深的解释。在我看来”交互”其实很简单。“你来我往”谓之”交互”;这里的”你来”指的是”输入(input)”，”我往”是”反馈(feedback)或输出(output)”。如果只有”你来”没有”我往”就不能称之为交互。你点一下鼠标，电脑屏幕马上告诉你”你二姑的菜就被你偷了2棵”——”点鼠标”是”你来”，电脑的那个提示是电脑给你回馈的”我往”。
解析如何设计好看有好卖的企业官网
在谈到企业产品的营销时(本文中提到的“企业产品”是指“给企业客户使用的软件/应用”)，一种观点认为客户肯定是靠线下推广来获取的，另一种观点认为应该让用户主动购买而不是被动推销，持这种观点的公司尤其重视通过产品官网来获客。无论持哪种观点，不可否认的是官网是客户对你产品的第一印象，很多潜在客户在购买之前都是先通过官网来了解产品的。然而很多公司在产品官网设计这件事上投入的精力还不及线下推广的万分之一，有的只把官网当作摆设，粗制滥造套个模板结束，甚至还忽略了移动端适配。作为企业产品的设计师，我们要如何设计好看又好卖的产品官网，有没有一些套路可循?企业产品官网的作用是传达信息和促进转化。传达信息是告诉访客这款产品是什么/能为你公司做什么/为什么值得我购买，再配合一些增强说服力的手段来促进转化——将尽量多的访客(潜在客户)转化为注册用户并最终完成购买。按照用户浏览网站的顺序，有以下5大设计要点：善用首屏大图吸引视线销售主张明确传达产品价值合理的导航方便访客获取信息无处不在的CTA推动转化客户案例增强信任感一. 善用首屏大图吸引视线首屏大图占据了官网最宝贵的第一屏，它决定了访客对官网的第一印象。首屏大图可以辅助产品Slogan来有效传达产品价值，同时还会影响到官网整体的气质。常见的首屏大图有以下5种表现形式：
如何快速的设计出城市指南网站着陆页
有人说，世界是一本书，不愿远行的人只能读到其中的一页。的确，旅行是我们生命中最有意义的几件事之一，其间我们有机会看见新的风景，遭遇新的事情，结实新的朋友，获得珍贵的人生经历。更重要的是，一次愉悦的旅行能够为生活注入能量，获得非同凡响的灵感。今天，旅行比起过去更加方便，其中网络也扮演了极其重要的角色。互联网将不同国家和地区的各种信息散步在整个网络的每一个角落，当你准备出行的时候，只需要稍加搜集就能制定出一个不错的旅行方案。和许多设计师一样，来自 Tubik Studio 的设计师 Tania Bashkatova 也热衷于穿梭于不同的城市，体验不同的风情，享受不一样的生活。也正是因此，她对于如何将城市的风情和自然的体验结合起来呈现给用户，有自己独到的想法。而这也促成了今天咱们要聊的“城市指南”(Big City Guide)网站这一概念设计案例研究。任务设计“城市指南”的着陆页，包含其中主要的UI界面，确保新用户引导流程中的整个用户体验足够优秀，引导用户了解它的基本功能。设计过程“城市指南”(BCG)是Tubik Studio 的 UI星期五活动中的首个项目，想必在Dribbble 上关注了Tubik Studio 的朋友们都知道我们的这一传统活动。设计是在 UI 星期五 活动中将会有一整天的时间来创建一个特定的概念设计项目，这个项目会有特定的要求，同时设计师也可以自由地将自己的想法和激情融入其中。而这次的活动当中，概念设计项目所包含的任务，是让设计师整合资源设计出一套着陆页，为用户提供全世界各地的主要城市的信息。在着陆页设计中，设计师通常能够更好地将背景图片的信息呈现能力凸显出来。而Tania 打算为每个城市挑选一张足以传达情绪和氛围的照片，并围绕它来做整个视觉设计。所以，最终她选取的解决方案是在着陆页展示3个城市，以横向滚动轮播图的形式展现，并挑选一套动效来强化展示效果和体验。Tania 选取了三个著名的国家首都，而接下来她要考虑的是如何将这三个风格不同的城市统一到一套视觉设计中来。城市指南所展示的第一个城市是柏林。这个城市有许多值得一看的景点，这也使得图片的挑选工作量更大了。为了呈现出对的感觉，Tania 最后挑了两张图片作为备选。
24个设计师容易忽略的APP设计细节
随着移动优先的趋势，APP的设计也越来越受到公司重视，不断地提高APP的设计质量是每个设计师的追求，有哪些设计中的细节被你忽略了呢?让我们一起来看看这些细节你都把握住了吗。视觉表现型问题1. 统一的图标设计风格图标设计在整个APP设计中是比重较大的板块之一，图标设计风格有：线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等。无论我们选择何种表现形式的图标都请保持统一性，相同的模块采用一种风格的表现形式，如果是线性图标就保持一致的描边数值。图标在配色上面也要保持有规律的统一，采用相同颜色是比较常用的配色方式。如果你采用不同色相的配色方式，要保持整体的配色协调，不要出现饱和度、明度反差过大的配色而影响整体的视觉协调。2. 图标大小的视觉平衡同一个界面出现多个图标时，我们需要保持整体的视觉平衡。并非是所有图标都采用相同的尺寸就能达到平衡，由于图标的体量不同，相同尺寸下不同体量的图标视觉平衡也不相同，例如相同尺寸的正方形会比圆形显得大。因此，我们需要根据图标的体量对其大小做出相应的调整。
网页设计师必须要知道的10项技能分析
关于设计，有一些技能或者技巧，你只需要知道就可以了。不过，如果在设计中你更了解他们，几乎不需要思考，你就能做到。当涉及到网页设计时，许多技能和趋势会随着时间的推移而改变或发展，不过，你还是应该在你的潜意识中储藏一些基本的技能。即使你不是一个专业的“网页设计师”，熟悉这些技能也能够帮助你咋工作中更得心应手或帮助你获得一些技能优势。你已经“储藏”了多少了呢?今天，让我们来深入了解一下你应该做些什么。1.用HTML和CSS编写代码无论你是否是一个专业的开发者，每个人都应该了解网站设计背后最基本的语言。你需要了解如何阅读、编辑和排除基本的HTML(根据你的实际工作，你可能需要了解更多)。在任何情况下，你都应该能够在HTML代码中精确地找到类似加粗、字体、颜色或大小的任何设置，而不需要思考。你应该能够轻松地在CSS中替换样式，这些技能很容易学习，而且从长远来看，会对你很有好处。2.学会编辑照片在任何设计领域，你都有可能花上一整天时间在处理图像上。所以你需要知道如何操作它们才有意义。从基本裁剪尺寸到最细致的“清理”，你应该能够轻松地使用和编辑照片。最低限度，你应该对裁剪和基础的调整，以及一些图像质量的调整有所了解。3.学习打印设计项目