Anything Photoshop or Photography

Posts tagged ““Signature block”


Image from Garlic Restaurant in New Smyrna Beach, Florida
This week I made a video on how to add a signature and/or signature block to your digital images. There are lots of questions as to whether you should do this, and if so, do you add it all the time, and does it matter at all? I am not going to address this issue. Where do you put your signature? For a quick answer, some use the bottom left, bottom center or bottom left. Occasionally they are placed near the subject in the image. Again, I have not looked at this to really know what the current trend is for placement. But actually getting your signature into Photoshop is really not that hard – the video goes through all the steps listed below.

Here are the steps to follow that are in the video:

1. On a white sheet of paper sign your name in black with several different types of writing tools like a Magic Marker, Ball Point Pen, Artist Pen, etc. Also try different ways you might like your signature to appear on your images.

2. Either take a Digital Photo of this paper or Scan it in as a JPG. If using a Scanner, be sure to check the file once opened in Photoshop to make sure the resolution is at 300 (and not at 1600 or whatever it was scanned at) and that pixels (not inches) are set to under 2500 pixels. Do this by going to Image -> Image Size.

3. Look at the signatures on the page in Photoshop and choose one you like. Select the Marquee Tool and create a selection around that particular signature.

4. Copy signature selection by going to Edit -> Copy or CTRL+C.

5. Create a New Document by clicking on the House in the upper left hand corner and selecting Create New Document – will get the same dialog as if you pressed CTRL+N. Select the Clipboard and check that your resolution reads no more than 300 dpi.

6. Go to Edit -> Paste or CTRL+V to place the signature on a layer in the New Document.

7. To straighten the signature, go to View -> Rulers or CTRL + R and pull out a Horizontal Guide. Use Free Transform or CTRL + T to straighten – may not need to do this step. To remove the Guide, press CTRL + H to hide it (or can drag it up off the page) and CTRL + R to remove the Rulers.

8. Go to Image -> Image Adjustments -> Levels or CTRL + L to make the signature lines either darker or lighter – mainly move the middle tab to do this.

9. Go to Brush -> Define Brush Preset and name it – it shows up at the bottom of the Brushes Panel.

Now have a signature brush! Next create the Signature Block!

10. In the Photoshop file from which the brush was created, select the Text Tool and add in more information like SJ Photography for example. Use any font you want – Photoshop provides some great ones.

11. Add another Text Tool layer and this time add a Copyright symbol – to do this, press the ALT key and in the numeric number pad on your keyboard, press 0169 – when you release the ALT key, the symbol appears in the text. Add your name and the year.

12. Create another new brush – Edit -> Define Brush Preset and name something different. Now it can also be used on any of your images.

13. Save the PSD file so the copyright info can be updated for next year. Then just create a new brush.

14. To make into a Transparent Signature Block, turn off the background layer in the Photoshop File and do a Save -> Save as and select PNG format. Once saved, it can then be added into your Photoshop Library for quick use – the brushes can also be added!

Screenshot of PS Signature Block
The top image has a Signature Block and does not use my signature but uses fonts I liked. The Signature layer was duplicated three times to darken the font lines. The font used is one I really like and is called Crimson Foam Free at 37 pt. The font for Syd Johnson Photography is Birch Std at 7 pt, and the copyright font is DomCasualBT at 5 pt. The Screenshot shows the layers in the Photoshop file. A soft orange color was added to the signature layer by adding a Solid Fill Adjustment Layer (Layer -> New Fill Layer -> Solid Color) and clipping it to the signature layer (right click and select Create Clipping Mask or Layer -> Create Clipping Mask) – then just sampled a color from the image to find a color I liked. Some people use only black or white for their signature color, but I prefer adding something that will blend in nicely with the image.

Screenshot of signature block from video

The Screenshot above shows the PS layers for how a Signature Block was created using my actual signature from the video. The fonts used were: for Digital Lady Syd Photograph Brightside at 16 pt, and the copyright layer Abraham Lincoln font at 5 pt. Remember to check if these free fonts can be used for commercial work if you are going to sell your images or use them in products – you may need to buy a commercial license if you really like one. Most free fonts are okay to use for personal use. Also, some of the fonts do not have a copyright symbol so a different font must be chosen for the symbol – it can still be placed in the same layer that is using a different font for the rest of the text.

A little post processing info here. The top image is of an Italian Restaurant called Garlic in New Smyrna Beach, Florida – they have excellent Lasagna BTW! There were some real backlight issues with this image so those areas were selected and a texture was added and a Black layer mask was applied – now the texture only showed up where the light had been. Several Selective Color Adjustments Layers were used to get the colors just right. Viveza was used to direct the eye and sharpen just certain areas in the image. A Color Lookup Table using PS’s Fuji Eterna 250D Kodak 2395 was applied at 34% layer opacity.

