推荐阅读
电商设计师总结的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
最新发布
Fireworks 制作立体旋转地球
动画制作是Fireworks的特长，尤其结合Mask会制作出很多意想不到的效果，下面的旋转地球就是用Fireworks MX做出来的(其他版本的Fireworks 也一样可以做出)，挺逼真吧！ 本例使用圆形遮罩中运动的平面世界地图模拟地球的转动，涉及到的关键技术只有Mask，但要做到地球旋转连续流畅还是需要一点小技巧，希望下面的教程能够让你有一点收获。 读者应具有Fireworks的基本操作能力，特别要熟悉层面板和Select菜单操作。
Fireworks制作相片撕裂效果
效果简介：这是一个图像撕裂的效果，有很多朋友问起这种效果的实现方法，不要以为只有photoshop才能做出这种图像撕裂的效果，其实这很简单，就是Fireworks套索工具的应用而已。 1、建立场景后，按下Ctrl+R导入一个图像文件。 2、双击图像进入位图编辑模式，选择LassoTool（套索工具）在图像上随意画线，切记线条要棱角分明，不能够表现的过于圆滑，另外，一定要使线条的起始点和终结点回合，形成圈选。见图1 3、完成圈选后，按下Ctrl+X剪切被选部分，返回到原始编辑状态后按下Ctrl+V粘贴。然后选择Scale Tool（比例工具）将粘贴上的图像进行微小的旋转。见图2 4、按下Ctrl+A全选场景中图像，然后打开Effect（效果）面板，在效果列表中选择Shadow and Glow（阴影与发光）选项中的Shadow（外阴影）命令对两个图像同时进行阴影设置。设置见图3 5、最后，调节一下两图像间的距离。完成制作。最终效果见图4
Fireworks使用技巧及常见问题解答
是一款与Dreamweaver、Flash齐名的网页图形制作利器。在当前的一些热门设计论坛中均开设有Fireworks讨论专区，为网友学习Fireworks提供了方便。笔者特地搜集了一些与Fireworks相关的常见问题，经过编辑整理后在这里给予逐一解答，希望能为广大Fireworks初学者带来帮助。 问：对象与对象层有什么区别？ 答：一个标准的Fireworks图形文件至少有2个基本层，分别是“网页层”和“普通图层”。每一个图形对象在创建的同时都会自动在“普通图层”下生成一个“单独的层”来容纳自己，因此这个“单独的层”就被称为“对象层”。同样的，每一个热点或切片对象在创建的同时也会在“网页层”下自动生成一个“对象层”来容纳自己。 问：怎样把两个位图对象合并为一个对象？ 答：在同一个画布中，调理两个位图的对象层，使其中一个位图紧挨在另一位图对象层的上面。然后选中上层的位图对象，点击菜单栏上的“修改―向下合并”即可。 问：如何改变Fireworks的颜色样本？ 答：点击菜单栏上的“窗口―样本”启动颜色样本组合面板，点击该面板右上角的下拉列表，可从中另选一种颜色样本。 问：如何画一个圆角矩形？
自己打造动画广告 用Fireworks泛起水波涟漪
我们在网上经常可以看到一些泛着水波涟漪的动画广告，效果非常的逼真。其实这只是巧妙地利用了动画软件中的遮照效果而制作出来的。在Fireworks里通过蒙版效果和对每帧的播放时间进行巧妙的调整后，也能做出这种有水波涟漪的GIF动画。 我们先将一张将要用来制作这种涟漪效果的图片导入Fireworks。这时Fireworks会自动生成一个背景层，如图01。图1 点击层面板右上角的下拉列表，将背景层设置为“共享此层”，如图02。图2 接着把背景层中的位图复制一份放到“层1”里面并用方向键使其上移2个像素。然后点击“修改―动画―选择动画”命令，在弹出的窗口里对该位图进行如下的各项动画设置。图3 现在该来画水波的涟漪了。用“椭圆形”工具在“层1”里画两个以白色为实心填充的椭圆形，如图04。图4
下拉菜单全攻略之Fireworks篇
■ Fireworks 4/Dreamweaver 4双剑合壁造弹出菜单 与图形设计制作软件的龙头老大-Adobe公司的Photoshop相比，Macromedia公司的Fireworks 4(以下简称FW4)可谓短小精悍，同时，她对于网页图形制作的强大支持，也使其轻松获取了大批网页设计师的信任和追随。配合Macromedia网页制作三剑客中的另一位大名鼎鼎的剑客Dreamweaver 4(以下简称DW4)，FW4可以轻而易举地做出时下网页中甚为流行的弹出菜单(亦称下拉菜单)。如果你对DHTML网页编程不甚熟悉，看到代码就头疼，不如跟随笔者一起亲身体验FW4的魅力所在吧！一、 在FW4中制作菜单1．制作母菜单按钮 打开FW4，选择File菜单下的New，或者按Ctrl+N快捷键，如图一新建一个文件，尺寸200X30像素，精度72像素/英寸，背景透明。 选择Window菜单下的Tools打开工具面板，从工具面板上选择矩形工具， 画一个100X30像素大小的矩形，选择Window菜单下的Info打开信息面板，直接输入数值精确调整尺寸和位置；
用Fireworks轻松制作网页交互按钮
3. 在工具箱中选择矩形工具，在按钮编辑器窗口中拖动鼠标，画一个适当大小的矩形。 4. 从填充面板中选择想要的填充特效(如果填充面板没有显示，可以从Windows菜单上选择Fill命令，打开填充面板)，制作漂亮的按钮图像。本例选择Ripples(波纹)图案、Emerald Green(鲜绿色) ，如图3所示。 5. 输入按钮文本：选择文本工具，在按钮编辑器中单击矩形中心附近，弹出文本编辑对话框。从文本编辑对话框中的字体弹出菜单上选择一种字体，选择点大小，从颜色弹出菜单上选择一种颜色，单击居中对齐按钮(本例选用隶书，25点，红色，居中对齐)，最后单击OK按钮(图4)。
用Fireworks给黑白图上色
让我们一起来感受一下Firework的强大功能吧! 打开一张黑白图如下,然后用魔术棒工具做选区, 在Xtra/Adjust color/Hue Saturation,弹出如下设置窗口 设置完点OK 可有时在用魔术棒工具做选区的时候，往往不尽如人意，看上去明明色彩有很大区别的地方也被选中了，呵呵，不急，魔术棒里有个属性叫“容差”。 “容差”表示用魔术棒单击一个象素时所选的颜色的色调范围。如果输入 0 并单击一个象素，则仅选择色调完全相同的相邻象素。如果输入 65，则选择一个更大的色调范围。 这下明白了吧，如果有不明白的多试下就知道了，也可以适当的用Edge属性修饰一下。
巧用Style制作立体感文字
大家都知道利用FireworksMX内置的bevel滤镜可以制作出文字的立体效果，但是这样调试起来很麻烦。而利用Styles的方法就简单了。 1.打开FwMX新建一文件，大小任意。将画布颜色设为：#729CFE 2.利用Text Tool在画布上拖画出一个文本框。选择菜单栏上的Text>Editor调出Text Editor对话框，输入文字“梦想瞬间”（这个方法解决了在画布上不能输入中文的BUG)颜色任意设置。图1： 3.选中文本框，按Shift+F11调出Styles面板。点选Style 30应用该样式（图2）， 此时的文字应该和图3所示的样式差不多（如果字体大小变化了，请自己调整好） 4.选中文本框，在Properties面板中将轮廓颜色设为透明；将字体填充颜色设为#729CFE。如图4： 怎么样？效果出来了吧？变换字体试试，方便吧？ 这其实也是利用了Inner Bevel滤镜，我们可以很方便的设置其中的各项参数来改变其效果，这样比一开始就使用bevel滤镜要方便一些。
Fireworks混合模式之宝石花效果(二)
上一节，我们学习了通过对图层的混合模式进行调整从而产生令人眼花缭乱的效果，本节我们将继续对混合模式的使用进行深入挖掘！首先还是先看看通过调整图层混合模式产生的效果图，效果图的名称暂且还叫做宝石花效果吧，呵呵，因为实在我想不出更贴切的名称了，不管如何，我们还是一起来看看本例效果图的制作方法吧1、打开FWMX，新建文件，大小200*200，背景色采用的黑色。2、选取工具箱的椭圆绘制工具，配合Shift键，在编辑区绘制一个圆形，选中圆形对象，对Properties（属性）面板进行相关设定：Stroke（描边）选项设为None；Fill（填充）方式选择Radial（放射渐变）填充；Edge（边缘）选择Feather（羽化），羽化值的大小采用默认的10即可。3、接下来对填充颜色进行调整，单击填充颜色井，会弹出颜色设定框，左侧的颜色块采用默认的白色，右侧的颜色块设置为“#003366”。在颜色列上距离左侧颜色块大约1/3处，单击鼠标，会自动增加一个填充色块，保持该色块不做任何改变，具体操作请看下图：
Fireworks混合模式之宝石花效果
混合模式功能应该说是目前流行的各大绘图软件都不可或缺的，通过灵活调整各种混合模式，同样可以制作出各种各样、丰富多彩的效果来，如果各位不相信的话，可以先来看看下面的效果图，是否给你一种眼花缭乱的感觉呢？关于这种效果的名称我想了很长时间，觉得没有什么很恰当的，就暂且叫宝石花效果吧！呵呵~废话少说了，我们还是赶快来看看如何通过FWMX来实现这种炫目的效果吧1、打开FWMX，新建一个大小为200*200，背景为白色的文件。进入编辑区，如果编辑区的上侧和左侧没有标尺的话，首先执行菜单命令"View / Rulers"使得标尺栏为可见，为了操作方便，接下来执行菜单命令"View / Guides / Show Guides"、"View / Guides / Snap to Guides"使得辅助线为可见并且打开辅助线的自动吸附功能，这样，我们就将最基础的前期工作准备好了。2、顺序从上侧标尺栏和左侧标尺栏拖拽出两条辅助线，辅助线的位置均位于两侧标尺的中间地带，也就是100像素的地方，如下图所示：3、选取工具箱的矩形绘制工具，在编辑区绘制一个任意大小的矩形，然后在Properties（属性）面板上的Info区域进行具体设置，将W（宽）、H（高）值均设为100，将X、Y值均设为0，这样，我们就得到了一个位于编辑区左上角、边长为100像素大小的正方形。具体设置如下图所示：4、对矩形的填充方式进行调整，同样在Properties属性面板上进行调整。将填充方式设为Starburst方式，单击填充颜色井，在弹出的颜色设定框中进行设定，本例是将左侧的颜色块设为了黄色，右侧的颜色块设为了红色。当然，您可以根据实际情况进行任意调整。本例具体设置情况如下图所示：5、选中编辑区的矩形对象，配合键盘上的Alt键，向右侧拖动举行对象，这样就自动复制了一个新矩形对象，将复制的对象放置到编辑区的右上角。因为我们在第一步已经选定了自动吸附到辅助线的命令，所以这里我们不必担心位置的问题了，目前编辑区的具体摆放情况如下图所示：6、采取和第五步同样的方式，在编辑区的左下角和右下角再次复制出两个相同的对象，如下图所示：7、执行快捷键"Ctrl+A"，同时选定编辑区的四个对象，然后快捷键"Ctrl+G"，将四个对象组合成组，此刻层面板会如下图所示：8、选定编辑区的组合对象，执行菜单命令"Edit / Clone"，原地克隆复制一个组合对象，接着执行菜单命令"Modify / Transform / Numeric Transform",在弹出的对话框中选择变形方式为Rotate（旋转），输入旋转的数值大小为"30"，其余不作调整，点击确定即可,这样就将克隆对象顺时针方向旋转了10度，打开层面板我们可以看到目前编辑区两个对象的位置关系。选中克隆的对象所在的层，单击混合模式的下拉菜单，选择混合模式为Lighten（加亮）,如下图所示：9、打开History（历史）面板，配合Shift键，同时选定我们刚刚操作的上面这三个步骤：“Clone、Transform、Blend Mode”，单击历史面板左下角的“Replay”按钮，如下图所示：10、具体什么效果各位应该已经从编辑区看到了吧！呵呵，别急，再次按动历史面板上的Replay按钮！看看你制作的最终效果图是否如下所示：好了，其实通过上面的几步操作，相信大家对于使用混合模式产生一些奇幻的效果应该有一些个人的心得了，呵呵，这样最好哈；不过可能有些朋友对于混合模式的应用还是不太清楚，或者说认为通过上面的步骤产生的效果不过如此，没有什么值得称道的地方，不要着急，后面我们还有没有讲到的地方呐~~~。单单使用一种混合模式就已经能产生我个人所认为的足够奇幻的效果了（老风卖瓜，自卖自夸，呵呵……），如果结合两种或者更多的混合模式综合使用的话，会产生什么效果呢？你不知道，俺也不知道，MM公司也不见得知道，估计老天都不知道，呵呵，废话又来了，抱歉，抱歉……还是看看如何实现如上面例图所示的宝石花效果吧！这就是两种混合模式综合运用产生的“下场”哈~~~~1、重复上面1~4步的操作，此刻编辑区应该如下图所示：2、选中矩形对象，会出现颜色调节手柄。用鼠标点中调节手柄右下侧的矩形调节点，配合Shift键，向圆形调节点推动。注意：此时使用Shift键的目的就是为了能够使填充色均匀的向中心方向发生改变，如果不使用Shift键的话，很难保证这一点实现。针对本例的最佳调整效果就是如下图所示了：注意：此刻的调整效果对于将来效果的生成是很重要的，各位可以根据后面的步骤自行测试的！ 3、同样，配合Alt键，在编辑区的四个角都复制同样的矩形对象，如下图所示：4、"Ctrl+A"，选中全部对象；"Ctrl+G"，组合成组；"Ctrl+Shift+D"，克隆矩形对象；"Ctrl+Shift+T"，数值调整克隆对象；变形方式为"Rotate"，数值大小为"10"，点击确定；打开Layers（层）面板，选中克隆对象，将混合模式调整为Lighten（加亮），此刻层面板如下图所示：5、打开History（历史）面板，同时选中“Clone、Transform、Blend Mode”这三个历史步骤，单击历史面板左下角的“Replay”按钮三次，编辑区现在应该出现如下图所示的效果了：6、我们在进行旋转变形操作的时候，每次旋转的角度为30度，理论上，克隆两次、旋转两次即可了，但是我们这一次却克隆了三次、旋转了三次，这样最后一次的操作对象其实和最初的对象是完全重合了，请理解我这些废话！:)打开层面板，选中最上面的一层，该层的混合模式应该和下面的两层相同，为“Lighten”模式，此刻我们看到的效果和上面的例子出现的效果是没有什么两样的，所以我们要对该层的混合模式进行改变，现在我们要采用“Invert”模式，具体设置如下图所示：7、废话不说了，看看编辑区发生什么变化了？是不是如例图一般的宝石花效果图已经出现了？请看下面的最终效果图：各位，做个实验吧！如果将最上面一层的混合模式变成“Luminosity”，会产生什么效果呢？请看下图：继续令人心动的实验，这次我们将最上面一层的混合模式变成了“Diference”，居然产生了更加不可思议的效果：好了，罗罗嗦嗦了老半天了，自己都感觉有些麻烦了~~，本节我们主要是来学习如何利用混合模式进行效果制作，有关混合模式的相关基础知识我们并没有涉及到，如果大家想更清楚的了解相关常识，可以到点燃灵感去找找有关资料，当然，直接从FW自带的帮助中去寻找也是不错的选择，这里就不再赘述了！