1.

2.

4.

5.

6.

7.

8.

9.

10.

11. 完了！

后续：

最后一张图的做法是利用moetalk最近更新的多头像功能，消息界面点击左下角的角色头像即可
然后就是这个页面，可以添加很多个角色头像出现在一起：

修改上面这个头像间距，可以做到一些很有意思的效果，比如这个：

甚至可以做到双向奔赴：

但是下面这个效果会麻烦一些，因为头像的间距都是相等的，所以可以添加多个和背景色相同的纯色头像作为分隔，文中最后一张图逐渐逼近右侧的老师的效果就是这样做到的，如图所示：

建议在电脑浏览器上操作