推荐阅读
电商设计师总结的8条产品设计趋势分析
这5年时间，我呆过已经倒闭了的小电商平台，做过腾讯电商的外包，也真正近距离参与过京东大大小小的各种活动设计，亲眼目睹了天猫双11成交额从2011年的52亿一直增长到2015年的912亿，直到现在，我把我的部分关于电商的思考和观察总结写成文章近百篇分享给大家。写在前面2011年那会儿，我还是杭州某互联网公司的一名ui设计师，那年双11我亲眼目睹了我们整层办公楼500多人都在买买买的壮观场面，不过那时候的我对电商没有任何概念，甚至对网购都不熟悉;2012年年初，我阴差阳错地接触到了电商设计，爱上电商设计并一直坚持到现在，已近5年时间。这5年时间，我呆过已经倒闭了的小电商平台，做过腾讯电商的外包，也真正近距离参与过京东大大小小的各种活动设计，亲眼目睹了天猫双11成交额从2011年的52亿一直增长到2015年的912亿，直到现在我把我的部分关于电商的思考和观察总结写成文章近百篇分享给大家。这几年，电商的发展速度是惊人的，我觉得有必要对自己的观察和体会做一个小结，于是就有了这次的话题：“入行电商设计近5年，写文近百篇后，我给大家总结了这8条趋势分析和建议”。这篇文章也许对正在电商设计这条路上或即将迈入这条路的人有所启发，接下来我们直接进入正题：少数人会驱动多数人的行为和想法这个少数人是指什么人呢?指某一个行业领域里走在最前面的人，再或者是某一个圈子里最活跃的那一批人，毫不夸张地说，这些人的一举一动都会牵涉到其他人的发展方向，这种现象在炒股行业也许最为明显，知名企业或知名投资人的稍微一点动作就会对相关公司或行业的股价产生不小的影响。那么在设计圈里其实也是一样的道理，比如现在在设计圈很火的C4D，三维建模和渲染，虽然这个在工业设计领域是非常常见的一项技能，但是不知是被谁引入到了电商设计行业，然后大家开始纷纷效仿三维的效果。还有合成效果早几年前比较常见于创意互动广告界，一开始一些简单的合成效果也只是常见于一些比较追求炫技和非主流效果的店铺(因为那时候的效果都做的比较粗糙所以看起来有些俗气)，其实对于天猫或者京东这样的平台页面设计里是很少会用到这些效果的，因为这种效果对于动辄就是好几十个不同会场的平台活动来说，很难进行品牌视觉延伸，再一个就是合成玩的好需要很强的绘画功底和想象力，处理不好容易变得非常俗气。
CorelDRAW绘制日式卡通美女教程
在本节实例的学习中，将制作一幅具有日本卡通绘画风格的漫画。日式卡通中对人物的塑造具有很鲜明的特色，归纳性很强。在制作过程中可以很容易的抓住人物特征。整个画面用色鲜明，女孩飘动的头发与背景中舞动的枫叶，使画面充满了动感。如图1-89所示，为本实例的完成效果。图1-89 本实例完成效果1.4.1 技术提示为了节省篇幅，实例的背景图形和卡通女孩的轮廓图形，使用了导入的素材。实例的制作过程将重点讲述角色的绘制、润色、细节刻画等方面操作。如图1-90所示，为本实例的制作流程。图1-90 本实例制作流程1.4.1 制作步骤：刻画角色五官(1)启动CorelDRAW，新建一个空白文档，参照图1-91所示设置文档属性。
PS简单几步为照片增加对比度和层次感
原图效果1.磨皮:这个为什么第一步磨皮呢，个人习惯吧..呵呵。我习惯用Topaz 2. 复制一层，模式为滤色，不透明度视情况而定别太白了3.向下合并图层，然后选择图像-调整-可选颜色，先分析这张图，红色占大部分所以不用大范围地调整红色通道.参数设置如图2,效果对比如图3
PS烟雾笔刷应用：制作出逼真火焰效果
先看看效果图：下面是制作的步骤：1、新建一个文档，拉出一个径向渐变，颜色如图： 2、新建图层，将前景色设为跟火焰接近的颜色，选择一些烟雾笔刷，画出一团火焰。烟雾笔刷下载：http://www.86ps.com/Soft/ShowInfo.asp?InfoID=3753
最新发布
四分之一圆的制作
文 / donger四分之一圆的制作一、 在工具面板中，选择 工具，按住shift键，画一个正圆。在info面板中设置圆大小为200*200。填充色为桔黄色。二、 在工具面板中，选择矩形工具，按住shift键，画一个正方形，在info面板中设置正方形的长宽为100*100三、用黑色箭头选择工具，从上往下拉一个选择框，把这个正方形和圆全部选进去。四、菜单modify中选择align命令，分二次执行left和top命令，使二个选中的物体上对齐和左对齐。看下图五、此时二个物体还是处于被选中状态，再使用modify菜单combine中的insersect命令或者使用crop命令，使这二个物体进行切割，圆就只剩下四分之一。 六，至此，一个四分之一圆就完全出来了。至于combine中的几个命令，也可以称为布尔运算，将会在一篇单独的教程中作详细的介绍。
对文字进行渐变填充
对文字进行渐变填充 一、新建文件，选择工具栏中的文字工具，并在text editor窗口进行如下设置，键入DONGER这几个大写的英文字母。点击确定 二、菜单text->convert to paths,使文字变成路径。 三、此时文字仍处于被选择状态。选择fill面板，填充类型设为linear，点击edit按钮，进行渐变色的编辑，左边设为黑色，右边为红色，这样每个字母就自动填充上了由黑到红的渐变色。 四、最后结果 上面所说的是对每个文字进行渐变填充，但如果想对一行文字进行由深到浅的渐变又该如何呢？
两种羽化方法
用Fireworks对位图边缘进行羽化 下面我们介绍一种简单的位图羽化方法，这是Fireworks的基本功能之一方法一 一、在文件中导入一张需要被羽化的位图（菜单 > file > import） 二、在工具栏中选择椭圆形选择工具或是矩形选择工具，在位图需要羽化的部位进行选择。 三、菜单 > modify > marquee > feather命令。 四、在feather selection对话框中设置羽化的半径，这里我选了20个象素，点击OK 五、用黑色箭头工具，把这个选择框拉到一边，相应的图片也跟着移到旁边。 六、我们可以把不需要的图片删除，也可以把这个已经羽化完了的图片复制到别的文件中去。
选择性的JPG压缩
文 / donger选择性的JPG压缩五、这时我们选择optimize面板。在下拉菜单中选择文件类型为jpeg。对图片其他模糊的压缩率设为30（quality:30）,被粉红色蒙板遮照的地方默认为90%，这是一个非常高质量的压缩率了，不过如果想修改的话，我们可以点击selective quality旁边的 按钮进行编辑。六、 照刚才这样的设置，我们点击preview标签就可以预览该输出的结果。怎么样，狗熊周围是不是有了马塞克效果，呵呵，那是因为图像精度不够，压缩率太低所照成的的结果。这个效果不是轻松就做出来了吗？七、 发现没有，modify->selective jpeg下有好些选项呢。我们只使用了第一个，其他几个分别是派什么用处的呢。下面就来简单的介绍一下。save selection as jpeg mask，这个选项我们刚才已经说过了，那这儿就不多说了。Restore jpeg mask as selective,这个选项是用来重新定位选择框的。我们选了这个选项，选择框就能重新被定位，看下图，我们把选择框向左上角拖动一些距离，但这时粉红色的遮照并不跟着移动。如果我确定下来该选择框该放在哪儿，就可以再重新使用save selection as jpeg mask，做了这步操作，粉红色的遮照框才会跟着移动到所需的地方。settings选项，和刚才的按钮 起同样的作用，对遮照区的图像进行设置你钩选enable selective quality，就能设置这块区域的压缩率。Overlay color是选择遮照块的颜色，系统默认的为粉红色，当然你可以改变其为你自己喜欢的颜色。下面的二项分别是为了保证文字和按钮质量的，如果你的图片中有文字和按钮的话。只需在其前面打个钩就可以了。是不是很方便？呵呵最后一个选项remove jpeg mask，我想不用我说大家也知道了吧，就是取消上面的一些设置。图片恢复原样。好啦，这个Fireworks4的新功能就全部介绍完了，还有什么地方不懂的吗？
按钮制作
文 / donger按钮三看下图，这象是苹果机上的图片吧，用Fireworks也很容易能够做出来，关键是对渐变色的掌握程度，想知道制作方法吗？跟我做一遍！一、 新建文件，背景为白色。用矩形工具画一矩形，在info面板中设置这个矩形的W为173，H为54，键入回车表示确定。在object设定roundness为45，这是用来设置矩形的圆角尺寸。二、选择这个圆角矩形，打开fill面板，填充类型选为linear，打开edit按钮编辑渐变色带，如下图所示，色带有白和黑组成。三、设置完渐变色后，打开effect效果面板，类型为inner bevel，在其下拉菜单中选择smooth，深度选为7，其他的按默认的设置，这样基本的框框就做好了，看下图所示。 四、再用矩形工具做二个矩形，其中一个矩形需要在其object面板中设置其roundness为30。颜色此时随自己喜欢，为了看得清楚，为了圆角矩形我用黑色填充，直角矩形为灰色填充。五、全选二个矩形，使用菜单modify->combine->punch命令，执行命令后，形状如下：六、打开fill面板选用linear类型进行填充，编辑效果及渐变方向如下图所示。七、把这二个形状按如下位置放置。八、用工具面板中的文字工具输入文字。你可以输入自己需要的文字。九、把文字放在按钮的上面。这个按钮就全部完成了。
同一色系的图片
文 / donger把一张全彩的位图变成同一色系的图片如下图所示结果，这个效果在Fireworks中非常容易实现。下面我来介绍一下制作过程。一、 在文件中导入需要改变颜色的位图（file->import）二、 单击图片，查看INFO面板中的信息（W&H）三、 选用矩形工具（rectangle tool）画一个矩形，填充除了白色以外的任何颜色，storke为none，并在INFO面板中键入位图的W和H的数值，这样矩形就和位图一样大了。四、 同时选中这二个图形，用菜单中的命令或是工具栏上的命令（modify->align->center horizontal）和(modify->align->center vertical)使它们上下重叠。 五、 在层面板中把位图层拖到矩形层的上方。六、 选中二个图形，用菜单命令（modify->mask->group as mask）对二个图形进行遮照。确定object面板选项为：七、 好啦，同一色系的图片就做好了八、 这个色系的颜色具有可编辑性，我们可以随意改变这个矩形的颜色，使色系的颜色不同。看下面二张图点击层面板中的上的用红笔圈住的地方，然后在工具栏中改变填充的颜色，相应的效果也就出来了，简单吧，自己动手试试吧
虚线的制作
文 / donger如何用Fireworks制作虚线这个问题问的人有好多，做虚线的方法也有好多，但是有一种最简单的方法，这儿我来简单介绍一下吧。一、 新建一个文件（file-new）二、 选择stroke面板，在下拉菜单中进行如下设置。笔触类型定义为pencil，名称为colored pencil三、 点击面板中的黑色箭头按钮，在旁边的选项中选择edit stroke。三、在options面板中，把spacing由15%改成100%，如果想要虚线间距再大一点的话，相应地把再把这个数值改得大一些，点击确定。四、 用直线工具 ，铅笔工具或是笔刷工具及钢笔工具 就可以在画布上随心所欲地制作自己想要的虚线形状。五、 至于虚线的颜色，大小及边缘羽化等，都需要在stroke面板中设置。六、 看看下面的各种虚线吧，呵呵，不怕你做不到，只怕你想不到
圆角三角形的制作
文 / donger圆角三角形的制作Fireworks能直接做三角形，这我想应该是众所周知的吧，就算不知道也没关系，在教程中我会提到制作方法的。下面请看详细的制作过程吧：）一、 双击工具面板上的多边形工具，并在其tool option面板中选择shape为polygon，sides为3。二、 按住shift键，不断调整方向，直至三角形最下面的一条边和桌面平行。这样一个三角形就轻松做出来了。三、 这时三角形还处于被选择状态，使用菜单modify中的命令跳出inset path的对话框如上图所示设置，direction中二个选项：inside是收缩路径，而outside则是放大路径。Width是指角度的宽度。Corners项用来设定扩张后和路径的弯角方式，从左至右分别是："尖角"、"圆角"、"棱角"。Miter limit项用于设定扩张后的路径在弯角处的角度限制。四、 我们这儿选择outside,width为15，corners为圆角。点击OK键一个圆角的三角形就出来，怎么样，是不是很方便呢：）
动画小时钟
文 / donger钟一个可爱的钟，上面有一根秒针在转，一圈就是一分钟。这个动画以前在Fireworks3中我曾做出来过，但是过程很复杂，如果一不小心，做出来的秒针还会一跳一跳的。现在fireworks4出来，它的animate功能使这个制作过程变成非常的简单，不信的话，我们可以来试试。首先新建一个文件1、File->New 尺寸大小自己随意设置，背景为白色。2、用椭圆形工具，按住shift键，画一个圆。颜色为#6600FF，在info面板中改变大小为W:200，H:200，按回车应用这个尺寸。3、再画一个圆，尺寸为150*150，颜色为#FF99004、用箭头工具选择这个圆，按住alt键，往下拉，这样就会复制出一个圆，改变颜色为#660000，改变尺寸为80*805、继续上面的工作，再复制一个圆，颜色为#000000，改变尺寸为8*8。现在我们就有从大到小的四个圆了。接下来要做的工具是使这四个圆的圆心对齐，象一个靶子一样。：）6、用黑色箭头工具，拉一个选择框，直至把这四个圆全部选择为止。7、分别应用菜单中的命令modify ->align->center vertical、modify ->align->center horizontal。呵呵，这个四个圆的圆心就在一起了。8、当四个圆还都被选中时，使用modify菜单中group命令，把他们组合成一个组。9、选择layer1，也就是钟面的那一个层，双击layer1标签，在share across frames前面打上钩，共享这个图层。钟面做好了，接下来就是秒针和动画部分了。这才是我们的重点哦。10、新建一个图层，在层面板中。注意这次FW4的层面板和以往大不相同，新建图层应该是上图中箭头标的按钮，其右边第二个按钮是用来新建一个位图图象的。11、选择多边形工具，在option面板中设置shape:polygon，side:3，按住shift键，使三角形的下边和桌面保持平行。在info面板中改变其大小为15*2012、选择直线工具，按住shift键，画一条垂直于桌面上的线，改变其尺寸大小为1*60，使用storke面板，分别设置为pencil、1-pixel soft tip size为2。13、改变他们的位置，在层面板中，把直线的子层拖到三角形子层的下面。调整他们的位置（象一个箭头一个），同时选中这二个物体，modify->group。
金属效果
文 / donger金属效果一 下面来学习这个金属效果的制作方法。 一、新建文件。 二、用矩形工具画一矩形，打开info（信息）面板，设置这个矩形的W和H分别为332和14。再打开object面板，设置矩形的roundness为50。 三、选择fill(填充)面板，设置其填充类型为ellipse(椭圆形)，渐变颜色我们点击下拉菜单按钮，选择white，black。设置texture（纹理填充）类型为scratch，值为20%。