Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed AI Tools for Designers!
You have completed AI Tools for Designers!
Preview
Learn about a suite of generative AI tools from Adobe called “Adobe Firefly”. We’ll review both their text-to-image tool and their “text effects” tool, and see how they compare when creating design assets.
Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
Adobe Firefly is a family of creative
generative AI models that Adobe is
0:01
developing for
its Creative Cloud products.
0:05
It is currently in beta and is focused
on image and text effect generation.
0:08
Firefly can be accessed through its
website firefly.adobe.com or within beta
0:13
versions of the Adobe Creative Cloud
apps such as Photoshop and Illustrator.
0:18
Firefly is designed for
creative professionals who wanna use AI
0:23
to speed up their workflows and
create more visually appealing content.
0:26
Exploring Firefly comes at zero cost.
0:30
It's yours to use for free.
0:32
However, an Adobe Creative Cloud
subscription is required to leverage its
0:34
features like generative fill
in heavy hitters like Photoshop.
0:38
To use Firefly, you first need to
provide it with some inspiration.
0:42
Firefly will then generate
a variety of creative outputs based
0:46
on your inspiration.
0:50
You can then refine the output by
providing feedback to Firefly.
0:51
The text field is where you enter
the prompt for your desired content.
0:55
You can use natural language to describe
what you want Firefly to generate,
0:59
or you can use keywords or phrases.
1:02
The toolbar contains controls for
adjusting the style and
1:04
settings of the generated content.
1:07
You can use these controls to
change the color, lighting, and
1:09
composition of the images or
the style of the text effects.
1:12
But let's begin.
1:16
As usual,
we'll start with our photography prompt.
1:17
Photograph of a baker pulling
fresh cupcakes out of the oven.
1:20
I wonder how firefly will do.
1:24
Hey, not bad.
1:28
Outside of some small errors each
image looks like a real photograph.
1:29
And the results seem to be more
diverse than say mid journeys.
1:34
Let's generate some more
images from this prompt,
1:37
this time in landscape mode by using
the drop down menu under aspect ratio.
1:40
Awesome.
1:53
Firefly has generated another
set of four images, and
1:54
this time the background areas
in each are quite different.
1:56
I love the versatility Firefly
offers in its generations.
1:59
Next let's try creating our
textured gradient background.
2:03
Wow, I think these came out excellent.
2:19
But let's try adjusting
some of the settings.
2:21
Under Content Type,
I'll click on Graphic, and it will
2:23
automatically regenerate our prompt with
the addition of the Graphic setting.
2:26
Interesting, that really brought
out the textures in our gradients.
2:33
But what happens if I change our prompt
from a texture gradient background to
2:37
a linear gradient background?
2:41
Adobe Firefly adjusts to our prompt and
2:50
provides linear gradients of
different strengths and styles.
2:52
I think we've found a strength of
fireflies since all of these background
2:56
generations have been super impressive.
3:00
But what about icons?
3:02
Let's try our cupcake icon prompt and
see what Firefly dishes out.
3:04
Bummer.
3:15
That wasn't quite what
we were looking for.
3:16
Let's try refreshing and see if
the next four images are any closer.
3:18
Nope, Firefly still
isn't generating images
3:32
with the same accuracy as Midjourney or
the Bing Image Creator.
3:35
Let's try adjusting the prompt a bit,
we'll take out a few words in hopes
3:39
that it will make the prompt
more clear for the AI.
3:43
This time we'll use Cupcake Icon,
Black Icon, White Background.
3:45
No, it's still not working
how I would have hoped.
3:49
I think we may have found Firefly's
weakness compared to the strength we just
3:52
discovered.
3:55
Let's move on to generating some
website layout inspiration.
4:03
I can't wait to see what
Firefly comes up with.
4:07
It seems Firefly is running into a similar
issue that Dall-E Bing Image Creator
4:17
ran into with these prompts bringing back
illustrations of web designs as opposed to
4:23
actual layout options, we'll try again and
I'll change our aspect ratio to 3 by 4.
4:28
I wonder if we can achieve better
results by adjusting our prompt.
4:34
Let's change website layout
to website UI design.
4:37
It looks like the layouts
improved somewhat but
4:52
Firefly is still struggling
with this request.
4:54
I think I'll try changing the content
type from graphic to photo.
4:56
Nope, that's not it.
5:05
Let's try taking off all
content type styles completely.
5:06
Yeah, I think this is either a trouble
area for the Firefly model or
5:15
I'm not prompting it in the correct way,
which could very well be the case.
5:19
But let's move on to our last prompt for
our mobile app UI.
5:25
While these images are a bit
more visually interesting,
5:36
it still isn't what we're after.
5:39
These images are closer to being
product mockups rather than UI design.
5:41
So, for this test, we'll have to
conclude that this is another area where
5:46
Adobe Firefly struggles.
5:50
Now I wanna show off some random prompts
while experimenting with the settings bar
5:52
on the right.
5:56
We'll start with my prompt illustration
of a cupcake on a platter with sprinkles
5:57
exploding in the background.
6:01
Whoa, this was a good prompt.
6:13
Let's try adjusting the styles though.
6:15
Let's add the style
attribute palette knife.
6:27
Now our picture has a different style, one
that should feel more like it was painted
6:43
slash sculpted, but
that's hard to tell in this example.
6:48
Let's try another style, how about doodle?
6:51
But first, let's make sure we take
off the palette knife attribute.
6:53
Awesome, this example was more extreme,
7:00
all of the images now look
like hand drawn illustrations.
7:02
Let's find a style attribute
I've never used before.
7:14
How about product photo?
7:17
Let's take off the doodle
attribute first and hit Generate.
7:18
Wow, our images now look
closer to realistic photos.
7:31
Next, I wanna try one of my favorite
7:34
style attributes, layered paper.
7:40
While these are some nice looking images,
it's a bit hard to see the effect as these
7:47
generations aren't as extreme as
the doodle attribute, for example.
7:52
Let's try it on another prompt instead.
7:56
Let's use snake in the jungle.
7:58
There we go.
8:07
Let's try another style attribute.
8:24
I know, we'll use pixel art.
8:26
As always, we'll be sure to take
off our previous style attribute.
8:28
That's sick, all of our snake images
look straight out of a video game,
8:39
that's so cool.
8:44
Lastly, I'll try a few of these colors and
9:01
lighting settings just to give
you an idea of what's possible.
9:03
Under Color and Tone,
we'll select black and white.
9:07
Now each of our images have a certain
level of black and white and
9:18
monochromatic style to them, neat.
9:21
Next I'll add a style attribute of
macro photography to see if we can get
9:23
a ridiculous close up shot.
9:27
That's pretty close, but I also noticed
all of our other style attributes
9:29
are still applied, including pixel art.
9:33
Let's get rid of all of our
style attributes except for
9:35
macro photography and
hit generate one more time.
9:38
Bingo, Firefly has provided for
close up images of snakes in the jungle.
9:47
I really wanna see what the low poly
style attribute would do to this prompt.
9:51
Let's try it.
9:56
Man, these are cool too.
10:00
They look like computer generated graphics
for a video game or animated film.
10:01
I hope this was enough to give you an idea
of what all you can create using the text
10:05
to image model from Firefly and how easy
it is to adjust your settings to generate
10:10
images with completely different looks and
feels.
10:14
Up next, we're going to try out another
Firefly tool called Text Effects.
10:24
Text Effects allows you to
add special stylizations or
10:28
textures to your text using AI.
10:31
For this first test, I'll use
the Best Bakery as our text to style,
10:38
and in various cupcake types,
red velvet, chocolate, vanilla,
10:42
as our text effect prompt.
10:45
Let's see what we get.
10:47
And as you see, Firefly begins generating
text filled with cupcake imagery, and
10:50
even gave us an assortment of
treats just as we had asked for.
10:55
This is an insanely creative tool and
I don't think designers have
10:59
begun to scratch the surface for what's
possible with tools such as text effects.
11:02
It's a little hard to see the details
clearly, so let's take out the best and
11:06
just style the word Bakery.
11:11
There we go.
11:12
The text is much larger and
easier to see for this demo.
11:13
Pretty neat how Firefly custom
generates the text layers on the spot.
11:17
We can even click on the different options
it provides to see the different versions
11:21
it has generated.
11:25
Let's try a version with nothing but
red velvet cupcakes.
11:26
Firefly has once again provided us
with exactly what we've requested,
11:41
but I wanna show off
a more extreme example.
11:45
How about we use chocolate chip cookie?
11:47
And just like that the word bakery
looks as if it was made of cookies.
11:57
Let's try a basic prompt like
cupcake to see what we get when
12:01
I don't add flavor descriptions.
12:04
Cool, the cupcakes are way
more colorful this time.
12:10
Next let's change our text to style.
12:16
We'll use the word tree house and
let's style it with the prompt lemon.
12:18
And just like that our phrase tree
house is made up of lemon slices.
12:32
Let's try another prompt,
this time we'll use leaves.
12:37
And as expected, the word treehouse
is now made up of leaves.
12:46
Let's try out a few of
these other variations.
12:49
We can even try some of these default
sample prompt styles such as balloon
12:56
Or even bread toast.
13:04
While fun and somewhat silly to play with,
13:13
I'm sure you can see the potential in this
incredible technology for Adobe Firefly.
13:15
But that will conclude our demo in Adobe
Firefly, let's move on to our last tool.
13:23
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up