淘宝美工与网页美工有什么区别？ - 知乎329被浏览112209分享邀请回答/career/7.html ，望以上浅显分享，对自学者有所启发！关于@酷coo豆平面设计学习日记网创始人。致力为自学设计的朋友提供优质的书籍、教程、经验等资源参考。目前收集了100本人气设计书籍和一些设计/插画视频教程，可供学习者参考。更多自学问题，欢迎与我私信。439 条评论分享收藏感谢收起7428 条评论分享收藏感谢收起查看更多回答2 个回答被折叠（）当前位置：读刻精选&
电商广告图片设计案例：如何处理合成构图的细节
来源：商刻
1397人在学习
分享即可+500商豆：
简介：设计电商广告创意图片，常会用多图合成的构图方式。商刻为大家分享几个案例分析，启发大家在广告图片上如何挑选图片素材，如何做阴影、做拼合等构图的细节处理。
　　合成详情页图片，是电商美工的日常工作之一。那么如何才能把图片合成得更美观、更逼真呢？下面，商刻就为美工同学们带来一篇图片合成设计方面的攻略。这篇攻略从挑选图片素材的标准入手。涉及到图片中的遮挡处理，阴影的制作方法，以及拼合型图片合成的制作思路。
　　 一、条件篇：什么样的图片能合成
　　我们要知道，不是所有的图片都可以合成。可以进行合成设计的图片，一般要达到如下标准：
　　1）首先，要保证图源有足够的清晰度
　　图源足够清晰，我们后期做处理才会有更多灵活的空间。如果是一张质量不高的图片，放大缩小会产生锯齿，会变模糊，甚至影响最后整体图片的档次。就好比一个不错的电影，全程给主角打马赛克一样让观赏者憋屈。
　　2）其次，图片要满足基本的角度问题
　　如果有一张侧脸照片，非要合成出一个证件照，这是不现实的。尤其是融合型的合成，首先要考虑的就是角度问题。如下图，如果两张照片脸部偏转角度不同，最后合成就会很吃力。
　　3）最后，需要考虑布光&
　　光的塑造中包含光源位置、高光位置及亮暗、阴影走向及虚实、环境光颜色等等。光塑造得成功，作品中的诸多元素就会统一。我们做合成，肯定会经历怎么看怎么假，但是找不到原因的阶段。这个阶段，大部分情况就是因为没有乛合理的光造成的。光的塑造类似于素描中的阴暗关系，有美术功底的朋友可能更容易掌握。下图为例，一个美女扔进一个环境中：
　　在光的塑造中，环境光是很容易被大多数人遗漏的部分。而缺少环境光的辅助，即使高光与阴影做得再完美，也会令图片看起来有些瑕疵。环境光的塑造在应用周边颜色的基础上，也会相应添加物体颜色的补色。
　　二、方法篇：如何做合成
　　1.遮盖
　　我们先从一些简单易上手的方法开始，首先看一下什么是阻挡去除法。从一张电商banner的制作时间来算，我们有时候没那么多时间去精细塑造光源。这时候用阻挡去除的方法就很合适。我们要知道，阴影的形成是与承接面有关的，如果我们去掉了脚部，就省去了做阴影的麻烦。
　　 除了电商图片，一些海报合成中，也会应用到这种方法。
　　这里特别提示，有时候我们做图片，除非有特殊要求，不要过分想去展示任务的全貌。由于人体是长条形，如果显示全貌，就会给画面带来大量的空白。而在电商banner中如果没有特定需求，有时候也是可以舍去人物头部。头肩部是一个三角形，从构图角度来讲，头部两侧会产生大量空白，如果banner高度有限，空白部分又很多，我们就可以果断去掉头部，保持画面饱满。当然，如果跟摄影师沟通好，在拍摄的时候可以让模特手臂弯曲抬起，或者保持斜身站立，或者头部侧斜，这些动作都是能保留模特头部的好办法。
　　我们在做合成的时候，经常会有些衔接部分做得不舒服，但是修改起来不容易。其实最简单的办法，就是用其他元素或颜色做遮盖。如下图，红框部分的士兵、旗帜与地面的衔接问题，作者应用黑色加暗的方法轻松解决。
　　下图中，云的应用既美化图片，又将一些生硬的衔接遮盖了下去。
　　还是黄晓明的图片，云和光的应用，既美化图片，又遮盖掉生硬的衔接。
　2.影子的应用
　既然上文提到了影子，我们就说说影子的做法。一般来说，物体的影子由两部分组成，即物体与承接面相邻的实影（往往都是轮廓稍微明显的暗色），然后是延伸的虚影，一般是衔接物体底部的灰色（虚影可能由于环境和光源问题，同时产生多个）。影子的走向肯定是与光源相反的。
　知道了影子的构成，我们制作起来只需要思考两件事：光源来自哪里，影子是什么形状。
　光源的位置决定影子的走向，物体的形状决定影子的形状和面积。我们不需懂得精确的科学计算，只需理解下面的简单图解。
　　如果光源离物体很近，并且是强光，可能就会形成上图中的影子，但这种可能性不大。正常情况下，光源在斜上方，物体的影子是要比这个短很多的，并且回事大面积的虚影。
　　所以除了顶光以为的大部分投影，都可以是复制原有物体，并得到选区填黑轮廓，ctrl+T，按住ctrl点击最上方中间的锚点，倾斜黑色轮廓到适当位置，做一个蒙版，并在蒙版上制造一个黑白渐变，之后对物体与承接面的地方，进行一些细节修复，最后把影子部分做高斯模糊。
　　顶光的处理稍复杂，我们需要做顶光下的影子区域的轮廓图形（尽量圆润）。如果是用选区做的，要记得新建一层。对轮廓进行高斯模糊。最后给影子添加蒙版，把颜色过重的部分擦淡一些，最后用画笔工具，不透明度10%左右，做一些补充绘制（尤其要加暗物体与承接面接壤部分的周边区域）。
　　阴影的塑造如果达到一定水平，自行绘制是最好的选择，这样更逼真。
　　3.拼合
　　只要肯定好好找素材，我们完全可以自主做一些效果很棒的拼合型合成。拼合型合成是合成手法中比较简单、易懂、易上手的形式，主要考验排列能力。如下图展示：
　　图片是由文字、红色印记、黑色墨痕、两根笔和一个砚台拼合而成。其中没有什么高难的技术，只是各元素找到了合适的位置而已。
　　上方几张图片看似复杂，其实也是通过拼合的形式做出来的作品，方法上都是一致的。
　　上面完全是即兴之作，没有太纠结于美观度。你可以把主体换成其他任何东西，增加的元素也可以换成其他任何元素，拼合型合成的乐趣，就在于它完全的开发性，不受拘束。
　　商刻总结：上面这篇是图片合成方面的一批实操攻略。讲解了图片素材的选取标准，并涉及到图片中的遮挡处理，阴影的制作方法，以及拼合型图片合成的制作思路。另外，商刻为你推荐如下几篇设计构图方面的关联课程，搭配起来看效果更佳：
　　 《》&
作者/山岩视觉，文字为作者独立观点。
随便说点儿什么~
*您输入的内容不符合规范，请重新输入
还没有人评论，来抢个沙发？
更多相关课程
要做淘宝钻石展位推广，就要设计对应的钻展广告图。商刻本专题，为大家介绍钻展图片设计的方法工具、规则禁忌以及相关经验，适合淘宝天猫美工设计学习.
使用钻展创意实验室，零基础做出动态创意图
用好6大模板，创意广告随手做
高手过招：钻石展位图片点击率达到10%的秘诀
电商广告图片设计案例：如何处理合成构图的细节
【李叫兽】为什么广告吸引人，最后却没买？
10秒加入商刻开启成长晋升之路!
想卖货？先聚粉，再变现！
企业级电商问题就找新电商销量倍增伙伴！
产品加速！品牌加速！营销加速！
降低成本！提升销量！提升企业竞争力！
以结果为目的，按效果付费
助您决胜新电商淘宝网店装修页面构图详解
时间: 14:54
不知大家去商场购物的时候是不是有留意到商场的物品布局，基本上每个商场都会回消费者提供一种绕圈十购物的模式，而这种的模式的直接受益就是厂家。如下图：四周都是商品架，中间的黑色粗线条也是商品架。一般商场都会构造成这种封闭的绕圈结构让顾客不得不逛完整个商场，很多顾客可能想买的东西不是很多，但是走着走着看到了不自觉就买回家了。这也正是卖家想要得到的效果。
把这个原理应用到网店页面同样有借鉴意义，试想网店的页面如果也能达到这种绕圈式的购物体验，那么成交率和客单价无意会大大提高。网店绕圈式购物设计的体现主要有以下几个方面：
1、导航栏设置：导航栏中一般都设置有首页、所有宝贝等连接按钮，这样无论在浏览店铺里面的哪个宝贝都可以通过这些按钮跳转到其他自己想去的地方。如下图：
2、首页以及宝贝详情页面左边侧边栏的设置：这些侧边栏我们一般都会设置相应的宝贝推荐、宝贝搜索区，顾客在浏览宝贝的时候也可以通过这些按钮跳转到其他宝贝页面。
3、首页底部的返回栏：如下图，首页底部往往应该设置这样一个栏目里面通常会包括&返回首页&&返回顶部&&收藏本店&等信息，已达到引导消费者绕圈购物的效果。
4、宝贝详情页下面的关联推荐：如下图，这些 推荐可以有效的提高店铺的访问深度，当然也有利于提高成交率了。很多新手卖家不知道怎么做这样的推荐表格，其实淘宝有很多收费软件都有这个功能，不过效果是特定的不能按照自己的意愿修改，不如自己制作的好，关于详情页面的表格制作我后期会有教程详细说明。
5、宝贝详情页面页尾的宝贝推荐以及首页大尺寸轮播海报图、店铺各处的轮播海报图甚至旺旺聊天里卖家给消费者推荐的宝贝链接等等。
其实店铺里面的一切可以点击进去其他商品的链接都可以成为绕圈式购物的一部分，这些链接的好处是可以让顾客凭着自己的喜好尽可能的逛遍店铺的每一个地方，最大程度的激发顾客的购买欲望，让自己店铺的的商品最大最大程度的呈现曝光率，从而提高成交率。
当然凡事有利必有弊，和商场不同的是这种绕圈式购物页面布局容易分散消费者的注意力，比如消费者看着这个宝贝忽然被另外一个宝贝吸引又去看另外一个，到处瞎逛没有焦点最终导致顾客跳失，和实体店不同，实体店顾客必须一步一步走到出口才能出商场，逛网店的消费者只要对宝贝不感兴趣一秒钟的时候点击屏幕右上方的叉叉，那么之前我们做的一切努力等于白费。所以网店页面绕圈式购物的打造更加需要技巧和耐心。
觉得本文有用？
很多新手朋友对ps并不是很懂，或者说一窍不通，那么想制作一些自己的店招，分类，店标等等怎么办呢？淘宝学堂装修...
最近碰到很多的卖家都在纠结自己的店铺视觉，总感觉自己的店铺风格不是自己需要的，我发现很多店主还是在凭自己的...淘宝美工技巧：新人美工如何在30分钟内设计淘宝海报！
稿源：思路网
经常有刚入行的朋友问我怎么做海报，怎么做详情，完全不知道怎么下手，脑海中毫无思路，那么这篇文章希望对大家有些帮助~
做电商唯快不破，因此对设计速度要求也特别高，加班也是家常便饭，经常临下班了，运营悄悄走到身边，嗨那谁谁作完这张海报再走&
以女装为例，首先同事提供产品图片和文案，然后剩下的就交给我们去设计了。
开始设计第一步；打开花瓣网搜索关键词&淘宝女装海报&
找到感觉排版不错的，文字内容与现有的差不多的图片为参考！
时间有限直接找第一页的&这张图片排版还不错，构图也比较新颖。
然后直接全部照抄排版以及构图！
然后就会做成这个样子&，根据色彩不超过三种原则，这里只用了两种，一个粉色一个深古兰，全部取自模特身上的衣服颜色。
排版采用左对齐，用了大小对比粗细对比原则，以前的排版文章讲过，这里就不多说了。
产品图片并没有抠图，模特图本身就是浅灰底，这里直接把模特图层正片叠底一下就OK。
做到这一步估计不到20分钟。然后加点花瓣点缀。
做到这里基本就差不多了，假如已经到了下班的点，就把运营叫过来看看吧。
假如还有时间那么就把图片扣了吧&然后去花瓣网在搜索一个背景吧~
搜索关键词&海报背景&，然后点下画板，就可以看到很多朋友分享的背景图片了~
我这里也没往下翻，直接选了这张
加完背景就是这个样子
假如你还有时间那就继续优化一下吧&
给画面加一个光源，新建一个图层，填充黑色，然后选择滤镜-渲染-镜头光晕，图片模式选择滤色。把光源移动到右边模特脖子那边的位置。
然后模特边缘加一些泛光。新建图层，用白色画笔在人物边缘涂抹，然后剪切蒙版，图层模式选择叠加，然后就OK了。
然后图片锐化下，调下色阶，对比度。
一般差不多就这样了，这个时候你同事该喊你一起下班吃饭去了。。。
是不是非常快，非常简单~~~对于新人来说只要做的美观，别想什么创意，怎么差异化之类的，因为刚入门大脑中什么都没有&根本不可能做出创意来的&刚入门的美工，我的建议就是抄，不断的抄，其实说抄，准确的讲是临摹！注意临摹不是盗图，不是把别人的图片直接复制过来在上面涂抹下修改下文字就完了，那样对你水平进步没有任何帮助~
关于临摹细说一下，学过美术的同学都知道，刚学美术的时候，大家都是照着书临摹，并且老师要求临的一模一样，都是临了几十张之后才会画实物&这其实是前期一个学习积累的过程。
举一个例子；李小龙大家都知道，李小龙十三四岁拜叶问学咏春拳，之后又学习了太极，泰拳各路拳法腿法，长时间的修炼，最后才取各家之长直到二十多岁时创立截拳道。其实学任何技法都是一个道理先练习前辈传下来的，不断的练习，久而久之就有自己的一种领悟。
毕加索说过；好的艺术家懂得复制，伟大的艺术家则擅长偷窃。
乔布斯说过；我们不羞于窃取伟大的方法，就是说我们不要怕去借鉴，但是一定要在别人的方法上加上自己独特的东西，那和抄袭是不一样的。（新人注意：等你抄的多了，大脑有一定知识储备了，自然而然会加上自己的想法，不要急于开始就去想怎么创意，时间成本太高。所以你现在没有想法是正常的，所以接到任务不要在呆在电脑前愣着了，抓紧去花瓣或者淘宝看优秀的设计作品抄起来吧~过了一段时间有一定的知识储备到时就有自己的想法了~）
延伸阅读：
有好的文章希望站长之家帮助分享推广，猛戳这里
本网页浏览已超过3分钟，点击关闭或灰色背景，即可回到网页当前位置： >
> 教你如何快速打造一张淘宝海报
淘宝海报排版构图技巧分享 教你如何快速打造一张淘宝海报
来源：网络　编辑：王侠
　　淘宝海报怎么制作?下面小编就给大家分享一些淘宝海报排版构图技巧，教你如何快速打造一张淘宝海报，只需记住这2点......
　　海报一般首先要问客户也就是我们的上帝要下面3个东东。
　　1：文案 2：产品图 3：海报尺寸
　　然后上帝给予我们这三样东西之后就开始准备设计，在设计的过程中最主要也就确定以下2个方面：
　　1：排版构图(文案+产品)2：海报配色(背景+文案 与产品色的协调)本文主要针对这2个方面进行解读。
　　一、海报的排版构图
　　一张电商海报基本有3部分组成，产品丶背景丶文案。确定好了构图版式，也就成功了一半。常见的版式有3种左文右图丶左图右文，两边图中间文的下面通过6个案例给大家一一说明。(案例取材于淘宝)
　　一丶这张海报是左文右图式，这张海报的左边文案排版非常典型，字体上粗下细，上大下小，上下主次分明，形成对比。文案四四方方架构非常稳重，非常平衡。
　　二丶这张海报属于左图右文也是很典型的，淘宝官方引导的那种典型排版。字体也是上粗下细，上大下小。下面的价格打折部分排版很稳重丶结实。
　　三丶这张海报是两边图中间文字的排版，常见于多模特海报中。一般是一边近景另外一边是远景模特产生对比和呼应。
　　四丶放这张海报我想表达的是背景是风景的情况下，文字直接打上去会显得太乱。可以直接画一个半透明的框框，如图所示。然后再在里面排文案。模特也是一边远景，另一边近景。
　　五丶当海报上要放置过多的促销产品，可以采用这种版式。中间是一个半透明的框输入文案。
　　六丶斜切式构图会让画面显得时尚，动感活跃。但是画面平衡感不是很好控制。一般斜切式的文案倾斜角度最好不要大于30，不然得歪着头阅读。另外根据阅读习惯，文字一般是往右上方的倾斜，文字这样有一种上升感。
　　在海报设计过程中版式的平衡感极为重要，同时还要处理好不同物体之间的对比关系。比如文案字体的大小对比丶粗细对比丶模特的远近对比。好比我们画素描静物的时候，静物的摆放也是前后层次分明，有主物体，有陪衬的对比分明。关于文案：文案中要说清这个宝贝的属性，给消费者带来的益处等，关于文案大家可以百度FAB法则看下，这里不多说了。
　　开始做美工没有思路怎么办?最开始就和学素描一个道理，先在网上找好的案例，临摹，再临摹&
　　二、关于配色
　　刚开始做美工遇到另外一个难题就是配色了，关于配色的技巧有很多，常见的有对比色丶临近色冷暖色调搭配多种方式&我这里说一个最简单的方法。也是一种最快的方法!
　　下面我说到的这个方法就是直接从产品图中取色。
　　例子(一)
　　如果我们已经产品图的情况下可以根据模特颜色来确立背景色和文案颜色，模特都是黄色衣服然后推出背景颜色直接用黄色，但是要与产品图区别开。其次模特头发颜色是深棕色，身上裤子和衬衫还有白色成分，所以主标题可以采用棕色，包邮的标签里用白色文字。主体模特与背景与文案三者的颜色相互呼应，你中有我，我中有你。最后说一点白色是万能搭配色~如果没有合适的就用白色/灰色吧~
　　例子二
　　这个例子有3个模特，其中2个模特都是属于灰色系(浅灰和深灰)因此背景采用浅灰色，文案的颜色直接采用模特身上的深灰色，部分文案用粉色作为点缀色。这类图的颜色搭配就是一种相互呼应相互对比的关系。
　　阴中有阳，阳中有阴，白中有黑，黑中有白，相互对比丶呼应丶无形中有一种平衡感。其实我也只是无意中联想到的，对太极也没什么研究&主要想给大家打开一个思路。
　　配色比例
　　日本设计师 曾经针对色彩的配色提出比例原则 70丶25与 5 的配色比例方式 ，其中的底色为大面积使用的底色，而主色与强调色则是可以利用互补色的特性，来讲主色以及强调色皆衬托出来。
　　大家可以根据这个来看上面2个例子，模特和背景都是一个色系，属于底色。文案的部分属于主色，剩下的5%的点缀色(强调色)。我介绍的从图片素材中取色的方法，有利有弊，弊端就是模特身上的颜色有限。关于配色的知识非常多，以后有机会再与大家分享。没有思路时可以去百度找一些配色色谱网站，也可以利用一些小工具如kuler 等。
　　下面实战演练
　　本文到这里就结束了，写的有点乱&主要是想给刚入门迷茫中的新手美工朋友开拓一点思路，也希望大家多给我留言相互学习相互进步。更多淘宝美工教程，尽在素材之家( )网站。
猜您也喜欢...
推荐淘宝素材
淘宝素材排行
本站提供的图片仅供学习和交流使用，版权归原作者所有，请勿用于任何商业用途
更多信息请浏览本站免责声明