Today I'm going to show you how to build a clean, compelling Behance case study using Firefly Boards as the foundation of my creative process.
I'm Nick Longo of Longo Designs, and we're going to walk you through how I develop a fictional brand identity and turn it into a small but polished case study that's ready to share on Behance.
The goal here isn't just to make visuals, but is to show you how Firefly Boards can help you explore ideas, build mockups, and tell a clear, creative story from start to finish.
I've started with these three unique files that I copied and pasted from Adobe Illustrator.
These are the graphics that I'll use to build out a series of mockups.
Explore visual directions from brand artwork
I'm going to click Generate image, and I've pasted in a prompt that I created using an LLM.
This allows me to include a high level of detail about how I want my mockups to look and feel.
In this case, we've created a blank T-shirt with artist supplies scattered around it, looking like it's in a working studio.
Next, I'm sampling both the logo and the T-shirt, prompting Firefly Boards to place the graphic directly on the shirt.
The results are pretty incredible.
Once you hit Place on canvas, you've got your first image ready for the case study.
We could speed things up now, and we'll move along and create the same thing for a mug.
For the third piece, I want to try something a little different.
We've written a prompt for a corduroy hat in the same artist studio.
After generating the image, I can go to Edit and basically ask Firefly to convert this artwork into an embroidery patch.
What we get back is a beautiful, detailed embroidered patch ready to apply to the hat using the same process that we did for the T-shirt and the mug.
Generate polished mockups for a cohesive story
Now that you have these three highly detailed original on-brand images ready for your Behance case study, let's take it to the next step.
You're going to click on each one of these and simply hit Download; you'll choose your preferred file or format, save these into a folder and you're ready to move to the next step, creating a case study in Behance.
Present a portfolio-ready project
Over in Behance, click Share Work and select Project.
From there, choose Image and upload all of the visuals that you just created in Firefly Boards.
You can scroll to the top and click Edit and reorder and arrange your tiles exactly how you want them.
Notice I've added a simple title card I created in Illustrator to act as the header.
Next, go over to Styles and slide the Content Spacing over to the far left and hit 0.
Once it's saved, you can scroll through and review your entire case study.
Just like that, you've built a polished, cohesive case study.
Hit Continue, and now you get to personalize your entire project by adding specific Title, Tags, Category, and Tools that you've used in the Adobe Creative Cloud.
Head over to the Edit Cover image, and now you can actually add your specific cover image that you would like as the header.
Notice here I've used a cropped image of the corduroy hat for my cover image, and now I published it and I have a finished case study ready to check out.
And it is live on your Behance page.
Now it's your turn.
Go ahead and use Firefly Boards to explore your own visual directions.
Build a small set of finished images and turn them into a Behance case study that clearly communicates your creative thinking.
What you’ll learn
Explore visual directions from brand artwork
Start with your artwork and explore multiple directions using prompts. Build a strong foundation that supports your brand story.
Generate polished mockups for a cohesive story
Place your designs into realistic product scenes. Refine details and experiment with styles to create a cohesive set of visuals.
Present a portfolio-ready project
Arrange your visuals into a clean layout that shows your process and decisions. Add a strong cover and publish your project on Behance.
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.
