Quick ’n hacky meme making, for fun and no profit

Adapted from a non-programming talk given while at the Recurse Center.

A brief tutorial on taking and manipulating screenshots, so that you can quickly have fun making motivational quote images, custom Zulip/Slack emojis, templated memes, goofy “photoshop” composites, and whatever else your heart desires.

“I should buy a boat” meme of cat with text that reads “I should make a meme”

How to take screenshots quickly

If you remember one thing from this post, let it be that there is a shortcut for copying a selected region on your screen:

OS1 Copy selection to your clipboard Save selection to a file
Mac command + control + shift + 4 command + shift + 4
Windows windows logo + shift + s windows logo + shift + s, then select “save”

Hit the selected key combination, then draw a box on your screen around whatever you want to be in the screenshot. That’s it! If you used the “save” option, it’ll save to wherever your default save location is (e.g., your desktop or documents or downloads folder); if you used the “clipboard” option, it’ll be saved into your clipboard and ready for you to paste somewhere else.

Go ahead and try it right now:

  1. Save a screenshot of the above table to a file (now you can reference it later!)
  2. Copy a screenshot of that table to your clipboard, then paste it2 somewhere: into an email, a text message to your landlord, a Slack thread, a Zoom chat, wherever!

How to edit screenshots quickly

Get familiar with your default basic image editor. I’m on Mac, so use the Preview application. Alternatively there’s this online MS Paint remake that works pretty well.

The functions you’ll want to get comfortable with are:

The faster you can do those actions without thinking about them, the easier it will be to respond with an image instead of with text. Here’s an example of me doing a quick edit in Preview:

Animated gif of editing a bee image to remove background and add text

with output

Image of a bee overlaid with text that reads “I’m a bee”

Go ahead and try a basic edit with your program of choice3:

  1. Save a screenshot of a portion of your screen
  2. Open it in your image editor
  3. Crop it into a thin rectangle
  4. Add a line of text that says “hello, I did this” and then turn the text purple and make it fill the whole box.

What to make?

Right, those are the basic skills: taking a screenshot, editing the screenshot. What to do with them?

Motivational quotes

Start with a pretty landscape; add a text box with your quote of choice.

Photo of sunset over mountains, with quote reading “computer is mistaek” over top

Especially delightful for workplace commentary.

Traditional templated memes

  1. Using an online meme template site (e.g., imgflip), add your text to a given template:
Screenshot of imgflip meme template, filled in with contents of the following meme
  1. Take a screenshot of the updated template. Don’t bother with the “generate meme” or “download” buttons! (They’ll try to make you sign up for stuff, and this way is quicker anyway.)
Toy Story meme with text “screenshots/screenshots everywhere”

This use-case is especially excellent for rapid-response comments in video chats. Did you know you could paste images from your clipboard directly into a Zoom chat? You can!

Emoji for Slack/Zulip/etc

  1. Save a screenshot of the image you want to upload.
  2. Crop it down into a square
  3. Bonus: use a “remove background” tool to make the background transparent. Think about whether it will show up in both dark and light modes; if not, add your own background to it first. The simpler the image, the better it will read from within your message application.
  4. Upload it into your messaging software. E.g., in Slack, within a workspace go to Tools > Customize Workspace > Emoji; in Zulip, do Settings > Organization > Custom emoji.
Screenshot of three custom emojis in a Zulip message: woohoo, pickle, mirror

Composite images

Save screenshots of a couple images. Open one and remove its background, then copy it into the clipboard. Open the second; paste from the clipboard over top, then resize and move the pasted image until it looks good. Note: “good”, not “perfect”. The goal is quick-and-good-enough, not “make it look like a professional Photoshopped this.”

Animated screenshot of combining a Detroit Tigers hat and a surprise pikachu meme

What should you make? Put a hat on your friend, put a penguin on a rollercoaster, I don’t know! Whatever suits your mood. Why? Because it is funny.

Other screenshot uses

My primary screenshot selection usage is actually more for taking screenshots of things I want to remember from otherwise ephemeral video call chats: charts, citations, quotes. I also keep a folder on my desktop of things that make me happy: comments, praise, and general goofiness from otherwise ephemeral chat situations (Zoom/Slack/group texts, etc).

I also like it for responding in digital conversations—a picture is worth a thousand words, etc.4 Other things I have done with a modified screenshot image: frame it and gift it. Put it on a puzzle and sent that puzzle to a friend. Print it in triplicate and tape it all over my team’s meeting room.

With great power comes great responsibility

It should go without saying, but it is important, so I’m going to say it anyway:

  1. Respect assumptions of privacy! E.g., no sharing Zoom screenshots of people, slides, or the chat without permission.

  2. Be respectful in your choice of meme templates, text, and imagery. Avoid -isms (subtle or otherwise), inadvertent microaggressions (such as digital blackface), and punching down.

Homework

Congrats, now you’re an artist! Put your friend’s profile picture into that historic photo (maybe even more than once??), slap a watch on a loon, make it quick and sloppy5 and share it and move on.


Footnotes

  1. Other OS (phone, etc): Sorry, you’re going to have to look it up yourself. Go ahead and do that now! :)↩︎

  2. Like you would normally paste any copied text: cmd+v / ctrl+v / etc.↩︎

  3. I’m not going to write up specific editors; there are almost certainly loads of tutorials for whatever computer/program you have access to, so use that! If you are a Preview user, these tools will all be in View > Show Markup Toolbar; the remove background tool is called “Instant Alpha”.↩︎

  4. Bet you thought you were going to make it through the whole piece without me saying that!!↩︎

  5. And none of that AI generative image nonsense, please. This is all about using your human creativity!↩︎