淘宝广告图片怎么制作(淘宝广告图制作图文教程)

佚名 举报 | 买帖

案例要点:

使用软件: PS、AI(2017版本)

案例难度: 中级(建议有一定PS\AI基础的小伙伴练习)

关键词:PS画笔 AI钢笔工具 PS混合模式 PS时间轴(就是平时大家喜欢学的ps动画)

工具和快捷键:

PS-画笔笔刷工具 怎么用放大画面(Ctrl++)缩小画面(Ctrl+-) 选择工具(V) 直接选择工具(A)

案例受益:

1、能学会用AI如何通过钢笔造字法,设计自己喜欢的字体(本案例重点学习要点)!

2、学会使用AI设计字体,通过分层导入PS进行字体样式设计(设计过程中经常PS+AI结合使用)!

3、掌握PS动画创作原理,能独立完成简单动画效果的设计!


最近GiF效果图:

教程来源 huke


1、打开Ai,【Ctrl+N】新建画布,使用【文本工具】输入文字,字体:黑体。

2、使用【钢笔工具】按照文字的笔画结构勾画出文字。(需要大家会简单的使用AI钢笔工具)

3、把文字转折处变为圆角,按住左键不放,再拖拽即可。

4、选择【提前购】整体锚点,调整描边为3pt。

5、选中文字整体,点击【描边】出现属性面板,端点和边角调整为圆角即可。

6、先使用【钢笔工具】加些小装饰变为圆角即可,再使用【多边形工具】绘制一个三角形,放大调整,按【Delete】删除不需要的部分即可。

7、按【M】矩形工具绘制一个矩形,再使用【钢笔工具】添加锚点2个,像中间移动一段即可。

8、在调整好的矩形里面添加相应的文字即可。

9、选中文字整体加2边装饰,选择【倾斜工具】对这部分做适当倾斜即可。

10、选中三角形调整端点为圆角。

11、现在打开PS,把在Ai做好的字分层次移动到PS里,并依次命名即可。

12、按住【Shift】选中图层,【Ctrl+G】编组,然后【Ctrl+T】调整大小并调整位置为正中心。

13、选中【提前购】图层,【f(X)混合选项】--【颜色叠加】。

14、勾选【颜色叠加】调整颜色为自己喜欢的颜色即可,颜色参数:ff8d27。

15、选择【外发光】,颜色调整为与颜色叠加颜色相近即可,各个参数如图所示,调整等高线即可。

16、再勾选【内发光】,【投影】参数如图所示。

17、其他部分按照前面操作做即可,颜色可自行调整。

18、先新建画布,混合模式--【线性减淡】,按【B】画笔工具,按【】放大/缩小。

19、画笔的颜色调整为与字的颜色相近,然后涂抹即可。

20、然后调整不透明度为:27%即可,其他同样操作。

21、使用【矩形工具】绘制矩形,关闭填充,选择描边,描边为黑色,圆角为30pt。

22、进行复制移动,调整位置,按【Ctrl+T】调整大小即可。


23、先新建画布,然后按住【Alt】做矩形的剪切蒙版。

24、使用【画笔工具】,颜色为:b2b2b2。

24、使用【画笔工具】,颜色为:b2b2b2。

26、完成效果展示。


PS动画特效是如何创作的?

1.菜单栏--【窗口】--【时间轴】,出现面板--【创建视频时间轴】。

2.动画操作设置如下图操作:原理其实就是每一个图层代表一个画面,通过设置每一个图层的顺序、图层间的间隔时间,可以完成动画的播放,即每一个图层按照设定好的顺序进行画面播放)可能,我说的话不好理解,大家也可以百度查阅一下PS动画的原理,理解以后其实很简单~

3.存储为web所以格式--GIF--循环选项--永远保存即可(动画格式gif)。


写在最后:

本篇教程,对于零基础小白(软件工具都不会用的)相对偏难操作一些,希望可以先理解设计创作的过程及设计原理,对软件有基础的同学(明白软件工具怎么用)提升操作水平还是有帮助的,建议可以练习!