How to create a signature logo for photographers -Tutorial
In this post, I want to show you my simple signature logo creation process. If you plan to create a nice looking signature photography logo for yourself, but you’re not sure how then this tutorial will help from start to finish. We will start by creating a photoshop document and learn how to install fonts. Then we will create a logo and finally, we will save and export the logo so that you can use it on your website or add a watermark to your images.
We are going create the following signature logo, but if you have a couple of other fonts you would like to use instead of my choice, feel free to do so! I listed my favorite 20+ free signature fonts here.
To follow this tutorial you will need:
- Adobe Photoshop CC program. If you don’t have it, you can download a free trial from their homepage.
- Raleway font. Download link here.
- BlackJack font. Download link here.
1. Set up your Photoshop document
Open Photoshop, click on “New” and create document around 1920 x 600 pixels in size with a white background.
Unlock the background layer by clicking on the lock icon in the Layers panel.
2. Download and install your fonts
In this tutorial, I’m going to use BlackJack font and Raleway font but you can choose any other font you like. I made a list of my most favorite free signature fonts here.
Click here to download BlackJack font.
Click here to download Raleway font.
Now you need to install your downloaded fonts so that they show up on Photoshop. The installation process differs for Mac and PC users so follow the instructions that are relevant to you.
Install fonts on Mac:
- Go to Finder and open your Downloads folder
- Unzip blackjack.zip file and find blackjack.otf
- Doubleclick on it to open the preview
- Click on the “Install Font” button.
Now do the same for Raleway font. We will be using Raleway-Medium.ttf so you can either install just that or if you want to, you can install all on the .ttf files.
Install fonts on PC:
- Go to your Downloads folder
- Locate blackjack file and double-click on it to access blackjack.otf
- Now double-click on blackjack.otf once more to see its preview
- Click on the “Install” button located in the top left corner of the preview box.
- Do the same for Raleway font.
3. Create your logo
In Photoshop select the type tool (T), set the font to Black Jack (or any other font you installed), make sure the alignment is set to center and the color is set to black.
Type your name. If needed, adjust the font size. To do that, switch to any other tool (for example the Move tool) and go to Type > Panels > Character Panel. I set my font size to 200px.
Select the type tool (T) again, set the font to Raleway, make sure that the alignment is set to center and the color is set to black and this time set the font size to about 55px. Type “PHOTOGRAPHY” under your name.
Switch to tool Move tool (V) and in your Character Panel (Type > Panels > Character Panel) set tracking to 400.
Make sure you are still using the Move tool (V) and select both text layers in your layer panel. While both text layers are selected, click on the “align horizontal centers” icon.
4. Trim file before exporting
Now that your logo is ready, you need to remove all the unnecessary space around it. To do that, turn off the white background layer in your layers panel by clicking on the eye icon.
Go to Image > Trim, select “Transparent Pixels” and trim away everything from the top, bottom, left, and right.
You should be left with a tight fitting logo in the middle of your canvas.
4. Save and export
Fist go to File > Save and save your photoshop file somewhere on your computer so that you can use it again.
Now you are ready for exporting.
Go to File > Export > Export As… A new pop-up window will appear. Set the Format to PNG and make sure Transparency is checked. Then click “Export All” and save the logo image somewhere on your computer.
5. Changing the color
If you need to change the color of your logo, open your Photoshop file again, select both text layers and in your Character Panel change the color.
Then export the logo again.
Now you have a ready to use photography signature logo with a transparent background. You can place your logo on top of your images in Lightroom or use on your website or any other place.
I hope you found this tutorial useful, thanks for reading!
hello! thanks for your great tutorial. I do have a few questions, firstly there is no option to save in the export tab, i tried saving it thru web tab and when i saved it and tested it, the file seems to be on low resolution. maybe you can help me to make it high resolution. thanks
So you’re having trouble with “4. Save and export” step 2? Which Photoshop version are you using?
This tutorial is wonderful
How do you get the letters to connect to each other? Mine are all separated.
Make sure you set tracking to 0. You can find it in the Character panel (Window > Character), it has a “VA” icon next to it.
Never mind, I figured it out?
Nice tutorial but I’m fine with difficult to save and export. I’m using phoshop C6. Thank you
Try going to File > Save As. Choose the file format to be PNG and Save.
Thank you so much!!! Excellent tutorial!!
Thank you very much for this article
THANK YOU THANK YOU THANK YOU!
I have been wanting to create my own signature for weeks now, even been trying hand written, but nothing seemed to work.
This tutorial is a godsend
Please send and post more tutorials like this
Awesome, thank you for this great tutorial, can I ask now thought…hopefully not a dumbo question but…how do I bring it into Lightroom??
No worries 🙂 Check out this guide right here. You would add a graphic there.
Fantastic tutorial. Thank you so much.
Great tutorial shared by you! It’s a very interesting topic for me because I try to create a logo for my website, but not able to create a logo. So it’s very helpful for me thanks for sharing!
This is sooo good thanks alot.
But when i save it and i open it, the background is kind of dark although i worked on white background all the way.
So how can I have it on light background and how do i copy it on a photo?
Glad you found it useful! Did you save your logo as a .png image? If so, your background might look dark because there’s actually to background at all and that’s a good thing!
You can use Lightroom to add your logo to images or you can simply open your image in Photoshop and go to File > Place Embeded.. and choose your logo image.
I got through the steps fine, but now how do I apply it to my photograph ? Sorry I am not very photoshop or computer wise.
Do you use Lightroom to edit your photographs? If yes, then here’s a tutorial on how to add your logo in Lightroom.
Thanks for this. This is very helpful for me
Thanks so much for an excellent tutorial – it is very clear and concise to follow the instruction. I spent the hours and days to find how to create my logo in white for the photographs… yay!
This was a lifesaver, thank you SOOO much!!