Jump to content

Outlined Fonts..


Recommended Posts

Posted

Using Photoshop I was hoping to be able to make fonts that have a different colour outline. I thought it would be simply a matter of pasting a font on top of a slightly larger one but this doesn't work. Any tips please?

Posted

@sammydee I´m using GIMP, so not sure if it is the same in PS, but I gess there is something very similar. My procedure is as follows:

 

Put the font in one layer, then put a transparant layer beneth it. Choose font layer. Select font by selecting by colour. Use then the Enlarge selection function and grow the selection by the value of the desired width of the outline. Switch to transparent layer. Fill selection with desired colour. Switch back to font layer and merge it down. If wanted, you then can smoothen up the shape a bit according your personal likings. That´s it. There might be better or more elegant ways to do it though. This one works for me. ?

  • Like 1
Posted

A technique I used for a similar problem some time back was to make multiple overlapping copies of the 'border' colour, at the same size as the desired 'inside' object (letter in this case), each offset by a constant distance in multiple directions. This will give you an enlarged background onto which you can then copy the inside to. Depending on how exactly you offset the 'border' images you can have square or rounded corners (assuming the corners of the original were square in the first place).

  • Like 1
Posted

Thanks everyone! I'll try them all. ?

Raptorattacker
Posted

Type your font.

It will be a layer.

Doubleclick that layer to bring up the 'Layer Style' menu.

Check the 'Stroke' box and manipulate said 'stroke' to your satisfaction.

Bingo!

nb If you want to do further manipulation after this you can rasterize the type and you will then have the altered type WITH the outline and you can alter it to your heart's content.

Hope this helps?

Rap

  • Thanks 1
Posted
On 10/18/2019 at 1:38 PM, sammydee said:

Using Photoshop I was hoping to be able to make fonts that have a different colour outline. I thought it would be simply a matter of pasting a font on top of a slightly larger one but this doesn't work. Any tips please?

 

If it's outlined Luftwaffe codes you need it for, I put a little pack of Photoshop templates up here

 

They have the following layers

 

outline.JPG.fea76d948d3b79828e4c58f8fb40302d.JPG

 

solid.JPG.ee6c4eda61b1d8f977f6e4894252c3bc.JPG

 

inner.JPG.f16b1150e916f7737dc6d9d9184808cf.JPG

Posted (edited)

Thank you Pict. Much obliged!:drinks:

Edited by sammydee
more text
Posted (edited)
On 10/18/2019 at 4:38 AM, sammydee said:

Using Photoshop I was hoping to be able to make fonts that have a different colour outline. I thought it would be simply a matter of pasting a font on top of a slightly larger one but this doesn't work. Any tips please?

 

On 10/19/2019 at 4:06 AM, Raptorattacker said:

Type your font.

It will be a layer.

Doubleclick that layer to bring up the 'Layer Style' menu.

Check the 'Stroke' box and manipulate said 'stroke' to your satisfaction.

Bingo!

nb If you want to do further manipulation after this you can rasterize the type and you will then have the altered type WITH the outline and you can alter it to your heart's content.

Hope this helps?

Rap

 

Photoshop

 

Using the stoke on the font works well. If you want each letter to have a different color stroke. Just make each letter its own layer and adjust the stoke size and color for each individual letter. Since you have to line up the letters, you might look at using some guides. 

 

Sometimes I'll use one text layer for may layout, spacing, etc. Then adjust the stroke for the text layer and adjust as needed. Of course the stroke color is the same for every letter but this is just a guide. Now you will duplicate, adjust, line up letters.  

 

Example: type ABCDEF in one text layer, adjust for spacing, stroke, etc. - this will be your template/guide. 

Duplicate the layer

Delete all the letters accept A

Adjust the stroke color for letter A

Align the letter A -  line it up over the top of your ABCDEF text layer.

 

Do this for each letter changing the stroke color and lining up the letters using your ABCDEF layer.

 

Once you have all your letters with all the different stoke colors or font colors, just make your ABCDEF layer invisible / uncheck the eye.

 

Now you have different color stokes for each letter.

You can play with the stoke size or other options for each letter. 

 

Or setup guides and use the snap or by eye and line the letters

When you have it the way you like - lock the layers, save them as a group, duplicate the group for a backup, then play with the original. so you can keep duplicating the groups and adjust for various options etc. 

 

Also if you setup a style for anything, font, object, etc. you can right click on the layer, copy style, then right click on any layer to past that styles. Comes in handy. 

 

Check out Adobe tutorials online. 

 

hope that helps

 

 

Edited by WWDriftwood
  • Thanks 1
Posted

Raptorattacker and WWDriftwood. Thank you for your advice.

  • Like 1
  • Thanks 1

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...