This tutorial focused on how to combine Photoshop Beta’s new generative art tools with Adobe’s AI Firefly to transform your art style. As AI becomes more prevalent, it’s important to understand how to make it work properly and not get overwhelmed by this new technology.
The powerful combination of Photoshop Beta’s advanced editing tools and Firefly’s generative art capabilities allows artists to explore new dimensions in transforming artwork. This tutorial will guide you through the process of leveraging these tools to create compelling works of art that push the boundaries of style and creativity. (For more information on this new AI tool, read Adobe Firefly.)
Below, we provide comprehensive guidance on transforming your art style with the unique synergy of Photoshop Beta, generative art, and Adobe Firefly. (For more on Photoshop Generative Fill, see our recent news article. For even more advice, read our roundup of the best Photoshop tutorials.)
what do you learn? First, we’ll introduce you to the latest features and functionality in Photoshop Beta, highlighting cutting-edge tools for image editing, manipulation, and conversion. Next, we’ll delve deeper into the world of generative art, exploring how Firefly can generate complex and visually stunning patterns, textures, and effects that can be seamlessly integrated into your artwork.
Mix Photoshop Generative Art with Adobe Firefly
01. Sign up for Creative Cloud

(Image: ©Future)
To follow this tutorial, your Adobe account must have access to both Firefly and Photoshop Beta. (The latest Adobe Creative Cloud discounts are updated regularly.) Once you’ve signed up, log in to Creative Cloud, go to the Beta section in the left menu, and find Photoshop.
02. Create a generative fill background

(Image: ©Future)
The first thing to do after opening a ready-made figure file is to select all backgrounds. It’s in the top bar between Types and Filters.If you select the entire background (allowing you to create a new empty layer), at the bottom of the image[塗りつぶしの生成]A prompt box appears. First, use the prompt “Destroyed city in post-apocalyptic fog.” An interesting thing about his Firefly generation system in Photoshop is that the same image is not created twice for him.
03. Using the Lasso Tool

(Image: ©Future)
In the early stages of experimenting with concepts using this type of generation method, the Lasso tool is your best friend. Create a new layer above the figure. Now you can use the lasso tool to draw things like cloak and armor shapes. I’m experimenting with prompts such as “flowing cape”. The results aren’t the best, but I traced the armor section of the forearm with the lasso tool, prompting “green armor with cracks of corroded metal” and got fun and interesting results.
04. Fine-tuning generative fill results

(Image: ©Future)
A very cool new trick in Photoshop Beta is the updated properties window. When you create a generated layer or section in your art, you’ll notice a new “star” symbol appearing in the corner of the layer. It is in the same position as the symbol for smart layer symbology or vector layer symbology. If the layer is generative,[プロパティ]You can see that there are three options in the window. These selections allow you to change the output of the prompt to see if the different options are suitable for your purposes.
05. Generate atmospheric effects

(Image: ©Future)
Now that you’ve covered the basics of how to use the system, it’s time to have some fun! I use the lasso tool to generate some textures in the image and some atmospheric effects such as foreground elements. One thing to note is that when you create foreground elements or particles, they will include elements from existing layers, so you may need to tweak the auto-generated mask. For this piece, I found I needed to use the brush tool to erase unwanted foreground elements that ruined the composition.
06. Fix Mistakes with Firefly

(Image: ©Future)
Next, try the lasso tool around your hand and see how you can use Photoshop’s prompt bar to create some magical elements. Unfortunately this causes some very strange effects that are not exactly what I want to achieve. I think the best way to do this is with Firefly, Adobe’s online AI generation engine. You need an Adobe account to access Firefly and sign in.
07. Using Adobe Firefly

(Image: ©Future)
Once in Firefly, use the option to convert text to image. Use the same prompts from Photoshop to create ‘green energy glowing on a black background’. I think two images will work for this image, but I need to do some editing and cleanup in Photoshop before applying it.
Downloading an image from Firefly will have a watermark in the corner of the image as it is currently in beta. Bring these into Photoshop, use the Lasso tool to select the area, and use Edit > Content-Aware Fill to remove the Adobe watermark.
08. Adjust the firefly image in Photoshop

(Image: ©Future)
Before adding these images as particles to the final composition, I often use the Gradient tool to create a faded black on the edges.[グラデーション]go to options,[基本], and select the second option, Foreground Color Only. This allows you to create a strong black fade so that the edge lines disappear when blending the glow on your composition using screen blend modes. The updated Gradient Tool takes a little getting used to, but offers more control and sensitivity.
09. Create a burst effect using AI

(Image: ©Future)
Now I’m happy with how the magic blends into the artwork around the hand in the foreground. I decided to add some particles behind the character to create a stronger silhouette. Again, select the entire canvas after creating a new layer and use the prompt “Magic Particle Burst”.
Note that some words such as “explosive” are currently banned by Adobe. So are words like “nude” and “naked.” So be careful what you type when trying to achieve an effect. The burst result was very strong, so I use a mask to adjust it.
10.Final adjustments in Photoshop

(Image: ©Future)
I am happy with the overall image. Also experiment with the purple gradient set to pin light blend mode and soft light. I chose this color because it complements the bright green in the image. I also add a layer of my own particles and a layer of painting green set to soft light over the character to accentuate how the magic reflects off the character and add the finishing touches. Once I’m satisfied, my next step is to bring this artwork onto my iPad and paint it completely in Procreate. (For more advice, see the tutorial How to do basic painting in Procreate.)
Other Firefly and AI Advice
If you’re just learning how to leverage Adobe Firefly in your art workflow, there are some great tutorials and advice features to help you out. The how to use Firefly feature is a great introduction, but Ken’s guide to creating custom brushes in Procreate using Firefly is a must read.
