Creating a graphic from start to finish using Adobe Express.
What you’ll need
Practice in the app
Introduction
In this course, graphic designer, educator, and coach Mariah Althoff teaches us how to harness the foundations of graphic design to create successful graphics using Adobe Express.
But what does a successful design even look like? Fundamentally, a successful design (graphic or otherwise) effectively conveys information or elicits an action. In our time today, Mariah will walk us through a design from concept to creation.
At the very beginning of your design process, before even putting cursor to pixel, ask yourself, what is the goal of this graphic? For today’s example, Mariah is designing an event poster for a music festival with the goal of capturing interesting and selling tickets. She shows us how to:
Define the visuals needed
Choose fonts
Build a color palette
Create visual hierarchy
Refine the graphic
Let’s dive in.
Defining your visuals and audience
Before you begin designing it’s important to take a moment to define who you’re designing for. Brainstorm and identify who your audience is, so when you start designing you’re fully set up for success. Here are some questions you can ask yourself to start:
Who is your target audience?
What colors, shapes, design styles, etc. are going to appeal to or resonate with them most?
What’s the style, aesthetic, or vibe you want your graphic to convey?
Choosing fonts
While it can be tempting to use all your favorite fonts in your brand or design, limit yourself to the use of only two or three fonts in your graphic so it looks professional and is easy to understand. Mariah recommends you choose a font for each of the following:
a header text font
a body text font
and either, a sub-header OR an accent font
Keep in mind that your audience should be able to understand the text on your graphic with just a glance, so choose fonts that are legible. Also remember to keep the fonts distinct from each other so it’s clear which takes precedence. You can do this with hierarchy (which we’ll cover more later), but it’s also important to choose fonts that go together and feel like they’re a part of the same style family.
Building a color palette
When it comes to defining your colors, Mariah recommends you choose one of each:
A darker color
A lighter color
A brighter color
Additional colors can be used for accents, but choosing one color for each of these three categories will get you off to a great start.
Your colors should align with the overall aesthetic of your graphic and, if you’re not quite sure where to start with creating a color palette, Adobe Express has recommended color palettes so you don’t have to start from scratch.
Establishing visual hierarchy
We mentioned we’d come back to hierarchy, so let’s talk about it now. Visual hierarchy uses design elements to establish an order of importance. This helps to strategically move the viewer’s eye throughout a design and can help them to understand the most important information in a design. (Even subconsciously!)
Establishing visual hierarchy can be done with every element of a design; images, text, accent elements, etc. and through size, boldness, and color.
With text, for example; the header text should be the biggest and boldest, the subheader text is next, followed by the body text being the smallest.
Designing graphics in Adobe Express
In this section, Mariah walks us through bringing all her earlier tips to life from start to finish. She’ll pick and edit an image for the poster’s background, layout the text, and make final adjustments. We’re almost done!
Refining your work and conclusion
Mariah wraps up the graphic by ensuring proper spacing and alignment, adjusting colors slightly, and ensuring everything is just right. Thanks for joining us for this course and remember:
Define your audience and aesthetic before you begin
Choose 2-3 legible, distinct fonts and stick to them
Build a simple color palette by choosing a darker color, a lighter color, and a brighter color
Use visual hierarchy to organize the importance of information so viewers know how to read your design
What you’ll need
Practice in the app
February 26, 2024
Try these tutorials with Adobe Express
Create web pages, social media graphics, and videos.
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage and local shared objects, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
General information
You can control how Adobe websites use cookies and similar technologies by making choices below. But note that if you disable cookies and similar technologies entirely, Adobe websites may not function properly.
Cookies are small text files stored by your web browser when you use websites. There are also other technologies that can be used for similar purposes like HTML5 Local Storage, web beacons, and embedded scripts. These technologies help us do things like remembering you and your preferences when you return to our sites, measure how you use the website, conduct market research, and gather information about the ads you see and interact with.
You can make choices in the menu below about what cookies and other technologies you want us to use on Adobe sites when you visit them from this browser. You can always change those choices later by clicking on the Cookie Preferences link at the bottom of the page.
If enabled:
We can improve your experience by tailoring the site and the content to things we think might be of interest
We can better keep track of your preferences — like what language you prefer to use
We will better understand your likely interests so we can provide you more relevant Adobe ads and content on non-Adobe websites and in non-Adobe apps
It will help us improve the performance of our website and those of our partners who use the Adobe Experience Cloud
If disabled:
We won’t be able to remember you from session to session so the experience may not be tailored to your interests
We’ll still count your use of our site and services
You’ll still have access to the content of the site but certain features that depend on cookies may not function
You’ll still see ads, they just may not be as relevant to you
Operate the site and core servicesOperate site and measure engagement
Always active
These cookies are required, and they are used to enable the site and related services core functionality. Without them the site could not operate, so they cannot be disabled.
These cookies enable the site and related services’ core functionality and collect statistics about user engagement, such as counting active use to help us understand trends. These cookies cannot be disabled.
Measure performance
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued and how often unique visitors return to the site, making it hard to improve information we offer to you.
These cookies are used to analyze site usage to measure and improve performance. Without them Adobe cannot know what content is most valued, making it hard to improve information we offer to you.
Extend functionality
These cookies are used to enhance the functionality of Adobe sites such as remembering your settings and preferences to deliver a personalized experience; for example, your username, your repeated visits, preferred language, your country, or any other saved preference.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.
Personalize advertising
These cookies are used to enable Adobe and our partners to serve ads more relevant to your interests. Without them you will still see ads, but they might not be as relevant to you.