Animation

Given the typographic nature of our visual identity, our approach to animation mimics and reinforces the act of coding. We call this technique undertyping. Working left to right, characters appear as if being typed, with colored glyphs appearing just ahead of letterforms.

If you create short videos for tutorials, or introduce code patterns by showing your screen, please use these motion graphics guidelines.

With the release of our motion graphics package, you have IBM Developer-branded intro and outro options available. In addition to recording and editing your developer screen and other related content in Camtasia or other screen recording application, you should bookend your final content edit for maximum brand uplift.

To maintain brand cohesiveness, please use our predesigned intros before any animation work. Our outro assets ensure consistency in sign off.

Title cards use the IBM Developer brand signature undertyping animation style. You may use a master template, created in Adobe After Effects Creative Suite 2018 or newer, to customize your title card. For customization questions, please reach out to Michael Powell.

Lower thirds provide speaker or on-screen content identification for your video. You may use a master template, created in Adobe After Effects, to customize your lower thirds text. For customization questions, please reach out to Michael Powell.

For live and screen-recorded videos, use the IBM Developer video frame watermarking, with the layout and sizing found in the Master Artwork folder. The master artwork is provided as an Adobe Photoshop .PSD video frame with correct sizing, placement, transparency and transfer mode setting.
For any additional questions and guidance, please reach out to Michael Powell.