UfD: Creating a Hand-Drawn Logo
A few weeks ago I did an Introduction on Mel Sinclair and many of you commented on her watermark and wanted to know how she did it. Mel offered to write a tutorial for you on how she does it. Speaking of tutorials, I would like to know if you would like to see more of them.
Anyway, enough from over to Mel.
Creating a Hand-Drawn Logo
As more and more photographers present their work online, we are increasingly seeking new ways in which to stand apart from the crowd. Logos are a great way to create a recognizable brand, with minimal effort.
I’ve often been asked what font I use for my logo, in specific the “scripted” part of the text. I have felt somewhat good and bad telling people over the years that it is not a font, rather, my own handwriting.
While I’m sure there are multiple ways to go about creating a logo, the best way will be the one that works for you.
For this tutorial, the essential equipment is:
- Graphics Tablet:- Wacom Intuos, Bamboo or Cintiq. But I’m using a much cheaper version, the XP-Pen 1209B (A)
- Adobe Photoshop CS5.5 or above – Creative cloud is ideal
- An idea of what you want to create
Begin by setting up your desk, the tablet, depending on size might be a bit of a squeeze.
Plug in the tablet and ensure that all the drivers are working properly. Depending on the model, you should have a touch-sensitive nib, meaning that the brush strokes register like calligraphy.
Okay, let’s create.
First step is to create the hand-drawn portion of the logo. This is often the most time consuming, and the most fun!
1. Open Photoshop and create a new document. I am using the following settings to create my signature. You can set whatever size you like, but remember to make it BIG to start with, else you’ll have issues resizing the handwriting later.
Let’s say our brief is to create a square logo.
Width is 2400 pixels Height is 2400 pixels.
IMPORTANT: Always create your logo with a Transparent background and save it in a file format that supports Transparency, such as .GIF, .PNG or .TIF
2. Setup: Start with 2 layers. Layer 1 will be blank. Click the layer tab or select “Layer > New Layer” to add a second. It’s good to keep one in the background for a fallback or spare.
3. This is the hard (or the easy) part. Start drawing with your pen, you’ll soon figure out pressure.
For example, let’s say my company is Blue Sky Photography and I want to make a square logo for watermarking.
4. I add a new layer and Add my text “Blue Sky”
NB: It is wise to add a new layer for all these separate steps in case you want to go back and correct or change any details.
5. I add another new layer and Add my web details “ www. blueskyphotography.com.au”
6. Crop the working area to eliminate the spare space
SAVE the working file as a .PSD in a folder dedicated to the Logo, so that all different versions will soon be stored in the same place.
7. Save the logo in its full size as .png
8. Use the File > Save For Web function to save a smaller version of the logo and save that file as a.GIF
Your Logo is now ready for use. Open the .GIF or .PNG in photoshop to tag an image, put it on a new layer and use Free Transform to position.
9. Open Adobe Photoshop Lightroom and go to Edit > Edit Watermarks
10. I select “Use a graphical image” and browse to where the .PNG is saved on my hard drive.
11. I then set it up as to where I want it to be located on future images. Adjust the vertical and horizontal positions and then select the corner of the image that I want it to appear in. I save the preset and export an image with the logo.
Please join me in thanking Mel for showing us how to do this. I think she’s done a brilliant job. Mel can be found at her website, Mel Sinclair. I am going to put a small gallery here with some of her photos here so you can be reminded how beautiful her work is.