{"id":112,"date":"2012-09-30T23:56:08","date_gmt":"2012-09-30T23:56:08","guid":{"rendered":"http:\/\/www.photoshopessentials.com\/photoshopessentials_wp\/?p=112"},"modified":"2019-04-13T13:21:56","modified_gmt":"2019-04-13T17:21:56","slug":"fireworks","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/","title":{"rendered":"Adding Fireworks To A Photo With Photoshop"},"content":{"rendered":"<style type=\"text\/css\">\n.adslot-2 { display: inline-block; width:300px; float:right; margin: 6px 0px 12px 30px; }\n@media (max-width: 767px) { .adslot-2 { display: none; } }\n<\/style><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<!-- 300x250 photo effects top responsive -->\n<ins class=\"adsbygoogle adslot-2\"\n     data-ad-client=\"ca-pub-6601556224092982\"\n     data-ad-slot=\"2740208297\"\n     data-ad-format=\"rectangle\"><\/ins>\n<script>\n(adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this <strong>Photoshop Effects tutorial<\/strong>, we're going to learn how to add fireworks to a photo. What you'll need is a photo of fireworks and the photo you want to add the fireworks to (preferably a nighttime shot, since fireworks tend not to look very impressive in the middle of the afternoon).<\/p>\n<p>Blending the two images together is easy. If you can paint with a brush and change a layer blend mode, you have all the Photoshop skills you need.<\/p>\n<p style=\"clear:both;\">Here's the photo of fireworks I'll be using:<\/p>\n<p><img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/fireworks.jpg\" alt=\"A photo of fireworks\" style=\"margin-bottom:12px;\"\/><\/p>\n<p>Here's the image I want to add the fireworks to:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/city-night.jpg\" alt=\"A photo of a city at night\" style=\"margin-bottom:12px;\"\/><\/p>\n<p>And here's what the final image will look like:<\/p>\n<img decoding=\"async\" data-no-lazy=\"1\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/final-result.jpg\" alt=\"The final result\" \/>\n<div class=\"image-desc\">The final result.<\/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>This tutorial is from our <a href=\"\/photo-effects\/\" title=\"Learn Photoshop effects\">Photo Effects<\/a> series. Let's get started!<\/p>\n<aside><p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p><\/aside>\n<h4><span>Step 1:<\/span> Drag The Fireworks Photo Into The Other Photo<\/h4>\n<p>Open both images in Photoshop so that each one is in its own separate document window on the screen. We need to get the fireworks photo into the other photo, and with both images open in their own document window, all we need to do is drag the fireworks photo into the other photo's document window. To do that, we need the <strong>Move Tool<\/strong>, so select it from the Tools palette or press the letter <strong>V<\/strong> on your keyboard to quickly access it with the keyboard shortcut: <\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/select-move-tool.gif\" alt=\"Selecting the Move tool from Photoshop's Tools palette.\" \/>\n<div class=\"image-desc\">Select the Move tool from the Tools palette, or press \"V\" for the keyboard shortcut.<\/div>\n<p>Then with the Move Tool selected, click inside the fireworks photo and drag it over into the other photo:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/two-document-windows.jpg\" alt=\"Dragging the fireworks photo into the second photo's document window with the Move Tool.\" \/>\n<div class=\"image-desc\">Click inside the fireworks photo and drag it into the other photo's document window with the Move Tool.<\/div>\n<p>When you release the mouse button, the fireworks photo will appear above the second photo in the same document window, and if we look in the Layers palette, we can see that it's been placed on its own separate layer, with the fireworks photo on \"Layer 1\" at the top:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/layers-palette.jpg\" alt=\"Photoshop's Layers palette showing both images inside the same document, each on its own separate layer.\" \/>\n<div class=\"image-desc\">Photoshop's Layers palette showing both images now in the same document, each on its own separate layer. The fireworks photo is on \"Layer 1\".<\/div>\n<p>You can close out of the document window containing the fireworks photo by itself at this point, since we no longer need it.<\/p>\n<h4><span>Step 2:<\/span> Resize And Reposition The Fireworks With Free Transform<\/h4>\n<p>Now that we have the fireworks photo in the same document as the photo we want to add the fireworks to, we can move the fireworks where we want them and resize them if needed, and we can do both of these things at once with Photoshop's <strong>Free Transform<\/strong> command. With \"Layer 1\" selected in the Layers palette, use the keyboard shortcut <strong>Ctrl+T<\/strong> (Win) \/ <strong>Command+T<\/strong> (Mac) to bring up the Free Transform box and handles around the fireworks image. If you can't see the corner handles because part of your image is outside the viewable area, press <strong>Ctrl+0<\/strong> (Win) \/ <strong>Command+0<\/strong> (Mac) to fit everything on the screen. Then, to resize the image, hold down the <strong>Shift<\/strong> key, which will prevent you from accidentally distorting the width or height as you're resizing it, and then click and drag any of the four corner handles. To move the image around on the screen, simply click on the image and drag it with your mouse.<\/p>\n<p>I'm going to reduce the size of my fireworks image and move it into the top right corner so the fireworks appear above the main part of the city:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/free-transform-command.jpg\" alt=\"Moving and resizing the fireworks with the Free Transform command in Photoshop.\" \/>\n<div class=\"image-desc\">Move and resize the fireworks if needed with the Free Transform command.<\/div>\n<p>Press <strong>Enter<\/strong> (Win) \/ <strong>Return<\/strong> (Mac) when you're done to accept the transformation.<\/p>\n<h4><span>Step 3:<\/span> Change The Blend Mode Of The Fireworks Layer To \"Screen\"<\/h4>\n<p>To blend the fireworks in with the photo behind it and remove the black background behind the fireworks, all we need to do is change the <strong>blend mode<\/strong> of the fireworks layer to <strong>Screen<\/strong>. To do that, go up to the blend mode options in the top left corner of the Layers palette, click on the down-pointing arrow to the right of the word \"Normal\", and select \"Screen\" from the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/screen-blend-mode.gif\" alt=\"Changing the blend mode of the fireworks layer from 'Normal' to 'Screen'.\" \/>\n<div class=\"image-desc\">Change the blend mode of the fireworks layer to \"Screen\" to blend them in with the photo below.<\/div>\n<p>Here's my image after changing the blend mode:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/image-screen.jpg\" alt=\"The image after changing the blend mode to 'Screen'\" \/>\n<div class=\"image-desc\">The image after changing the blend mode of the fireworks layer to \"Screen\".<\/div>\n<h4><span>Step 4:<\/span> Add A Layer Mask<\/h4>\n<p>With \"Layer 1\" still selected, click on the <strong>Add A Layer Mask<\/strong> icon at the bottom of the Layers palette:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/add-layer-mask.jpg\" alt=\"Clicking on the 'Add A Layer Mask' icon at the bottom of the Layers palette.\" \/>\n<div class=\"image-desc\">Click the \"Add A Layer Mask\" icon.<\/div>\n<p>This adds a layer mask thumbnail to \"Layer 1\", and we can see that the layer mask, not the contents of the layer (the fireworks photo), is selected by the white highlight border around the thumbnail:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/layer-mask-thumbnail.jpg\" alt=\"The Layers palette showing the layer mask thumbnail added to 'Layer 1'.\" \/>\n<div class=\"image-desc\">A layer mask is added to \"Layer 1\", with the layer mask thumbnail visible in the Layers palette.<\/div>\n<h4><span>Step 5:<\/span> Lower The Opacity Of The Fireworks Layer<\/h4>\n<p>With the layer mask added, we're going to use it to hide the fireworks in any areas where we don't want them to appear. Currently, the fireworks in my image are appearing in front of the buildings, and I want them to appear to be <em>behind<\/em> the buildings, which means I need to hide any areas of the fireworks that are in front of them. To do that, all I need to do is paint with black over the buildings, and because I'm painting on the layer mask, not the image itself, I'll be hiding the fireworks in any areas I paint over. Problem is, the fireworks are making it difficult for me to see where the buildings actually are, so to solve that problem, I'm simply going to lower the <strong>opacity<\/strong> of the fireworks layer in the top right corner of the Layers palette. I'm going to lower it all the way down to about 25% so I have no trouble seeing the buildings behind them:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/lower-opacity.jpg\" alt=\"Lowering the opacity of the fireworks layer.\" \/>\n<div class=\"image-desc\">Lower the opacity of the fireworks layer so you can see the image behind it.<\/div>\n<h4><span>Step 6:<\/span> Paint With Black To Hide The Fireworks As Needed<\/h4>\n<p>Now that I can see the image easily behind the fireworks, I can paint with black over the buildings. Press the letter <strong>D<\/strong> on your keyboard to reset your Foreground and Background colors. Normally when you do this, you end up with black as your Foreground color and white as your Background color, but when you have a layer mask selected in the Layers palette, as we do, and you reset the colors, you actually end up with the exact opposite. White becomes your Foreground color and black becomes your Background color. We want black as our Foreground color, so to fix that, simply press <strong>X<\/strong> on your keyboard to swap your Foreground and Background colors.<\/p>\n<p>Then, grab your <strong>Brush Tool<\/strong> from the Tools palette or press <strong>B<\/strong> to access it with the keyboard shortcut:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/select-brush-tool.gif\" alt=\"Selecting the Brush Tool from the Tools palette.\" \/>\n<div class=\"image-desc\">Select the Brush Tool.<\/div>\n<p>Then, using a hard-edged brush and with black as your Foreground color, paint over any areas in the image where you want to hide the fireworks. You can zoom in on the image to make things easier by holding down <strong>Ctrl+Spacebar<\/strong> (Win) \/ <strong>Command+Spacebar<\/strong> (Mac) and dragging a selection around the area you want to zoom in on, then hold down the <strong>spacebar<\/strong> by itself to access the <strong>Hand Tool<\/strong> and drag the image around on the screen as needed:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/paint-with-black.jpg\" alt=\"Painting with black on the layer mask to hide the fireworks in front of the buildings.\" \/>\n<div class=\"image-desc\">Paint with black over any areas where you need to hide the fireworks.<\/div>\n<p>If you make a mistake and accidentally paint over an area you didn't mean to paint over, just press <strong>X<\/strong> on your keyboard once again to swap your Foreground and Background colors, which will make white your Foreground color, and paint over the area to bring back the fireworks. Then press X  to set black as your Foreground color again and continue painting.<\/p>\n<p>When you're done, if you've zoomed in on the image, press <strong>Ctrl+0<\/strong> (Win) \/ <strong>Command+0<\/strong> (Mac) to quickly zoom back out. Also, set the opacity of the fireworks layer back to 100%.<\/p>\n<p>Here's my image after painting on the layer mask. The fireworks now appear to be behind the buildings:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/image-masked.jpg\" alt=\"The image after painting on the layer mask.\" \/>\n<div class=\"image-desc\">The fireworks now appear to be behind the buildings..<\/div>\n<h4><span>Step 7:<\/span> Duplicate The Fireworks Layer To Brighten Them (Optional)<\/h4>\n<p>Finally, if you want your fireworks to be even brighter, with &quot;Layer 1&quot; still selected, press <strong>Ctrl+J<\/strong> (Win) \/ <strong>Command+J<\/strong> (Mac) to duplicate the layer:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/duplicate-layer.jpg\" alt=\"Duplicating the fireworks layer.\" \/>\n<div class=\"image-desc\">Press \"Ctrl+J\" (Win) \/ \"Command+J\" (Mac) to duplicate the fireworks layer and add more intensity to them.<\/div>\n<p>If, after duplicating the layer, you find your fireworks are a little too intense, simply lower the opacity of the duplicated layer. I'm going to lower mine to about 50%:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/lower-opacity-50.jpg\" alt=\"Lowering the opacity of the duplicate layer.\" \/>\n<div class=\"image-desc\">Lower the opacity of the duplicate layer to fine-tune the intensity of the fireworks.<\/div>\n<p>Once you've fine-tuned the brightness of your fireworks, you're done! Here, after duplicating my fireworks layer and then lowering the opacity of the duplicate layer to 50%, is my final result:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/fireworks\/final-result.jpg\" alt=\"The final result.\" \/>\n<div class=\"image-desc\">The final result.<\/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! That's how to add fireworks to an image with Photoshop! Visit our <a href=\"\/photo-effects\/\">Photo Effects<\/a> section for more Photoshop effects tutorials!<\/p>\n<div class=\"members-ad\"><a href=\"\/print-ready-pdfs\/\">Get all of our Photoshop tutorials as PDFs!<\/a> Download them today!<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Finish your photos off with a bang by adding real fireworks to them in Photoshop. If you can paint with a brush and change a layer blend mode, you have all the skills you need to fill your night skies with huge explosions and brilliant colors!<\/p>\n","protected":false},"author":1,"featured_media":15462,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-112","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>Photoshop Fireworks Tutorial - Add Fireworks To A Photo<\/title>\n<meta name=\"description\" content=\"In this Photoshop effects tutorial, learn how to fill your night skies with huge explosions and brilliant colors by adding real fireworks to them!\" \/>\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\/fireworks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding Fireworks To A Photo With Photoshop\" \/>\n<meta property=\"og:description\" content=\"In this Photoshop effects tutorial, learn how to fill your night skies with huge explosions and brilliant colors by adding real fireworks to them!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/\" \/>\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=\"2012-09-30T23:56:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-13T17:21:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-fireworks-effect.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\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=\"8 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\\\/fireworks\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fireworks\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"Adding Fireworks To A Photo With Photoshop\",\"datePublished\":\"2012-09-30T23:56:08+00:00\",\"dateModified\":\"2019-04-13T17:21:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fireworks\\\/\"},\"wordCount\":1524,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fireworks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-fireworks-effect.jpg\",\"articleSection\":[\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fireworks\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fireworks\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fireworks\\\/\",\"name\":\"Photoshop Fireworks Tutorial - Add Fireworks To A Photo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fireworks\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fireworks\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-fireworks-effect.jpg\",\"datePublished\":\"2012-09-30T23:56:08+00:00\",\"dateModified\":\"2019-04-13T17:21:56+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"In this Photoshop effects tutorial, learn how to fill your night skies with huge explosions and brilliant colors by adding real fireworks to them!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fireworks\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fireworks\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fireworks\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-fireworks-effect.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2012\\\/09\\\/photoshop-fireworks-effect.jpg\",\"width\":250,\"height\":250,\"caption\":\"Adding Fireworks To A Photo With Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/fireworks\\\/#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\":\"Fireworks\"}]},{\"@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":"Photoshop Fireworks Tutorial - Add Fireworks To A Photo","description":"In this Photoshop effects tutorial, learn how to fill your night skies with huge explosions and brilliant colors by adding real fireworks to them!","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\/fireworks\/","og_locale":"en_US","og_type":"article","og_title":"Adding Fireworks To A Photo With Photoshop","og_description":"In this Photoshop effects tutorial, learn how to fill your night skies with huge explosions and brilliant colors by adding real fireworks to them!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2012-09-30T23:56:08+00:00","article_modified_time":"2019-04-13T17:21:56+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-fireworks-effect.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"Adding Fireworks To A Photo With Photoshop","datePublished":"2012-09-30T23:56:08+00:00","dateModified":"2019-04-13T17:21:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/"},"wordCount":1524,"commentCount":0,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-fireworks-effect.jpg","articleSection":["Photoshop Photo Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/","name":"Photoshop Fireworks Tutorial - Add Fireworks To A Photo","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-fireworks-effect.jpg","datePublished":"2012-09-30T23:56:08+00:00","dateModified":"2019-04-13T17:21:56+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"In this Photoshop effects tutorial, learn how to fill your night skies with huge explosions and brilliant colors by adding real fireworks to them!","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-fireworks-effect.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2012\/09\/photoshop-fireworks-effect.jpg","width":250,"height":250,"caption":"Adding Fireworks To A Photo With Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/fireworks\/#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":"Fireworks"}]},{"@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\/112","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=112"}],"version-history":[{"count":22,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/112\/revisions"}],"predecessor-version":[{"id":27502,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/112\/revisions\/27502"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/15462"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}