{"id":35312,"date":"2024-04-05T09:40:16","date_gmt":"2024-04-05T13:40:16","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=35312"},"modified":"2024-04-30T11:48:48","modified_gmt":"2024-04-30T15:48:48","slug":"using-structure-reference-and-style-reference-in-adobe-firefly","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/","title":{"rendered":"Using Structure Reference and Style Reference in Adobe Firefly"},"content":{"rendered":"<div class=\"summary\">\n<p>Learn how to control the composition and visual style of Adobe Firefly's AI-generated images by using existing images as a reference.<\/p>\n<\/div>\n<div class=\"video3\">\n<div class=\"video-container\">\n    <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/avNIE_dEQmI?si=x94uw2wWuNEiGsgS\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n  <\/div>\n<\/div>\n<p class=\"pdf-download-link\">Download the PDF: <a href=\"\/?s2member_file_download=pdf\/photo-effects\/Using_Structure_And_Style_Reference_In_Adobe_Firefly.pdf&s2member_skip_confirmation\" title=\"Download PDF\">Using Structure and Style Reference in Adobe Firefly<\/a><\/p>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>Adobe Firefly (the generative AI technology that powers Photoshop\u2019s Generative Fill) has an amazing new feature in its text-to-image module called <strong>Structure Reference<\/strong> (also called Structure Match) which enables you to control the composition of your AI-generated image by using an existing image as a reference.<\/p>\n<p><q>Structure<\/q> refers to the size, shape and arrangement of the various elements in the image. Firefly looks for the outlines and depth in the reference image and matches them to the new image to keep the composition similar.<\/p>\n<p>Also in Firefly\u2019s text-to-image module is <strong>Style Reference<\/strong> (or Style Match) which can match the visual style of a reference image (the colors, lighting, textures, mood and theme). By combining Structure Reference and Style Reference with your prompts in Adobe Firefly, you can reduce the frustrating randomness of text-to-image generation and gain much more control over the result. Here\u2019s how they work.<\/p>\n<h2 class=\"sub\">How to access Adobe Firefly<\/h2>\n<p>To get started, open your web browser and go to the Adobe Firefly website (<a href=\"https:\/\/firefly.adobe.com\/\" title=\"Go to the Adobe Firefly website\" target=\"_blank\" rel=\"noopener\">firefly.adobe.com<\/a>). Then sign in to your Adobe account.<\/p>\n<p>You'll need a <a href=\"https:\/\/prf.hn\/l\/p3qdXB8\" title=\"View Adobe Firefly plans\" target=\"_blank\" rel=\"noopener\">free or premium Firefly plan<\/a> or an active Creative Cloud subscription to use Adobe Firefly.<\/p>\n<img decoding=\"async\" src=\"\/newsite\/wp-content\/uploads\/2024\/04\/adobe-firefly-website.jpg\" alt=\"A screenshot of the Adobe Firefly website\" width=\"809\" height=\"459\" \/>\n<div class=\"image-desc\">The Adobe Firefly website.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<p>Let's get started!<\/p>\n<p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p>\n<h2 class=\"sub\">How to use Structure Reference in Adobe Firefly<\/h2>\n<p>Let\u2019s start by using Structure Reference to control the composition of your AI-generated image. We\u2019ll then use Style Reference to control the visual style.<\/p>\n<h3>Step 1: Enter a prompt and click Generate<\/h3>\n<p>First you need to enter a prompt and let Adobe Firefly generate an initial result.<\/p>\n<p>I\u2019m a big fan of old science fiction movies. So for my prompt, I\u2019ll enter <q>An astronaut wearing a retro spacesuit, posing in front of a vintage rocket ship<\/q>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/initial-prompt.jpg\" alt=\"Entering a prompt in Adobe Firefly\" width=\"809\" height=\"352\" \/>\n<div class=\"image-desc\">Entering a prompt in Firefly.<\/div>\n<p>Then click the <strong>Generate<\/strong> button.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/click-generate-on-firefly-home-page.jpg\" alt=\"Clicking the Generate button in Adobe Firefly\" width=\"809\" height=\"377\" \/>\n<div class=\"image-desc\">Clicking Generate.<\/div>\n<p>After a few seconds, Adobe Firefly generates four initial results based solely on your prompt, which means you get what you get. In my case, Firefly got the general idea of what I\u2019m looking for. There\u2019s an astronaut and a rocket ship, so that\u2019s good. <\/p>\n<p>But now we can use Structure Reference to gain more control over the composition, which we\u2019ll do next.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/adobe-firefly-four-initial-results.jpg\" alt=\"The four initial images generated by the prompt in Adobe Firefly.\" width=\"809\" height=\"809\" \/>\n<div class=\"image-desc\">The four initial images generated by Adobe Firefly.<\/div>\n<h3>Step 2: Upload a structure reference image<\/h3>\n<p>Look for the new <strong>Structure<\/strong> category in the column along the left and click the <strong>Upload image<\/strong> button. Then select the image you want to use as the reference.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/structure-category-upload-image.png\" alt=\"Clicking Upload image in the Structure category in Adobe Firefly\" width=\"363\" height=\"295\" \/>\n<div class=\"image-desc\">Clicking Upload image in the Structure section.<\/div>\n<p>I\u2019ll use <a href=\"https:\/\/prf.hn\/l\/G9aQ2aJ\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener\">this image<\/a> because I want Adobe Firefly to match the same location, size and pose as the man in this photo.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/structure-reference-image.jpg\" alt=\"The structure reference image\" width=\"809\" height=\"649\" \/>\n<div class=\"image-desc\">The reference image for the composition.<\/div>\n<p>Firefly will ask you to confirm that you have the rights to use the image. Assuming you do, click <strong>Continue<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/confirm-structure-image-upload.jpg\" alt=\"About uploading images to Adobe Firefly\" width=\"544\" height=\"358\" \/>\n<div class=\"image-desc\">Clicking Continue to upload the image.<\/div>\n<p>Back in the Structure options, the uploaded image appears in the Reference thumbnail.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/structure-image-thumbnail.png\" alt=\"The structure reference image is uploaded\" width=\"363\" height=\"275\" \/>\n<div class=\"image-desc\">The image is loaded as the reference.<\/div>\n<p>Also, a Structure reference tag appears in the Prompt area along the bottom. Hovering your mouse cursor over the tag displays the image being used as the reference.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/structure-reference-tag.jpg\" alt=\"The Structure reference tag in the Prompt area of Adobe Firefly.\" width=\"598\" height=\"311\" \/>\n<div class=\"image-desc\">The Structure reference tag.<\/div>\n<h3>Step 3: Adjust the Strength amount<\/h3>\n<p>Use the <strong>Strength<\/strong> slider to adjust how closely the generated image should match the structure of the reference image. There are three settings (Low, Medium and High). <\/p>\n<p>Medium is the default but I\u2019ll choose High.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/structure-slider-high.png\" alt=\"The Strength slider in the Structure Reference section.\" width=\"376\" height=\"269\" \/>\n<div class=\"image-desc\">Setting the Strength slider to High.<\/div>\n<p>I\u2019m also going to change a couple of other settings before I continue.<\/p>\n<ul class=\"f1\">\n<li>Under <strong>General Settings<\/strong>, I\u2019ll change the <strong>Aspect ratio<\/strong> from Square (the default) to <strong>Landscape (4:3)<\/strong>.<\/li>\n<li>Under <strong>Content Type<\/strong>, I\u2019ll choose <strong>Photo<\/strong> so the results look more realistic and less like illustrations.<\/li>\n<\/ul>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/aspect-ratio-content-type-settings.png\" alt=\"Changing the Aspect Ratio and Content Type settings.\" width=\"363\" height=\"440\" \/>\n<div class=\"image-desc\">Changing the Aspect Ratio and Content Type settings.<\/div>\n<h3>Step 4: Click Generate<\/h3>\n<p>Click the <strong>Generate<\/strong> button in the Prompt area to generate four new versions of the image.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/generate-image-using-structure-reference.png\" alt=\"Clicking the Generate button.\" width=\"357\" height=\"171\" \/>\n<div class=\"image-desc\">Clicking the Generate button.<\/div>\n<p>This time, thanks to Structure Reference, Adobe Firefly was able to match the composition of my reference image in all four generated results. <\/p>\n<p>So far so good. But now let\u2019s take it further with Style Reference.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/adobe-firefly-structure-reference-results.jpg\" alt=\"The Structure Reference results in Adobe Firefly.\" width=\"809\" height=\"631\" \/>\n<div class=\"image-desc\">The Structure Reference results in Adobe Firefly.<\/div>\n<style type=\"text\/css\">\n.ads-middle { display: inline-block; width:300px; margin:6px 0px 24px 0px; padding-top: 16px; padding-bottom: 16px; }\n@media (max-width: 515px) { .ads-middle { margin:20px 0; } }\n@media (max-width: 480px) { .ads-middle { margin:20px 0; } }\n<\/style><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- photo effects 300x250 middle responsive -->\n<ins class=\"adsbygoogle ads-middle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"4216941496\"\n     data-ad-format=\"rectangle\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<h2 class=\"sub\">How to use Style Reference in Adobe Firefly<\/h2>\n<p>We\u2019ve matched the composition using Structure Reference, but the image still doesn\u2019t have that retro sci-fi art style I\u2019m looking for. So let\u2019s use Style Reference and a different reference image to fix that.<\/p>\n<h3>Step 1: Upload a style reference image<\/h3>\n<p>In the <strong>Styles<\/strong> section on the left (directly below Structure), click the <strong>Upload image<\/strong> button. <\/p>\n<p>Then select the image you want to use for your style reference.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/style-reference-upload-image.png\" alt=\"Uploading an image so Firefly can match the visual style.\" width=\"363\" height=\"358\" \/>\n<div class=\"image-desc\">Clicking Upload image in the Styles section.<\/div>\n<p>I found this <a href=\"https:\/\/prf.hn\/l\/o3pQ9Gd\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener\">retro-futuristic image<\/a> on Adobe Stock that should work great. <\/p>\n<p>The image will be used strictly for its visual style so the composition doesn\u2019t matter.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/style-reference.jpg\" alt=\"The image that will be the reference for the visual style.\" width=\"809\" height=\"457\" \/>\n<div class=\"image-desc\">The image that will be the reference for the style.<\/div>\n<p>Firefly will again ask you to confirm that you have the rights to use the image. Click <strong>Continue<\/strong>.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/confirm-style-image-upload.png\" alt=\"About uploading images in Adobe Firefly\" width=\"526\" height=\"342\" \/>\n<div class=\"image-desc\">Clicking Continue to upload the image.<\/div>\n<p>Once uploaded, the image appears in the Reference thumbnail.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/style-reference-image-thumbnail.png\" alt=\"The Style Reference image thumbnail.\" width=\"363\" height=\"249\" \/>\n<div class=\"image-desc\">The image is loaded as the reference.<\/div>\n<p>And a Style reference tag appears in the Prompt area along the bottom. <\/p>\n<p>So we\u2019re now using both Structure reference and Style reference. I also have a Photo tag because I chose Photo earlier as my content type.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/style-reference-tag.png\" alt=\"The Style reference tag in the Prompt area in Adobe Firefly\" width=\"582\" height=\"307\" \/>\n<div class=\"image-desc\">The Style reference tag.<\/div>\n<h3>Step 2: Adjust the Visual Intensity and Strength amounts<\/h3>\n<p>The Styles section includes a <strong>Visual intensity<\/strong> slider and a <strong>Strength<\/strong> slider. They sound similar but they control two different things.<\/p>\n<p><strong>Visual intensity<\/strong> controls how detailed, dramatic or complex the original generated image should look (before the style from your reference image is applied). Drag the slider to the right for a more visually intense image or to the left for a more subtle version.<\/p>\n<p><strong>Strength<\/strong> determines how closely the generated image should match the style of your reference image, as well as any effects you may have added (which I won\u2019t be using here).<\/p>\n<p>I\u2019ll leave both sliders at the defaults for now but we\u2019ll come back to them again in a moment.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/visual-intensity-strength-sliders.png\" alt=\"The Visual intensity and Strength sliders in the Style Reference section of Adobe Firefly.\" width=\"363\" height=\"347\" \/>\n<div class=\"image-desc\">The Visual intensity and Strength sliders.<\/div>\n<h3>Step 3: Click Generate<\/h3>\n<p>Click the <strong>Generate<\/strong> button in the Prompt area to generate four new results.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/generate-image-using-structure-reference.png\" alt=\"Generating four new results in Adobe Firefly.\" width=\"357\" height=\"171\" \/>\n<div class=\"image-desc\">Generating four new results.<\/div>\n<p>Thanks to my Style Reference image, the new results are much closer to the sci-fi look I\u2019m after. <\/p>\n<p>But while the colors and lighting look good, the detail just isn\u2019t there. So let\u2019s adjust the Style settings and try one more time to see if Firefly can do better.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/adobe-firefly-style-reference-results.jpg\" alt=\"The initial Style Reference results in Adobe Firefly.\" width=\"809\" height=\"631\" \/>\n<div class=\"image-desc\">The initial Style Reference results in Adobe Firefly.<\/div>\n<h3>Step 4: Change the settings and try again<\/h3>\n<p>I\u2019ll increase the Visual intensity and Strength amounts by dragging both sliders all the way to the right.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/styles-sliders-maxed.png\" alt=\"The initial Style Reference results in Adobe Firefly.\" width=\"363\" height=\"255\" \/>\n<div class=\"image-desc\">Maxing out the visual intensity and style matching.<\/div>\n<p>Then I\u2019ll click Generate again.<\/p>\n<p>And this time, the results look amazing. Firefly is combining the composition from my Structure Reference image and the art style from my Style Reference image (along with my promp, of course) to create the exact retro science-fiction look I was hoping for.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/adobe-firefly\/structure-reference\/adobe-firefly-structure-style-reference-images.jpg\" alt=\"The final Adobe Firefly text-to-image results.\" width=\"809\" height=\"631\" \/>\n<div class=\"image-desc\">The final Adobe Firefly results.<\/div>\n<style type=\"text\/css\">\n.ads-bottom { width:300px; padding-top:16px;padding-bottom:16px; }\n<\/style><div align=\"center\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-6601556224092982\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- 300x250 page bottom responsive -->\n<ins class=\"adsbygoogle ads-bottom\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2879809098\"\n     data-ad-format=\"rectangle\"\n\t data-full-width-responsive=\"true\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/div>\n<p>And there we have it! The days of relying solely on your prompt for text-to-image generation are over. Structure Reference and Style Reference are two easy yet powerful ways to control the look and feel of your images in Adobe Firefly.<\/p>\n<p><strong>More Photoshop AI-related tutorials:<\/strong><\/p>\n<ul class=\"f1\">\n<li><a href=\"\/photo-effects\/how-to-generate-ai-images-in-photoshop-using-adobe-firefly\/\" title=\"How to use Generate Image in Photoshop\">New! How to generate AI images in Photoshop (beta)<\/a><\/li>\n<li><a href=\"\/photo-effects\/using-visual-intensity-in-adobe-firefly-for-more-detailed-images\/\" title=\"Learn more\">Using Visual Intensity in Adobe Firefly for more detailed images<\/a><\/li>\n<li><a href=\"\/photo-editing\/extend-images-faster-with-generative-expand-in-photoshop\/\" title=\"Learn more\">How to extend images with Generative Expand<\/a><\/li>\n<li><a href=\"\/photo-editing\/using-the-improved-remove-tool-in-photoshop-2024\/\" title=\"Learn more\">Using the AI-powered Remove Tool in Photoshop<\/a><\/li>\n<li><a href=\"\/photo-editing\/generative-fill-in-photoshop-remove-people-and-objects-from-photos\/\" title=\"Learn more\">Remove people from photos with Generative Fill<\/a><\/li>\n<li><a href=\"\/photo-effects\/generative-fill-in-photoshop-how-to-add-water-reflections-to-an-image\/\" title=\"Learn more\">Add water reflections with Generative Fill<\/a><\/li>\n<\/ul>\n<p>All of my Photoshop tutorials are available to <a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">download as PDFs<\/a>.<\/p>\n<p><div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div><br \/>\n<div align=\"center\" style=\"padding-top:16px; padding-bottom:16px;\">\n<script type=\"text\/javascript\" src=\"https:\/\/adobe-creative.prf.hn\/creative\/camref:1100lrdjJ\/creativeref:1011l90368\"><\/script>\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to control the composition and visual style of Adobe Firefly&#8217;s AI-generated images by using existing images as a reference.<\/p>\n","protected":false},"author":1,"featured_media":35314,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-35312","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photo-effects"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Using Structure Reference and Style Reference in Adobe Firefly<\/title>\n<meta name=\"description\" content=\"Learn how to control the composition and visual style of Adobe Firefly&#039;s AI-generated images by using existing images as a reference.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Structure Reference and Style Reference in Adobe Firefly\" \/>\n<meta property=\"og:description\" content=\"Learn how to use Structure Reference and Style Reference in Adobe Firefly to control the composition and visual style of your AI-generated images.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/\" \/>\n<meta property=\"og:site_name\" content=\"Photoshop Essentials\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/photoess\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-05T13:40:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-30T15:48:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2024\/04\/adobe-firefly-structure-style-reference-1200px.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Patterson\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Patterson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-structure-reference-and-style-reference-in-adobe-firefly\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-structure-reference-and-style-reference-in-adobe-firefly\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Using Structure Reference and Style Reference in Adobe Firefly\",\"datePublished\":\"2024-04-05T13:40:16+00:00\",\"dateModified\":\"2024-04-30T15:48:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-structure-reference-and-style-reference-in-adobe-firefly\\\/\"},\"wordCount\":1354,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-structure-reference-and-style-reference-in-adobe-firefly\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/adobe-firefly-structure-style-reference-tutorial-250px.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-structure-reference-and-style-reference-in-adobe-firefly\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-structure-reference-and-style-reference-in-adobe-firefly\\\/\",\"name\":\"Using Structure Reference and Style Reference in Adobe Firefly\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-structure-reference-and-style-reference-in-adobe-firefly\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-structure-reference-and-style-reference-in-adobe-firefly\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/adobe-firefly-structure-style-reference-tutorial-250px.jpg\",\"datePublished\":\"2024-04-05T13:40:16+00:00\",\"dateModified\":\"2024-04-30T15:48:48+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to control the composition and visual style of Adobe Firefly's AI-generated images by using existing images as a reference.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-structure-reference-and-style-reference-in-adobe-firefly\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-structure-reference-and-style-reference-in-adobe-firefly\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-structure-reference-and-style-reference-in-adobe-firefly\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/adobe-firefly-structure-style-reference-tutorial-250px.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/adobe-firefly-structure-style-reference-tutorial-250px.jpg\",\"width\":250,\"height\":250,\"caption\":\"Adobe Firefly Structure Reference and Style Reference tutorial\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/using-structure-reference-and-style-reference-in-adobe-firefly\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photo Effects\",\"item\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Adobe Firefly Structure and Style Reference\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/\",\"name\":\"Photoshop Essentials\",\"description\":\"Where everyone can learn Photoshop!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\",\"name\":\"Steve Patterson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g\",\"caption\":\"Steve Patterson\"},\"sameAs\":[\"http:\\\/\\\/www.photoshopessentials.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Using Structure Reference and Style Reference in Adobe Firefly","description":"Learn how to control the composition and visual style of Adobe Firefly's AI-generated images by using existing images as a reference.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/","og_locale":"en_US","og_type":"article","og_title":"Using Structure Reference and Style Reference in Adobe Firefly","og_description":"Learn how to use Structure Reference and Style Reference in Adobe Firefly to control the composition and visual style of your AI-generated images.","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2024-04-05T13:40:16+00:00","article_modified_time":"2024-04-30T15:48:48+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2024\/04\/adobe-firefly-structure-style-reference-1200px.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Using Structure Reference and Style Reference in Adobe Firefly","datePublished":"2024-04-05T13:40:16+00:00","dateModified":"2024-04-30T15:48:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/"},"wordCount":1354,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2024\/04\/adobe-firefly-structure-style-reference-tutorial-250px.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/","name":"Using Structure Reference and Style Reference in Adobe Firefly","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2024\/04\/adobe-firefly-structure-style-reference-tutorial-250px.jpg","datePublished":"2024-04-05T13:40:16+00:00","dateModified":"2024-04-30T15:48:48+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to control the composition and visual style of Adobe Firefly's AI-generated images by using existing images as a reference.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2024\/04\/adobe-firefly-structure-style-reference-tutorial-250px.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2024\/04\/adobe-firefly-structure-style-reference-tutorial-250px.jpg","width":250,"height":250,"caption":"Adobe Firefly Structure Reference and Style Reference tutorial"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/using-structure-reference-and-style-reference-in-adobe-firefly\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.photoshopessentials.com\/newsite\/"},{"@type":"ListItem","position":2,"name":"Photo Effects","item":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/"},{"@type":"ListItem","position":3,"name":"Adobe Firefly Structure and Style Reference"}]},{"@type":"WebSite","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website","url":"https:\/\/www.photoshopessentials.com\/newsite\/","name":"Photoshop Essentials","description":"Where everyone can learn Photoshop!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.photoshopessentials.com\/newsite\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2","name":"Steve Patterson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c05e0a155b18857f3546fca45eecd1d28c2e7d51953f67b40ea76ac49c3cfcc0?s=96&d=mm&r=g","caption":"Steve Patterson"},"sameAs":["http:\/\/www.photoshopessentials.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/35312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/comments?post=35312"}],"version-history":[{"count":20,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/35312\/revisions"}],"predecessor-version":[{"id":35378,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/35312\/revisions\/35378"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/35314"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=35312"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=35312"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=35312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}