photoshop让皮卡丘图片动起来制作步骤教程

给各位photoshop软件的使用者们来详细的解析分享一下让皮卡丘图片动起来制作步骤的教程。

教程分享:

1小节:ps动画介绍

在学习动画制作之前,我们需要先熟悉在ps里制作动画的一个功能——时间轴。在“窗 口”里面勾选“时间轴”,这时这个窗口就会出现了。

 


时间轴窗口

 


也可以选择默认工作区——动感,动感工作区是ps里自带的制作动画时比较方便的工 作区的排布。

 


时间轴窗口出现后,我们就可以开始制作动画了,点击“创建帧动画”

 


时间轴就会开启帧动画模式,如图所示

 


如果点击左下角的按钮可以切换到时间轴模式。 时间轴模式我们可以看做简单版的AE,可以制作复杂点的动画,帧动画模式就比较简 单一些。我们这节课主要用的就是帧动画模式制作,之后的课程会讲到时间轴模式的 制作,点击可以再切换回来。

 


我们可以看到帧动画模式,默认状态是只有一帧的,帧是什么意思呢,我们制作动画都是以帧为单位的,可以把每一帧看做一个静态图片,比如说我们看一个动画片,是1秒20帧,那么就可以说这个动画每1秒钟是由20张图片组成。

最标准的动画是一秒24帧,早期技术没那么发达的时候,制作动画就需要一秒钟画24张画,比如迪斯尼啊,皮克斯这些比较知名的动画公司,他们的动画都是这个帧速率,所以我们的观看体验都会觉得非常好,非常流畅。因为据科学研究证明人的眼睛一秒钟之内能最多能捕捉24张图片组成的影像,所以在这个帧速率下人眼观看是最流畅合理的。但是我们制作简单的GIF动画的话,一般几帧就可以了。

 


默认帧动画模式只有一帧,一帧当然是不可能组成动画的,那我们为了能让它能动起来,需要添加新的帧数。

点击新建按钮新建动画帧,可以看到窗口就随之多了帧数。

 


将动画帧拖到垃圾桶上可以进行删除。

 


下面我们新建几个不同颜色的图片尝试一下动画制作。

 


动画帧和图层里的图层相对应,这些动画帧也可以拖拽移动位置。

 


这时按播放按钮就可以播放了,形成了一个小动画,也可以点击停止。播放按钮的快捷键是空格键。

 


播放按钮旁边的按钮从左到右分别是选择第一帧,选择上一帧和选择下一帧。

 


如果发现动画播放过快或者过慢的话,可以点击秒数改变每帧的播放时间。也可以按住shift键选择多个帧数一起改变。点击“其他”可以输入任意想要秒数。

 


播放时一般默认状态是仅播放一次,我们可以把它调节成“永远”,循环播放模式来看效果。

 


一些拷贝单帧,粘贴单帧,和删除帧等操作可以在窗口右侧的三角按钮里找到,大家可以试下这些操作。如果对制作的动画不满意,也可以选择删除动画。

 


这样我们帧动画模式下制作动画的基本操作我们已经掌握了。

接下来看下如何输出GIF动图,在“文件”里选择“存储为web所用格式” 快捷键:mac电脑是com+option+shift+s,PC电脑是ctrl+alt+shift+s。选择GIF模式,颜色选择最大颜色识别个数256,是清晰度最高的,之后进行存储。

 


2小节:让皮卡丘动起来并输出为表情

学完ps里动画制作的基本原理和工具后,我们就可以开始做一个QQ的弹跳感的皮卡 丘了,这里我们用4帧组成一个GIF动画,可以到达一个基本流畅的感觉,当然也可以增加帧数,制作更加流畅有难度的效果。 制作原理虽然我们已经明白了,但是一个流畅真实的动画其实是基于力学的原理存在 的。一个动作的完成是由预备——进行——缓冲组成的。拿人跑步为例子,跑步的时 候,我们一般摆好姿势,进行的下一个动作不是直接冲出去,而是身体会有一个膝盖下压或者身体下倾的预备动作,这个时间会非常短暂,再向前弹出去,停止的时候, 也会有一个缓冲,缓冲也是非常短暂的一个效果,而且根据物体的质量或者物体的速度不同都会有不同的变化,如果大家都有学过物理的话应该不难理解,所有的生物和非生物都是遵循这个理论而存在的,所以我们想要制造真实的动画效果,模拟真实的 动画原理,就一定不能脱离开力学的基本作用。

 


