Want to know how to quickly come up with new ideas to shape your text in a creative way?
With Adobe Firefly's Structure and Style Reference features the creative possibilities are endless.
My name is Rob de Winter, and in the next few minutes, I'll show you how to import a reference image of a text and control the outlines, edges, and style of your generated images.
First, go to the Adobe Firefly website on www.firefly.adobe.com,
Generating initial images with text prompts
then click on the Text to image module, enter a prompt ice cube lettering in the snow, night setting with bright northern lights sky.
Then click Generate.
Adobe Firefly will give you four variations based on your prompt.
Now let's generate four new variations
Applying structure reference to control text layout
based on the structure of our reference image and the style of an image from the Style Reference gallery.
First set Aspect ratio to Widescreen.
Then set Content type to Photo.
Navigate to the Structure option and upload the image of your text.
I created this image in Adobe Illustrator and saved it as a JPEG, but of course you can use any app to create an image like this.
Let's now drag this image into the Reference Structure box.
You can use the Strength slider to adjust the degree of similarity to the reference image.
In this case, it's best to drag the Strength slider all the way to the right for the greatest possible resemblance.
Now let's click Generate first.
As you can see, Firefly uses the text from the Structure Reference image, but it's not exactly what we wanted to generate.
This is also partially because the prompt we used is quite short, but using a style reference image makes it a lot easier to get the desired end result.
Adding style reference to refine visual appearance
So let's now add this style reference image.
It's an image of an ice cube in the snow with a beautiful northern light sky behind it.
I created this image in Firefly and made some edits in Photoshop.
If you upload an image like this as a style reference, Firefly will most likely use the ice cube as a material for the text because the ice cube is centered in the image.
The snow, skies, and trees will be used, most likely for the rest of the image.
Now navigate to the Styles option and drag your image in the Style Reference box.
If you don't have a style reference image, you can also choose an image from the image gallery.
Drag the Strength slider all the way to the right for the greatest possible resemblance.
Click Generate to generate four new variations.
All the variations are now based on the Structure and the Style options.
Combining structure and style for final results
The Structure option designs the overall layout and organization like building blocks or a wireframe, and the Style options control the visual appearance of those elements.
If you use the Structure and Style components together, you can better guide your results.
The results look really great.
You can now pick one or more variations you like most and download them.
Now we have explored the Structure Reference and Style Reference features on a text image, I encourage you to experiment on your own images.
Again, my name is Rob de Winter and I hope to see you in the next video.
Note: Stock assets provided are for practice purposes only. See terms.
What you learned
Create unique visuals based on your text or logo
After generating an image with a prompt, upload your text or logo image as a Structure reference image. This guides the generated image while still maintaining creative freedom.
Use the Strength slider to achieve your desired outcome
You can control how closely the result resembles the reference. Drag the Strength slider to the right for stronger influence; drag left for more creative variation.
Control the overall visual appearance
In the Styles section, upload a reference image with the desired style (photo, painting, sketch, etc.) or browse the Gallery. Firefly will apply a similar style to your generated visuals.
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.
