Making a Family Crest

On a rainy day, this might be something you might want to do for fun. Digital art in a way has replaced scrapbooking/colleague art for me and leaves less of a mess! If you have been watching any historical stuff you may notice that European families tend to have crests. It’s usually on a shield or flag and there tends to be lots of lions involved.

I’ve decided to make a new crest as a logo, so here are the few steps it took to make it:

1) Figure out if you have a graphics art program

There are free ones available with basic to advance levels –  Paint.net (free – basic) – Gimp (free – advanced). Many professional artists use Adobe Photoshop, but it’s a very powerful tool and you have to buy it.

I have Paint.net installed and will be using this program.

2) Look for stock art

raw pics

There are two great sites with FREE stock art – Stock.xchng & Pixabay.  There are license agreements for this royalty free art, but if it’s for personal use, it’s generally ok.

I looked for a few images which I knew I wanted: shield, lion with sword and chrysanthemum flower.  I couldn’t find the flower on it’s own so I will have to manipulate and cut the flower out for use.

The lion stands for courage and strength (tribute to Garrard name as the ancestral shield features a lion) while the chrysanthemum flower represents hope/light in darkness.

3) Open Shield graphic & manipulate 

Step 1

The idea is to put all the images into the shield. Generally, I want a white logo with “transparency” so my wallpaper on the webpage could show through.

-open up graphic in paint (File tab > open)

-click “magic wand” tool from upper left “Tools” panel and adjust tolerance if needed

step 2

-press a spot on what you want to delete; for me it’s all the white stuff in the shield.

-the wand will highlight everything in blue, then you just press “delete” and a checkerboard pattern will come through meaning image in that location is transparent

4) Add Lion

Step 3There is something called “layers” in every graphic program.  On the right hand side there is a box which tells you what “layer” you are on.  The shield is on one layer and you will be adding more layers for every graphic.

So before opening up the lion graphic, add another layer (Layers tab > add new layer) to the shield.  Then open up the lion graphic (File tab > open)and put into new layer you have opened – now you see 2 “layers” on the Layers box to the right.

The lion was a very big graphic so I had to drag the corners and shrink it.

5) Cut out flowers, leaves

The chrysanthemum flower is only a small part of its original graphic.  A few steps were necessary to make the flower work for me:

Step 5 6

-open up flower (File tab > open) in its new canvas/window and cut out the flowers by highlighting it

-open a new giant canvas (File tab > new), then paste the flowers in it so there is room to play around

-use rotate tool to move flowers around (Layers tab > Flip vertical) (Layers tab > Rotate/Zoom)

Step 7 8-cut out one of the flowers  by highlighting it and using cut & paste function to put it on an empty part of the canvas

-cut out one of the leaves and rotate to the desired angle. (Layers tab > Rotate/Zoom)

-the leaf and flower have overlapping lines. So to erase lines, use the eraser from the “Tools” box on the left.

6) Add flowers & leaves to the shield

Step 10-add another layer to shield graphic (Layers tab > add new layer)

-go back to flower/leaf window, cut & paste flower/leaf into layer in shield graphic window

-to create mirror image leaves and flowers, I played with the (Image tab > flip horizontal) function

-the shield line in the middle was created by just highlighting the top part of the shield and then cutting & pasting

7) Add “JF Garrard”

Step 12-the canvas has to be bigger (Image tab > canvas side) for adding text, so I increased it in width

-initially the added canvaspart is white, so I had to use magic wand from “Tools” in left box to make it transparent

-using “Text” in “Tools” left box, I typed “JF Garrard” using font Goudy Old Style, size 550

8) Save file in black and white

There are places where I’ll use it in black ink and others in white. Important – to keep transparency, it has to be saved as a .gif file. Also, when saving, it will “flatten” all layers, which means everything will be merged into one layer. Keep a paint.net file (.png) in case you ever want to play with this graphic again with its layers.

Step 14-default is black, just save to .gif (File tab > save as)

-to make the logo white, we have to invert the colors (Adjustments tab > invert colors)

-of course at this point I realize that the lion graphic isn’t totally transparent, so I use the magic wand tool to “erase” the white spots.  After 10 min of painfully doing this (lot of little edges/spots), I discover a flood tool, which does it in 2 seconds. (Tools, Magic Wand, Flood Mode > Global)

-now save white logo to .gif (File tab > save as)

However…

In the end I didn’t use this logo on my website as the shield graphic lines looked too thin after I put it in the header.  I’ll use it on my facebook page though, you can see it here: https://www.facebook.com/pages/JF-Garrard/406247922764234

The more you play with the program, the more you will know.  Good luck in making some fabulous crests!

Advertisements