推荐阅读

电商设计师总结的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
最新发布

糖果质感的特效字
做完的效果图1、新建立一个文件:2、设置一种自己喜欢的渐变填充效果,并且打上自己喜欢的文字: 做完的效果图1、新建立一个文件:2、设置一种自己喜欢的渐变填充效果,并且打上自己喜欢的文字: 3、然后单击样式面板中的"蓝色玻璃" 6、设置渐变颜色: 7、设置等高线、投影、描边:这样就做完了。

乌龟壳纹理的特效字
最终效果图 1、建立文档,输入文字。 最终效果图 1、建立文档,输入文字。 2、双击文字层,在弹出的层效果窗口中设置参数如下: 3、允许pattern overlay,并选用下图同样的材质图案。 4、应用到文字层后,效果如下: 5、将文字层复制到新层,Ctrl 鼠标左键点击层选择文字,按Q键允许快速遮罩(quick mask),在滤镜菜单中选择Texture > Stain Glass,设置如下: 结果如下: 6、按Q键取消快速遮罩,并按Delete键删除选取部分。 7、设置新层的层效果,参数如下: 8、最后效果如图:

晶莹剔透的透明效果文字
最终效果图 1.新建一个360x190像素的文档,背景色为白色,输入你几个文字(中英文都可以)这里以英文为例子。如下图: 2.双击图层或者右键单击图层在弹出的菜单中选择Blending Options。选择投影菜单(Drop shadow),将模式(Blend Mode)调为正片叠加(Multiply),在后面的拾色框中选择你需要的颜色,不透明度(Opacity)为70%,角度(Angle)为90度,后面的作用于所有层(Use Global Light)不选取,距离(Distance)为10PX,扩展(Spread)为0%,大小(Size)为7PX。下面的品质(Quality)就按默认值。 距离(Distance):设定阴影的偏移距离。 扩展(Spread):设定投影效果的边缘强度,数值越,效果越明显,过渡就越生硬。 大小(Size):可以设定阴影的模糊程度。如下图: 最终效果图 1.新建一个360x190像素的文档,背景色为白色,输入你几个文字(中英文都可以)这里以英文为例子。如下图: 2.双击图层或者右键单击图层在弹出的菜单中选择Blending Options。选择投影菜单(Drop shadow),将模式(Blend Mode)调为正片叠加(Multiply),在后面的拾色框中选择你需要的颜色,不透明度(Opacity)为70%,角度(Angle)为90度,后面的作用于所有层(Use Global Light)不选取,距离(Distance)为10PX,扩展(Spread)为0%,大小(Size)为7PX。下面的品质(Quality)就按默认值。 距离(Distance):设定阴影的偏移距离。 扩展(Spread):设定投影效果的边缘强度,数值越,效果越明显,过渡就越生硬。 大小(Size):可以设定阴影的模糊程度。如下图: 3.接着打开内阴影(Inner Shadow),模式(Blend Mode)也调为正片叠加(Multiply),后面的拾色器拾取新的颜色(与上一步的颜色不同),不透明度(Opacity)为85%,角度(Angle)为90度,距离(Distance)为7PX,阻塞(Choke)值为25%,大小(Size)为13PX。品质(Quality)按默认值。如下图: 4.下面是外发光(Outer Glow),模式设定为屏幕模式(Screen),不透明度(Opaction)为60%,降噪(Noise)为0%,在降噪下面有两中填充的选择,一种是直接的单色填充,一种是过渡性的,在这里我们选直接的单色填充,手法(Technique)里选择柔和的(Softer),扩展(Spread)为0%,大小(Size)为13PX。 如下图: 5.现在是内发光(Inner Glow)模式选择为正片叠加(Multiply),不透明度(Opaction)为50%,降噪(Noise)为0%,选直接的单色填充,手法(Technique)里选择柔和的(Softer),光源(Source)选边缘(Edge),阻塞(Chake)为0%,大小(Size)为5PX,品质(Quality)按默认值。如下图: 6.轮到很关键的一步了~现在执行斜面和浮雕(Bevel and Emboss),样式(Style)选择内斜角(Inner Bevel)手法(Technique)选择平滑(Smooth),选择上(Up)投光,大小(Size)为7PX,柔和值(Soften)为2PX,角度(Angle)为90度,高度(Altitude)为67度,高光模式(Highlight Mode)选择屏幕(Screen)模式,拾色框选择白色,阴影模式(Shadow Mode)选择正片叠加(Multiply),拾色框选黑色。 如下图: 7.在斜面和浮雕下面有两个选择分别是轮廓(Contour)和材质(Texture)。这里我们选择轮廓(Contour)在里面调整等高线(Contour),具体如下图: 8.打开填色(Satin)菜单,模式选择叠加(Overlay),拾色框里选择一个新的颜色,不透明值为100%,角度(Angle)为90度,距离(Distance)为23PX,大小(Size)也为23PX,等高线(Contour)类型中选择一种最合适的。如下图: 9.到这里是最后一步,颜色叠加(Color Overlay),模式为正常(Normal),在拾色框后选个颜色,不透明(Opacity)值为100%。如下图: 10.最后做完的效果如下图,但是这种效果对不同的字体要做出不一样的调整,不能硬套,这上面介绍的只是一种字体下的做法,其他的就让大家继续去研究了。

