Exploring Tools in Illustrator

Design Ideas & Design Process

As I approached this task, I knew my main priority was to become more familiar with the software and more specifically tools in the software, whilst keeping the brief in mind. This explains my widely varied designs. After searching for inspiration I had lots of ideas that I wanted to develop, and skills I wanted to master.

Design 1

Figure 1 – Final sticker design 1

BMW, BBC, NBA, KFC. All these brands are known by a 3 letter acronym. My first idea stemmed from this concept. I chose to shorten the title of the podcast to the 3 letters as it creates a brand which is more memorable than an independent podcast. In my design I have highlighted the abbreviated title to draw attention to it, which was my aim when going through the design process.

Design 2

Figure 2 – Final Sticker design 2

Here I wanted to concentrate on developing solely text-based skills. To achieve the handwritten look I was after, I selected a calligraphic font as I feel like this portrayed my goal successfully. When researching I had seen multiple stickers with a vague silhouette of the design acting as a border/outline which inspired me to experiment with this idea, hence why there are multiple shadow layers to this design.

Design 3

figure 3 – Final sticker design 3

Typography is all about words. When said, the word itself has “type” in it, and this design reflects exactly that. A book has tens of thousands of words in it and is usually the first thing people think of when the topic of conversation is words. After watching a tutorial, I learnt how to create this book-like effect which I think conveys the theme of typography perfectly.

Software Tutorials

Design 1

Figure 4 – Using type on path tool 

For continuity, I designed a sticker based on one of my previous podcast covers where I used smart filters, the liquify tool and a clipping masking in Photoshop to create the effect of the distorted TGC. Once I had moved this to Illustrator, I drew a circle around it and used the type on path tool (Figure 4) to add the smaller text around the edge of the sticker, creating a border highlighting the abbreviation. I edited the size of the outer text so it joined as a complete circle.

Wrap Text Around A Circle with Adobe Illustrator | Beginner Tutorial

Design 2

figure 5 – using offset path and merge tool 

Figure 6 – without typographic brush strokes

figure 7 – with typographic brush strokes

To emphasize the text, I added a black shadow by duplicating the text, then I expanded, blended and merged the letters together. Additionally, I increased the stroke weight so it was a thick, bold shadow. The use of copy and paste came in handy for this design as I created multiple shadows. The blue shadow behind the white text came from duplicating it, changing the colour and using the selection tool to position it slightly down and to the right of the foremost layer. To enhance the hand-drawn effect, I added some brush stroke-looking shapes using the pen tool, incorporating bezier curves to intensify the sections of the letters that cross over another (Figure 7).

How To Create Custom Type Designs in Adobe Illustrator

Design 3

figure 8 – using free transform tool

figure 9 – using blend & anchor tools 

figure 10 – moving text position 

The free transform tool helped me achieve the opening book-like effect. Taking two copies of the word, I morphed them so they were the very outer and inner “pages” (Figure 8). Using the blend tool, I was able to fill the gaps with a desirable number of copies and then adjust the positioning using the anchor tool. I then used the gradient fill tool to give the look of them disappearing into the background, enhancing the book effect (Figure 9). After using the rotation and reflection tools to create the rest of the book, I experimented with the positioning of the remaining text (Figure 3 & Figure 10). In the end I decided upon the first option (Figure 3) because the writing isn’t completely legible in the second one.

Flip Text Effect in Adobe Illustrator | Blending, Reflect & Gradient | Graphic design

Design Resources & Articles

Design 1

figure 11 – BMw logo comparison (2020s v 1970s)

My inspiration for this design was the branding of BMW. Above is the logo from the 1970s along with the current one (Figure 11). My sticker shape reflects the main shape of both logos, a circle. The slight involvement of colour means you are drawn to it so I used this idea for my design for the extended title, as that is an important piece of information. This helped develop my work in terms of hierarchy and the order in which the viewer will see the information.

https://www.creativebloq.com/news/bmw-old-logo

Design 2

figure 12 – sticker sold on redbubble.com

The solid theme throughout this website’s stickers is the bubble-like border around the designs. It gives the illusion that the design is much more prominent than the background colour and this is a way of manipulating the viewer to look at certain information. I applied this to my own work and the results are successful in that you are really drawn to the word ‘typography’, like it is almost jumping out of the page.

https://www.redbubble.com/shop/?iaCode=all-stickers&ref=search_box

Design 3

Book designer David Pearson returns to Penguin's bestselling series, Great Ideas

figure 13 – Book cover designed by david pearson 

Earlier this term, David Pearson, a successful book designer, led one of our Baseline Shift sessions and this particular design of his stood out to me. The concept of making shapes and letters out of words really intrigued me so I wanted to build on this idea in my own way. The result of this was the idea of creating the shape of a book as part of my sticker design, as books have a strong link with typography and graphic communication.

 

Penguin Book Cover

         

This is my recreation of the Penguin Books cover for the novel The Great Gatsby. I used Gill Sans for the text as this was already in my InDesign. I have included some progress steps to show how I got to my end result.

Penguin Book Cover 04

 

R in the Environment

                 

In this project I went around the Typography block and campus and payed particular attention to the letter R. Single letters are not normally something that stands out in day to day life, so I wanted to explore deeper into this. Focussing on just the ‘R’s around me, I noticed the variation in size, font, weight, texture and colour.

I organised my photos in a collage format so the wide variation of ‘R’s could be seen all at once. A collage looks busier than any other format choice which emphasises the amount of differences between the character.

Band on Call

     

For this project, my partner gave me their 3 interesting facts to be:

  • Left-handed
  • Plays bass guitar
  • Works in a pub

I decided to take the fact they play bass guitar and design an ideal gift with that as my starting point. After discussion, I found out they wanted to be in a band, so I then thought, how could I give this person an opportunity to play with other musicians with the same mindset? This is where Band on Call was created.

Band on Call is an app that allows you to connect with musicians all over the globe and start playing as a band. The app comes with a projecter that shows live hollograms of the rest of the chosen musicians. You can request any instrument and interact with them as there is live time hearing, which wipes out the problem of internet lagging. An optional camera can be set up to display yourself to the other users and the system can be connected to external speakers, making the overall experience much easier.

I used my iPad Pro and Apple Pencil to produce this and whilst designing, I stuck with the contrasting cold and warm colours of blue and red so the app icon stands out in the App Store and on a home screen. The logo has been made with a basic block letter, sans serif font as the telephone in the logo is the ‘C’, so this font worked best.

I created an opening page, a menu, a page that shows during a session, and an options page within the session page.

Polka Dots Logo Type Trends

For this project, I chose the theme of polka dots. I created many mood-boards, my first consisting of general polka-dot-based branding. I then went onto creating one which incorporated polka dots and bright colours as I feel like bright colours represent me well. After not getting much inspiration from these mood-boards, I took the slightly different approach of researching into clouds as I am fascinated by them because they can be interpreted differently by everyone. And as a designer, I think it is effective when branding is created, to have a hidden meaning or multiple suggestions behind it.

Using Adobe Illustrator, I drew a continuous line drawing of 3 clouds, and then sticking to my theme of polka dots I added some circles of varying colours and sizes and placed them underneath the line drawing. The colour scheme reflects the sky with tinges of purple and pink to represent a sunset.

In terms of the text, I selected a minimalistic font as I think it is appropriate for complimenting the line drawing. It isn’t too bold so that it is distracting because I didn’t want it to take the attention away from the design of the branding itself.

   

Staircase

For the Broken Narratives project, I chose the story ‘Staircase’. As the brief explains, a man is being referred to lower floors for priority reasons but as you get nearer the bottom of the 7 floors, the more ill the patients are. I interpreted this as the man is getting closer and closer to death as he moves down floors, until he can’t go any further and that point is when he dies.

I wanted to portray the story in the shape of the book so you feel like you’re going on a journey down the staircase with the man as you read. I cut a staircase that had 7 steps (one for each floor) in hope that it makes you feel that as you are getting lower down the staircase, you are closer to death, which is represented by darkness in this case. The roughness of the cutting represents the man’s deteriorating health. I also coloured in the sides of the steps to define them, but kept this rough as well for the same reason.

Charlie and the Chocolate Factory

              

This is my “messed up version” for the penguin book cover brief. I chose Charlie and the Chocolate Factory as it is a well known classic in the novel world. I selected this light blue to be the main colour of the cover because the book cover I remember seeing as a child was mainly this colour (see above). I wanted to keep the general layout the same so didn’t swap around any of the features but I did exchange the penguin for a chocolate bar outline, which reflects the storyline. I chose to use an outline for the chocolate as opposed to a filled in version as it is lighter so suited the lighter writing it was placed with well. I also changed the publisher’s name to ‘Wonka Books’ as one of the main characters in the book is Willy Wonka. Finally, I added some repeated text to the top blue rectangle. The writing contains some of the peculiar sweets Wonka has in his factory. I selected a slightly darker blue for the text as I wanted it to stand out but this way I still stuck to my colour scheme. I think doing this created depth and texture, and also a contrast with the simple, blue section at the bottom.

CCF Book Cover 04