After Effects: Real World Animations - Masks

Submitted by Cailean on Wed, 05/17/2017 - 17:15

This powerful effect in After Effects is such fun to watch!! Using masks to isolate the bouncing Ted, one mask fixed on the bed bounce area, the other mask is animated to the high and low points of his bouncing with keyframes (and then easy-eased).

No green screen at all! (Aside: interesting use of one string for head and one for each arm to give independence of movement ie looks alive)

Illustrator: Two types of Sunbursts

Submitted by Cailean on Wed, 05/17/2017 - 15:10

Classic radial sunburst effect

This is the coveted classic look, made using a circle with a dashed stroke outline - change the default of 12pt to something more like 100pt. Then basically expand that (select stroke and fill) and with direct select (a) lasso the inner end points, then Right Click: Average: Both .... to project all the "rays" into the centre of the original circle. 
Create a filled rectangle on top (I guess any shape would do) and select it and the burst (V), Object > Clipping Mask > Make

Constructivist Style Poster

Submitted by Cailean on Tue, 05/16/2017 - 16:14

I made a copy of a classic Soviet Constructivist-style poster, largely to understand this form better. I began by laying out guides, intially think to do it in a diamond pattern (square at 45 degress), but then deciding on mostly straight vertical and some horizontal guides, intersecting at key points of interest where multiple forms collided. I kept them in the same layer as the original image.


Flyer for General Election 2017 Hustings

Submitted by Cailean on Mon, 05/15/2017 - 15:16

This is a joint Trades Union initiative, and it was requested whether I could produce a flier. It is based on a template from FreePix ( but modified significantly. 
The circular motive retains the cool muted colours, but a flat-icon style voting theme was created instead. The excess was clipped off at the end.


Social Media ad - EU

Submitted by Cailean on Mon, 05/15/2017 - 15:11

This was constructed to advertise and event on EU withdrawal, emphasising the nature of the EU as it stands.

The CC background image is cooled to contrast against the dynamic red arrow pointing leftwards. The raised fist is a component I developed previously, made with the Pen tool and shaded using a series of Blend techniques. The text was placed by eyeballing a dynamic, eye-catching flow.


Calendar Flat Icon

Submitted by Cailean on Mon, 05/15/2017 - 14:32

I needed a calendar "icon" style image, so quickly created this in the "flat icon" style. Much use of the "move" function, recalled by Cntrl D each time needed to repeat the move. Eg the "dates" was a rectangle repeated 7 times in total, with the "weekends" coloured differently (here red). That whole row was then moved down for the next "week", then that repeated Cntrl D. I lasoed a few days off the end of the last row as calendars tends to look so.


Using the Pattern Tool

Submitted by Cailean on Tue, 05/09/2017 - 14:03

This video explains how to use the built in powerful Pattern Tool in Adobe Illustrator. There are different types of repetition, including "brick" and hexagon based.
Also good advice for adding swatches for colour manipulation in Pattern editing mode (should you need to). Also how to add different colour background to a predefined pattern.

Creating Repeating Pattern 1

Submitted by Cailean on Tue, 05/09/2017 - 11:46

This version is the classic method of creating a repeating pattern and saving it as a reusable swatch. Create a square artboard (here 3"), place design elements freely, allowing elements to cross the border. The trick then is to repeat the "missing" part of the element in the opposite side (left and right, top and bottom).
The precise and simple method to achieve this is by arithmetic based on the size of the container (here 3"). Copy the element, the paste in same position.

Move L-R, add 3"
Move R-L, subtract 3"
Move T-B, add 3"
Move B-T, subtract 3"