Images, cut-outs, icons and illustration

Most social graphics combine type and color with images: photographs of the creator, products, places and food; cut-out subjects placed on colored backgrounds; icons that label ideas; illustrations and shapes that add personality. Choosing and preparing these visual elements well, and using them legally, is a large part of graphic design for social media. This lesson covers choosing photos for graphics, cropping and framing for each format, cut-outs and background removal, shapes and frames, icons, illustration and stickers, mockups, sourcing images legally and safely, AI-generated images, and file preparation.

Choosing photos for graphics

A photo that works well on its own may not work in a graphic. Good photos for graphics have a clear subject that reads at small sizes; simple or blurred backgrounds, or space for text; good light and sharp focus on the important part; expressions or actions that fit the message; and enough resolution to crop. Plan photos for graphics when shooting: leave space above or beside the subject for headlines, shoot both horizontal and vertical versions, capture several expressions for thumbnails, and photograph products on clean backgrounds that are easy to extend or remove (CRE-130 and PHOT-202 cover shooting and editing). Building a library of your own brand photos, organized by subject and orientation, makes designing faster and more consistent.

Cropping and framing for formats

The same photo usually needs different crops for different formats. A horizontal photo may be cropped tightly to a face for a 1:1 profile image, to a medium shot for a 16:9 thumbnail, and to a vertical slice for a 9:16 cover. When cropping, keep the subject's eyes roughly on the upper third line, avoid cutting through joints such as wrists and knees, leave lead room in the direction of gaze or movement, and keep important details out of safe-area margins. Cropping enlarges the remaining pixels, so check that the result still has enough resolution for the output size; a crop smaller than the final pixel dimensions will look soft.

Cut-outs and background removal

Cut-outs, subjects separated from their backgrounds, are a staple of thumbnails, covers and branded graphics: a creator's head and shoulders placed over a bold color, a product floating on a gradient, a dish isolated on a plain background. Design tools and phone apps now remove backgrounds automatically with machine learning, often well, but results need checking around hair, fingers, transparent objects and edges, where halos or missing pieces appear. Refining edges manually, softening them slightly, and adding a subtle outline, shadow or glow help cut-outs sit naturally on new backgrounds. A white or colored outline around a cut-out, sometimes called a sticker effect, is a popular thumbnail style that separates the subject from busy backgrounds. PHOT-202 covers precise masking and selection in Photoshop.

Shapes, frames and backgrounds

Simple shapes, such as rectangles, circles, rounded boxes, lines and blobs, structure graphics and carry brand character. Solid shapes behind text improve legibility; frames and borders unify a series; circles crop profile photos; arrows and lines direct attention; organic shapes soften technical content. Backgrounds can be solid brand colors, gradients, subtle textures, blurred photos or patterns. Choose a small set of shape styles consistent with your brand, such as rounded corners with a set radius or sharp geometric forms, and use them consistently. Overusing decorative shapes clutters a design; every shape should do a job.

Icons

Icons are small symbols representing ideas, actions or objects: a clock for time, a heart for health, a lightbulb for ideas, a checkmark for completion. They help viewers scan information quickly, especially in lists, steps and infographics. Effective icon use requires a consistent style, with the same stroke weight, corner style, level of detail and fill style across all icons in a graphic or brand; mixing styles from different sources looks messy. Icons should be simple enough to read at small sizes and familiar enough to be understood without explanation, but they should usually be paired with text labels, since meanings are not universal. Icon libraries offer large, consistent sets under various licenses; check the license terms for commercial use and attribution.

Illustration, stickers and emoji

Illustrations add personality and can explain ideas that photos cannot: processes, concepts, imaginary scenes. A consistent illustration style, whether hand-drawn, flat, line-based or textured, becomes part of a brand. Creators can commission illustrators, use licensed illustration libraries, or create their own. Stickers and GIFs in story tools, and emoji in graphics, add playful, native-feeling elements but date quickly and may look unprofessional in some niches. Emoji also render differently across devices and are announced by name by screen readers, which can be confusing when many are used.

Mockups

