当前位置:首页>ps入门教程>动图教程>动画教程>教程内容

动图制作,在PS中制作一款动态小闹钟(4)

来源:公众号 作者:火虎教育 学习:2482人次

在PS中制作一款动态小闹钟

效果图:

 动图制作,在PS中制作一款动态小闹钟_www.16xx8.com搜索公众号photoshop教程论坛,免费领取自学福利

操作步骤:

01.打开背景素材

素材文件夹中找到背景素材,直接拖拽到PS图标上打开背景。

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

02.添加闹钟身体

ctrl+0调整画布适合屏幕,在文件夹中选中身体素材直接拖拽到ps画布中置入素材回车确定置入,使用移动工具:快捷键http://www.16xx8.com/photoshop/jiaocheng/110097.htmlV移动素材到合适位置。

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

03.绘制闹钟腿部

快捷键u切换到形状工具组,绘制闹钟腿部—选择圆角矩形工具,属性栏设置形状,白色填充,无描边,半径11像素,然后单击画布设置宽高参考值22*52的矩形即可,如下图:

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

 

 

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

选择刚绘制的圆角矩形,双击图层名称修改为右腿,ctrl+t,到属性调整角度-30,按回车键确定。

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

在选择右腿,ctrl+j复制一层,修改名称为左腿,执行ctrl+t,然后单击鼠标右键选择水平翻转,移动到合适位置即可,回车即可结束变换取消定界框,移动两个腿到合适的位置如图:

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

04.补充闹钟顶部

切换到形状工具组,选择椭圆工具,同样属性栏设置形状,白色填充,无描边。单击画布设置宽高80*80的椭圆,然后切换到直接选择工具(快捷键a)如下图:

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

直接选择工具选中圆最下方的锚点,按键盘上del删除键直接删除即变成半圆,如下图:

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

 

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

选择半圆图层,ctrl+j复制一层,把复制图层修改名称为小帽子,ctrl+t,到属性调整比例60%,按回车键确定。

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

选择另一个半圆图层—修改名称为右耳朵,ctrl+t,到属性调整角度45,按回车键确定。在选择右耳朵,ctrl+j复制一层,修改名称为左耳朵,执行ctrl+t,然后单击鼠标右键选择水平翻转,移动到合适位置即可。参考如图:

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

05.制作动态效果

找到菜单栏—窗口—时间轴,到时间轴面板—选择创建帧动画,然后点击创建帧动画会出现第一帧(版本不同界面略有差异)

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

 

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

点击第一帧,选择下方时间右键检查修改时间,设置为无延迟。点击下方倒数第2个图标—即复制所选帧,点击即出现第2帧,再复制一帧,即第3帧。

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

选中第2帧,选择移动工具选择对应的图层-移动左耳朵向上3像素向左3像素,移动右耳朵向上3像素向右3像素,小帽子往上2-3像素,身体往上1像素,左腿分别往左往上1像素,右腿往上2像素即可。(选择移动工具按键盘对应方向键1次即移动1像素)

可以选择第三帧,也适当的调整一下对应图层的位置,尽量不要偏移太多,可以增加一下自己的创意。

按空格键可以预览动态效果,再按空格键暂停。

 动图制作,在PS中制作一款动态小闹钟_www.16xx8.com搜索公众号photoshop教程论坛,免费领取自学福利

06.保存文件

ctrl+s保存为默认的psd格式(即源文件)

ctrl+shift+alt+s选择保存格式为gif,参考如下

动图制作,在PS中制作一款动态小闹钟_www.16xx8.com

完成:

 动图制作,在PS中制作一款动态小闹钟_www.16xx8.com搜索公众号photoshop教程论坛,免费领取自学福利

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!