但是我们做动画的时候一般都会夸张化和戏剧化一些,就像《猫和老鼠》动画片,就有很多超出常识的夸张手法的表现,这也是动画的魅力所在。

 


 


我们做的简单小GIF也是在遵循基本动画原理上来做的,我们这次的案例是做一个Q弹感比较强烈的皮卡丘,类似一个橡皮球原地弹跳,那我们就可以想象一下橡皮球弹跳的质感,先弹上去然后再收缩回来,这样一个简单的动作。(下图为小球弹跳参考)

 


因为我们做的是简单的原地弹跳,所以动作很简单。接下来就可以进行尝试了,因为我们之前做皮卡丘的时候分好了骨骼,做动画的时候会方便很多。

 


这里我们需要4帧动画帧,分别为默认姿势——向上拉伸——回归——向下压缩四个动 作。

为了方便调整骨骼,整理好图层,命名好名字,复制出另外三个组。

 


调整组合图层分别调出四个状态,因为默认和回归两个的状态类似,所以直接拷贝就可 以。调整的时候要注意由于力的作用,向上拉伸的时候整个身体会由于拉长而变瘦,向下压缩的时候身体会向两边拓宽,想要夸张化的效果就可以再夸大化,使力的作用更明显。耳朵、尾 巴和眼睛也都会跟随变化,这样动起来才更生动真实。如果要达到更真实的效果,还可以增加 帧数调的更细微。

 


要注意的是这些组在ps里是相互叠加的状态,是为了保证皮卡丘弹跳的时候不错位,保证重心和位置不变。

 


接下来时间轴窗口的动画帧就和图层相对应起来,调整合适的秒数帧速率

 


播放看看效果,如果效果不满意可以继续调整,调整完毕就可以按照我们1小节教的GIF的输出方法输出动图了。

