Categories
motion

Preparing audio files to use in motion design projects

Poor sound can negatively impact on your motion design. It is often more important to get sound right than visuals. The smallest click or sound effect out of synch can derail the success of a shot. Although you do have significant control over sound files in After Effects, it is useful to have sound files […]

Categories
web

Image links, social media icons, and floating elements

This series of videos starts to look at some of the content and presentation details of a web page. We use images to link to other pages and use the float property to bring content inline horizontally. For image links we essentially embed an image inside an anchor tag. Image link code example: The float […]

Categories
motion

Making text animations in After Effects

As graphic designers, you are acutely aware of the nuances of type and letters. With After Effects and motion design, you can bring time and movement to your typographic design. In this series, I take you through some of the basics of setting type in After Effects. I also look at the main ways to […]

Categories
motion

Using motion paths to make interesting animations

A motion path is essentially the trajectory between two keyframes. Motion paths have a very similar anatomy to a path in Illustrator – more than one point in space connected by a line. Those of you that are familiar and confident with the bezier tool in Illustrator will find it interesting that you can use […]

Categories
graphics

Awesome student online graphic design portfolios

A portfolio is your professional interface to the world. Separate from your social media profiles, which might be more snippets of work in progress or private narratives. Your portfolio is a document of your current thinking and production skills. Your portfolio should communicate to the professional world your work interests, passion for design, and technical […]

Categories
web

Combining DIV elements, ID’s and, background images to enhance your design

In this series of videos, I build out a simple email or web page for a fictional record label. I leverage DIV elements to structure the content. DIVs are like a blank HTML slate. They’re an empty holder for content, which makes them very useful. They are great for layout structures and grouping content together. […]

Categories
motion

Using shape layers to create geometric animation in After Effects

Shape layers are a tricky but very powerful tool in After Effects. They are particularly good for artists that are comfortable with vector work. Shape layers have many properties that can be animated, the transform properties, stroke/fill, and also the vectors themselves. In the following series of videos, I take you through some of the […]

Categories
motion

10 awesome examples of kinetic type animations

Kinetic type essentially means animated typography. Animated typography can help to tell a story. The following are excellent examples of productions that use moving typography to visually bring to life a passage of audio. They convey meaning, evoke emotion, and direct the viewer’s attention by transforming, moving and revealing words and letters over time. https://vimeo.com/24715531 […]

Categories
motion

The motion design development process: Thumbnails, storyboards, style boards, and animatics

Motions graphics projects are a lot of work for producers and expensive for clients. It is very important that all stakeholders in a project are clear about the production process and final outcomes.  A pre-visualisation process helps to communicate a clear direction to the production team. This will ensure everyone is working in the right […]

Categories
graphics

Make robots by arranging and deforming shapes

In this demonstration we will continue to develop our Illustrator drawing skills. We will use basic tools combined with deformation techniques to create robot graphics.