推荐阅读
用魔术橡皮擦快速更换图片的背景
这是为初学者写的一段教材，如果觉得过于琐细，就麻烦斑竹删去多余的枝蔓吧。另外，写得虽详细，具体做的时候可只要三下二去五，很方便，可不要害怕呵！ 这里有三幅图片： 图1是原始图片，（图1）： 现在要把图2中用方框选出来的部分天空换入原来的图中，（图2）： 得到新的图片。（图3）：
基于Pro/E二次开发齿轮参数化模型库
传统的CAD系统所构造的产品模型都是几何图素（如点、线、圆等）的简单堆叠，仅仅描述了设计产品的可视化形状，而不包含设计者的设计思想，因此难以对产品模型进行改动，并生成新的产品实例。目前很多企业为缩短产品开发周期，大部分产品的设计都是改进型设计，大约70%的新产品的设计都要重新利用原来的产品模型，于是参数化设计的概念在这样的背景下应运而生。 Pro/Engineer是采用参数化设计的、基于特征的三维实体造型系统，其参数化特征造型在保证几何、拓扑关系不变的情况下，以单一全关联的数据库实现模型的快速再生；它的二次开发接口使用户可以在自己开发的程序中对零件进行各种操作和控制，从而实现程序化设计。 一、Pro/Engineer二次开发参数化设计的基本原理 Pro/Program是Pro/Engineer软件提供的一种程序化的二次开发工具。利用Pro/Engineer造型的同时，Pro/Program会产生特征的program，它是一个记录文件，由类似BASIC的高级语言构成，记录着模型树（modeltree）中每个特征的详细信息，包括各个特征的建立过程、参数设置、尺寸以及关系式等，我们可以通过修改和添加特征的program来生成基本参数相同的一系列模型。 利用Pro/Program对Pro/Engineer软件进行二次开发时不需要重新撰写设计步骤，只需加入几个相关的语法指令就可以让整个零件或组件变得弹性化与多样化，其主要思想是利用Pro/Program模块的功能来接收、换算和传递用户输入的有关参数，通过改变特征的尺寸及特征之间的关系来达到参数化设计的目的。这里需要注意的是，开发工作的关键在于确定独立可变参数，应尽量以最少的参数来确定整个零件的可变尺寸，并通过参数化尺寸驱动实现对设计结果的修改。 二、基于Pro/Program二次开发参数化设计建立零件库的步骤 1.分析零件，提取其关键参数，然后设置参数，并确定驱动参数 因为在参数化设计时不仅要实现尺寸的驱动变化，还要实现结构形状的局部变化，所以要在对零件进行分析以后才能确定
巧妙提取Flash文件中的素材
我们知道，课件是否优秀在某种程度上取决于它所用到的素材，因此从其他已有课件中获取需要的素材，是我们提高课件质量的有效方法之一。 对于非Flash课件来说，我们可以通过录音软件（如TotalRecorde）获得其中的声音，抓图软件（如SnagIt）获取其中的图片和文字，录像软件（如屏幕录像专家）获取其中的动画。而对于Flash课件来说，由于课件中很多图片和动画都是矢量格式，通过常规手段获取后，无论是动画还是图片都是以位图为主了，这样不但大大增加了它的体积，而且修改时也非常不方便。因此本文将为大家提供三种方法，用来获取Flash课件中的素材。 导入法 Flash Mx/2004的“文件”菜单下有“导入”命令，执行此命令下的子菜单可以将SWF文件导入到指定位置，如：导入到舞台、导入到库等。一般情况下，当我们要使用某个Flash课件中的素材时，不是直接导入到要使用的课件中（如“我的幻灯片”），而是重新创建一个Flash文件（如“临时”），然后选择菜单“文件→导入→导入到库”，稍等后按“Ctrl+L”打开库，再切换到课件并打开课件的库，最后直接将“临时”库中需要的素材拖放到“我的幻灯片”库中（如图1），从而实现素材的再利用。创建新文件导入素材的好处是：避免无用的素材添加到课件中导致素材混乱，但课件的体积会增大有一些被打包成EXE格式的Flash课件，我们可以使用Exe2Swf （点击下载）将EXE文件还原成SWF文件。启动软件后，打开要转换的EXE文件，然后单击［Convert］按钮即可看到同名的SWF文件。 分解法 导入法虽然比较方便，但是它对文件的破坏性也比较大，特别是一些影片剪辑和按钮都会面目全非，音乐文件和课件中的Actions语句也没有了，而且当课件较大时，导入的时间很长，容易造成死机。因此我们还可以使用Sothink SWF Decompiler（硕思闪客精灵 MX2004专业版）对其进行分解，该软件能够将Flash课件（SWF或EXE格式）中的图片、矢量图、声音、文字、按钮、影片片段等基本元素完全分解，最重要的是还可以对动作的脚本进行解析，清楚地显示其动作的代码，让您对课件的构造一目了然。需要的朋友可到：太平洋下载中心下载安装[点击下载] 。 启动软件后，打开Flash课件会自动进行解析，并且列举出可以分解的素材：Shape文件夹是时间轴上的动画片段，Image文件夹中是图片，Sound文件夹中是声音，Text文件夹中是文本，Sprite文件夹中是影片剪辑，Button文件夹中是按钮，Actions文件夹中是课件用到的语句。勾选需要的素材，单击〔EXPort〕按钮弹出对话框，选择“保存文件夹”即可，打开保存文件夹，即可看到相应的文件夹，这些文件夹里面存放着导出的素材，此时就可以直接使用了。上面的两种方法足以让我们获取任何Flash课件中的素材了，下面的还原法中将为大家介绍一款软件――Imperator FLA 1.6，它可以将部分SWF文件还原成FLA文件，这是比较实用的，因为这就意味着我们可以直接把SWF课件拿过来还原，然后稍作修改就可以使用了。不过比较遗憾的是，这个软件不太稳定，目前只能支持Flash Mx，需要的朋友可以在http://www.ave-imperator.com/dmdocuments/Iflademo.zip下载。 启动软件后出现如图4所示界面，软件的功能较为单一，所有的功能按钮都可以在主界面中看到。单击〔Select SWF…〕按钮打开要还原的SWF课件，然后单击〔Save fla…〕按钮将课件以FLA格式保存，稍等后即可在保存文件夹下看到相应的FLA文件，所需要的时间是由文件的大小及内部的结构决定。最后就可以启动Flash Mx打开课件进行重新加工修改了
用PhotoShop给皱褶T恤添加图案
由于T恤衫表面是有褶皱的，因此衣服上的图案文字也会相应产生变形，怎样使添加的图案文字的变形与褶皱一致呢？这里我们需要用到扭曲/置换滤镜，学会了这个技巧你就可以更真实的把图片文字等加到凹凸不平的表面上了 原图效果图 具*作步骤如下：一、导入原始图片，并复制一个图层副本，如下；
最新发布
10个网页设计师今生应该去的地方
每个领域都有其神圣的地方，即该领域发展至关重要的地方。就好像艺术家们习惯了要去佛罗伦萨参观米开朗基罗等，所以网页设计们在有生之年也应该访问一下自己领域最神圣的地带。遗憾的是还是有不少依赖web的专业人士不知道自身行业的历史，特别是新一代年轻人，他们视互联网为理所当然之事。为了解决这个bug，这里咱们列举出10个WEB设计师应该至少访问一次的地方，记住！一辈子至少要去一次！1、Googleplex（谷歌公司总部）是Google公司总部的名称，位于美国加州圣克拉拉县的山景城，离旧金山很近。有必要向所有互联网从业者小介绍一下Googleplex。这已经不再是单独属于google的总部了，它在2010年被购买下来作为纽约庞大的建筑。它代表了整个市。这也是世界上最大的搜索引擎公司网站的校园。没有google，我们就不知道现在所知的网络的存在。对于一个网页设计师来说，难道还有比这个地方更好的去处么？ Adobe位于美国加利福尼亚州圣何塞，当你参观完谷歌总部后稍微一点点车程你就到了Adobe总部。任何一个建立过网站的人都曾经使用过Adobe公司的至少一个产品。这个公司的软件更新频繁，如果没有它们这个世界难以想象会是什么样子。数以百万的网站创建使用Dreamweaver。更直观地去说，没有photoshop你活得下去么？网络活得下去么？ 最初网景位于加州的山景城。这座古老的总部看起来有点儿像庞贝古城的废墟。网景通信公司曾经是一家美国的计算机服务公司，以其生产的网页浏览器——Netscape而闻名。1998年11月，网景被美国在线（American OnLine，AOL）收购，而后来美国在线和时代华纳合并，之后再独立。美国在线依然使用网景这品牌，于2008年3月1日停止支持的网景浏览器后，保留了门户网站Netscape。虽然网景网站仍然存在，但是已经是以前的一个缩影了。纵横网络的所有学生都该知道，Netscape Navigator曾经是网络领先的浏览器。
10套超漂亮的网页UI套装PSD素材
我们平时分享过不少的精品UI KIT PSD素材，这些组件虽然很漂亮，但是要转换成HTML网页格式时却不是一件容易的事情，因为UI组件元素很多，如果要转HTML需要不少的时间，而且要精通前端技术。今天设计达人网整理自pixelkit上的免费UI KIT素材，这些PSD已经转成DIV+CSS格式，可以直接快速的应用在网页上，更棒的是它使用Bootstrap框架编写，最新的HTML5+CSS3技术都有了，所以你绝对不怕过时。这次分享的组件带有帮助文档，让你使用的时候更得心应手，如果免费版不满足你，可以购买高级版（Premium Version）而且价格十分便宜！好吧，赶快下载和分享给你的朋友们，免费的。打包下载地址(40MB)：微盘下载 | Github下载这个Funky Tunes组件设计有梦幻般的美丽，适合用在音乐、视频类的APP或网站。在线DEMO | 使用文档 | 高级版(付费)这个Skinny Frames使用了扁平化风格设计，适合于网站平台，如果想跟紧潮流，玩玩扁平化，这个组件可以选择哦，而且配色很容易修改，通过在线网页配色工具来换个颜色主题或许会有另一番风景哦！在线DEMO | 使用文档 | 高级版(付费)
详细解析游戏网页设计的创新之路
游戏是我们从小就开始接触的东西，在中国游戏行业井喷的年代里，每家有实力的公司都想在这个行业里分一杯羹，为了能够走在行业的领先地位，从游戏的研发到运营推广都下足了功夫，而我们作为运营推广的品牌视觉设计师就应该为此出一把力。游戏在这个行业也发展了许多年了，从刚开始游戏在网络上公测以来，我们的游戏网页就已孕育而生了，在走过数年之后的今天，曾经换汤不换药的网页设计与其说是一成不变不如说是在一次次的创伤我们的浏览者，为了能够抚平创伤我们就应该去思考更加合理的视觉语言，让观者看着愉悦玩着舒心。这样的创新才能与观者达到情感共鸣，产生对产品的粘性与此建立产品文化的品牌形象。我们今天的主题是创新，那什么是创新呢?创新是指：以现有的思维模式提出有别于常规或常人思路的见解为导向，利用现有的知识和物质，在特定的环境中，本着理想化需要或为满足社会需求，而改进或创造新的事物、方法、元素、路径、环境，并能获得一定有益效果的行为。所以我们不能假大空，要实践就要得出可执行的结论，我认为，有效的创意是在继承前辈以后的合理改进，而不是抛开一切的颠覆原有。下面让我们来回顾一下那些年我们前辈做的页面，来分析一下当年的创(xin)意(dong)点>08年—09年出品2008年1月天龙八部COVER页面该页面中的导航摒弃了页顶的常规设计，而采用居中与下面信息板块相协接，重金属包边和水晶质感的按钮，应该是当时比较注重的。
解析设计师每天必上的网页设计欣赏
我回来啦，最近这两天比较忙，所以信息停发了几天。感觉特别对不住哪些日日夜夜等着本工发微信的小伙伴们，所以今天本工忙里偷闲把上周大家分享的好网站给整理了出来，大家赶紧收集着。这些个网站绝对是精华之中的精华，号称设计师每日必看之站，虽然可能很多你都见过，但12个个性鲜明的站点，总有你没见过的！每天用心看一看，来年工资必翻翻。http://dribbble.com/UI设计师必备网站之一，超级多的精美界面设计。由于发布作品有门槛（dribbble码），所以里面的设计作品都很精良。界面设计为主，插画为辅，网页设计的作品比较少，基本没有摄影啥的。boss来查岗的时候，只要打开dribbble，顿时就高大上了！！https://www.pinterest.com/瀑布流的鼻祖，素有图片版twitter之称。花瓣啊、堆糖啊都是pinterest的汉化版本。如果你英文杠杠的，那么可以看到不少的外国友人的好作品。http://wallbase.cc
详细解析水印相机素材设计之要点
水印相机发布至今将近半年，上架水印已逾130款。在水印素材的设计过程中，团队常常思索什么样的设计可以获得较好的回报、为大众用户所喜爱，这亦是水印素材的设计师一直在探究的问题。笔者将从设计师的角度出发，以用户调研与使用数据为参考，与大家分享自己在此项目中积攒到的一些心得经验、发现与思考。照片“水印”的全新定义水印是什么?传统的水印通常是在图片上附加的版权信息、作者信息或防盗图信息，制作者和应用者通常为专门群体。水印相机赋以“水印”全新的定义，即一种智能、快捷、装饰性的照片信息呈现方式，照片信息涵盖了拍摄时间、位置、环境、镜头信息、心情表达等多个类型，这些信息和内容在拍摄的同时叠加于照片之上。水印相机也提供了各种不同类型、主题与样式的水印素材供用户选择，并保留自定义能力，以满足拍摄者记录与创作的需求。在设计一百多个水印素材的过程中，设计师要做的大多是信息的排布与取舍、图形的创意与表达，平衡水印与照片的关系，让水印融入并强化照片故事的讲述。在设计时，信息叠加与图形创意的要点有以下几条：不要过多遮挡照片在水印素材规划之初，我们对水印的大小做过诸多尝试，从简单的点缀到块面型覆盖，从镂空透明的图形到大面积的遮挡，方案覆盖到了各种尺寸。大面积的照片装饰是一种风格化的平面设计手法，它可以修正构图、也能够让照片拥有“前卫艺术”的效果，也是设计师热衷的效果。
35款值得网站开发者收藏的JS图形图表库
图表是数据图形化的表示，通过形象的图表来展示数据，比如条形图，折线图，饼图等等。可视化图表可以帮助开发者更容易理解复杂的数据，提高生产的效率和Web应用和项目的可靠性。在这篇文章中，我们收集了35款值得网站开发者收藏的JavaScript图形图表库，适合各种图表需求。其中大部分都是免费而且开源的，希望大家能在下面的列表中找到适合自己需求的JavaScript图表和图形库。1. JS ChartsJS Charts 是个基于JavaScript的图表生成器，不需要任何编码。JS Charts 非常容易使用，只要用户使用客户端脚本（比如，在 web 浏览器中执行）。它不需要多余的插件和服务器模块，只需要下载 JS Charts 的脚本，准备好 XML，JSON 或者 JavaScript 数组数据。CanvasJS 是个易用的 HTML5 & JavaScript 图表库，基于 Canvas 元素。Graphs 可以通过设备渲染，包括 iPhone，iPad，Android，Windows Phone，Microsoft Surface，Desktops 等等。它允许用户创建适用于所有设备，不影响 web 应用程序的功能和可维护性的富仪表盘。CanvcasJS 有着非常漂亮的主题和超过传统的 Flash 和 SVG 图表 10x 倍以上的速度——生成轻量级，漂亮和响应式的仪表图。Chart.js 是个简单的，面向对象的客户端图形库，用户可以用 6 中不同的方式来可视化数据。每个方式都是动画效果的，完全自定义，而且看起来非常好看，即使在 retina 显示。它使用 HTML5 canvas 元素，支持所有现代浏览器，并且支持 IE7/8。
详细解析在网页设计中的字体设计之美
多重字体混合使用不管在哪个行业都是有难度的，尤其是网页设计领域。尽管字体种类成千上万，但是合理的在网页中使用它们不简单呐，所以在面对成千上万的字体时，保持冷静是你应该保持的职业操守，就好比摄影师看见美女一样。有些人说，那我在一个网页中只是用一种字体不就一了百了了吗~错!即使你只是用一种字体那些常见的问题还是会存在。今天我们将和大家分享一些新鲜出炉的网页，这些网页中都是用了两种一上的字体，并且字体样式独特，希望对你有所帮助。Space Needle——这是一个非常受欢迎的主页，它使用了多种字体搭配明亮整洁的背景，显得高端大气。页面中的字体有的高瘦笔直，有的艺术鲜艳，整体搭配非常和谐，与背景合二为一。ING Direct——该网页的登陆界面非常可爱哦，刚看到时小编总觉的那个moon好像一只青蛙在说耶…可能是小编想象力太丰富了吧…该网页的字体属于非常流畅的粗体字，是适用面非常广的一款。Inesplorato——此网页的字体大家应该都不陌生吧，上了十几年学要是不知道这个那可是不行的呦。这种粉笔风格的字体属于超级拉风类，与各种背景也非常匹配，可以和轻艺术风格字体很好的融合。Digitz——设计师在此网站中选用了两种字体，希望呈现给顾客一种谦逊、有商务气息的感觉，同时下面的艺术字给网页增添了不少节日气氛。Bhojwani Foods——这个网页中的元素可是不少啊，不仅有大量的插画、图片还有文字，这些东西巧妙的结合在了一个网页中。
PS神器Velositey助您快速的搭建网页布局
设计一个网页，最基本就是从画布局开始，然而这个也是比较耗时间的，不过没关系，今天设计达人为大家分享一个网页布局photoshop扩展插件——Velositey，这个扩展可以快速在PS上实现多种流行布局，布局包含头部、幻灯片、内容布局、页脚排版等等。还有个我喜欢Velositey的原因就是这个布局兼容Bootstrap前端框架，它生成的栅格线、Layout都能用Bootstrap来编写，十分方便。下面我们来简单介绍下这个扩展：软件使用是免费的，所以放心使用，请选择对应的Photoshop版本下载，官网测试了PS CC版，小编测试的是PS CS6版，所以都没问题哦。Velositey CS6 V1.1 微盘下载Velositey CC V1.1 微盘下载快速新建栅格线,栅格总宽度为1170PX，刚好和Bootstrap框架一样。通过扩展的布局功能，我们只用1分钟时间就能实现下图这个网页排版，图层也帮你编组好，真的好人性化。
详细解析网页设计移动版专题设计的那些事
响应式设计是否适合于专题设计tuntundeng：如今越来越多的移动设备出现在我们身边，作为设计师对网站专题的设计进入到一个新阶段，需要考虑更多的用户访问环境，输入设备，分辨率等不同因素。响应式网页是目前热门的解决方案，好比一双男生的休闲鞋，可以与所有裤子进行随意搭配。但是对于专题设计来说，响应式设计并不合适。专题网页的设计通常是短平快，在特定时间达到一些运营需求。而响应式设计通常需要考虑更多不同分辨率下的响应效果，花费的设计和开发时间成本可能是double。而且专题设计具有很强的形式感，响应式设计的流体布局，必然会对视觉造成限制，所以对于专题来说做成响应式的网站需要慎重考虑。最高效的办法就是传统的为手机版单独做一版设计稿，让手机版网页满足通用的移动设备分辨率。先做PC版的页面还是手机版页面看用户的访问数据来定。一般情况下都是先做PC版的页面再做手机页面，PC端网页可以呈现更丰富的内容，用户浏览网页时更专注，达到最好的体验。但有很多情况下，页面的访问更多的来自手机端，比如手游的专题，用户通过微信、手Q入口进入。如果开始就先做PC版的专题，想必手机版的内容将是一个移植的PC版网页，让移动版的体验大打折扣。世界上最远的距离不是我在你身边却不知道我爱你，而是我用手机开你网页，你却你不知道。酷跑的官网用户访问来源，超过80%来自移动端，在为酷跑的专题设计时则先从手机版开始设计。举两个栗子，twitter与instagram的PC页面都是从手机端的延展，继承了手机端的交互，保持了一个很好的一致性体验。手机版专题页面的注意事项
五个网页扁平化设计的最典型的特征
如今设计界最炙手可热的明星大概就是扁平化设计了吧，关于它的讨论至今都没有冷却的迹象。诸多设计师分成了泾渭分明的两个阵营，一边努力把扁平化做到极致，一面对其不屑一顾。我是个骑墙派，不支持也不反对，在我看来，优秀的设计的定义就是好用，只要能设计出优秀的产品，我可以采用任何方式，扁平化也是其中之一。但是必须意识到，没有哪种风格是包打天下的，不能强行将一种风格应用到不该用的地方。那么，扁平化究竟该怎么实现怎么应用呢?下文将要做的就是分析扁平化的五个最典型的特征，同时也介绍一下伪扁平化(不含贬义，只是一种折衷的设计方式)。一、拒绝特效扁平化这个词来自于这种设计所使用的样式和形状，它完全属于二次元世界，一个简单的形状加没有景深的平面，不叫扁平化都浪费这个词了。这个概念最核心的地方就是放弃一切装饰效果，诸如阴影、透视、纹理、渐变等等能做出 3D 效果的元素一概不用。所有的元素的边界都干净俐落，没有任何羽化、渐变或者阴影。这一设计趋势极力避免任何拟物化的元素，这导致这一设计风格在其它平台有时候显得突兀，前景图片、按钮、文本和导航栏与背景图片格格不入，各成一派。那么，扁平化的效果如何呢?因为这种设计有着鲜明的视觉效果，它所使用的元素之间有着清晰的层次和布局，这使得用户能直观的了解每个元素的作用以及交互方式。如今从网页到手机应用无不在使用扁平化的设计风格，尤其在手机上，因为屏幕的限制，使得这一风格在用户体验上更有优势，更少的按钮和选项使得界面干净整齐，使用起来格外简单。二、界面元素