绿色水晶字的制作
最终效果图1、首先新建一个300*300的文件,在上面写一个字母(我这里的字体是“文鼎特圆简 平滑 宽度增加50%”)如图:2、设置前景色为#A7A7A7,背景色为#F1F1F1,按住Ctrl点击字母H所在的层,选取H的轮廓,再新建一层,用线形渐变工具,从下往上拉渐变,如图所示: 最终效果图1、首先新建一个300*300的文件,在上面写一个字母(我这里的字体是“文鼎特圆简 平滑 宽度增加50%”)如图:2、设置前景色为#A7A7A7,背景色为#F1F1F1,按住Ctrl点击字母H所在的层,选取H的轮廓,再新建一层,用线形渐变工具,从下往上拉渐变,如图所示: 3、用一个深一点的灰色,外描边一象素,如图:4、依次选择“选择”>“修改”>“缩小选区” 半径设3象素。如图:5、设置前景色为#99FF66,背景色为#33CC00,然后新建一层,从下往上拉一个线形渐变,如图: 6、用“椭圆选取工具”拉一个椭圆选区,新建一层,做白色到透明的渐变,如图那样:7、按住Ctrl点击绿色渐变所在层,然后Ctrl shift I反选选区,再单击激活白色到透明渐变的那个图层,按Delete键,删除多余的部分,然后给绿色渐变那一层用深绿色描边,如图:8、最后激活H所在的文字层,栅格化图层,然后高斯模糊4象素,如图: 9、最后再做点点缀,就好了。。看看效果吧

PS制作腐蚀金属块上的镂空字
最终效果图 1.新建一个文件,图象大小为600X400象素,颜色模式选择RGB模式,分辨率设置为300,选择白色背景。2.先新建图层1,取名‘长方体’并将此图层填充为白色,执行菜单-滤镜-渲染-3D变换,在3D变换设置面板中选择左侧的立方体工具,在中间的画布区域中拉一个立体四方型,完成后再用左侧工具条中的直接选择工具来拖动四方型上四个角的节点,将四方型的形状调整至如(图1)样式。图13.选择左侧工具条上的‘轨迹球工具’,来旋转四方型轮廓,在旋转过程中如果长方体被转到了画布以外的话,可以用‘全景相机工具’来将长方体拖回画布中。完成旋转后如(图2)。然后再点击设置面板右侧的选项按钮,将分辨率设置为‘高’,消除锯齿也设置为‘高’,并取消‘显示背景’的设置。完成后如(图3)。图2图3 最终效果图 1.新建一个文件,图象大小为600X400象素,颜色模式选择RGB模式,分辨率设置为300,选择白色背景。2.先新建图层1,取名‘长方体’并将此图层填充为白色,执行菜单-滤镜-渲染-3D变换,在3D变换设置面板中选择左侧的立方体工具,在中间的画布区域中拉一个立体四方型,完成后再用左侧工具条中的直接选择工具来拖动四方型上四个角的节点,将四方型的形状调整至如(图1)样式。图13.选择左侧工具条上的‘轨迹球工具’,来旋转四方型轮廓,在旋转过程中如果长方体被转到了画布以外的话,可以用‘全景相机工具’来将长方体拖回画布中。完成旋转后如(图2)。然后再点击设置面板右侧的选项按钮,将分辨率设置为‘高’,消除锯齿也设置为‘高’,并取消‘显示背景’的设置。完成后如(图3)。图2图3 4.长体长方体完成了,但是看上去边角太尖锐、太生硬了,下面来把它处理的柔和点。按住CTRL点击‘金属块’图层,执行菜单-滤镜-模糊-高斯模糊,将模糊半径设置为2个象素,这样看上去的长方体边缘就圆滑了(图4),但是四周边缘还是有黑色杂边,我们得去除它。方法很简单,不要取消选区,执行菜单-选择-修改-收缩,将选区收缩2个象素,再执行菜单-选择-反选,并将选中的图象删除(图5)。

