Photoshop制作一颗跳动的心
- 2022-05-09
- 来源/作者: ONEGREEN.ORG / 佚名
- 13 次浏览
本教程介绍简单的图形设计及GIF动画制作。现在网络很流行小图片动画效果,其实用PS很容易做出来,先把自己的图形或图片处理好,然后就可以随意的来制作动画,难度不大很容易上手。
最终效果
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER3PEVv%5B3mn.gif?w=600)
1、新建文档,大小随意。新建一个图层,设置前景色为#FD7FA3,选择一个可爱的文字画笔刷上去。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER3OkVvboCo.jpg?w=600)
2、选择自定义形状工具,找到心形,按住Shif键同时在画布上拉出心形,右键―删格化图层。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER3O%7BhvboCo.jpg?w=600)
投影:
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER4NUJvboCo.jpg?w=600)
内阴影和外发光:
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER4OUNvboCo.jpg?w=600)
内发光、光泽和渐变叠加:
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER4OkBvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER4N%7BdvboCo.jpg?w=600)
副本2改为90%。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER4NkBvboCo.jpg?w=600)
副本3改为85%。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER4OEFvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER4OkVvboCo.jpg?w=600)
6、选择第一帧,然后在图层上将副本1、2、3的眼睛都隐藏掉,并设置帧延迟时间为0.05秒,具体如图:
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER4NEFvboCo.jpg?w=600)
选择第二帧,将副本1的眼睛点开,其它三个心形图层的眼睛关掉,这一帧时间不用设置。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER4OElvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER4PUBvboCo.jpg?w=600)
第四帧,设置时间为0.1秒。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER5OUZvboCo.jpg?w=600)
第五帧,返回来选副本2,因为震荡依次是从大到小,然后再荡回来,所以这一帧要选倒数第二个。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER5NUZvboCo.jpg?w=600)
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER5NUhvboCo.jpg?w=600)
7、做好后就保存下来,选择文件―存储为WEB所用格式。
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER5N%7BJvboCo.jpg?w=600)
点存储,弹出对话框,为你的动画命一个名字,保存,确定,这样就完成了~!
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER5NERvboCo.jpg?w=600)
最终效果
![](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPUB2M%7BJxNElxOUJxNEJzNER3PEVv%5B3mn.gif?w=600)