ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 5996|回复: 30
收起左侧

[淘宝美工] 电商视觉海报教程

[复制链接]
发表于 2014-11-20 03:16:39 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
      第一创意思路

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


提示:教程详细步骤在二楼!
想下载该教程的可以到这里下载:点击进入下载页
教程编号:135135 作者:巧匠视觉 出处:站酷
 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程



第二草稿图

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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程



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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程



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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程




回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程



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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程



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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程



第四制作文字效果

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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程



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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程



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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程



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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程

        

第四绘制边框

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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程



第五英雄榜

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


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程


?


回复 支持 反对

使用道具 举报

 楼主| 发表于 2014-11-20 03:16:39 | 显示全部楼层

电商视觉海报教程



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


回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-5-5 09:26 , Processed in 0.045885 second(s), 11 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表