天猫新风尚
![](https://img.haomeiwen.com/i1987853/2e122d1780dd0717.jpg)
作为一只漫威迷,今天当然要讲讲有关漫威,讲讲美队。哈哈,当然,主题还是先回到天猫啦😄
![](https://img.haomeiwen.com/i1987853/e36db2d3308f16dd.png)
天猫在2015年创造了912亿的销售额,这是我们全体剁手党共同创造的结果。据我所知,周同学当天就贡献了2000多
![](https://img.haomeiwen.com/i1987853/5ce8ebd16a7d9547.gif)
结果因此吃了半个月的土。呵呵。
![](https://img.haomeiwen.com/i1987853/e5738d5ecfd99abb.png)
![](https://img.haomeiwen.com/i1987853/b508d3b3e2769d50.png)
今天的学习呢,就是使用选区1工具来制作一张具有时尚大片感的海报——天猫新风尚
![](https://img.haomeiwen.com/i1987853/bca2881433a69452.png)
那么,就一起完成一张天猫旗舰店的banner条吧。
![](https://img.haomeiwen.com/i1987853/ac2a951c755910d4.png)
首先让我们先看一种设计技巧。
![](https://img.haomeiwen.com/i1987853/072f4eacda17b58a.png)
![](https://img.haomeiwen.com/i1987853/c9b491061b39633e.png)
![](https://img.haomeiwen.com/i1987853/666914ecb837fdcf.png)
在这张便签上我们能看到标题、图片,以及文字。对于不清楚美国队长是谁的人,可以通过这张图片大致了解他,这是一种不错的方法。
![](https://img.haomeiwen.com/i1987853/a42331f43566f16d.png)
作者在制作过程中非常用心。做了整齐的排版,因为图片的关系,我们看到了页面被分割出大量的空隙。
![](https://img.haomeiwen.com/i1987853/90e4ed1624f0fac5.png)
另一种方案,是我选择了美国队长的盾牌。这是美队的标志,同时彰显了他的实力。
![](https://img.haomeiwen.com/i1987853/8588f786bc90f6af.gif)
![](https://img.haomeiwen.com/i1987853/104167fe2aa8dacf.png)
有一点不足是,这件物品很小,我们可以通过图片看到,像是定在了画框上。让我们产生了距离感。
![](https://img.haomeiwen.com/i1987853/a235b64c938bc2c2.png)
解决办法是进行去背,然后适当放大盾牌。
![](https://img.haomeiwen.com/i1987853/1777d4ac4c10a05a.png)
放到页面上,盖在不同的色块上,最后加上阴影。这样,它与大家之间的距离大大缩减,从设计的角度来看,也是非常合理的。圆形3D的盾牌与矩形的页面形成了对比。增加了一些活力。
![](https://img.haomeiwen.com/i1987853/685832ffc1e600c9.png)
圆形3D的盾牌与矩形的页面形成了对比。增加了一些活力。
![](https://img.haomeiwen.com/i1987853/0c972ec7fee510fa.png)
![](https://img.haomeiwen.com/i1987853/05b4b20da71235b9.png)
接着我们再完成其他设计部分的制作。将美队放在右下角也可以增加版式的跳跃率。丰富画面真实感的塑造。
![](https://img.haomeiwen.com/i1987853/952e468539ca22bb.png)
![](https://img.haomeiwen.com/i1987853/79cc18ba8a794cf7.gif)
现在看来是不是更真实更鲜艳可爱了呢😉
![](https://img.haomeiwen.com/i1987853/4c79dbef3cfabfd4.png)
这里呢,我们就会知道这样一个方法:
将三维的物体放在二维的平面上,更能传递出真实的感觉。
![](https://img.haomeiwen.com/i1987853/cce7753f4a05ab5f.gif)
那么我们再来看看一些案例。
![](https://img.haomeiwen.com/i1987853/acaaddb4ef6ae1e3.png)
你看到这张如此简洁、具有真实感的小米电饭煲是不是更心动了呢?
![](https://img.haomeiwen.com/i1987853/9a6f36aecfe5dce0.jpg)
这张Captain的海报,背景色和文字都在人物的后面,使得整个氛围更贴近主题了。
![](https://img.haomeiwen.com/i1987853/f4449f65b7dd9c9b.png)
回到photoshop中来,我们一起来看一下去背的工作是如何做到的。首先我们选择第三个魔棒工具
![](https://img.haomeiwen.com/i1987853/8f318341c9c0e01c.png)
方法很简单,左键去单击你需要的部分
![](https://img.haomeiwen.com/i1987853/b70a97481497cbf4.png)
然后切换到移动工具,就可以拖动至自己所需要的地方了。
![](https://img.haomeiwen.com/i1987853/662b3c89aa6a4eb1.png)
小技能来了哟,Ctrl+D可以结束刚才我们建立的蚂蚁线选区。
![](https://img.haomeiwen.com/i1987853/8f250c521bac918c.png)
魔棒是基于相似颜色进行选区建立的一款工具。当然,在面临复杂的人物素材时,这个方法就不灵了。人物本身就狠难一次性的选择出来。
![](https://img.haomeiwen.com/i1987853/66f09522473b812b.png)
那么我们可以将思路转换过来,去选择颜色相对不复杂的背景。在背景选择成功后,利用ctrl+shift+I键将选区反向选择。
![](https://img.haomeiwen.com/i1987853/b49ca0b0a76a3926.png)
![](https://img.haomeiwen.com/i1987853/ce09ca5fe1297f67.png)
接着我们就可以切换成移动工具。将人物素材提取出来。完成整个案例的制作。
![](https://img.haomeiwen.com/i1987853/72d75d33d4316882.png)
在人物摆放上,我建议其中一个人物可以相对较大一些,这样会与另一个人物形成空间对比。
![](https://img.haomeiwen.com/i1987853/7eb804f12552eacd.png)
就像这张神龙大侠一样,人物行成的空间对比使画面更加活泼鲜明。
![](https://img.haomeiwen.com/i1987853/8ac350624822f6d3.png)
![](https://img.haomeiwen.com/i1987853/89a67262babcaf72.png)
哈哈,怎样使画面更加具有真实感我想大家都掌握了自己的小技巧了吧。那么,尝试自己满意的海报吧。
![](https://img.haomeiwen.com/i1987853/48bf867d573eede5.gif)
天猫新风尚——魔棒工具