恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
使用PS制作炫酷动态文本效果
0.0°
2020-02-14 自译外文 教程 原作者: Ivan Gromov 举报 1428 8 2 0


https://www.bilibili.com/video/av87355715 视频不能出现点击查看

今天教程所需要的素材可以再文末右下角下载!

准备工作

第一步

按CTRL+N创建一个新文档,并使用以下设置

  • 1920x1080px
  • 300dpi(建议用72就行,不用像作者这么大)

第二步

我们使用Shift+Ctrl+n创建一个新的图层,并将其命名为占位符

第三步

右键单击图层并选择转换为智能对象

第四步

右键单击占位符图层,然后选择编辑内容选项,进入智能对象里面。

第五步

使用文本工具,创建一个84px的文本,内容随意就行!

第六步

右键选择占位符这个图层,复制两个(此处一共三层占位符)

第七步

把第一个智能对象隐藏,把复制的图层重命名为文本和发光。

第八步

选择背景图层并使用Shift+F5填充,选择颜色就可以调出色板了。颜色值为:#141414

创建文本效果

第一步

现在我们开始创建文本效果,选择我们的文本图层,然后进入滤镜-使用高斯模糊效果。半径设置为2px。

第二步

再次使用滤镜菜单下的动态模糊效果,使用以下设置

  • 角度:90
  • 距离:60px

第三步

使用扭曲里面的波浪效果

  • 生成器数量:1
  • 波长:1和298
  • 波幅:1和6
  • 类型:正弦

第四步

现在我们需要创建图层样式效果,双击图层,然后添加渐变叠加

第五步

给渐变叠加应用下方设置

  • 混合模式:正常
  • 不透明度:100%
  • 角度:-180
  • 颜色为:#fc3d4f    #fd7335   #f57c21

第六步

现在我们需要给发光层添加文本层同样的效果。这里就不过多描述了。

第七步

我们现在双击发光图层,添加外发光效果,外发光的颜色为渐变色。然后添加方法与之前使用的方法一样。设置如下:

  • 混合模式:正常
  • 不透明度:100%
  • 扩展:4px
  • 大小:12px

这里的渐变色值和上一步的一样!

第八步

更改发光图层的填充值为0

第九步

现在我们选中发光和文本图层,将其打组,然后命名为Main Text

第十步

创建两个重复的组,并将其命名为  颜色偏移1和颜色偏移2

第十一步

双击颜色偏移1组,在图层样式里面取消绿色通道和蓝色通道。

第十二步

双击颜色偏移2组,在图层样式面板取消红色和绿色通道。

第十三步

我们把颜色偏移1组,向左移动4px,

第十四步

把颜色偏移2向右8px

创建叠加元素

第一步

我们现在需要制作一些线条素材,使用Shift+Ctrl+N创建一个新图层,使用#282828来填充。

第二步

现在我们打开滤镜库,使用半调图案

  • 大小:2
  • 对比度:50
  • 图案类型:直线

第三步

现在,我们复制改图层,然后我们向上移动1080px。

第四步

然后,你需要选择这两个图层并向上移1080px。(现在这个两个图层会在画板中看不见,没关系)

第五步

我们把复制的图层,再复制一份,并且下移1080px。(这一层再中,注意观察下图)

第六步

选择这三个图层并使用右键单击合并图层命令合并这三个图层。命名为TV Lines

第七步

更改图层混合模式为叠加。不透明度为25%

第八步

现在我们从文件存放的地方导入提供的视频素材。然后调整大小。

第九步

更改图层的混合模式为滤色

第十步

现在我们选中TV lines 和视频图层,把他们打组成一个组,然后命名为视频叠加

第十一步

现在我们需要为这个视频叠加组创建渐变叠加图层,这里我们可以在图层菜单里面使用新建填充图层-渐变来创建两个渐变层。并命名为漏光1和漏光2

第十二步

双击第一个渐变图层,使用以下设置

  • 样式:线性
  • 角度:-35
  • 缩放:232%

第十三步

