PS实战教程24:制作一张,高点击率淘宝动效海报!

案例要点:

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

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

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

工具和快捷键:

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

案例受益:

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

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

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

最近GiF效果图:

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

t2.jpg

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

t3.jpg

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

t4.jpg

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

t5.jpg

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

t6.jpg

6、先使用【钢笔工具】加些小装饰变为圆角即可,

再使用【多边形工具】绘制一个三角形,放大调整,按【Delete】删除不需要的部分即可。

t7.jpg

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

t8.jpg

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

t9.jpg

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

t10.jpg

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

t11.jpg

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

t12.jpg

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

t13.jpg

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

t14.jpg

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

t15.jpg

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

t16.jpg

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

t17.jpg

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

t18.jpg

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

t19.jpg

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

t20.jpg

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

t21.jpg

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

t22.jpg

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

t23.jpg

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

t24.jpg

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

t25.jpg

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

t26.jpg

26、完成效果展示。

t27.jpg

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

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

t28.jpg

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

t29.gif

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

t30.jpg

猜你喜欢

转载自blog.csdn.net/ketuweb/article/details/88865728
今日推荐