Tag: kinetic typography

  • Font Links for Kinetic Typography

    Font Links for Kinetic Typography

    Kinetic Typography Techniques with After Effects

    I recently published my Kinetic Typography Techniques for After Effects course. In it I used a wide selection of fonts that are freely downloadable from various websites, just to make sure everyone following the tutorial could get access to the same fonts.

    Unfortunately one of the websites I recommended is no longer in operation. Below I’ve providing alternative links to all of the fonts used in these workshops. I cannot guarantee that these links will always be maintained as they are from third-party sites so I’ve also included the font names so that you can search for them using your favourite search engine, should the links expire.

    When downloading these shareware fonts please take a few minutes to click on the Donate button for each of them. Even if you only donate $5 it will help make sure that these hard-working font designers get rewarded for providing us all with very low priced fonts to experiment with. This is particularly important if you are going to be using any of the fonts in paid work. It’s good karma and will make you feel good that you’re helping out a fellow designer!

    If you’re interested in understanding more about the financial struggles that all designers are facing, please check out this entertaining graph by Jessica Hische which determines whether a designer should work for free! Jessica is a font designer and letterer who campaigns for fair pricing for fonts and other design work.

    Here are your font links;

    Usage Guidelines

    The fonts presented here are their authors’ property. They are either freeware, shareware, demo versions or public domain. The licence is usually positioned near the download button but please check the readme-files in the zipped packages or check the author’s website for details. You can contact him/her if in doubt. If no author/licence is indicated it means that information is not available. It doesn’t mean it’s free, it is your own responsibility to find out more if you want to use it commercially.

     

     

  • Kinetic Typography Techniques for After Effects

    Kinetic Typography Techniques for After Effects

    Kinetic Typography Techniques with After Effects

    I was asked to create a workshop on Kinetic Typography techniques for Adobe After Effects by several people including the lovely people from video2brain who produced this epic workshop for me. I’d like to thank them all for their patience and professionalism throughout this long project!

    I’m pleased to say that I have finally finished this epic workshop. It was originally planned as a one-hour tutorial but has developed into a full-on, eight-hour workshop covering all sorts of weird and wonderful techniques.

    I started off by covering essential kinetic typography techniques such as automatically creating text layers by importing content from a text file – using Variables and Data Sets in Photoshop and Scripts in After Effects. I demonstrated how to format text, making use of typographic controls like Kerning and Baseline Shift to get creative with negative space. In the latter stages I applied some of the free Animation Presets, created and adapted complex text animators to help you understand how to control them.

    "That Day" Music by Richard Walker

     

    While creating this piece I just couldn’t help but get creative and I slightly strayed away from the task in hand. As a result this workshop also includes techniques you may not immediately associate with traditional kinetic typography. In the included lessons we have fun animating and lighting layers in 3D space. We recreate an animated version of the Sgt. Pepper album cover using After Effects’ vector Shape Layers.

    Welcome Video
    Introduction to Kinetic Typography

    We even recreate an ancient stone circle from 3D text layers! You’ll also learn techniques for creating your own backgrounds, aged-film and dust and scratches effects by combining some of the built-in After Effects filters. Of course I also cover popular, requested techniques like animating handwriting on screen.

    I use typography in my every-day work as a motion graphic designer but the artform of kinetic typography is different. The purpose of text in motion graphic design is to deliver a message. Generally, the text needs to be legible and on screen for long enough for the viewer to read and there are several other “rules” that are sensible to apply to motion graphic design. Kinetic typography as an artform kicks those rules into touch.

    Editing and Looping Audio
    Variables and Data Sets in Photoshop

    My understanding of kinetic typography is that the words should be used to convey moods or feelings, they don’t need to be the message, they are just there to support it. My feeling is that the words should echo the spoken words rather than simply repeat what’s being said.

    In my interpretation of Richard Walkers “That Day” (a poem set to music) I wanted to portray what I took personally from the piece. I understood it to be about the dissatisfaction we have with the present moment and how we avoid enjoying it by always thinking about the past or the future. This avoidance leads to confusion, frustration and general unsettled feelings.

    In this workshop you get all my project files along with my creative musings about how these ideas developed. I hope that you can enjoy working on some of my own files and diving into my own personal creative project. Here are some sample movies from the workshop to give you an idea about what you can learn.

    Aged Film with Turbulent Noise

     

    Animate Handwriting with the Stroke effect

     

  • Speaking at Flash on the Beach 2011

    Speaking at Flash on the Beach 2011

    I was very pleased to get a call from John Davey, the organiser of the amazingly successful and entertaining “Flash on the Beach 2011” conference, asking me to speak at his event.

    It’s an annual conference, held in my home town of Brighton. Bringing together the best designers, developers and minds in the Flash, design and web community, it’s a conference with a difference. It attracts an interesting and diverse mix of people and is focussed on the work that we do as well as the tools that we use.

    I’ll be doing a session on creating Kinetic Typography animation in Adobe After Effects CS5.5. I’ll be featuring a breakdown of a real-life art project that I worked on in collaboration with Artist Richard Walker titled “That Day”. In this session I want to focus on the design process and demonstrate how After Effects allows creative flexibility throughout a project. For my more geeky attendees, don’t worry! I’ll also share plenty of my software tips and tricks as well as important techniques for structuring projects and optimising workflow in Adobe After Effects.

    I’ll also feature some extracts from my book “Design Essentials for the Motion Media Artist” and will be giving away a copy of it, plus a copy of my “After Effects CS5 Learn by Video” training DVD. There are always lots of great parties, dinners and other networking events structured around Flash on the Beach and you’re guaranteed to meet and interesting and eclectic mix of creatives and geeky types. So why not book a place now, it sells out fast every year!