{"id":1858,"date":"2020-01-13T21:19:35","date_gmt":"2020-01-13T21:19:35","guid":{"rendered":"http:\/\/www.revolutionsincommunication.com\/viscomm\/?page_id=1858"},"modified":"2025-09-05T17:53:53","modified_gmt":"2025-09-05T17:53:53","slug":"newimage","status":"publish","type":"page","link":"https:\/\/revolutionsincommunication.com\/viscomm\/newimage\/","title":{"rendered":"2.2 Create text and image memes"},"content":{"rendered":"

The basic strategy<\/strong> when you learn to use a software application is to start with simple exercises and then work towards more complicated things.\u00a0 Here we will create a text meme (2a) and an image meme (2b). Then we will upload them to your web pages and to other social media.<\/p>\n

\u00a02.2.A Text meme\u00a0<\/strong><\/span><\/h3>\n

The first meme will be an image file with any short text content you like.\u00a0 It could be a meme encouraging people to vote or it could be a favorite inspirational quote. It will have white text on a color background.\u00a0 Search for an idea or a poem or a quote.\u00a0 Here we’ll use something from Lord of the Rings:<\/p>\n

“All we have to decide is what to do with the time that is given us.\u201d\u00a0 \u00a0<\/span><\/em><\/strong><\/p>\n

This is 16 words and 66 characters, which is about the right length of text for engagement, according to social media experts.<\/a><\/p>\n

Size:\u00a0<\/strong> Standard sizes for memes and internet advertising are here at the Internet Advertising Bureau<\/a>. Choose between leaderboard (728 pixels wide by 90 pixels high) and smartphone banner (320 x 50).<\/p>\n

\"\"<\/a>

Step 1 – Create a new image file<\/p><\/div>\n

Step 1\u00a0 <\/strong>Open Adobe Photoshop, pull down from the top “File” menu and select some of the options. We want to create a new leaderboard size file, so first make sure that the measurement units you are specifying are pixels, and not inches. You may have to pull down the units menu to find pixels. Now enter 728 width and 90 height.<\/p>\n

Also select the color of your leaderboard. Here we are using green, which we specified by clicking on color picker and selecting a color we like.\u00a0 Now click on the big blue “crate” button. That takes you to the setup page.\u00a0\u00a0<\/span><\/p>\n

 <\/p>\n

\n
\"\"<\/a>

Step 2 – place text on your leaderboard<\/p><\/div>\n

Step 2<\/strong>\u00a0 \u00a0You’ll see a wide green bar on your screen and lots of menus.\u00a0 The main toolbar menu is usually to your left, and you begin placing text with the\u00a0 text tool “T”.\u00a0 (See “Image editors”<\/a> on this site for more about Photoshop men us).<\/p>\n

Click on the text tool and then click on the big green bar, and you should be able to type your text in. Its a good moment to stop and check for typos or\u00a0 errors.<\/p>\n

The text is probably not yet the color you want, so once you get your text in you’ll want to change it to white.\u00a0 \u00a0So to change type color, sweep the cursor across the selection and it should be highlighted. Then you can click on the color box on the text sub menu and change it to white.<\/p>\n

You’ll also want to\u00a0 use the sub-menu to make other changes\u00a0 to the font or to some of the characteristics (bold<\/strong>, italic<\/em>), and to the positioning (T with lightning bolt) and leading and kerning (last T on the sub menu).<\/p>\n

Leading is the space between lines. Kerning is the space between letters.<\/p>\n

\n
\"\"<\/a>

Step 3 – Position the text<\/p><\/div>\n

Step 3<\/strong><\/p>\n

Notice that the letters fit the space comfortably. The composition is not too tight or too loose.<\/p>\n

Notice also that the text is “sans serif” type. This is more modern looking and easier to read in a headline, but serif text is easier to read in body text.<\/p>\n

 <\/p>\n

\n
\"\"<\/a>

Step 4 – Image size dialogue box<\/p><\/div>\n

Step 4 –\u00a0<\/strong> Save the Photoshop .psd file, then optimize<\/em> the size and format for the web.<\/p>\n

From the top menu, open the “Image” column and select the “Image Size” dialogue box.\u00a0 Here we see the size is 3.72 M (megabytes).\u00a0 That’s too big for a web page or social media. The optimal size we need is 200 to 800 K (kilobytes).\u00a0 So here we change the Width from 16.2 to 8 inches (the Height changes automatically if the two are linked as shown by the chain). Let’s also change the the Resolution from 144 to 72. Now our image size is around 230K.<\/p>\n

Now “save as” a .jpg or .png.<\/p>\n

\n

Note: <\/strong>When you save or export to\u00a0 a web format, the image is flattened and you can’t go back and edit the text or images in the layers. So its a good idea to save first in original formats and then secondly to “save as”\u00a0 in web formats.\u00a0 That way you can go back and edit your original .psd file.\u00a0\u00a0<\/em><\/p>\n

\n

2.2.b. Image meme\u00a0\u00a0<\/strong><\/span><\/h3>\n

Let’s create a new file using a few colored shapes in Photoshop and in Gimp.<\/p>\n

Adobe Photoshop<\/span><\/strong><\/p>\n

\"\"<\/a>

Photoshop with layers pallet (right) and size and color pallet (left).<\/p><\/div>\n

    \n
  1. Open Photoshop and create a new 5 by 5\u00a0 image with a Resolution of 72 pixels per inch.<\/li>\n
  2. Find the shape tools and place three or four shapes on the page.
    \nEach time you do this a new layer is created.<\/li>\n
  3. Notice that you can change the colors using the properties pallet.<\/li>\n
  4. Also notice that the the way shapes stack on the layers pallet. You can move the layers around and you can select different blend modes and opacities.\u00a0 The image you turn in should have blended layers and one layer with lower opacity, like this one.<\/li>\n
  5. Save as a .psd to preserve layers<\/li>\n
  6. Save\u00a0 as a jpg\u00a0 of 500 kb or less and upload to your portfolio<\/li>\n<\/ol>\n

    Gimp – Gnu Image Manipulation Program\u00a0<\/span><\/strong><\/p>\n

      \n
    1. Create a new file:\u00a0 \u00a05h\u00a0 by 5w\u00a0 with 72 pixels per inch resolution.<\/li>\n
    2. Use the select tool in the upper left hand corner of the tool bar. Draw a simple square. (There is no shape tool, as in Photoshop).<\/li>\n
    3. Select a foreground color<\/li>\n
    4. Use the paint bucket tool to fill in the color.<\/li>\n
    5. Use the opacity slider in the layers menu (lower right) to adjust the opacity.<\/li>\n
    6. Create several other squares or ovals of different colors and opacities.\u00a0 Notice that the the way shapes stack on the layers pallet. You can move the layers around and you can select different blend modes and opacities.\u00a0 The image you turn in should have blended layers and one layer with lower opacity, like this one.<\/li>\n
    7. Export as a jpg of 500 kb or less and upload to your portfolio pages.<\/li>\n<\/ol>\n

      More<\/span><\/h3>\n
        \n
      1. Shape tools and Gimp\u00a0<\/a><\/li>\n
      2. Create a simple floating logo<\/a> in Gimp<\/li>\n
      3. Digital flyers for Radford University tele-screens:\n
          \n
        1. Landscape (horizontal) not portrait (vertical) orientation<\/li>\n
        2. Document Size: width 1280 height 720<\/li>\n
        3. Dark background with lighter lettering<\/li>\n
        4. Save as jpg (from Photo editing application) or pptx (from Powerpoint)<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

          The basic strategy when you learn to use a software application is to start with simple exercises and then work towards more complicated things.\u00a0 Here we will create a text meme (2a) and an image meme (2b). Then we will … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-page.php","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-1858","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/pages\/1858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/comments?post=1858"}],"version-history":[{"count":6,"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/pages\/1858\/revisions"}],"predecessor-version":[{"id":4150,"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/pages\/1858\/revisions\/4150"}],"wp:attachment":[{"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/media?parent=1858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}