Let's Design A Logo 1

Typically, logos are clean and striking. Logos are often made of what are called vectors rather than photographs, which are bitmaps, or made of lots of dots.

In this exercise, we will learn about vectors and discover the tools that let us create our own logo.


Inspiration

Go look at these design inspiration sites and see if you can find a few you like.

Like all good artists you are going to conceptually appropriate a design you like.

Card image cap

Font Mao

http://fontmap.ideo.com/
Explore a landscape of fonts
Card image cap

Design Inspiration

https://www.designspiration.net
Searchable examples of interesting designs
Card image cap

Posteritati

https://posteritati.com/
Amazing collection of film posters
Card image cap

Typographic Posters

https://www.typographicposters.com/

Wonderful collection of images made from text





Resources

These sites have LOTS of vectors, or .svg files, that you can download and edit yourself.

Card image cap

40 Best Free Google Fonts

https://www.typewolf.com/google-fonts
Free to download and use, or add to your p5js project.

Card image cap

Free Vectors

https://all-free-download.com/free-vectors/

Fabulous collection of SVG or .ai graphics files that you can edit with tools like Inkscape, Janvas or Gravit Designer. 

Card image cap

Noun Project

https://thenounproject.com/

The Noun Project has millions of images available as both .png and .svg files (which you can edit). Maybe one of these might be the start of your logo or design.

* Remember to credit the original author.

Card image cap

Public Domain Vectors

https://publicdomainvectors.org/

Large collection of downloadable .svg files 



Tools

Although Inkscape is a little odd in terms of user interface, it is worth persisting with it, it's a great tool. You can also use Inkscape to trace a regular bitmap graphic and turn it into a vector.

Card image cap

Inkscape

https://inkscape.org/

Fabulous vector image editor.

Card image cap

FontStruct

https://fontstruct.com/

Create your own fonts

Card image cap

YouiDraw Logo Creator

https://site.youidraw.com/logo-creator.html
Fab logo creation tool

Card image cap

YouiDraw Drawing

https://site.youidraw.com/drawing.html
Fab drawing tool

Card image cap

Vectorizer

https://www.vectorizer.io/
Photo to SVG

Card image cap

Vecteezy

https://www.vecteezy.com/
Fabulous, easy to use vector drawing tool

Card image cap

Vecta

https://vecta.io/
Diagram and SVG editor

Card image cap

PngToSVG

https://www.pngtosvg.com/
PNG to SVG

Card image cap

PicSVG

https://picsvg.com/
Photo to SVG

Card image cap

Gravit Designer

https://www.designer.io/
Vector and drawing editor



Learning

Card image cap

Trace a Bitmap in Inkscape

https://www.youtube.com/watch?v=1PX3KrwgLNc

This shows how you can use Inkcape to turn a bitmap photo into an .svg vector file.