您知道我们做 视频教程 吗？它不像超级定期，但我已经做了很长时间了，仍然喜欢做，并且计划继续做。我将它们发布在这里，但您也可以 在 YouTube 上订阅。
这些年来，我制作了几个不同的自定义视频片头动画，它们都是由那些比我更擅长这种事情的人制作的。当我今年 5 月 四处询问 时，我得到了一些不错的线索，但没有比 Matthias 呼叫 Marc 更好的了，然后 Marc 帮助我 认识了 dina Amin。
看一眼 dina 的作品，答案显而易见：当然！她做定格动画和许多分解的东西
我们互相聊了聊，确定了项目的范围。她说
我和 Assem Kamal 一起为 CSS-Tricks YouTube 频道制作了一个新的片头。我们想做一些非常短但有趣的东西，这样 YouTube 上的观众就不会跳过片头或在连续观看几个 CSS-Tricks 视频时感到厌烦。
她进行了一些研究，并提出了一些问题。我喜欢她非常了解这种片头在视频中的作用，尤其是教程。不能太长。不能以任何方式让人反感。它必须有足够的细节，几乎可以有趣地看很多次。
旧的视频从键盘开始
我们从苹果键盘开始，因为我们想保留 Chris 的观众会联想到的原始片头的某些内容，最重要的是，因为我想把键盘拆开！
“我们把那个键盘切了吗？！”是的，我们切了。很容易找到多个坏掉的苹果键盘，它是一款设计精良的产品，所有部件都能完美地组装在一起，只需最少的部件，但只有苹果能修理它。你不能只是拿出你的螺丝刀套件，打开它，然后修复一个有缺陷的按钮连接。因此，许多这种键盘都被扔掉了，因为在埃及等国家维修费用太高。我们得到了三台键盘，我们切了一台作为动画，并使用另外两台键盘的不同按钮来拉伸按钮。
在她的 Instagram 故事中看到一些幕后花絮很有趣
另一个来自原始作品的联系是将网站视为组件并构建布局的想法。这在原始作品中只是用一些背景草图来引用，现在在这个版本中用纸质原型来呈现。
我们想用非常抽象的步骤来展示“如何制作一个网站”的过程，其中每个步骤都快速过渡并转换为另一个步骤。从键盘点击开始，变成代码，然后是构成网站的设计模块，滚动以显示 CSS-Tricks 徽标。
这一切都是用定格动画完成的！用手移动零件，拍照，然后制作成视频。
一旦我们获得了概念批准并且道具准备就绪，我们花了几个小时几个小时移动小零件，来完成所有这些神奇的效果。
看看创建过程的延时摄影！
最终，我得到了许多不同纵横比和尺寸的版本，这太棒了，因为我可以在不同的场景中切换和使用不同的版本，这些版本可能更合适。这是主要的版本！
我已经开始将它们放在视频的开头和结尾了，比如这个。
感谢 dina 和 Assam!
键盘、代码、布局，一切都在这里。太棒了，我想这个片头会保留一段时间。
做得很好
非常酷！
我知道她会创造奇迹，Chris。为每个人感到高兴，这种联系奏效了。更不用说可爱、迷人、合适的片头了！dina 和 Asem 做得很好！