Graphik Black Font With White Outline

Active6 years, 10 months ago

I am trying to put letters on an existing image that are outlined in a different color.

Example below. Note how the letters below have white color, yet the outline is in black. Directions on how to do that in Paint.NET or Photoshop or MS Paint would be great. Or is it a specific font that I have to use?

slhck
171k49 gold badges476 silver badges492 bronze badges
AngryHackerAngryHacker

Download, view, test-drive, bookmark free fonts. Black with white outline. White rabbit circle black and white kingthings xander outline sf archery black.

7,62554 gold badges124 silver badges182 bronze badges

2 Answers

There is an Outline plugin for Paint.NET which you can use:

  1. First the image (the text is on a separate layer above; the background is just so it's obvious):

  2. Then the Outline plugin:

  3. And voila:

If you don't care about crisp, pixel-y edges of the outline, then you can simply do the following which doesn't need a plugin:

  1. Start with the text on a separate layer again:

  2. Duplicate that layer:

  3. Blur the lower with a radius of how large your outline should be:

  4. Use the magic wand with a tolerance of 0 % and the flood mode set to global on the empty space around the now-blurred text:

    Retas pro hd cracking. Sales & Training HTF, Inc.

  5. Invert the selection with Ctrl+I:

  6. Set your foreground colour back to black and press ← Backspace. This will fill the selection with black. Press Ctrl+D to deselect again:

There is a longer method, also without a plugin, but it's slightly messy. It is described this video, but the voice makes it a little hard to bear.

JoeyJoey
34.1k11 gold badges92 silver badges119 bronze badges

Photoshop

In Photoshop, to get outlines for any shape, check the layer's Blending Options….

White

Here, apply Stroke. Don't forget to set the right size:

And you're done:

Ponte vasco da gama. To celebrate our launch we are offering unlimited full download access for $3.99/mo! Our downloads database is updated daily to provide the latest download releases on offer.

Paint.NET

Paint.NET doesn't do it by default, but it has an Outline Plugin you can use to achieve the same.

Paint

Paint is too limited in this regard. I wouldn't even try. Maybe your pixel-based drawing skills are good enough – but apart from that it simply doesn't offer that feature.

By the way, the specific font you may want to use for image-based memes is Impact.

slhckslhck

Fonts With Black Outline

171k49 gold badges476 silver badges492 bronze badges

Not the answer you're looking for? Browse other questions tagged windows-7adobe-photoshoppaint.netmicrosoft-paint or ask your own question.

The Type tool in Photoshop allows you to add text to your images, and then adjust the text to suit your goals. To make the text more visible, you can add an outline, called a stroke, to prevent the text from blending in with the background. In Photoshop CS6, you can achieve the outline effect by applying a style to the text layer. You have full control over the color of the outline, as well as the width of the stroke.

Black Font With White Outline

Step 1

Launch Adobe Photoshop CS6, and then create a new image or open the image to which you want to add the text.

Step 2

Movie cheaper by the dozen. Select the Horizontal Type Tool -- styled like a capital 'T' -- from the Tools panel.

Black font with white border

Step 3

Select the font, style and size of the text from the text options panel at the top of the screen.

Step 4

Click the text color box, and then select white -- hex color code #ffffff -- from the Color Picker window.

Step 5

Step 6

Right-click the text layer name on the Layers panel and select 'Blending Options.'

Step 7

Click the check box next to 'Stroke,' and then click the color picker box.

Step 8

Black Font With White Border

Select black -- hex code #000000 -- from the Color Picker window, and then click 'OK.'

Step 9

Click and drag the 'Size' slider to the right to increase the width of the black outline around the text. Make sure the check box next to 'Preview' is selected to see a preview of the changes while you make the adjustments.

White Outline Font

Click the 'OK' button to apply the effect once you are satisfied with the preview.

Video of the Day

Brought to you by Techwalla

Black Font With White Line In Center

  • The Photoshop CS6 Book; Imagine Publishing

More Articles