Adobe Illustrator tutorial. 2

Today we had our second introduction to the software, Adobe illustrator. In this session we created two illustrations; one being a Rocket and the other, a Pear. We were learning new techniques as we went along.

We started our session discussing; "Is it possible to create an illustration with a maximum of six shapes?". Not thinking this was possible, I quickly learnt otherwise!

 These are my notes from this workshop.

Basically This section where we created our Rocket, involved a mixture of techniques; Things like adding two or three different strokes onto shapes creating depth. This is what helped us create our shape with a minimal amount of layers, keeping it simple, yet effective.

This next task, where we created a our illustration of a realistic looking pear was managed by using a tool called the "Gradient Mesh" tool. To start, we drew out our pear using the pen tool, then after selecting the gradient mesh tool, we made our "mesh" bend, and fit to the shape of our pear.

To finalise our illustration we picked out colours from an image of an actual pear to create a realistic look and found and blended in, a pattern on top to give our illustration a bit of texture.

All in all, I found that this workshop wasn't only fun, but really informative, I learnt quite a lot of new techniques and I can say I'm quite proud of the work that I have produced.

Kinetic typography, After Effects.

At the end of our last After Effects session, we were given a task to find a quote or a lyric that we like and some kind of typography style that catches our eye. I chose the quote by Charles Bukowski:

    "My dear, find what you love and let it kill you."

For the typography style that caught my eye, I downloaded a font from the internet called "MNML FNT" 

The upper case letter for this font, you can see the full character, whereas with the lower case, it's all distorted. I thought this would create a great effect for my kinetic typography if I was to somehow switch between the two.

Kinetic typography Charles bukowski from Emma Perrett on Vimeo.

The music in this video is me playing the guitar, it's a cover of a song called "Boats and Birds" by Gregory and the Hawk, and I thought that the soft, but frequent note changes fit well with the changes in the text.

Next time I make something like this, I think that I might try and make it a little less simplistic and a bit more creative, however I do like the may this piece has turned out.

The meaning of life; Art, Design and Consumer culture.

The meaning of life

Art, Design & Consumer Culture

“Culture is everything we don’t have to do.

We have to eat but we don’t have to have cuisines

like Big Macs or Sushi.

We have to cover ourselves against the weather

but we don’t have to be concerned whether we put on

Levi’s or Yves Saint Laurent.

The ‘have to’ activities are functional and the ‘don’t have to’ stylistic –

The main basis on which we make choices is in terms of stylistic differences” - BRIAN ENO.

Graphic design is the activity that organises visual communication in society.

·      Efficiency of communication.

·      Technology for implementation.

·      Perceptual and behavioural concerns.

·      Advertising affect on beliefs and actions.

·      Cross-disciplinary communication.

·      Active dialogue and communication networks.

Graphic design cannot be understood in isolation, but within a communication system.

- The emphasis should be on the interrelation between the audience and the design, actively participating in the construction of the message, decisions made based on the study of human communication- an awareness of psychology, verbal communication, sociology, computing science, marketing and other disciplines.

All aspects that make up the “new” designer:

Character animation, After Effects.

Character animation from Emma Perrett on Vimeo.

For this weeks process and production session, using Adobe After Effects, we created our own shot character animation. 

The very first thing we needed to do was create our little character using illustrator and to make sure that any sections that we wanted to animate would be on separate layers. Once I was totally satisfied with my character illustration, I imported it into After Effects using the format: illustrator/pdf/eps

Before I started any actual movement with my character, I created anchor points on each layer and selected a "parent" for each path. Meaning that if I was to make the body of my robot move, for example, After Effects would make the legs/arms/head move with it automatically.

Once I sorted this, I just played around with some of the shortcuts for After Effect compositions to make my character move.

A: Anchor points.

P: Position.

S: Scale.

R: Rotation.

T: Opacity.

U: Open up layers with key frames or changes.

I really enjoyed doing this particular process and production session, not only because it was fun, but I felt like, as this was my first practice at a bit of animation, I learned a lot.

Next time I re-visit this kind of character animation, I think I will maybe try and add a couple more characters in there and a bit of music or some form of sound to the background to make it a little more interesting. As a whole, however, I think this worked really well for my first piece of animation.

Inspirational magazine spreads.

After yesterdays workshop using InDesign, I wanted to look at some more magazine layouts that were different to the one that I created but that used the same techniques such as image bleeding and wrapping text around images etc... 

Adobe InDesign tutorial.

Today, our third tutorial workshop was teaching us how to create a simple magazine layout using InDesign.

The aim was to only create one A4 page of a magazine spread, so really it was quite simple. I set up my page with three columns for the text we were given to place into our "articles". I used the Ruler tool to create some guidelines on the page to help me place my headings and the body of text in the correct places with an even space between each column.

When placing the text into InDesign, I learned that if you click and hold down the shift key, InDesign will autofill the body of text into the columns that have previously been laid out. This little trick is mainly used for larger amounts of text or any long publications.

Above, is the image of my final magazine spread. To create more of a professional layout on the page I separated each column of text with a line down the gap. I think this makes the text more legible with a clear understanding of there being three sections of text.

Also, no magazine is right without any imagery. Using the picture of the parrot that I was given, I managed to make the image bleed of the side of the page and make the text behind the parrot wrap around, following the shape of the bird.

The last thing that I did within this studio session was learn how to draw a shape using specific tools in the InDesign pallet and fill the shape with a body of text. As well as filling the shape, I also learned how to make the text trace the path of the outline. I'm not too sure in which scenario I would use this technique, but it was a fun and interesting thing that I can say I now know how to do.

I really enjoyed this weeks workshop and I think that my magazine page spread was quite successful. I think that now I know how to set up an InDesign document, I may try using this software to display my sketchbook in, in one of my projects.

Movie Trailer, After Effects.

film trailor from Emma Perrett on Vimeo.

This is my 10 second movie trailer that I created in one of my Thursday afternoon Process and Production sessions. I created this piece of work using the software, Adobe After Effects. While managing this, I feel that I acquired a lot of new knowledge about this software that I can carry along into any new projects that I want to make a video as an outcome. 

This video, as much as I feel I have learnt a lot from, by creating it, I don't feel that I have finished this as best as I could. Next time, I think I'd like to add some textured effects over the top to create a little more emotion and give it some extra depth.