rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程

      第一创意思路

? ? ? ? ?以前从未听说过电商设计师，但是近两年电商设计师数量匆匆往上窜，并且数量突然保持逐步上升的趋势，而且电商设计师从最开始的美工逐渐的发展延伸出如设计师、修图师、店铺主设计师、设计总监等等职位，并且电商界的设计作也越来越品牌化，高级化，好的店铺设计都可以与效果繁琐的游戏网站相比较。
? ? ? ? 正如上面所说电商设计师正如破竹之势迅猛成长，巧匠的意思为巧夺天工，独具匠心。正如我们电商设计师用我们的美和技巧装修每一个店铺。

http://pic.16xx8.com/allimg/141120/10983948665345_01.jpg
提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:135135 作者：巧匠视觉 出处：站酷

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程



第二草稿图

这张图没有参考，完全根据自己的想法来做，因为是想对如今电商设计师趋势的一个表达，并没有什么商业价值，所以就没有考虑的太多。
巧匠和其他的方案刚刚已经解释了，至于大猩猩嘛，一是我个人喜好，二是因为它给人一种安全感，信任感，如一个对家庭负责的爸爸一样。

http://pic.16xx8.com/allimg/141120/10983948665345_02.jpg

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程



首先我们脑子里已经知道自己要做什么开关的特效字了，我们第一步是把文字把出来，而不是直接去画，选择一个合适的字体调整大小，并摆放好位置，这样对素描基础差的同学非常有帮助，看下图。

http://pic.16xx8.com/allimg/141120/10983948665345_03.jpg

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程



第二步是调整形状，这里是把两个文字分为两个图层删格化，CTRL+T分别给透视，往对立的方向。

http://pic.16xx8.com/allimg/141120/10983948665345_04.jpg

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程



http://pic.16xx8.com/allimg/141120/10983948665345_05.jpg

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程



第三步降低透明度，因为是要做冰雪字，会有些透明效果。我这里是40%，大家有做练习的可以随自己的喜好和效果来定。

http://pic.16xx8.com/allimg/141120/10983948665345_06.jpg

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程



第四步把文字的立体效果做出来，这里再给大家介绍一个非常实用做立体字的方法，我这里的两个文字都是单独做的，复制巧字，放到下面一层，把色彩改成比背景色略重或略轻一些都可以，然后按ALT+剪头方向键（一直按）就可以做出下面的立体感了。

http://pic.16xx8.com/allimg/141120/10983948665345_07.jpg

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程



第四制作文字效果

选择画笔工具点击ps导航条红色框框位置调出画笔选项，选择39号画笔，然后把不透明度调整到30%至70%不等，根据需要透明度随时调整。

http://pic.16xx8.com/allimg/141120/10983948665345_08.jpg

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程



尝试一下画笔，正确的话会得到下图的效果。

http://pic.16xx8.com/allimg/141120/10983948665345_09.jpg

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程



轮廓的线条选择第二个画笔，描绘文字的轮廓，表面的笔触感来自第二种笔刷，表面的颗粒感来自第一种笔刷。

http://pic.16xx8.com/allimg/141120/10983948665345_10.jpg

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程



经过反复绘制得到下面的效果，过程比较傲人也比较享受。

http://pic.16xx8.com/allimg/141120/10983948665345_11.jpg

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程

      

第四绘制边框

友情提示，这里绘制任何部分的时候，透明度要随时调整，不要用70%以上的透明度。第一次绘制比较淡的笔刷，多绘制几次，然后逐渐的把透明度提高。

http://pic.16xx8.com/allimg/141120/10983948665345_12.jpg

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程



第五英雄榜

剩下的文字照葫芦画瓢，同样的方法搞定的，组合起来的效果如下图，细心的设计师会发现，我在原基础上加入了一些裂痕，这些裂痕就是贴了些素材之后，给素材一个正片双底的图层样式，只保留黑色部分，在素材之上第二种画笔涂抹了几次就有这样的效果了。

http://pic.16xx8.com/allimg/141120/10983948665345_13.jpg

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程


?

http://pic.16xx8.com/allimg/141120/10983948665345_14.jpg

rickyiii 发表于 2014-11-20 03:16:39

电商视觉海报教程



点出来的效果就是这样的，围绕着大猩猩各个关节的上方点出这些雪花。

http://pic.16xx8.com/allimg/141120/10983948665345_15.jpg
页: [1] 2
查看完整版本: 电商视觉海报教程