Photoshop制作马赛克人物GIF奔跑动画

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:stephen枫

关键词

Photoshop制作马赛克人物GIF奔跑动画

首先确定人物形象马赛克结构的正方形边长,我设计的是20px的正方形方块。

服装及下半身自行设计,头部建议采用自己的头像经20px的像素化处理后再慢慢修饰调节各个方块颜色。

Photoshop制作马赛克人物GIF奔跑动画

Photoshop制作马赛克人物GIF奔跑动画

根据设计的人物奔跑连贯运动动作制作gif动画:先确定画布大小,再分图层逐帧绘制各个运动画面。

Photoshop制作马赛克人物GIF奔跑动画

Photoshop制作马赛克人物GIF奔跑动画

分不同图层保存jpg后再重新导入PS,打开窗口-时间轴-依次添加图层,在分别点击选中时间轴里的图层对应设置右侧图层框中只显示对应图层(通过小眼睛控制),之后再设置延迟时间,,播放预览调试完成后保存gif。

Photoshop制作马赛克人物GIF奔跑动画

Photoshop制作马赛克人物GIF奔跑动画

Photoshop制作马赛克人物GIF奔跑动画

Photoshop制作马赛克人物GIF奔跑动画

 收藏