{"id":325,"date":"2015-06-10T05:30:00","date_gmt":"2015-06-10T05:30:00","guid":{"rendered":"http:\/\/www.risingtidesociety.com\/?p=325"},"modified":"2024-01-08T08:34:37","modified_gmt":"2024-01-08T16:34:37","slug":"3-steps-to-branding-your-social-media-announcement-images","status":"publish","type":"post","link":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/3-steps-to-branding-your-social-media-announcement-images","title":{"rendered":"3 Steps to Branding Your Social Media Announcement Images"},"content":{"rendered":"

\"Three<\/a><\/p>\n

Have you ever wanted to make an announcement on Instagram with a text overlay, but struggled to make the image fit with your brand? Or, maybe you\u2019ve wished you could share some of your favorite quotes, but wanted to provide some original, branded content. If you are like a lot of business owners out there, Photoshop can be a little intimidating and while there are a ton of apps you can add text to your images with, you can come away with images for your business that are less than the pretty & polished look you were hoping for.<\/p>\n

Today I want to walk you through three simple steps you can follow in Photoshop<\/a> to create more effective and beautiful announcement images. Plus I\u2019ve designed a [[free template<\/a><\/strong>]] for you that you can follow along with and customize to fit your own brand!<\/p>\n

Go ahead and open up the template, and let\u2019s make it all yours!<\/p>\n

Step 1<\/h4>\n

Write in your short and sweet text.<\/em><\/p>\n

In Photoshop, add in the text you\u2019d like the image to have. Figure out the gist of it in as few words as possible. For announcements, be sure to take advantage of using a larger headline and smaller subhead. This will break up your content and make it more scannable. For quotes, you may just need one text size for the quote and one for the author name.<\/p>\n

Remember \u2014 readers are scrolling through their newsfeeds pretty fast \u2014 cramming in too much text is a surefire way to make sure your message is not read. If you do have more specifics and thoughts to share, those are best kept for the caption beneath the image.<\/p>\n

\u00a0<\/strong>
\nStep 2<\/h4>\n

Choose a photo & layout your text will be readable on.<\/em><\/p>\n

Pick an image with plenty of whitespace or plan on a design with enough contrast so all your words are really easy to read. One important thing to remember: if readers have to work to get it, they won\u2019t. Make it super easy to read with no squinting needed.<\/p>\n

Place an image with a large amount of empty space where you can center your text.
\n\"\"
\nTo place an image, drag and drop from your finder window into your Photoshop template or go to file > place embedded.\u00a0If you pick a denser image, try using an opaque overlay in a light brand color for text to be clearly read on.<\/p>\n

\"Three
\nIn the Photoshop template, you can do this by turning on the \u201coptional text background layer.\u201d In this example I have set a color fill layer to 50% and also changed the border color and website name to white for ample contract.<\/p>\n

Once you have your text and\u00a0image in there, it\u2019s time for the fun part!<\/p>\n

\u00a0<\/strong>
\nStep 3<\/h4>\n

Customize to match your brand colors & fonts.<\/em><\/p>\n

If you don\u2019t already have the info, ask your designer where you can license & download your brand fonts and what your brand colors are. If you don\u2019t have the budget for primo fonts, you can also ask your designer what a good free font alternative<\/a> would be. Make sure your brand fonts are installed on your hard drive and then you\u2019ll be ready to brand the image with your typefaces.<\/p>\n

In this template, I have used free Google fonts you can download here<\/a> and here<\/a>.<\/p>\n

\"Three
\nTo change your Photoshop fonts, open the Character palette. Then, click on the text area to activate that layer and then select the text you want to change. With the text and layer selected, you can now pick the correct font for your brand from the ones installed on your hard drive. You can also adjust to size or spacing of the letters in the dialog box to match any text styles your designer may have included in your brand board.<\/p>\n

Next, you\u2019ll also want to change the colors to match your brand. (For a clean and sophisticated look, I\u2019d recommend sticking with a neutral base color like grey or black and then just adding in 1 of your brand colors in place of the light grey in the template.)<\/p>\n

\"Three
\nSelect the text you want to change the color of and enter the hex color code.<\/em><\/p>\n

\"Three
\nOr, select the pantone color by clicking on \u201ccolor books\u201d > \u201csolid uncoated.\u201d<\/em><\/p>\n

\"Three
\nSelect the border and change the stroke color in the properties palette.<\/em><\/p>\n

\"Three
\nFor a different look with no photo, you can turn on the color fill layer in the optional background color folder and change it to a light color that suits your look by double clicking on the colored box next to the layer name.<\/p>\n

And, there you have it! An image that fits in with your branding and that can effectively share your message. Wondering what kind of images you can share using your newly acquired skills? Here are just a few ideas to start spreading your brand messaging in style:<\/p>\n