photoshop模拟弹幕字体效果动态图片制作教程

给各位photoshop软件的使用者们来详细的解析分享一下模拟弹幕字体效果动态图片的制作教程。

教程分享:

 


三年二班创作的“弹幕”类表情专辑

弹幕的动画形式,说到底其实就是“位移”的属性动画,而PS的“时间轴”面板上非常轻松地就可实现位移动画,无论是利用“时间轴”还是“帧动画”都是设置好首末两帧的文字位置,然后通过关键帧来实现流畅的弹幕效果。闲言少叙,跟着阿随君一起来看看两种方法分别怎么玩吧。

方法一:关键帧动画

 


关键帧操作过程预览,以下是详细地分解动作

Step 1 新建文档,输入文字。

如图所示,新建240px × 240px大小,透明背景的文件,然后选择文字工具,输入我们的弹幕文字即可,比如案例中的“人呢?人呢?人呢?人呢?”

 


新建文档

 


输入文字,字体、字号、颜色等按需设置即可

Step 2 设置首末帧文字位置

如图所示,来到“时间轴”面板,如果当前工作区没有该面板,可按图中操作通过窗口菜单调出。然后,选择新建关键帧动画,之后,在时间轴面板上新建两帧,第一帧时,把文字拉到画布最右侧,第二帧时把文字移动到画布最左侧。

 


点击“新建关键帧动画”

 


起始帧文字位置拉到画右

 


结束帧文字拉到画左

Step 3 设置过渡帧

如图所示,点击“过渡动画帧”弹出“过渡”面板,设置过渡帧,帧数越大动画效果越佳越流畅,帧数太少了会显得卡顿,而弹幕的特点决定了参数一栏只需勾选“位置”。

 


Step 4 设置动画速度及保存

完成上一步之后动画就基本接近完成了,只是默认的每帧延迟时间为0,所以会灰常快,很鬼畜。所以如图所示分别设置每帧的时间长度,以及把循环选项设置为“永远”。速度节奏调节到满意后,即可按快捷键Ctrl+Alt+Shift+S,保存为gif格式,直接把输出结果拖拽到PC端微信中,即可长按表情将其添加到表情中,撒欢使用起来了。

 


设置速度和循环

 


保存为gif

 


效果如图

方法二:时间轴动画

PS:阿随君推荐用时间轴做,因为更加简单快速啊,自动生成过渡帧,不用再额外手动设置了,多么地方便啊,么么哒。

 


关键帧操作过程预览,以下是详细地分解动作

Step 1 创建视频时间轴动画

新建文档和输入文字两步跟上一种方法并无区别,然后接下来在“时间轴面板”切记要选择“创建视频时间轴”,如图所示。

 


选择创建“视频时间轴”

Step 2 设置首末帧文字位置

如图所示,来到“时间轴”面板,展开文字图层的属性,并点击“变换”左侧的秒表,记录下起始位置即0秒处的位置关键帧,然后,将当前时间指示针移动到结束时间(时长自己控制决定啦,时间轴结束按钮用鼠标拖动到结束帧即可),再移动文字位置到画左,软件就做自动打上关键帧了,并且同时,两个关键帧中间的过渡帧已经都有了。非常方便省事。

PS:教程文字显得很多,但是一旦上手操作你就能感受到这事儿有多简单了。

 


设置起始帧文字位置

 


设置结束帧文字位置

Step 3 设置时间轴帧速率

这一步要做的很简单啦,就是根据你对弹幕动画的速度来调节的,是快是慢全由你来定。正如图中所示,只需在弹出的设置对话框中输入每秒移动多少帧即可。

 


设置选项虽多,这里只需个帧速率

Step 4 保存gif

当设置并调节到需要的帧速率之后,即可按快捷键Ctrl+Alt+Shift+S,保存为gif,值得注意的是,按如图所示,一定记得为“循环选项”选择“永远”。

 


Tips:循环选项设置成“永远”

 


案例效果

再看一下上面两个操作预览的效果演示吧:

 


曰狂笑不止

 


曰嫌弃之?

当然,若掌握了方法,弹幕又岂止能做文字的,emoji表情也是分分钟可以做啊。

好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的模拟弹幕字体效果动态图片的制作教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家现在那是非常的清楚了制作方法了吧,那么各位就快去按照小编上面分享的教程自己去制作下看看效果吧。

时间: 2024-08-02 15:10:25

photoshop模拟弹幕字体效果动态图片制作教程的相关文章

