当前位置:首页 > PS教程 > 网页设计

电商海报教程!快速设计淘宝BNNANER海报图片教程。

  • 2022-12-24 23:06:42
  • 来源/作者:互联网/佚名
  • 己被围观

在目前众多的电商BNNANER里,大多往往都是以文字放大搭配产品形式去突出主题,只有少数是以实拍图形式去展示。因为时间赶,无法精心绘制一张海报。想要速成一张主流能引人眼球的海报,又不知该如何下手,现在认真学一遍,保你以后时间再赶,BANNER还是棒棒的。

在目前众多的电商BNNANER里,大多往往都是以文字放大搭配产品形式去突出主题,只有少数是以实拍图形式去展示。因为时间赶,无法精心绘制一张海报。想要速成一张主流能引人眼球的海报,又不知该如何下手,现在认真学一遍,保你以后时间再赶,BANNER还是棒棒的。
电商海报教程!快速设计淘宝BNNANER海报图片教程。
新建BNANER大小尺寸的文档。将文案输入,选好字体,选中文本图层,右键转换为形状。

电商海报教程!快速设计淘宝BNNANER海报图片教程。
先从2014开始动手,使用钢笔工具选中,然后CTRL+T拉成又高又瘦的样子。

电商海报教程!快速设计淘宝BNNANER海报图片教程。
按住CTRL+单击鼠标左键选中2的尾巴,选中后,再按住SHIFT+ → 键让尾巴与0接上。

电商海报教程!快速设计淘宝BNNANER海报图片教程。
14的连接,在如红标1左出头的平行线处点击右键添加两个描点。(下图左1)
选中一个描点,按住SHIFT+→移动会看到钢笔移动出来的线是弯的,按住ALT+左键点击下图2中的点线就变成直角了。年字也是一样,拉高拉瘦接上。

电商海报教程!快速设计淘宝BNNANER海报图片教程。
度字也是一样,拉高拉瘦广字旁的尾巴对准年字长出来的那横。如下图左1 。这里广字旁尾巴与像素格子不对齐(下图2)。若放大看会有锯齿感,我们需要按住CTRL+鼠标左键再点击描点移动到与像素格子直角对齐的角那即可(下图3)。
直角对齐了,那就字体接上就不会有锯齿感了,将年字的一竖拉长,一横也拉长,接上度字。如下图四。

电商海报教程!快速设计淘宝BNNANER海报图片教程。
“好货”两个字,要让他们酷炫一点,如下图1里框住的描点,右键删除描点,将好的女字旁第一笔尾巴按住SHIFT+↓+→ ,多按几次就变成下图右上角那样了。货字拉伸后会出现下图3的情况,原因是之前的开关有钢笔拉伸状态记忆在那,我们只要按住ALT+左键点击下图四框住的四个描点,将其变成直角状态即可。在两个字的尖角对齐上和上个问题一样,像素格子的问题,按住CTRL+左键移动到格子的直角处即可(下图五)

电商海报教程!快速设计淘宝BNNANER海报图片教程。
看了接好后的字体发现虽然有些特色了,但是还不够劲的感觉,那么从2字头开始,选中2开头下面的那个描点,右键删除描点(下图1),其他文字也是一样如下图示。为了让所有看起来与众不同,点字特意找了其他像素格子字体替代点,复制了两个重叠让他们的点多了些。

电商海报教程!快速设计淘宝BNNANER海报图片教程。
接下来让字体倾斜,看着更有劲的感觉,选中字体按住CTRL+T,左键按住上中的点,按住CTRL+SHIFT向右拖动。

电商海报教程!快速设计淘宝BNNANER海报图片教程。
后面整装待发和上面是同样的道理,为了让整体更凸显一点冲击感,给矩形添加蒙版用橡皮擦在“发”字长出来的那部分抹涂出冲击的感觉。

电商海报教程!快速设计淘宝BNNANER海报图片教程。
于是整个字体设计到这一步就完成了。

电商海报教程!快速设计淘宝BNNANER海报图片教程。

 1/2    1 2 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条