Animated Web Banner

Make it move

The Brief

Animate a logo in a simple way that adds value and that stands up to repeating viewing

Trim Size

1200 × 600 px

Learning Points

  • Using Offset Path to create a multiline effect

  • Using the Photoshop Timeline panel to create a frame-based animation

Tools

Illustrator, Photoshop

Inspiration

pin.it/59mJlYs

Monoton https://fonts.google.com/specimen/Monoton

Summer of ’76 https://creativemarket.com/Darumo/2700198-Summer-0f-76-Multi-Line-Font

The Electronic Frontier Foundation (EFF) runs a yearly fundraising project called Power Up. It’s one of those “double your money” things — a few wealthy donors put up the big bucks, and regular folks match that. Your donation is doubled or sometimes tripled. Helps keep a ...

Get The Type Project Book: Typographic projects to sharpen your creative skills & diversify your portfolio now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial