Category: Creating letter logos

Logo the first impression

Design Ideas and process

I have always wanted to design a logo of my own. A logo is usually the first thing that catches the eye and it is important to give a strong first impression. A good logo is memorable, giving people a sense of comfort because it is representative.

 

Imperfect and accepting.

The first one was one of my earliest designs and the whole logo was hand-drawn. I used a semicircle around the letter S. The letter S stands for my name and the semicircle means I am not perfect and I still have a lot to learn. The open half-circle represents the willingness to accept other people’s opinions and gain more knowledge. And the lines and patterns in the letter S represent my inner thoughts.

 

 

 

Not too complicated, too simple, or boring.

The second design is an improved version and one that I am quite happy with. My name is no longer handwritten but by a type tool.  I really like the colours of the logo, so I will keep the colours. The flower on the left seems to steal the attention from the letter S, which is already patterns inside there. The whole design has become a bit confusing. By removing the flower and the semicircle on the left, the letter S catches the attention back. The whole design is no longer too complicated, but not too simple or boring.

 

Out of my comfort zone.

I think the logo from the last one is too pink and gives the stereotype of femininity and girly. I wanted my design to be welcoming to everyone, so I adjusted the background colour and the pattern colour. This is one of my favourite and most satisfying designs. It doesn’t feel too girly without giving up too much of my favourite colours. This version is simple, as I have added some small designs to it. The absence of the half-circle design means that I am no longer in my comfort zone, but open to different opinions, criticism and change.

 

Software tutorials

After reading the essential and recommended tutorials, I feel that I have a better understanding of illustrator. It is useful for me to follow and go step by step. I have more confidence in using drawing tools. I also tried different typefaces, and I enjoyed playing around with different styles, colours and patterns. Because of my lack of experience, I am not sure when to switch tools.
I will do more practice and hopefully, I will become more proficient in illustrator.

I really like watching tutorial videos on youtube. I’m a beginner in illustrator and I got a lot of inspiration from them. I feel that I can find answers to many of my questions in YouTube tutorial videos, and they even inspire my creativity and imagination. The YouTube tutorial video, ‘5 MIND BLOWING Logo Design Tips’, has really helped me a lot. I got a lot of great and straightforward tips so I had a good start and process in creating my logo. I am very grateful for these tutorials as they have provided me with useful advice. This helped me to design my logo with fewer mistakes and less downtime due to their clear instructions. I’m glad I finally finished a design that I like and am more satisfied with. I would like to develop more skills in illustrator, and I hope that with more practice I will be able to enhance my knowledge of using illustrator.

Resources for research and inspiration

Logo examples.

During the research, I came across a resource that impressed me, which was not very long and straightforward to the point. It states 5 principles of logo design and which are simple, memorable, timeless, versatile and appropriate. I understand that a logo is to communicate with the readers and create something that resonates and is memorable.  Examples are also stated in the blog which allowed me to take them as references. Those ideas inspire me to look at similar materials the common and popular logos have. I referenced different logos, for example, Facebook, Youtube, Twitter etc. I found that most of them are simple in both the illustration and colours. This helped me develop my own logo design and I decided to keep my logo simple.  There isn’t more than one object in my logo design and I keep the whole logo in two colours.

Pronounced Monograms

Produced using Adobe Illustrator.

 

Overview:

Carrying on from my previous Illustrator task, where I initiated my exploration with mesh and pattern tools, I wanted to further develop my skills and experiment with typefaces, this time, with monograms.

I was also interested in taking inspiration from past design trends, patterns and angles, primarily to help me visualise and aid me in my creation/experimentation phase.

 

Design Ideas and process: 

Influenced from the popularity of social media apps like Instagram, a fusion of retro-kinetic (more popularly seen in Japanese Design trends) and retro-serif typefaces have taken over, paired up with minimalistic colour (like neutrals and pastels) and styling (in regards with packaging and branding).  I was also curious to see if there could be a possibility to embed a 3-dimensional element to

This was something that I was really interested in carrying over, in my creation of monograms, with of course a hint of my own style and personality.

Some of my initial design ideas leaned towards the more retro-serif style, with elegant and curvy serifs, paired up with smooth cursives. Something that would be considered a lot more ‘trendy.’ But I also loosely sketched out some designs with a focus on height and patterns, with an element of movement in it. I also envisioned the use of sans serif fonts, but this was something that would require a lot of experimentation and exploration.

Soon enough, I was not really pleased with some of the results that were being resulted with retro-serif experimentation, so I decided to shift my focus to the retro-kinetic approach more (plus it would flow beautifully into my previous sticker-based design project).

One of my first design ideas was achieved through the use of the pathfinder and envelope distort tool, where I proceeded to create an outline of the letter ‘r,’ with the typeface Base Mono Bold, before using the rectangle tool to create parallel lines until half of the page was covered. The next step was to use the pathfinder tool to ‘divide’ all of the lines created and sending them to the ‘back’ of the page. All that was left to do was to combine the outline of the letter with the pattern that I created.

 

Software tutorials:

To assist me with my basic understanding on how the mesh tool works with typefaces, I decided to browse through a selection of videos on YouTube, just to get a glimpse of the process and understand any additional tips that could have been provided. Apart from using the mesh tool, I also wanted to develop a small portion of skills in regards with the warp and 3D tools and also generally see how different people approach the creation of monograms. Some of the mesh tutorials, especially with the combination of the pathfinder tool, took me quite a while to practise out, since despite it looking to be a fairly easily process, turns out there were small little details to focus upon, in order to have the final outcome (which was a really encouraging challenge for me).

 

Resources used for research and inspiration:

As established previously, most of my design work has been inspired from previous/existing/upcoming design trends and to ensure that I stay true to some of those elements, I always begin by creating a mood board consisting of other designer’s work, textures, fonts, colours and shapes, before constantly referring to this visual aid. It is a great reminder about some of the elements that could have been forgotten about. In terms of researching about design trends, different websites and blog posts reminded me about some of the features that I had previously seen on social media platforms.

Illustrator: Creating letter logos

Design ideas and design process

For this task, I  created three different letter logos made of my initials. I wanted to create three that were very distinct and unique, and to do this, I did a lot of sketches and rough drawings to help me brainstorm. I also played around with different ways of arranging the letters, as well as asking my family for their opinions, before settling on an official idea.

Initial sketches

Logo 1: From the beginning, I knew I wanted one of the logos to look classy and traditional, so when I sketches rough arrangements for my initials, I kept in mind that I wanted the letters to be a serif typeface. I first sketched a variety of different letter combinations for my initials, and the whole time I imagined them as having serifs and looking old and traditional. After this, I began to use illustrator to play around with my initials. I kept them in black and white however so that I was not distracted by colour. I then combined all of my experiments to decide which I liked most. After deciding on my favourite combination, I began to warp the text and explore different ways of presenting the thickness and length of parts of the letter. Eventually I found a shape I liked and stuck with it. I began to explore different colours and strokes, but stuck with a simple white fill and black background (final logo seen here Final logo 1)

Illustrator letter arrangement experiments
Logo 1 editing process

 

 

 

 

 

 

 

 

 

Logo 2: The process of creating me second logo was fairly similar to the first, where I simply continued to rearrange two letters on my screen. I also used my initial sketches for logo 1 as inspiration. Much like before, I combined all of my favourite arrangements on a page to help me decide which I liked the most (initial combinations left).  After deciding which was my favourite, I warped the text and thickened and thinned it in certain areas until I found a style which I liked. Once I decided on a shapes, I began experimenting with colour. After finally deciding on a colour combination, my logo was complete (final logo here logo 2)

Colour experiments
Arrangement experiments

 

 

 

 

 

Logo 3: For my third and final logo, I wanted to create a more soft and delicate logo which looked almost hand written. Partially inspired by the coke logo, I chose to make this logo using the pen tool so that I could add on lots of different twirls at the end of lines. After I decided on a rough shape for my letter lines to follow, I started exploring different colours and thicknesses. Finally, I ended up settling on a simple black design with thick and thin lines (final outcome here logo 3).

Logo 3 sketches
Logo 3 colour experiments

 

 

 

 

 

Software tutorials

As I am fairly new to illustrator, especially text related features on it, I found myself looking at quite a few tutorials to help me create my letter logos. I used the tutorials for a variety of reasons including to help me warp and edit letters, to help me add multiple strokes to letters, and to help me understand shortcuts and other basic functions such as how to create and delete anchor points. The first tutorial I looked at was an adobe article about how to edit and warp text available here, this helped me a lot and once I figured out how to warp my text, the rest of the task was far easier as I understood the basics. The article also helped me understand more about how the text tool in illustrator works and how I can use the features available.

Another extremely helpful tutorial I looked at was an article about how to remove part of a shapes outer stroke without the stroke rearranging itself (available here). The article was immensely helpful as I have always struggled with combining shapes and not being able to remove parts of the stroke. This was especially helpful with my first logo and I was struggling to combine the two letters to make them look like one shape as there was a stroke line connected to the R which separated the two letters. As you can see in ”logo 1 editing process’ above, the removal of a small amount of stroke made a huge difference in the look and authentic flow of my logo. This is an issue I have struggled with before as well, including during my week 5 task where I had to make a podcast cover for home going.

Finally, an article about different text styles available on illustrator helped inspire me to explore a varsity/high-school football colour scheme and style in my second logo. The article also showed me how to add layers of stroke to one letter. Available here.

 

Resources for research and inspiration

To help with my idea generation at the beginning of my logo designing, I briefly looked online at examples of letter logos. I wanted to look more at how the letters were arranged and their shape than their colour and texture. Later on when I had designed the shape of my second logo, I looked at different ways of filling and decorating text (link here). I also looked at company logos which looked hand drawn such as Coca Cola to help me get an idea on how to draw my third logo as I wanted it to look hand written. I really liked the free stroke style of Coca Cola as well as Unilever, Cadburys, and Disney. Serif based logos such as Gap, Rolex, and Vogue are what inspired me to create my traditional styled logo 1.

Developing a Brand Logo

Design ideas, process and inspiration

I saw this task as a fantastic opportunity to build my very own logo for my art Instagram page. I have experimented and learned how to the different tools on Illustrator; some which were completely new to me like the scissor tool.  The design you see above is actually a continuation from the first experiment I did in this task.

After I had completed the task, I went ahead and explored the composition further and came up with a logo for my own social media design page. I added a square to the continuous line/path which acted like a border/bearer shape for the letters to sit in. I then took the brush tool and experimented with different styles until I found the perfect one which completed the logo design. I finished the logo by stating my social media handle at the bottom using a clear capitalised san-serif.

DESIGN 1

Design 1

Firstly, I began with creating 2 separate text boxes and typing each letter in each of the text box. I chose to use Minion Pro as my typeface as a serif is the perfect example to do it on due to having well defined descenders and serifs at the end which can easily be cut off. To manipulate and distort the actual letters, we need to make a path around the letterforms. To do this, I expanded both the letters by going onto the object menu which gave me a path around the letterforms.

Now that both text boxes were essentially converted to a smart object (due to the paths around them), I was able to use the scissor and line segment tool to draw out the lines where I wanted to break the letter in order for the 2 letters to connect in the end. After I was happy of where I wanted to create these marks, I divided the object using the pathfinder tool – this sliced where I had originally made the marks and to make sure they had separated I edited the object by ungrouping all that was selected. Screenshot 1 shows the top end part of the ‘E’ been cut off. This is where I planned to join the ‘R’ to after extending the line so that there was a reasonable amount of space between both the letterforms. I then did the same thing to the ‘R’ making sure I cut the correct areas out.

I joined both of the objects by using the shape tool and drew a rectangle which connected the two letters together (screenshot 2) By using the cutting method I learned from the tutorial I watched and using the direct selection tool also, I cleaned up the edges where the lines overlapped. The before and after stages of this action is shown in. To finish the edit, I rasterised the 2 elements as a whole which converted it into one single object rather than 2 separate ones.

Screenshot 1: pathfinder, divide and then ungroup from the object
Screenshot 2: joining the letters together

Software tutorials and inspiration 

My inspiration for this design is the logo for Louis Vuitton. I like the way they have combined both of the letterforms as a whole. However, I wanted to put my own spin on this, therefore I removed parts which I thought were not essential, but kept the parts which were needed to ensure the letter did in fact look like it was meant to be. To do this, I used 2 video tutorials which helped me. I understood that I needed to outline the text and the video provided in the brief helped me to do so. In terms of cutting parts of the letter out, I found a tutorial on YouTube which helped me remove the parts I did not need. I learned how the scissor tool can be used together with the line segment tool to cut out parts of an object and how the direct selection tool can come in handy to line up the corners of the object and deleting points if necessary.
Helpful tutorial: https://www.youtube.com/watch?v=0LMqhHkI76I&ab_channel=JanisDougherty (cutting shapes in Illustrator)
Helpful tutorial: https://www.youtube.com/watch?v=dz6P94HoZnc&ab_channel=StickerGiant (outlining shapes)

Inspiration for design 1: https://www.gallerymonkey.com/LV-Logo-Black-White-Wall-Art

DESIGN 2

Design 2

I started off this design by choosing the typeface. I wanted to make my second design more abstract which is why I picked sans-serif typefaces like Baloo Bhaina and Chalkboard; I chose Chalkboard to be part of my final outcome. The thick strokes of the letter forms is perfect for the effect I was going for as it does not hold back. It stands out and it’s out there and fun. I then drew out the first shape I was going to experiment with – an ellipse. I then created an outline for the text box which essentially converted it into a smart object (with a path)

For the text to warp into the shape, with both elements chosen, I applied the ‘Envelope Distort’ option and I made it with the top option. This gave me the finish I was looking for (screenshot 3) I was not a massive fan of this though, so I went ahead and experimented with a different typeface and shape – this time a rectangle. After adding 2 more points onto the rectangle using the pen tool, I grabbed the direct selection arrow and distorted the rectangle to the shape. Like I previously did, I warped the text using the same technique, however this time remembering to group the rectangle before I did so as I added 2 additional points to the rectangle which had broken the single path. To stylise the warped text, I added a shape around the text as well changing up the colours using different layers to get the final outcome (screenshot 4)

Screenshot 3: using ellipse as the shape for the text to warp into
Screenshot 4: adding colour

Software tutorials and inspiration 

Through this design, I have learned a new technique. I was always intrigued to know how people do this and now I finally got around to finding out as well as making my own thanks to this task. It’s quite simple too. Not only do the tools do amazing things but after exploring a couple of the options on the top menu bars allowed me to see that most of the interesting stuff lives up there. I used my previous knowledge on manipulating shapes to change and enhance the background to make the logo the best it can be.
Helpful tutorial and inspiration: https://www.youtube.com/watch?v=zDWcrCzzwxw&ab_channel=DesignTuts (warp text into the custom shape)

DESIGN 3

 

Design 3

To begin this design, I decided that I was going to use a sans-serif as I hadn’t played around with them as much (like I did in my first design) I realised that creating them as outlines was always the first step to do as it makes a path along the actual letter forms making it easier for us to manipulate the letters. So, after I had done this, I remembered to ungroup the whole letter and began to add lines using the pen tool to see where I would have the cut outs (screenshot 5) After I was happy where I wanted to place these, I used the pathfinder tool and divided the shape so that it make a cut in the letter where I had drawn (screenshot 6)

Now, it was time to wing the ends out – I did this by adding a couple more anchor points and using the direct selection tool to expand these where appropriate to create the desired effect (screenshot 7) I then manipulated the ends of the E to make sure the style was consistent throughout as it looked odd without doing so I then did the same to the R, as well as beginning to experiment with colour. I made the cut in the R even more distinctive compared to the E, to use the new technique I had learned. I felt as though by adding more drama to the R would bring the logo together. Lastly, I positioned them so that they created sort of a journey from one letter to the other (starting at the top and slowly changing direction as you move your eye down to the R) I experimented with the line width of the framing of the circle as well as switching up the colours to create an altered ending finish.

Screenshot 5: pen tool + “create outlines” function
Screenshot 6: pathfinder tool to divide the letter
Screenshot 7: using the anchor point and the direct selection tool/white arrow to extend the ends of the paths

Software tutorials and inspiration

I found a very useful tutorial to help me with changing up the letter form differently. Although the video showed tools and elements I already was aware of, it showed me how to do things differently. I can now use the pen tool better to by knowing where to add different anchor points which I can then pull out or draw in to curve the edges or extend the corners out. I was inspired by the Nespresso logo, more specifically the ‘N’ in it. It follows the same idea I have dealt with through this design. I think by adding this to the starting letter like the brand has done adds an excellent degree of style, whilst also being legible to users.
Helpful tutorial: https://www.youtube.com/watch?v=-NJojxyLM2c&ab_channel=RifkanCreation (letter logo in Illustrator)

Inspiration for design 3: https://en.logodownload.org/nespresso-logo/

Reflection

Throughout this task, I gained a better understanding on how the pathfinder tool works – how I am able to use it to divide sections, overlay, combine as well as group together too. The ‘create outline’ function is extremely useful as it converts the text box into letters which have paths around themsleves. Working with this is easier, as you can take any point on the letter/shape and change it to whatever you feel suits the design and style. Doing this has improved my practice using the pen tool. I am now able to know where to put additional anchor points if I need them and where to remove them to get a softer curve.

An area to improve is to explore the materiality of the letterforms (e.g. adding texture within the letterforms for a greater impact) I think experimenting with different letters of the alphabet can also be useful as by pairing different letters together you can use the shapes of them differently and intertwine them with one another.

 

 

 

 

 

 

 

Creating Letter Logos

Design Ideas and Design Process

For my Illustrator task, I decided to create three completely different logo concepts. I wanted to showcase one simple design and two more complex ones, this was so I could display a range of existing skills and some newly learnt ones. I went a bit overboard with the number of designs as I wanted to showcase a huge range of skills – they ranged from simplistic to more technical designs.

My first logo design – featuring the font Toonish.

For my first design, I simply used the font Toonish and layered two copies on top of one another. By outlining the font, it meant I was able to position the top layer slightly more to the left and upwards. I then changed the bottom layer to black so it then resembled a drop shadow effect.

For my second design, I used the pen tool to create an m type shape. I then copied this and inverted it to create the fill version – I used the gradient tool to create the rainbow effect.

Creating the outline of my M shape.
Creating the different layers.

For my third design, I started by using a long rectangle with curved corners to create an upside-down V. From here I altered and connected the edges by using the pen tool and repeated the shape to create the overall M outline. For the navy shadow, I used the same outline but altered the edges to give it more depth. I liked the look it of with the white M and blue shadow but felt like it was missing something. I added the pink detailing by laying a pink m on top of the white one and using the shape mode, intersect to cut away the sections that overlapped off the bottom layer m.

For my next design, I had a play with a calligraphy style – I created this by using the Pen tool and changing the brush definition to 5pt flat. This meant the line wasn’t a consistent thickness and therefore looked like it had been drawn with a nib pen.

All of my designs.

For the rest of my designs, I created them by experimenting with lines, fonts and shapes. These designs better represent my style – I enjoy minimal designs and using an earthy palette. The serif font I used across these designs was Neuton, I just used it in various forms (extra light and regular).

My final three designs.

 

Software Tutorials

The biggest challenge for the Illustrator project was trying to think outside the box on what skills I could learn and use. 

The gradient before creating the compound path.
After creating the compound path.

For my ‘Rainbow M’ logo, a lot of the skills and shortcuts I used, I already had an understanding of. I’d previously experimented with creating my own shapes, using the pen tool but when it came to adding the rainbow gradient I had a little trouble. Every time I tried to add the gradient, it essentially restarted at each of the joints of the shape, rather than covering the whole group of shapes. By watching the tutorial ‘Creating a Gradient Across Multiple Objects Illustrator’, I was able to learn that by selecting all of the shapes and clicking ‘Make Compound Path’, illustrator makes them a group and therefore sees them as one path or shape. This’ll come in handy when adding gradients to outlined text, as they’re also treated as separate shapes.

In the future, I’d like to learn a faster way of doing everything, whether this is learning shortcuts or different tools that do the same thing, just in a faster manner. The ‘Creative Blog’ offers a list of Illustrator shortcuts so I’m going to start trying to learn these to minimise the number of times I need to use my mouse. Also on reflection, maybe I should have created a logo for each of the recommended tutorials – that way I could have shown all of the suggested skills.

Examples of Isometric Illustration.

One specific skill I’d like to develop is how to create an isometric illustration. This is a style of drawing that uses a technique called isometric projection. By using this, any three-dimensional object can be drawn on a flat two-dimensional surface. It’s not an easy skill to learn but the end result is impressive. I really like the idea of being able to improve my work by adding illustrations that offer something different to your standard flat two-dimensional designs.

Links: 

  • https://www.youtube.com/watch?v=VbQdji1NBrU
  • https://www.creativebloq.com/illustrator/shortcuts-5132938
  • https://www.freepik.com/blog/understanding-isometric-illustration/#:~:text=An%20isometric%20illustration%20is%20a,block%20for%20all%20isometric%20compositions.

 

Resources for Research and Inspiration

I started this task by looking on Pinterest at different letter logos – by creating a board on Pinterest, I was able to highlight my favourite ideas. Being able to refer back to the Pinterest board meant I was able to chop and change features of other logos and incorporate them into my own designs. It helped me to develop my ideas and progress them into something I initially hadn’t thought about. 

My Pinterest Board

On the other hand, you can see from my pins, I tend to gravitate towards minimal, monochrome designs. On reflection, this is and was one of my downfalls when it came to this task. I need to push myself to look at designs that I might not necessarily like but were made by using skills that I don’t possess. Or even, if they look complex and like something I can’t do, then break down what I think they’re made up of and watch tutorials on the skills I don’t occupy. I also need to not limit myself to Black & White – it’s not like any of the logos were going to be used so I should have played around with more colour variations.

I also think it would have been beneficial to look at designs that consisted of two letterforms. This would have given me an insight into how other designers integrate multiple aspects. 

The article ‘What Makes a Good Logo: The Dos and Don’ts’

Since designing my logos, I’ve read the article ‘What Makes a Good Logo: The Dos and Don’ts’ by Wix Blog – this is something I’d have benefit hugely from in my initial planning stages. I was surprised that the article didn’t focus on having an image-led logo but instead spoke about the aspects that often get overlooked. These include; space, readability, background contrast and aligning all your elements. 

In the future, I’d like to explore text effects more. The article ‘The Top 80 Adobe Illustrator Text Effects Tutorials’ offers a huge variety of text effect tutorials. With the selection they offer, I have the ability you can learn how to create blurry, bubbly, retro, or futuristic effects.

Links:

  • https://www.pinterest.co.uk/mollyp0424/logo-design/
  • https://www.wix.com/blog/2018/07/good-logo-design-tips?utm_source=google&utm_medium=cpc&utm_campaign=9823943661^102253749073&experiment_id=^b^433896974317^^_DSA&cq_src=google_ads&cq_cmp=9823943661&cq_con=102253749073&cq_term=&cq_med=&cq_plac=&cq_net=g&cq_pos=&cq_plt=gp&gclid=Cj0KCQiA4feBBhC9ARIsABp_nbUwDqlakdGulOW7qE3wJvfi8j_Wy5lLtzpboHLu2X_eHadlXSRtrUAaArZaEALw_wcB
  • https://1stwebdesigner.com/illustrator-text-effects/

TY1SK Blog Post

For my illustrate a task I chose to do the creating a logo using your initials task which I quite enjoy it but had some issues with the software going through it first so I was practising creating a 3-D effect using some words such as bands for my brand I was working with but when I attempted to use the same techniques to make my own logo illustrator kept on crashing throughout the steps so I decided to find another way to create a logo using two initials of my first name and my second name, because looking at my last name along with my first name I can’t I couldn’t really think of anything that would be a aesthetic to use as a logo so I decided to use W and A, which gave me more ideas which I was then able to create a logo which are quite liked the look of and I was able to played about with. As you can see you have combined the W with A and duplicated it layered it on top of each other to create a kind of shadow. To do so, first I cut up some shapes and letters and position them in a way which worked well together, then doing some readjusting,  to change the edges as they weren’t really straight or there were two curved for me to use so it was difficult for me to keep it clean and neat for my logo so, after doing that I then duplicated that and made it a black fill to then duplicate again and make a blue shade so that it looks like a shadow behind it almost like a 3-D effect which I wanted to go with to begin with but I couldn’t use the same effect as I had done before because of problems with illustrator but overall I’m happy with the outcome of my final production with this logo as it came out me and straight and 3-D.

‘Blenny’ revised

Resources for research and inspiration

I started researching different monogram logos that can typically be seen in fashion design brands. I found that a common way to join the forms are through overlapping them, often creating something not initially legible, thus becoming an odd form for a logo. The monograms also utilise common characteristics found in the typeface. For example, the DC logo can utilise the ‘C’ by vertically flipping it to suggest it’s also a ‘D’. Having this in mind I decided to sketch out some initial ideas in Futura. I printed out my initials in the same size but in ‘Medium’, ‘Bold’ and ‘Condensed medium’ and cut them out. This was to give me a range of weights to experiment with as well as allow me to stencil them for accuracy. I found this was a good way to generate ideas as I could physically manipulate the type, often causing accidents leading to new ideas to try. It also helped me get a fairly close resemblance to the typeface which was helpful for alignment in my sketches. After several sketches I redrew some of my favourites to get a sense of which ones looked legible and suitable when filled in, as sketch outlines give a fall sense of space.

I chose the second Test sketch (see second image above) to develop into a monogram. this was because the ‘S’ and ‘G’ fit together so that they share a satisfying elongated curve. The distance between the two forms also generates a lot of negative space above the ‘G’ in addition to its open style counter, making it look spacious. I also liked how the bar of the ‘G’ looks like an arrow hen rotated. In my next steps I intended to experiment more with fonts in this chosen design layout.

Links for Research

  • https://www.stickpng.com/img/icons-logos-emojis/iconic-brands/chanel-logo
  • https://en.logodownload.org/dc-shoes-logo/
  • https://www.kindpng.com/imgv/Jimiwh_cnn-logo-black-cnn-logo-white-png-transparent/
  • https://www.pinterest.co.uk/pin/748019819350032840
  • https://en.wikipedia.org/wiki/File:Michael_Kors_(brand)_logo.svg
  • https://logos-download.com/11091-ea-sports-logo-download.html
  • https://pngimg.com/image/33948
  • https://1000logos.net/giorgio-armani-logo/

 

Design ideas and design process

After sketching some designs, I started to recreate them in illustrator. I started by creating a grid of 5X5 but found I couldn’t maintain this for the taller Futura medium. Regardless I continued and began scaling the type and playing around with positioning of the elements. Once I settled on this I ‘created outlines’ of both of them and then used the ‘Combine’ setting in pathfinder to join them. I experimented with trying make the curve more satisfying through using the new anchor points handlebars to adjust the curvature to be more smooth I also experimented with removing and adjusting elements to create a more abstract monogram, similar to those I found in my research. Due to the ‘Pragmatica Bold’ variant having more variation in weight, they didn’t intercept with the same width. Instead, I tried to accentuate the sharpness of its joint and felt like this was a nice twist, leading me to do the same with the bar of the ‘G’, making it look more like an arrow.

I found That these first two designs were too similar in construction so I decided to experiment with using a heavier typeface that could offer a more condensed feel. As a result, I chose ‘Blenny’. I constructed the monogram in a similar layout but found that I could manipulate where the negative space fills the design to create more personality in the design. I started manipulating the spin and strokes in the type where they break off into terminals to be sharper. I also created a new stroke to follow the outline of the ‘S’ to make the design more legible. I think the new stroke styles make the type look slicker and create a nice contrast between stroke and terminal.

After finalising my designs, I attempted to animate them as rotating 3D logos in After Affects. Unfortunately, the tutorial I used required a lot of RAM to process the file. As a result, I had to resort to using the ‘extrude and bevel’ tool in illustrator instead as a mock up style. I think this doesn’t work but felt it necessary to try anyway. This also led me to find another way to create some physical aspect in the design, so I tried adding different textures as overlays. I think these don’t work either and find that my original intention of the animation would have worked best

 

Software Tutorials

After finalising my designs, I attempted to animate them as rotating 3D logos in After Affects. Unfortunately, the tutorial I used required a lot of RAM to process the file. As a result, I had to resort to using the ‘extrude and bevel’ tool in illustrator instead as a mock up style. I used the box tool to position the front face of my design and experimented with the extrude depth to try and maintain some depth without the detail being filled of colour. I found for the slender designs this worked, due to more negative space to define the extrude element, whereas for the ‘Blenny’ design this didn’t work well due to the lack of negative space in the middle. Regardless I explored using ‘Diffuse shading’ and picking a darker tone of front surface colour as well as directing the lighting to suggest a 3D design. This also led me to find another way to create some physical aspect in the design, so I tried adding different textures as overlays. I carried this process out by finding a royalty free texture of a crusted wall and overlayed it on the design, selected them both and created a mask. This showed the image inside the design, allowing me to then experiment with opacity and blend settings. I found that this texture looked too extreme and would have benefited to being a 3D render. Below are the links that showed me how to use these features

 

Links for tutorials

 

 

 

Creating letter logos

Design ideas and design process:

My final design ideas:

Letter logo with envelop distort

Letter logo with envelop distort

My first design idea started with me using a typeface to create my initials. Then I created a rectangle using the square tool but then using the direct selection tool to select one of the points of the rectangle created and moving that selected point to create an elongated shape. I then selected the transformed shape as well as the initials and clicking on the envelope distort tool in the objects tool and then selecting the ‘make with top object’ tool which transformed the initials into the shape I created. This skill was helpful to learn and use as I can use this tool in the future not with initials but also paragraphs of text to create a artistic look.

 

For my second letter logo design I used the same tool with a different shape and adapted the design at the end. I created my initials then created outlines of them using the keyboard shortcut of “cmd o”, by doing this I was able to separate the letter then change the colour of one of the letters. I then used the pen tool to create the shape in the picture above, I then created an envelope distort using the tool in the objects above. Again I used the ‘make with top object’ tool which created the aesthetic of the letter logo. I adapted the letter logo further by duplicating the letter logo and reflecting it and placing it above the original which made the logo look enhanced.

For my third letter logo which was the most challenging but fun to create I used the letter from my first name and using the ellipse tool to create two ellipses on top of each other but making the ellipse on top smaller in size. I changed the colour of one of the ellipses so that I could distinguish between the two ellipses when I was editing them. Selecting both the ellipses and then using the pathfinder tool and selecting the minus front tool which removed half the ellipse. I then positioned them over the letter and adjusted them so that they look as if they are wrapping around the letter, I then changed the colour of the first ellipse and the top half of the letter to red and the bottom half to black so that it stood out more and looked more creative.

Software tutorials:

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

This tutorial helped me to understand how to use Illustrator more as well as what skills there are in order to create letter logos. It also helped to learn more skills in illustrator which helped me to create letter logo, but I can also use the skills I have learnt in future projects and develop these skills further by using them in more complex projects and ways.

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

This tutorial helped me to understand how to use some of the tool in Illustrator such as pathfinders and ellipses. By learning how to use the pathfinder tool and layering ellipses on top of each other, I was able to use the ‘minus front’ tool in the pathfinders to removed elements of the ellipses in order to create an interesting shape. This tool will be useful in future projects as it allows you to remove elements of shapes in order to create the shape you are looking to create. I want to develop all my skills further in future projects as I feel that there’s no limit to developing and learning skills in Illustrator, and by developing my skills it will allow me to become confident in using Illustrator.

https://www.youtube.com/watch?v=3GzumUieDPY

This software tutorial helped me to understand the tools and fundamentals of Illustrator. Although I have used it previously my skills were simple, and I wanted to learn new skills and get used to using Illustrator more therefore in my future tasks I would be able to complete the task to my best ability and challenge myself further by using these skills and developing them. This tutorial helped me to develop my skills and learn new ones which I can use in the future. Additional to this tutorial the tutorials given to us on the brief also helped me develop my skills, as it informed you on how to use the skills in illustrator as well as giving you a step by step guide on how to use the skills in illustrator. I want to develop all my skills in illustrator but in particular creating and using clipping masks on text and objects, I have used masks briefly but I want to develop my skills with using it further and in more detail.

Resources for research and inspiration:

https://99designs.co.uk/inspiration/logos/letter

https://digitalsynopsis.com/design/creative-single-letter-logo-designs/

The sources which I used for research and inspiration were using websites such as the ones above which offer examples of letter logos for various companies and brands. This helped to give me an understanding of what letter logos look like and what elements companies and brands tend to include in order to make their letter logos also making them look professional. These sources also helped me gain inspiration as to what I wanted my letter logo to look like, by having an understanding and inspiration as to what I wanted my letter logo to appear I was then able develop my design ideas in order to look professional and be of a higher level. I don’t have any specific topics I would like to explore further but I would just like to become more confident in using illustrator in general and I will achieve this by practising using my skills in other projects and develop my skills as well. Last term I wanted to improve my photoshop, illustrator and InDesign skills, this term I achieved that with my chosen tasks, as well as developing current and learning new skills.