这样一个GIF动画就完成了,我们也可以用这样的方法制作简单的小表情用在一些聊天软件上。接下来同学们就来制作属于自己的小动画吧~(′?ω?`)ノ

好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的让皮卡丘图片动起来制作步骤的教程解析分享的全部内容了,各位看到这里的软件使用者们,小编相信大家现在那是非常的清楚了制作步骤了吧,那么各位使用者们就快去按照小编上面的教程去让自己的立体皮卡丘动起来吧。

时间: 2024-10-26 05:44:46

photoshop让皮卡丘图片动起来制作步骤教程的相关文章

从零开始码一个皮卡丘检测器-CNN目标检测入门教程(上)

本文先为大家介绍目前流行的目标检测算法SSD (Single-Shot MultiBox Object Detection)和实验过程中的数据集.训练.测试过程及结果参见<从零开始码一个皮卡丘检测器-CNN目标检测入门教程(下)> 目标检测通俗的来说是为了找到图像或者视频里的所有目标物体.在下面这张图中,两狗一猫的位置,包括它们所属的类(狗/猫),需要被正确的检测到. 所以和图像分类不同的地方在于,目标检测需要找到尽量多的目标物体,而且要准确的定位物体的位置,一般用矩形框来表示. 在接下来的章

photoshop腹肌效果制作步骤教程

给各位photoshop软件的使用者们来分享一下腹肌效果制作的步骤教程. 教程分享: 效果对比:     打开图像,新建一个图层.   找到菜单栏-编辑-填充-50%灰.   把图层混合模式设置为柔光(柔光屏蔽50%灰)   找到减淡与加深工具,选择加深工具   设置范围:中间调 曝光度10%   用加深工具在黑线地区涂抹,用减淡工具在黑线周围涂抹.   最终效果: 给各位photoshop软件的使用者们来分享一下腹肌效果制作的步骤教程   好了,以上的信息就是小编给各位photoshop的这一

photoshop中性灰给商用人像大图精细磨皮步骤教程

给各位photoshop软件的使用者们来说说运用中性灰给商用人像大图精细磨皮的步骤教程. 教程分享: 1.打开原图素材大图.   2.复制图层.   3.创建新图层.   4.新图层填充50%灰(编辑 > 填充).   5.图层模式为"柔光".   6.新建纯色调整图层(图层 > 新建填充图层 > 纯色),颜色为黑色.   7.图层模式为"颜色".   8.复制黑色调整图层.   9.图层模式为"叠加",可根据图像明暗调整为其他

易企秀网页版制作步骤教程

给各位易企秀网页版的使用者们来详细的解析分享一下制作的步骤教程. 方法分享: 1.首先打开易企秀网站,在主界面的右上方可以看到[登录]和[注册]两个选项,如果之前注册过易企秀账号的,可以直接点击登录按钮,如果没有账号可以花费几分钟的时间注册一个账号,账号注册非常方便.     2.使用账号登录到易企秀网站之后,在界面点击[空白创建].     3.然后跳转到制作页面,可以添加模板.图片.文字.音乐.视频等元素,最后点击右上角的[发布].     4.接着会让你上传封面.编辑标题以及其他的信息,最

PhotoShop切片工具切割图片转成网页格式教程

PhotoShop中:切片工具是该软件自带的一个平面图片制作工具. 切片工具:将一个完整的网页切割许多小片,以便上传.是将我们设计的网页设计稿切成一片一片的,或一个表格一个表格的,这样我们可以对每一张进行单独的优化, 以便于网络上的下载.可以做成网格的,然后可以用dreamwaver来进行细致的处理.利用切片工具可以快速的进行网页的制作.分成切片工具与切片选择工具. 我们在制作网站的时候如何把做好的效果图转成网页格式呢?这里就有很多方法,如果是比较复杂的网页就需要用手动来切图. 如果不是很复杂的

PhotoShop高/中/低调图片的直方图认识基础教程

直方图是用来量化曝光量的,也叫柱状图,是一张二维的坐标图.图中模轴代表的是图像的中的亮度,由左向右,从全黑逐渐过渡到全白.纵轴代表的则是图像中处于这个亮度范围的像素的相对数量.当直方图中的色块偏向于左边时,说明这张照片的整体色调偏暗,也可以理解为照片欠曝.当色块集中在右边时,说明这张照片整体色调偏亮,除非是特殊影调的需要,否则我作可以理解为照片过曝.一幅好的照片应该明暗细节都有,在柱状图上就是色块从左到右都有分布,且两边峰值都到最低,即直方图的两侧不贴边. 一中间调人像数码照片 photosho

利用Photoshop给人物情侣图片增加柔和的暖色教程

我们准备原图片素材   最终效果图片.   1.打开ps软件,然后把我们准备的插件用上场了,对图片进行处理参数如下图所示 . 2.按ctrl+m调用曲线,然后适合降低对比度,具体参数如下图所示. 3.为了给衣服调整红色,我们把红色设计15 ,饱和度29,具体如下图操作. 4.再来给照片加高光,稍稍调一下,效果与操作如下图所示. 5.为了让皮肤更漂亮我们要对光源进行适当锐化调整阴影色调,最后输出为jpg格式图片 6.现在打开我们ps 4或cs 5把jpe文件导入,然后复制一个图层,再利用修复画笔修

Photoshop绘制生动的皮卡丘图标

  要把简单的二维图转为立体效果的难度是非常大的.首先要根据素材图画出自己想要的线稿,再铺色,刻画光影和细节等. 最终效果 一.创意思路 皮卡丘是我们熟知的日本卡通角色,它因为可爱的形象和皮卡皮卡的声音萌翻了好多人.我们要绘制一个写实皮卡丘图标,首先我们需要了解这个角色的设定,收集皮卡丘的相关素材图片,尽量保存多个角度和动态的图片,便于我们选择和全方位的了解角色. 在经过素材的收集和分析后,接下来我们就开始画草图.草图阶段尽量表达大的想法和构图,摒弃细节,在经过多个草图的尝试后,因为我希望这个作

photoshop网页常见的图片投影效果制作教程

给各位photoshop软件的使用者们来详细的解析分享一下网页常见的图片投影效果的制作教程. 教程分享:       看完后注意到了共同点没有?没错,上面这些图都有个共同点就是点缀了整个界面的精致阴影~ 这就是本教程要分享给大家的最近大热的设计技巧:"弥散阴影".相信大家早就见到过类似这些案例了,但你们真的尝试使用过吗?一个本来60分的古板扁平UI界面,加上这种阴影效果就能作品秒变大神啦~ 现在开始三步教程,首先拿鄙人最近的一个羞羞案例来做示范(因为是示例,我把阴影加的有些重):