Development & Realisation: Illustrator Tutorials & Practice

After being introduced to both Adobe Illustrator and Inkscape – I decided I was more confident with the tools and shortcuts in Illustrator as I have used it briefly in the past. During our workshops we were shown the basic skills to get us started on the project, these included how to create long shadow images (known as flat design), image tracing and how to create images out of various shapes.

All the skills I learnt in these workshops will definitely help me make my poster the best possible quality as I want to utilise all the skills I have gained and practice them. In order to progress my skills and knowledge of the programme I watched various Illustrator tutorials in order to improve my workflow.

One really helpful tutorial was about how to perfect flat design, I had only done this in the workshop briefly so I didn’t feel overly confident about created various flat design images without any more guidance. The tutorial managed to explain how to achieve flat design with almost anything – before I began my official poster, I decided to have a few practices of flat design, I knew I wanted to include flags within my poster so I started off by trying out a few flags and extending their shadows. Here is what I managed to achieve:

Screen Shot 2015-01-11 at 20.24.22

Screen Shot 2015-01-11 at 20.24.53

Screen Shot 2015-01-12 at 01.07.44

For the paper airplane I watched a YouTube tutorial in order for me to perfect the 3D shape. I also used an existing icon to create the first aid box by which I copied the general shapes used. Finally, the sun was created by watching a tutorial of how to create the rays using different stroke weights. All video tutorials are referenced at the end of this post.

Screen Shot 2015-01-11 at 23.57.10

https://www.youtube.com/watch?v=yewiqKRjSc4

Screen Shot 2015-01-11 at 20.24.17stock-vector-flat-first-aid-box-icon-vector-illustration-217339768

Screen Shot 2015-01-09 at 04.00.01

https://www.youtube.com/watch?v=qTkyIH_vHN8

I used the image trace tool for the Statue of Liberty and the Map graphic. The original images are posted next to them to show little changes I made to them.

Screen Shot 2015-01-12 at 01.08.54 Screen Shot 2015-01-12 at 01.08.59

References (For the original images):

http://www.freepik.com/free-vector/statue-of-liberty-clip-art_383954.htm

http://graphicdesignjunction.com/2013/04/flat-icons-and-web-elements-for-ui-design/

http://www.shutterstock.com/pic-217339768/stock-vector-flat-first-aid-box-icon-vector-illustration.html?src=pp-same_artist-217683745-4

References (For the tutorials):

https://www.youtube.com/watch?v=qTkyIH_vHN8

https://www.youtube.com/watch?v=yewiqKRjSc4

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s