可爱的糖果字制作
最终效果图 1. 在Photoshop中新建一个文档,大小为600×300像素,分辨率为72像素/英寸,背景为白色。选择合适的字体,用黑色在背景上写上文本。想想糖果藤的样子,你就不难选择所用的字体:边角圆滑,字体较粗,也没有很繁杂的形状。这里,我用的字体是VAG Rounded BT,大小在280至320pt之间。我将每个字母放入单独的图层中,便于调整变形。如有需要,将文字层栅格化,进行扭曲和透视的变形处理。满意之后,将文字层和背景层拼合。(图01) 图01 2. 转到通道面板,因为现在我们的图像还没有颜色信息,所以红、绿、蓝通道应该是完全一样的。随意复制一个通道,将副本通道更名为orig,将通道做反相处理。(图02) 3. 返回RGB通道,复位色板,用白色填充背景层。在背景上新建一层,命名为candy cane,用白色填充。设置前景色为RGB(204,0,0),选择图像>旋转画布,将文档顺时针旋转90度;选择素描滤镜>半调图案,大小设为9,对比度为最大,图案类型选择直线;再用一次旋转画布命令,将文档逆时针旋转90度,回到正常。选择扭曲滤镜中的切变命令,在切变对话框中,将线条设置如图03a所示形状,将未定义区域设为折回。(图03b) 图03a

花色字的制作
最终效果 1、新建一个空白文件,输入“DRIVE ME CRAZY”,在[文字工具]状态下打开 [切换文字和段落调版]面板,字型:Berlin Sans FB,大小:72点,文字上下间距:72点,左右间距:100,粗体,显示效果为强,对齐方式居中。

ps立体字,制作立体感艺术效果字
最终效果图 1、新建595×842像素大小的文件,设置前景色为淡黄色(f5dcb9),新建图层1。执行“滤镜”→“渲染”→“云彩”命令。 云彩效果 2、执行“滤镜”→“纹理”→“纹理化”命令,如图设置弹出对话框。 纹理化 最终效果图1、新建595×842像素大小的文件,设置前景色为淡黄色(f5dcb9),新建图层1。执行“滤镜”→“渲染”→“云彩”命令。 云彩效果 2、执行“滤镜”→“纹理”→“纹理化”命令,如图设置弹出对话框。 纹理化 3、选择多边形套锁工具,创建一个多边形选区,按“Ctrl Shift I”执行反选操作。删去选区内图形。 创建一个多边形选区 4、选中图层1,单击“添加图层样式”,选择“投影”,如图设置弹出对话框。 投影 5、现在我们在图库中找来两张素材图片,使用移动工具将它们拖动到工作窗口中。 两张素材图片 6、现在选择图层2,单击“添加图层蒙版”按钮,设置前景色为黑色,使用渐变工具为图层2蒙版添加渐变效果,然后使用黑色柔边画笔做一些调节。并设置图层2混合模式为“正片叠底”。 添加图层蒙版 7、现在选择图层3,单击“添加图层蒙版”按钮,设置前景色为黑色,使用渐变工具为图层3蒙版添加渐变效果。 渐变工具 8、设置图层3混合模式为“正片叠底”,不透明度为60%。 正片叠底 9、分别选择图层2和图层3,单击鼠标右键,选择创建剪贴蒙版命令,得到如图效果。 创建剪贴蒙版命令 10、再打开一张素材图片,使用矩形选框工具选择素材的一小块,执行“选择”→“羽化”命令,设置羽化半径为20像素。用移动工具直接将它拖到工作窗口中,放到如图位置。