The most commonly used Meme Font and a Tutorial how to create a Meme with Photoshop

meme font

Have you ever asked how the most commonly used Meme Font is called? I can give you the answer. The Font is called Impact. Impact is included in the Core fonts for the Web and has been distributed with Microsoft Windows since Windows 98, which means you should have the Font on board of your Operating System already. The very thick strokes of the Impact Font are aimed, as the name suggests, to “impact” and in other words to stand out. The Impact Font is commonly used for funny internet Memes like on the Lolcat Images.

So you should add a text with the Impact Font with your graphics software. The messages on memes are very often completely written in white capital letters and there is often a stroke effect or let me say a small black border added around the text. I can´t explain it for every graphics software but as I am a Photoshop user, I can at least tell you how it is done there. I will use a photo of my cat Shyna to explain how you can do it…

First we should load our photo which we want to use with Photoshop to add a Meme Text. Most of you know how to add a text to the image but for those who don´t know it, it is easily done. We can either press “T” on our keyboard which would activate our Horizontal Type Tool and then we just have to click on our image to place the text or we just click on the Type Tool Symbol in Photoshop and click then on our image to place a text…

memefonttutorial1

If we have done this, then we just need to choose the Impact Font and we should be sure that the text color is white. Also we can already change the font size. After we have done those settings, we start to type in our funny or not so funny text completely written in capitals if we want to do it on the common way…

memefonttutorial2

Photoshop Text LayerBut we now need this black border around the text like in all the other funny memes of the internet. We have to right-click on our new text layer and a menu pops up where we choose and click on “Blending Options…”.

In the opening Layer Style Window, we just activate and click on “Stroke”. This will paint the mentioned commonly used black borders around our text. I think it is always standard on black but we can proof this in the settings windows there. What we also could do is controlling the thickness of the border around the text.
I think it is standard on 3 pixels and for my taste not enough. I change the value sometimes to 5 pixels. But this is just a matter of taste. Once we did the settings here, we can press ok…

memefonttutorial4

What we now still could do is moving our text. Just click on the text layer again and move the text until you feel it fits in the image. That is all. Hope this small guide is a help for those who want to create their own memes with Photoshop as well :)

Related Categories:

- Photoshop Tutorials
All Graphic Design Tutorials
Memes You Can Find On This Blog

About these ads

About Dennis

Greetings. My name is Dennis. My native language is German and I do write in English about various subjects and my interests, especially to improve myself but also to share some experiences or to write down some thoughts. My interests are photography, graphic design, music-making, animals, nature, technology, games, lifestyle and more. I just want to document my experiences and some stories of life. I'm glad to meet new people from all around the world.
This entry was posted in Animals and Pets, Cats, Computer, Graphic Design Tutorials, Internet, Photography, Photoshop Tutorials, Software, Technology and tagged , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

