John Dickinson is a motion graphic designer who I admire greatly. His work as Senior Broadcast Designer at Foxtel in Australia is impressive enough but on top of that full-time role, he aslo manages to run one of the most inspiring and useful resource sites for other motion graphic designers. It’s called Motionworks. Here you can find all sorts of tips, tricks, tutorials, presets and templates designed by John and his contemporaries.
This week, to celebrate the launch of Adobe’s Creative Suite I’ve released a whole host of new Adobe CS6 software training videos from new and forthcoming workshops produced with video2brain. So now you know why I’ve been relatively quiet for the last couple of months!
The workshops will be out very soon but meanwhile we thought it would be nice for you to get a sneak preview of what you can expect from the full workshops. Here’s a little bit about CS6, from the perspective of the video2brain authors. You can more free example movies from each of my new titles listed below.
Adobe After Effects is an incredibly deep and rich set of tools for creating motion graphics, manipulating movies, adding visual effects, and more. In this Learn by Video course, created in partnership with our friends at Peachpit Press, experts Todd Kopriva and Angie Taylor teach you how to make the most of this powerful software, including the new features in After Affects CS6.
After getting an overview of the workflow and the user interface, you will learn how to bring assets into After Effects and configure the software for optimum performance. You’ll also learn a range of compositing features, including the new variable-width masks and 3D camera tracker features, as well as basic masking and color keying. Tips on everything from troubleshooting and avoiding common problems to creating finished movie files round out this comprehensive training.
I’ve also finished working on two new titles for Adobe Illustrator CS6 which will be out really soon. Below are some taster movies from my Adobe Illustrator CS6 – Getting Started course and my Adobe Illustrator CS6 – Learn by Video course that I created with co-author Chad Chelius.
If you’d like to be kept up to date as soon as new courses become available you can subscribe using your favourite browser or email client.
Making good decisions is essential in typography — choosing the right typefaces, fonts, sizes, spacing and so on — can have a major impact on the quality of your designs. In this one-of-a-kind workshop, art director, illustrator, and motion graphic designer Angie Taylor introduces you to the essential principles of typography.
After exploring the terminology, history, and anatomy of traditional and computer-based fonts, she brings you all the way up to the present day by looking at how text is formatted in today’s creative applications.
You’ll also learn specific software techniques for creating your own lettering from hand-drawn text, animating text on a path, using operators and effects to customize existing fonts, working with 3D text, and more.
This workshop covers many aspects of typography, from its history and terminology to how it is handled by modern software. The contents of this course include:
Introduction
The Introduction chapter sets the stage for the whole course. Your trainer, Angie Taylor, will introduce some of the typographic concepts that will be covered in the following lessons. She’ll also share the story of what inspired her to become a graphic designer.
The Essence of Typography
This chapter examines the fundamentals of typography, looking at the history of type and how it influences the terminology we use to describe the anatomy of type.
Typefaces
This chapter focuses on typefaces. It begins by examining the categories of typefaces and then compares some examples from each of the categories so that you are better able to recognize the differences between them. You’ll also discover how certain characteristics and cultural associations can influence the meaning of a particular typeface.
Fonts
Typefaces usually include several fonts with different weights and characteristics. In this chapter you’ll learn about these and the differences and similarities in size, weight, line, and detail that you should be aware of when choosing fonts. We’ll also look at special characters that are included in fonts, such as ligatures.
Spacing
The space between letters, words, and lines of text is just as important as the characters themselves. In this chapter we’ll start thinking of negative space as a shape and look at ways of adjusting this space to balance text correctly.
Formatting Text in Adobe Applications
Most Adobe design and video applications have similar typographic controls. In this chapter we’ll look at the different tools that are available for editing your text and apply some of the concepts we’ve discussed in earlier chapters.
Working with Type in Photoshop
This chapter focuses on the (somewhat limited) text features available Adobe Photoshop. You’ll also learn about some complementary features like layer styles that you can use to personalize your design and add pizzazz to your text.
Working with Type in Illustrator
Illustrator is Angie’s favorite application for designing text, and here’s why. In this chapter you’ll get a ton of creative tips on ways to take a standard, classic font like Helvetica and customize it to get a variety of different looks.
Motion Graphics in Adobe After Effects
In this chapter we’ll focus on creating text for your motion graphic designs. You’ll see how After Effects handles text imported from Photoshop, how to make text move along a specified path, and how to apply effects. We’ll also look at the multitude of text animation presets that you can apply to your text.
The lessons are wrapped in a feature-rich interface that lets you jump to any topic and bookmark individual sections for later review. Full-Screen mode provides a hi-def, immersive experience, and Watch-and-Work mode shrinks the video into a small window so you can play the videos alongside your application. Also included are exercise files that give you an easy way to try out the techniques you learn.
My new workshop, Creative Graphic Design: Essential Typography is due to be released next week, just in time for the festive season! The folks at video2brain have kindly allowed me to give my readers a sneak preview and access to one of the movies from this workshop so here it is.
Master the Art of Arranging Text
Typography, the art of arranging text, has a long and storied history. In this one-of-a-kind workshop, art director, illustrator, and motion graphic designer Angie Taylor introduces you to the essential principles of typography. After exploring the terminology, history, and anatomy of traditional and computer-based fonts, she brings you all the way up to the present day by looking at how text is formatted in today’s creative applications. You’ll also learn specific software techniques for creating your own lettering from hand-drawn text, animating text on a path, using operators and effects to customize existing fonts, working with 3D text, and more.
There was a a question today on Creative Cow about how to create a light wipe effect in After Effects. I wanted to help so I decided to put together a quick After Effects Light Wipe tutorial. This tutorial includes an After Effects project and an eight-minute video tutorial where I explain techniques used.
Here’s the original question from Danielle Masek;
Q: I have a vector object (some wings) which is black right now, and I would like a light ray to start bursting through the center, change to a vertical line “ray” and move both right and left concurrently, revealing the wings; however, the wings won’t now be all made up of light, instead the light rays will reveal the wings’ outline, which will now be outlined in a backlit glow. I hope I’m explaining this clearly.Will I need trapcode for this? Something else?
A: Here’s a little movie that will help you and others I hope. You’ll also find the project files to follow along Wings reveal.aep.
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.
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.