点击这个渐变条,我们对渐变进行设置(这里的渐变条上方表示不透明度滑块,下方是颜色滑块)

  • 颜色:#ff7511  不透明度位置:0%   不透明度:100%
  •                          不透明度位置:35%  不透明:82%
  •                          不透明度位置:51%  不透明:0%
  • 颜色:#e90f43  不透明度:61%
  •                           不透明度位置:67%   不透明度:82%
  • 颜色:#f3005e  不透明度位置:100%   不透明度:100%

(此处的不透明度位置指的是不透明度滑块的位置)

第十四步

现在我们对第二个渐变填充进行设置

  • 样式:线性
  • 角度:-171
  • 缩放:232%

第十五步

调整渐变颜色

  • 颜色:#315934 不透明度位置:0  透明度:100
  • 颜色:#ac9102 不透明度位置:100 透明度:100

第十六步

将两个渐变的混合模式改为颜色减淡

第十七步

现在我们选中这两个渐变,然后打组,命名为漏光层。

开始制作动画

第一步

现在我们开始创建动画了,我们在窗口菜单里面打开时间轴面板。然后点击创建视频时间轴

第二步

通过移动下图所示的图标,把时间轴的时间缩短到05.00F

第三步

现在我们需要进行创建关键帧,选择文本图层,然后点击变换前的秒表就可以创建关键帧了

第四步

移动时间指示器到0:00:00:10,然后移动图层15px.(这样会自动创建关键帧)

第五步

移动时间指示器到0:00:00:20,然后移动图层15px.(这样会自动创建关键帧)

目前我们的移动操作都要保持水平,不然动画的物体就会发生闪烁。

第六步

选择我们刚刚建立的关键帧,然后右击复制(这里是选择所有的关键帧哦)

第七步

我们把视觉指示器移到0:00:01:00,然后点击关键帧图标

第八步

然后我们选中最后一个关键帧,右击单击粘贴,把之前复制的关键帧创建出来。

第九步

创建重复的关键帧,直到填满整个时间轴。

第十步

选择文本层的所有的关键帧,把它复制粘贴到发光层

第十一步

选择TV lines层,然后点击位置处的秒表以便添加第一个关键帧。

第十二步

把时间指示器移到0:00:05:00,然后把该图层垂直向下移动21600px。

第十三步

在时间轴面板选择漏光1图层,然后把它缩短为,开始02:00,持续时间02:00

第十四步

在时间轴面板选择漏光2图层,然后把它缩短为,开始03:00,持续时间02:00

第十五步

点击过滤效果图标,然后选择渐隐(Fade)

第十六步

拖动渐隐效果到漏光1的开始和结束处。(这里需要拖两次哈,注意观察下图)

第十七步

右击单击并更改渐隐的持续时间为0.97秒

第十八步

现在,我们需要把相同的效果给漏光2

第十九步

现在我们使用shift+ctrl+n创建一个新的图层,并命名为淡入淡出

第二十步

更改填充数值为0%

第二十一步

最后,我们把黑色渐隐效果托给淡入淡出层的开始和结束

渲染视频并输出

第一步

我们的动画到这里就可以渲染输出了。现在我们点击右上角的图标,选择渲染视频

第二步

在渲染面板的设置如下

  • 格式:H.264(MP4)
  • 大小:文档大小
  • 范围:所有帧

最后你的动画就做好了!



Powered by Froala Editor

微信公众号:米夏小雨

更新:2020-02-14

下载
收藏

8人已收藏

米夏小雨

每周六晚20:00B站直播设计技法实操 欢迎来玩!

  • 116

    作品

  • 4517

    粉丝

  • 26

    关注

  • 【技法解析第七期】如何在C4D中创建二维矢量插画效果教程
  • 【技法解析第六期】多彩质感UI图标材质渲染教程-C4D教程
  • C4D教程-技法解析第五期-抽象艺术材料
  • 七步教你学会制作iPhone SE 2022 壁纸
相关标签
ps教程

    猜你喜欢

      2020-02-14 自译外文 教程 原作者: Ivan Gromov 举报 1428 8 2 0

      使用PS制作炫酷动态文本效果

      0.0°

      你确定要举报使用PS制作炫酷动态文本效果

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年02月07日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      8
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录