Mockups show designs in context: a book cover on a book, an app screenshot on a phone, a t-shirt design on a model, a printable planner on a desk. They help audiences imagine digital and physical products and are widely used in promoting courses, merchandise and templates. Mockup templates are available for many products; screenshots placed into device frames should be accurate, without misrepresenting the product. For physical products, real photos are usually more trustworthy than mockups once the product exists.

Sourcing images legally and safely

Using an image you did not create requires permission, through a license or a legal exception. Common sources include:

• Your own photos and graphics, which you own (unless created for a client under an agreement transferring rights).
• Stock libraries, which sell or provide licenses; read the terms, as many restrict uses such as merchandise, sensitive subjects or logos.
• Free image sites with permissive licenses; check each site's terms, verify that uploaders had the right to share, and avoid images with recognizable people or trademarks for commercial use unless releases are provided.
• Creative Commons licensed images, which may require attribution or prohibit commercial use or modification, depending on the license (CC BY, CC BY-SA, CC BY-NC and others).
• Public domain images, whose copyright has expired or been waived, though related rights such as photographs of artworks or trademarks may still apply.

Images found through search engines or on social media are not free to use simply because they are visible. Using someone else's photo without permission can lead to takedowns, account penalties and legal claims. Images of identifiable people used commercially may also require their consent (CRE-320). Lesson 12 covers copyright and licensing in more depth.

AI-generated images

Generative AI tools can create images, backgrounds, illustrations and variations from text prompts, and are built into many design tools. They can speed up production for concepts, abstract backgrounds and illustrations, but raise several concerns: generated images may contain errors such as distorted hands or text; they may imitate the styles of living artists or reproduce elements of training data; their copyright status is uncertain and varies by country, with some offices declining to register purely machine-generated works; some platforms and clients require labels for realistic AI-generated content; and realistic fake images of real people or events can mislead audiences. Use AI images thoughtfully, avoid realistic depictions that could be mistaken for photographs of real events or people, check platform and client policies, and disclose where appropriate (CRE-320).

Preparing images for design

Good preparation saves time and protects quality. Keep originals at full resolution and work on copies; edit photos for exposure and color before placing them, so graphics look consistent; remove backgrounds on high-resolution versions; use PNG or other formats with transparency for cut-outs and logos; use vector formats such as SVG for icons and logos, which scale without losing quality; name files clearly; and organize brand assets in folders or a design tool's asset library. Exporting final graphics as high-quality JPEG or PNG at the exact pixel dimensions gives the platform the best material to compress.

Building a brand photo library

A library of your own photos solves many design problems. Plan a photo session every few months to capture assets: portraits with different expressions and gestures, both horizontal and vertical, with space for text on either side; photos pointing at empty space where text or products can go; shots of your workspace, tools and products; and backgrounds such as textured walls, desks and locations that suit your brand. Shoot against plain backgrounds for easy cut-outs, and keep lighting consistent so photos match across graphics. Organize the library by type and orientation, tag images with keywords, and refresh it as your appearance, workspace or brand changes.

Screenshots and user-generated content

Screenshots of apps, websites, messages and comments are common in creator graphics, especially for tutorials, reviews and social proof. Make them legible by cropping to the relevant part, enlarging, and placing them in a device frame or on a clean background. Hide personal information such as names, profile pictures, email addresses and phone numbers unless you have permission to show them. When featuring comments or posts from followers, ask permission where possible, credit them as they prefer, and never edit their words in misleading ways. Screenshots of other creators' or companies' content may raise copyright and trademark issues if used for more than commentary or review.

Consistent image treatment

Images from different sources look disconnected unless treated consistently. A brand image treatment might specify a color grade or filter, a level of contrast, a crop style (tight faces, wide scenes), a border or corner radius, a cut-out style with outlines or shadows, and an overlay color for text areas. Applying the same treatment to every image in a series turns a mix of photos into a coherent set. Save treatments as presets or reusable components in your tools.

Image quality checks

Before using any image, check it at 100 % for focus, noise, compression artifacts and cut-out edges, and confirm it has enough resolution for the largest format you will use.