photoshop如何制作水彩效果 水彩图片制作教程

  photoshop作为常用制图工具,大家肯定都会用,但是,有没有想过给图片多点变化,制作出水彩效果.本次,小编就带给大家photoshop制作水彩图片教程,让图片更加精致. 首先,为大家展示完成图和原图.这里,我们以狐狸为例进行演示photoshop制作水彩图片教程. 具体方法: 第一步.我们将原图中的狐狸给抠图出来,建议使用"快速抠图",再提高图片的自然饱和度. 第二步.我们通过"滤镜"-"滤镜库"-"艺术效果"-&qu

photoshop模拟粉笔文字效果制作教程

给各位photoshop软件的使用者们来详细的解析分享一下模拟粉笔文字效果的制作教程. 教程分享: 两种制作粉笔字的方法 好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的模拟粉笔文字效果的制作教程解析分享的全部内容了,各位看到这里的使用者们现在是非常的清楚了制作教程了吧,那么各位就快去按照小编的教程自己去制作吧.

简单粗暴的用photoshop打造光感字体效果

  简单粗暴的用photoshop打造光感字体效果,非常简单易操作易上手,可以自己调调看,经常会使用到的技巧 分类: PS文字教程

Photoshop制作心形效果的月饼教程

Photoshop制作心形效果的月饼教程           注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:339853166欢迎你的加入 分类: PS鼠绘教程

Photoshop设计折叠字体效果

教程中,我将演示如何用PS创建一个非常酷的折叠字体效果,几个很简单的步骤你就可以把普通的字母转换成一系列有视觉效果的折叠文本,让我们开始吧~ 最终效果    我们首先要做的是在Photoshop中打开一个新文件,我用的是1200*400像素,用粗体写出abduzeedo,我用的是Verdana字体加粗,你可以使用任何你喜欢的字体.     现在,我们将开始折叠每一个字母,先从A开始.使用矩形选框工具(M)选择字母"A",选中之后按Ctrl + C复制字母,然后按Ctrl + V将其粘贴

Photoshop制作黄金字体效果

教程的字体效果虽然有浮雕效果,不过不用用图层样式来完成.而是用光照滤镜和曲线打造的.制作的时候先做出黑白效果,后期再调色即可. 三联推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载   查看更多PS教程 最终效果 1.新建一个文件,注意一定要是RGB模式的. 2.将前景色调为灰色:R100,G100,B100. 3.打上喜欢的文字. 4.删格化文字. 5.按住Ctrl建点文字层,选择-存储选区.这里我命名为"金

photoshop利用PS和AI做出超酷的霓虹灯动态图片制作教程

给各位photoshop软件的使用者们来详细的解析分享一下利用PS和AI做出超酷的霓虹灯动态图片的制作教程. 教程分享: 效果图:   一.在AI里画草图 1. 首先呢~打开你的AI,然后用椭圆工具画一个圆,描边:5pt.   2. 打上文字,这里使用的是Darwin字体,没有的可以用相似的字体哦~   3. 然后我们去对象>变换>斜切,倾斜角度:-10°,角度:90°.   4. 现在我们要把文字处理成空心字~选择工具选择字,然后右键>创建轮廓,清除文字填充颜色,描边为5pt.   5

Photoshop制作霓虹灯字体效果

在本教程中我将告诉大家如何用Photoshop创建一个不错的冷色灯光效果.我们将使用图层样式和混合模式来模拟霓虹灯文字. 步骤1 打开Photoshop,创建一个新文档.我使用的是1920×1200像素.之后导入砖纹理,我使用的是Shutterstock中的一个,你可以在这里下载download it here(可惜呀,又是需要付费滴) 步骤2 选中纹理层到图像>调整>色相和饱和度.使用0色调,45的饱和度和-85的亮度. 步骤3 添加一个新层,去滤镜>渲染>云.确保你的前景色是黑

Photoshop制作质感字体效果

教程里制作出一个有立体感的而漂亮的字体.步骤很简单主要运用混合模式和图层样式来创建的.将告诉大家如何给字母添加与一些来结合创建一个非常棒的艺术文字效果.运用Photoshop和一些创意技术的帮助下用一个方便的过程实现很棒的艺术文字效果效果.学会怎么做出艺术文字效果.希望大家喜欢!! 三联推荐:photoshop7.0迷你版免费下载    |  Photoshop CS5 中文免费下载  |  photoshop免费下载   查看更多PS教程 先看效果: 效果图 1.选择"文件/新建"菜