推荐阅读
电商设计师总结的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
最新发布
Flash5创建连波效果
效果描述： 连波效果是指一串对象（可以是文字也可以是按钮或者图片等等其他对象）。当鼠标移动到涵盖对象的范围内的时候，使每个对象因为与鼠标距离不同而产生相应的透明度和大小的不同变化。而当鼠标移动到范围外的时候，所有的对象都恢复到原来的状态。鼠标移动的时候对象相应的变化具体的实现步骤主要结构： 在主场景舞台，我们新建一个Movie Clip（MC）――命名为叫“01-boundingbox”，在帧1上书写一些actions。 这些actions的目的是为了限定MC的大小。这样我们的MC就不会因为使用者的人为自主放大缩小而改变了大小，以免造成不必要的紊乱。fscommand ("fullscreen", "false");//禁止全屏
用Flash实现几种镜头效果
影片中为了表现山水风景的怡人，或者人物眩晕的感觉时，总会用到一些特殊的镜头效果来表达，譬如旋转镜头，或者一会儿把镜头拉近，一会儿又拉远。其实，这些镜头效果已经被一些"闪友"用在了自己的作品里。不过很多朋友还不会使用这些效果。今天，我就把这些镜头效果的实现方法教给大家。 一、 元件的设计首先，我们先进行场景图片的设计作用：所有的镜头效果靠它来体现1. 打开Flash 5。按快捷键"Ctrl+M"打开Movie Properties面板并把场景设置成500 px×300 px，15fps，黑色。为了操作的方便，我们先把工作界面左下角的场景缩放比例设为50%。2. 按快捷键"Ctrl+F8"打开Symbol Properties面板新建一个名为"image0"的Graphic符号。在"image0"符号的场景里按快捷键"Ctrl+R"打开Import面板导入一幅背景图。为了效果能够更炫一点，导入图片的长度要大于场景的长度。3. 按快捷键"Ctrl+F8"打开Symbol Properties面板新建一个名为"image1"的Movie Clip影片。按快捷键"Ctrl+L"打开库。把库中的Graphic符号"image0"拖拽到影片"image1"的场景中，然后再复制出一个Graphic符号"image0"，把这两个图片整合成一幅大图，如图。注意点：两幅图片重合的线段应该穿过影片"image1"场景中的小"+"字。两幅图片的中心点应该和影片"image1"场景中的小"+"字在同一水平线上。把两幅图片加工一下，让它们尽量重合的象一幅整图，这一点很重要。接着，我们进行动画中所用按钮的设计。作用：当鼠标移动到"button"按钮的"身上"或离开时就跳转到指定帧，执行相应的代码，借以实现镜头的旋转效果。当鼠标点击"scalel"按钮或"scales"时跳转到指定帧，执行相应的代码，借以实现镜头的拉近和拉远效果。1. 按快捷键"Ctrl+F8"打开Symbol Properties面板新建一个名为"button"的Button符号。选择矩形工具（不要边线），在"button"按钮的场景里拉出一个矩形，打开Info面板并进行如图1的设置。打开Mixer面板，把这个矩形颜色的Alpha值设置为0%（使按钮透明）。
Flash做文字随波逐流的效果
这个实例真的很神奇，它可以让文字轻松地 “漂在水上”。怎么，不相信。那就随我来试试吧： 1. 打开Flash 5。按 “Ctrl+M” 键打开“Movie Properties”面板把场景的大小设置成500 px×200px，背景色为黑色。 2. 按“Ctrl+F8”键打开“Symbol Properties”面板新建一个名为“文字”的Graphic符号。在“文字”符号的场景中写下“电脑商情报”几个字。按“Ctrl+T”打开“Character”面板并进行如图1的设置（字的颜色为：#FF8C40）。 3. 回到主场景，按“Insert Layer”按钮（图标1） 新增两层。双击新增的“Layer 3”层并把它改名为“前景文字”。同样，把“Layer 2” 改名为“遮罩文字”。把“Layer 1”层改名为“遮罩”。 4. 按 “Ctrl+L”键打开库，把“文字”符号拖拽到“前景文字”层中，并调整到适当的位置。接着选中文字按“Ctrl+C”键复制，并按“Ctrl+Shift+V”键原位复制到“遮罩文字”层中。 5. 把两个文字层都锁住（图标2） 。打开“Fill”面板并进行如图2设置。然后选中矩形工具（不选边线）在“遮罩”层第1帧的场景中拉出一个宽50px，高100px的矩形遮罩。然后复制，再粘贴这个矩形遮罩，并使它们连续排列，最后设置如图3（黑色区域为场景）。 6. 按住鼠标左键连续选中“前景文字”层、“遮罩文字”层、“遮罩”层的第50帧，按“F5”键。接着选中“遮罩”层的第50帧按“F6”键插入关键帧，选中场景中的矩形遮罩按“Ctrl+G”键把它变成实体。 7. 鼠标右键单击“遮罩”层的第1帧，在弹出面板中选择“Create Motion Tween”命令。接着把“遮罩”层第50帧中的“遮罩”往左移动。
Flash教程--虚拟星空
Flash教程--虚拟星空 许多人小时候都喜欢仰望星空，数星星，长大后，又喜欢跟情人，一起去看星星，“哇，流星耶～～！！” 记得以前有做星空的教程，不过，那是用Photoshop做出再拖到Flash做成会闪的，而我要讲的，是会移动的星群，因为大小、移动速度、透明度都不同，所以很有层次感哦。 1.新建动画文件，因为这是我网页的LOGO所以大小我设置为245*60，底色为Black。新建一个MC (Ctrl + F8)，取名Star(图一)，这就是放星星的MC，也是本动画唯一的一个Symbol。(图一) 2.在新建的MC里面画一颗星星，我这里用个实心圆圈代替(图二)，呵呵，偷懒(图二) 3.然后就是写脚本啦，在MC里面新建一层，用来放脚本(图三)，这个总共用了三帧(图三) 第一帧：(图四)ran = random (100) +random (10);//定义随机数，因为下面设置MC大小时是以百分比计算的，所以这里设置变量为0－108setProperty ("", _x, 245); //设置一开始星星的X位置，245为动画的宽度，可根据动画大小而定setProperty ("", _y, random (60) +1); //设置一开始星星的Y位置，这样出来的星星才不会在一直线上setProperty ("", _xscale, ran); //设置MC大小，ran就是上面定义的变量setProperty ("", _yscale, ran);setProperty ("", _alpha, random (50) +50); //设置MC透明值
Flash中背景变色及其实现技巧
本文主要运用了Flash中颜色对象以及帧与标签的跳转技巧，只是表现手法比较有意思：在起始的“移动模式”下，你只要轻轻滑一下鼠标，动画背景就变色；如果跳转到“点击模式”下，动画的背景则通过鼠标点击变换颜色。 下面就让我们来看看具体的制作过程，主要有四个步骤：元件的设计、背景层的设计、跳转层的设计、代码层的设计 一、元件的设计 1. 打开Flash 5。按快捷键 “Ctrl+M”打开Movie Properties面板并把场景的大小设置成255 px×255px，背景色为黑色。 2. 选择矩形工具（图标1） ，按着“Shift”键加鼠标左键在场景中拉出一个的矩形（不要边框）。单击工作界面右下角的信息面板图标（图标2） 打开Info面板进行如图1的设置，使这个矩形正好覆盖住场景。 3. 选中刚刚画好的的那个矩形，然后按快捷键“F8”。在Symbol Properties面板里选择Movie Clip属性，并把命名为“矩形”。按快捷键“Ctrl + I”打开Instance面板，给矩形影片起名为mc。 4. 按快捷键"Ctrl+F8"打开“Symbol Properties”面板新建一个名为“点击变色”的Button符号。选中“Up”帧，按快捷键“T”选择文字工具（图标3） 后写下“点击模式”几个字。接着按快捷键“Ctrl + T”打开Character面板并进行如图2的设置，
FlashMX经典实例－对象类：电子日历
Flash MX中新增加了不少对象，如：Stage、System、Microphone、Camera、NetStream、Video等。现在，Button、TextField、TextFormat对象也可以被当作基本对象使用了。即影片剪辑、按钮和文本字段可以作为对象来使用。可以在属性“面板”中给它们设置一个实例名称。TextField和TextFormat对象可以设置、更改文本字段及其内容并设定其格式。Flash MX支持Listener（监听对象）技术，如：FStyleFormat、Key、Mouse、Selection、Stage和TextField，这些对象可以通过addListener支持Listener。效果预览图：图1-1效果简介： 该实例是一个很普遍的电子日历效果。因为许多效果都需要使用到时间，时间效果也是大家最喜欢和最想要学习的。所以笔者就用这个效果来作为“攻克”对象的突破口。文章简介： 其实大部分对象并没有大家想得那么难掌握。通过学习这个电子日历效果的制作，读者们不仅可以学到Date（时间）对象的使用方法，还可以对整个对象产生一个具体的认识。制作步骤： 设置场景的大小为240px×160px，背景色为黑色，帧频为15fps。 1．按快捷键Ctrl+F8，然后创建一个“背景”图形元件。在“背景”的场景中按快捷键Ctrl+R打开“导入”面板导入一幅背景图。如图1-2所示。图片的大小应该和场景的大小一致。
FlashMX经典实例－组件类：注册窗口
FlashMX中新增了Components UI（UI组件）功能。有了组件的帮助，就可以设计出更复杂、更强大的程序。譬如可以设计一些窗体，用来登记用户的地址、电话、电子邮件地址以及其它个人信息，并在提交到服务器前验证这些数据。或是建立一个多问题、多部分的调查，迅速计算结果并画出调查结果数据图表。或是建立个人像册，存放图像和缩略图。或是创建基于幻灯片的演示文稿的模板。 Flash MX中只内置了7个简单的UI组件：CheckBox（复选框）、ComboBox（组合框）、ListBox（列表框）、PushButton（普通按钮）、RadioButton（单选按钮）、ScrollBar（文本滚动条），ScrollPane（滚动窗口）。效果预览图：图1-1效果简介： 本例是一个组件的综合实例，是使用组件制作一个注册窗口。其作用就是登记用户的姓名、性别、地址、电话、兴趣、电子邮件、对网站的建议及其它个人信息。并在提交到服务器对用户输入的这些数据进行验证。文章简介： 文章中将讲解到组件的功能、使用方法以及技巧及如何使用这些组件创建应用程序。通过这篇文章，读者可以学会如何使用组件，已经可以使用组件来为我们做些什么。制作步骤： 设置场景的大小为550px×300px，背景色为白色，帧频为20fps。
FlashMX经典实例－属性类：属性应用
Flash中有图形、按钮和影片剪辑这三种元件了。电影属性就是影片剪辑所拥有的属性，如_alpha属性、x属性等，这些属性在前面的实例中我们已经接触过。我们已经知道使用这些电影属性可以设计出许多眩目的效果，但可能很多读者还没有真正的熟悉它。熟练地掌握和使用这些电影属性，不但可以提高自己的Flash的编程能力。如果假以时日，你的Flash水平定可“更上一层楼”。效果预览图：图1-1效果简介： 这是一个使用电影属性来完成的综合效果。笔者想通过这个具体实例给大家讲解影片剪辑属性的作用及其使用方法。文章简介： 在文章讲解前，大家应该先知道这个概念――从库中拖拽到场景中的元件就是一个实例。只有影片剪辑、按钮实例能使用电影属性。文章中将学到使用常用电影属性实现的一些效果。最终效果图如图1-1所示。制作步骤： 设置场景的大小为480px×360px，背景色为#893300，帧频为12fps。 1．把主场景中的“图层 1”改名为“图片”层，然后导入一张图片，笔者使用的一个滑梯图片，其大小是（60px，30px）。
FlashMX经典实例－文字类：水波字
效果预览图：图 3-1效果简介： 在日常生活中，水波是常可以看见的，水波效果也常被使用各种作品中。文章简介： 文章中主要讲解效果中遮罩的使用，但更注重设计技巧。学习该效果主要就是为了掌握水波纹的制作方法。另外，读者将学习一下其它的几种工具的使用。效果如图3-1所示。制作步骤： 1．设置场景的大小为300px×100px，背景为黑色，帧频为15fps。 2．按快捷键Ctrl+L打开“库”面板，单击“库”面板中“新建元件”按钮 打开“创建新元件”面板创建一个“文字”图形元件。如图3-2所示。
FlashMX经典实例－对象类：变色城堡
效果预览图：图2-1效果简介： 这是一个简单的Color（颜色）对象应用的实例。只要移动鼠标，城堡的颜色就会发生变化。文章简介： 为了加深读者对对象的影响和理解。笔者这里再为大家准备了一个常用对象Color对象的实例。制作步骤： 设置场景的大小为320px×160px，背景色为#333333，帧频为12fps。 1．按快捷键Ctrl+F8，创建一个“城堡”影片剪辑元件。在“城堡”元件的的场景中导入一幅“城堡”图片。当然，其它图片也可以。