41 Responses to The most commonly used Meme Font and a Tutorial how to create a Meme with Photoshop

  1. Good tutorial! I was looking for this

  2. Kate says:

    Thank you, I couldn’t figure out what font it was for the life of me.

  3. asedef says:

    Thanks. this helped me out a lot

  4. Pingback: Sometimes Kitty is Seriously Tired… | Diary of Dennis

  5. Awesome! I want to go make a MEME right now :D

  6. Julianj says:

    Nicee! but then how about the meme with a picture and black frame with white text below.?

    • Dennis says:

      Do you mean that you want to add a black frame around the image? There are several ways to do it. It is just a question how much room you have on your image to do so, without hiding the important photo elements.

      If your image does still have enough room to offer on the outsides to replace it with a black border, then I would do it this way….

      1. Load your image in photoshop and duplicate the layer of the image (menu / layer / duplicate layer). This is something you should always do to have the main image untouched, incase you would like to restart editing.

      2. Then you can select your new layer, I mean the new copy of the image. Then adding strokes would be one idea (menu / edit / stroke). In the stroke menu you have to choose “inside”. Then you can still choose how much pixels you want the frame to expand inside of the image and you can choose a colour, for example black.

      3. The border should be already there if you did that. However, it is a good idea to use the magic wand tool of photoshop and use it to click on your newly created borders. This method will select only the borders you created. If you did that, then you can inverse the selection (menu / select / inverse). If you did that, then you just hit your delete key on the keyboard to get rid of everything but not the frame. Point 3 here is optional but I suggest it as you then have one layer with the black frame only and behind is the layer with the main image. It is just for the purpose of better editing as you now can edit both image and border separate. ;)

      If you do not have enough room for borders inside the image, then there would be another way. You could also expand the image so that there is new created room for borders around the image. This would work on this way…

      1. Select your layer and expand your image with (menu / image / canvas size). In the canvas size menu, click on “relative” and then type in your width and and height (in pixel) for the border and choose pixel beside both values. Make sure that you also choose your colour for the border in the same menu.

      2. Again optional but you can also here try to seperate the newly created borders and the main image. The techniques are little bit similar like in point 2 of my first method.

      There are even some other methods to create borders. But depending on what kind of image you have and how much room there is on the outsides for borders, the two methods above should help you out.

      Adding text on the border is as simple as in the tutorial article here descriped.

      Let me know if I did understand your question wrong or if you still have any questions to add. :)

  7. sharoanypony79 says:

    You’re rad. Thanks for the simple explanation!

  8. Levi says:

    This is much more fun compared to all the meme creator or meme generator tools. Photoshop gives much more fredom in creativity. I really dislike meme templates. With help of your tutorial I am now able to create my own memes. Thanks for the tutorial!

    • Dennis says:

      I do agree. Photoshop does not limit you like any meme creator or meme generator website. “Fredom of creativity” really fits as a saying. Thanks for your opinion.

  9. Lucas Sucas says:

    Easy and very handy! Thanks for this one bro!

  10. Roy says:

    Im confused, how do you create the black border around the text? Idk what this “new text Layer” for one, is supposed to be.

    • Dennis says:

      I have added another screenshot. Go back to the part with “new text Layer” in my tutorial here. On the screenshot you can see how this text layer or object looks like. Layers are usually in the so called “docked panels” in photoshop. It´s the panel on the bottom right.
      That´s the panel where you usually can see your created objects which are called “layers” in photoshop. :)

      When you found it, you will need to right click on your text object in this “docked panels browser”… the right click on the text layer will open a list where you choose “blending options”… how you need to go on is explained in the tutorial.

      Let me know if you have still questions. I´ll help you out.

    • Dennis says:

      In other words… if you did use the same text as I did… you simply right click on the “Please! Can I haz my own meme?” text on the bottom right small panel or window in Photoshop. :)

  11. nick says:

    Thanks for the quick tutorial. It was right to the point, minimal nonsense.

  12. actually to minimize time, you can do this:
    1. Choose your picture.
    2. Open Micosoft PowerPoint.
    3. Insert chosen picture. (in insert menu)
    4. Adjust to size.
    5. Insert WordArt. (in insert menu)
    6. Choose WordArt with white-ish fill and dark blue outline. (The first one in the top left.)
    7. Type text.
    8. Highlight text.
    9. Right-click WordArt text.
    10. Change font to impact.
    11. Go back to the WordArt menu. (Make sure you the latest you clicked is the WordArt text to see the menu. It is seen in the “top shelf” of the window. Options are in between right and middle.)
    12. click “Text Fill” and choose white.
    13. Click “Text Outline” and choose black.
    14. Click “Text Outline” again and click “Weight”. Choose 2 1/4 width.
    15. Adjust your text position in the image by clicking the text, click and hold the broken lines in the sides, and dragging it to place.
    16. Press “Print Screen” in your keyboard.
    17. Open Paint.
    18. Paste (Ctrl + V) it in the Paint window.
    19. Crop the picture. (Use your common sense on where to crop.)
    20. Save it.

    Congratulations!!! You just created a meme! Trust me. Though I’m only 15, I assure you it has better results and is hassle-free since MS Paint and MS PowerPoint is a default program of Windows. (Unless you’re using Mac or others, don’t know about those wiz-whats.)

    • Dennis says:

      Once done with Photoshop, you will be able to create a meme in just a minute like in every other program too. I can´t see that you minimize time. And “better results” is completely subjective. Since Photoshop does allow much more than adding text, a heavily tweaked image in Photoshop will be much more visual appealing in my opinion.

      My article was aimed to Photoshop users. You can use many programs to create memes. It works with dozen of other free tools too (Gimp for example). If you want to do a little bit more than adding just text to an image (tweaking and edit the image or add things), then MS PowerPoint won´t help you out that much like Photoshop.

      And by the way. PowerPoint is not a default program of Windows (I dont have it on board of Windows 7 professional). But right, MS Paint is a default program of Windows.

      Other than that, you made a nice addition to my article, in case someone does not have Photoshop. It might be helpful for those who want to do it with PowerPoint (well, in case they have PowerPoint). Thank you for the addition.

  13. Sultan D Jum says:

    Thanks man! Very helpful :)

  14. Awesome, now I don’t have to use online meme generators! Thanks man!!

  15. Putra Eka says:

    Very easy, straight to the point.

  16. Mohd Atwat says:

    awesome, really helping and supportive (Y)

  17. Jeroen says:

    Thanks a lot! Very helpfull!

  18. greg says:

    in photoshop i can only find impact regular even when i search, help please?

    • Dennis says:

      I used Impact Regular too as you can see in the one screenshot where I pointed to the font. This is the commonly used meme text font style. :) You might have a different version of Photoshop but I am not sure. In my case it shows the font style option in a different box than the font name. Maybe iyour Photoshop shows you Impact Regular in one box? I don´t know… anyway, it´s the font used in memes. :)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s