It is really fun to try out different fonts in a Signature Block. I particularly like the script look, but some of the new writing-type fonts like Crimson Foam Free give a really nice new look to the block. If anyone has any questions on how to do this, give me a comment or E-mail, and I will be glad to help you out. Enjoy the rest of the summer!…..Digital Lady Syd


Painted image of wood boats at the Hilton Hawaiian Village on the Big IslandThis week I want to cover a very simple thing – creating a signature block for your images, but more importantly, how to make it show up without being over-powered by the image. The image above is of one of the wood boats at the Hilton Waikoloa Village on the Big Island in Hawaii – one of the most relaxing things you can do at the hotel, especially at night when the stars are out! Anyway, I did not want to place my signature block in the right corner as I felt it would have ruined the effect I was looking for. Instead it was placed in the left corner, but had to be brought out a little to see.

Creating the Signature Block

A few months ago I went to my local photo club meeting where one of the members showed everyone how to make a nice signature effect for your images. I decided to upgrade my basic copyright symbol and name (last line of my signature brush) that I have used for years to create the one above. To do this, these are the very basic steps – probably a review for most of you – but worth the time to do.

1. Open up a New Document in Photoshop. I used a 10 x 8 inch document with 240 dpi. I believe you can make this much smaller, but this worked for me.

2. Select Text Tool and create your line of text. Since I wanted to create an overlapping text design, three text layers were created, each using the same font and sizes. The font I used was Easy Street Alt ESP. The first letter was set to 100 pt. and the smaller ones to 40 pt. I wanted to space the lettering so they would overlap evenly, so the letters were adjusted using a few of these tricks:

  • Highlight two characters in text line and press ALT + -> key to increase the space between them
  • Highlight two characters in text line and press ALT + <- key to decrease the space between them
  • To change word spread, highlight the text and ALT + right or left arrow keys like above

A fourth line of text was created using the Dom Casual BT font and the last line that is my copyright line uses Freehand 575 BT font. See my Adding Copyright Information to Your Image blog to add a copyright symbol to brush. The Move Tool was used to line up the different layers of text to create the one used above. And you are not limited to using just one brush for your photos or using only text layers for your signature. You can write on the layer with the Brush or Pencil Tool to get an authentic signature in your brush.

3. Flatten the image by going to the fly-out menu in the upper right corner of the Layer Panel.

4. Go to Edit -> Define Brush Preset and voila! you have your custom brush listed at the end of your Brush Presets Panel. If it is too large, you can either Free Transform (CTRL+T) it and recreate it at a smaller size. Also, you can just save it as a Tool Preset. To do this, in Options Bar set the correct size for brush and go to the far left brush icon and click – press the little bottom icon on right that Creates a New Tool Preset. Now anytime you select the Brush Tool, you can click on the icon and it will always be listed with that size setting. I keep it as a Tool Preset since I use it on almost every image. Image painted in Photoshop of Yellow and White Trees

Adding Layer Style to Make Name Brush Stand Out

Now that you have a preset of your photography brush set up, you need to make it so that the brush does not get lost in the photo. The image above is one I actually created in Photoshop. You can see the signature block would have not shown up well if I had not added something to smooth out the area behind the lettering. This is how I do this.

To create the Layer Style, add a New Layer to an image, select your signature brush and apply one once. Then open the Layer Style by double-clicking on the layer in the Layers Panel. Click on the words “Outer Glow” in the left-hand list. Change only these settings – Blend Mode: Normal, Opacity 34%, Spread 15%, and Size 20 px. Click on New Style button and name and save – mine is SJ Sig Out Glow.

To apply the Layer Style to your signature layer, do this:

1. Create a New Layer and add your signature brush to the layer in the color you would like it to appear.

2. Double-click on the layer to open up the Layer Style dialog and click on Styles in the upper left-hand list – your new layer style should be listed at the bottom. Click on it to apply and click on the checked Outer Glow words in the left-hand list.

Or open up the Layer Style Panel and at the bottom will be the new style – click on it to apply. Then double-click on the Outer Glow line attched under the layer to open up this section.

3. First click on the color swatch and sample in your image to a color that will make your signature show up. In the case above, the bluish-gray tone was chosen. Now adjust the opacity, spread and size to make it as noticeable as you want. Sometimes it takes a couple different colors to get it to blend in correctly, but it does a very nice subtle job of enhancing your signature. The Opacity was set to 89%, Spread 18% and Size 35 px on the image above. Note that in this image it says Painted By in the signature block – a new brush was created for my images created from scratch.

For the top image, a light pink tone was added at 72% opacity, Spread 41%, and Size 65 px – different settings than on the bottom image. I know this seems really basic, but it is an important part of every image. You do not want the signature to be overwhelming but you do want it to be noticeable. Hope you can use these tips to create a very nice signature block on your images…..Digital Lady Syd