{"id":23775,"date":"2018-03-11T20:32:15","date_gmt":"2018-03-12T00:32:15","guid":{"rendered":"https:\/\/www.photoshopessentials.com\/?p=23775"},"modified":"2022-11-02T10:13:17","modified_gmt":"2022-11-02T14:13:17","slug":"twirl-art-effect","status":"publish","type":"post","link":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/","title":{"rendered":"How To Create Twirl Art In Photoshop"},"content":{"rendered":"<section>\n<div class=\"video3\">\n<div class=\"video-container\">\n<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/pwsjgqI4eaY\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<div id=\"author\">Written by Steve Patterson.<\/div>\n<p>In this tutorial, I'll show you how to turn your photos into colorful, abstract twirl art effects in Photoshop! Twirl art is where we take an image, blur it, and then twirl it around its center. We then make a copy of the effect, twirl it in the opposite direction, and then blend the two versions together. We can even take things further and mirror the effect to create symmetrical twirl art! <\/p>\n<p>Here's an example of what the main effect will look like when we're done. The  colors will depend entirely on your image:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/photoshop-twirl-art-effect.jpg\" alt=\"How to make twirl art in Photoshop\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The initial twirl art effect.<\/div>\n<p>And here's the symmetrical version. We'll learn how to make both versions in this tutorial.<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/photoshop-symmetrical-twirl-art.jpg\" alt=\"How to make symmetrical twirl art in Photoshop\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The symmetrical twirl art effect.<\/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<div style=\"padding-top:1px;\"> <p class=\"members-ad-top\"><a href=\"\/print-ready-pdfs\/\">Download all of our Photoshop tutorials as PDFs!<\/a><\/p> <\/div>\n<h2 class=\"sub\">How To Create Twirl Art In Photoshop<\/h2>\n<p>For this tutorial, I'm using <a href=\"https:\/\/prf.hn\/l\/dlXjD2w\" title=\"Get Photoshop CC\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop CC<\/a> but any version from CS3 and up will work. You can also follow along with my <a href=\"https:\/\/youtu.be\/pwsjgqI4eaY\" title=\"Watch the video\" target=\"_blank\" rel=\"noopener noreferrer\">video of this tutorial<\/a> on our YouTube channel. Or download this tutorial as a <a href=\"\/print-ready-pdfs\/\" title=\"Learn more\">print-ready PDF<\/a>!<\/p>\n<h3>Step 1: Open your image<\/h3>\n<p>Open the image you want to use for your twirl art effect. I'll use <a href=\"https:\/\/prf.hn\/l\/3YQmklA\" title=\"View image on Adobe Stock\" target=\"_blank\" rel=\"noopener noreferrer\">this image<\/a> that I downloaded from Adobe Stock:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/original.jpg\" alt=\"The image that will be used for the twirl art effect\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The original image. Photo credit: Adobe Stock.<\/div>\n<h3>Step 2: Duplicate the image<\/h3>\n<p>The first thing we'll want to do is duplicate and resize our image. The reason is that, to create the twirl art effect, we'll be using <strong>smart filters<\/strong>, and we'll be experimenting with their settings. Smart filters can be very demanding on your computer, and a large, high resolution image can really slow things down. What you'll want to do instead is work on a separate, smaller version of your image. Once you're happy with the results, you can easily replace the smaller version with the original, full size version, as we'll see how to do later. If you're already working with a small image, you can skip this step.<\/p>\n<p>To duplicate the image, go up to the <strong>Image<\/strong> menu in the Menu Bar and choose <strong>Duplicate<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/duplicate-image-photoshop.png\" alt=\"Selecting the Duplicate command under the Image menu in Photoshop\" width=\"230\" height=\"146\" \/>\n<div class=\"image-desc\">Going to Image &gt; Duplicate.<\/div>\n<p>In the Duplicate Image dialog box, name the image \"Twirl\", and then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/name-duplicate-image.png\" alt=\"Naming the duplicate image 'Twirl'\" width=\"442\" height=\"123\" \/>\n<div class=\"image-desc\">Naming the duplicate &quot;Twirl&quot;.<\/div>\n<p>A copy of the image opens in a separate document which we can see by looking at the document <a href=\"\/basics\/tabbed-and-floating-documents-in-photoshop\/\" title=\"Learn more\">tabs<\/a> along the top:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/document-tabs.png\" alt=\"The duplicate image opens in a separate document\" width=\"609\" height=\"102\" \/>\n<div class=\"image-desc\">The original and duplicate images are in separate tabbed documents.<\/div>\n<h3>Step 3: Resize the image<\/h3>\n<p>To resize the image and make it smaller, go back up to the <strong>Image<\/strong> menu and this time, choose <strong>Image Size<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/image-size-photoshop.png\" alt=\"Choosing the Image Size command in Photoshop\" width=\"230\" height=\"136\" \/>\n<div class=\"image-desc\">Going to Image &gt; Image Size.<\/div>\n<p>This opens the Image Size dialog box. If we look at the <strong>Dimensions<\/strong> in the upper right, we see that my image currently has a width of 4500 px and a height of 2999 px:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/image-size-dimensions.png\" alt=\"The Image Size dialog box in Photoshop showing the current dimensions of the image\" width=\"352\" height=\"134\" \/>\n<div class=\"image-desc\">The current dimensions of the image.<\/div>\n<p>To reduce the size of the image, first make sure that the <strong>Resample<\/strong> option is checked and that it's set to <strong>Automatic<\/strong>. Then, enter a new size into the <strong>Width<\/strong> and <strong>Height<\/strong> fields. I'll set both of them to <strong>50 Percent<\/strong>. In the Dimensions section at the top, we see that this will reduce the width of my image to 2250 px and the height to 1500 px, which should keep things running faster. Click OK to resize the image and close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/image-size-dialog-box.jpg\" alt=\"Resampling the image to 50 percent of its original size in Photoshop\" width=\"661\" height=\"338\" \/>\n<div class=\"image-desc\">Making the image smaller.<\/div>\n<p>I'll zoom in on the image by going up to the <strong>View<\/strong> menu and choosing <strong>Fit on Screen<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/fit-on-screen-photoshop.png\" alt=\"Choosing the Fit on Screen command in Photoshop\" width=\"283\" height=\"126\" \/>\n<div class=\"image-desc\">Going to View &gt; Fit on Screen.<\/div>\n<p>And  now we're ready to create the twirl art effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/small-image-photoshop.jpg\" alt=\"The small version of the image that we'll be using to create the Twirl Art effect\" width=\"705\" height=\"397\" \/>\n<div class=\"image-desc\">The small version of the image is ready to go.<\/div>\n<p><a href=\"\/basics\/upscale-images-photoshop-cc-2018\/\" title=\"View tutorial\">Related: How to enlarge images without losing quality in Photoshop CC<\/a><\/p>\n<h3>Step 4: Convert the image into a smart object<\/h3>\n<p>Before we can start adding smart filters, we first need to convert our image into a <strong>smart object<\/strong>. In the <a href=\"\/basics\/layers\/layers-panel\/\">Layers panel<\/a>, we see the image on the Background layer. Double-click on the name \"Background\" to rename it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/background-layer-layers-panel.png\" alt=\"Double-clicking on the Background layer's name in the Layers panel in Photoshop\" width=\"275\" height=\"235\" \/>\n<div class=\"image-desc\">Double-clicking on the Background layer's name.<\/div>\n<p>In the New Layer dialog box, name the layer \"Photo\" and then click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/new-layer-dialog-box-photoshop.png\" alt=\"Renaming the Background layer in Photoshop\" width=\"430\" height=\"158\" \/>\n<div class=\"image-desc\">Renaming the Background layer &quot;Photo&quot;.<\/div>\n<p>Then, click the <strong>menu icon<\/strong> in the upper right of the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/layers-panel-menu-icon-photoshop.png\" alt=\"Opening the Layers panel menu in Photoshop\" width=\"288\" height=\"201\" \/>\n<div class=\"image-desc\">Opening the Layers panel menu.<\/div>\n<p>And choose <strong>Convert to Smart Object<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/convert-to-smart-object.png\" alt=\"Choosing the Convert to Smart Object command in Photoshop\" width=\"265\" height=\"133\" \/>\n<div class=\"image-desc\">Choosing &quot;Convert to Smart Object&quot; from the menu.<\/div>\n<p>A <strong>smart object icon<\/strong> appears in the lower right of the \"Photo\"  layer's preview thumbnail, letting us know that the layer is now a <a href=\"\/basics\/scale-resize-images-smart-objects-photoshop\/\" title=\"Learn more\">smart object<\/a>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/smart-object-icon-photoshop.png\" alt=\"The smart object icon in the layer preview thumbnail\" width=\"275\" height=\"176\" \/>\n<div class=\"image-desc\">The smart object icon.<\/div>\n<h3>Step 5: Apply the Mezzotint filter<\/h3>\n<p>The first filter we'll apply is Mezzotint. Go up to the <strong>Filter<\/strong> menu, choose <strong>Pixelate<\/strong>, and then choose <strong>Mezzotint<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/choose-mezzotint-filter-photoshop.png\" alt=\"Choosing the Mezzotint filter as the first filter for the Twirl Art effect\" width=\"184\" height=\"150\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Pixelate &gt; Mezzotint.<\/div>\n<p>This opens the Mezzotint filter's dialog box. This filter adds random, high contrast and highly saturated strokes, lines or dots to the image depending on which setting you choose for the <strong>Type<\/strong> option at the bottom. This will add more detail, contrast and color to the effect. There's no \"correct\" setting to choose here, so we'll come back later and experiment. For now, I'll choose <strong>Long Strokes<\/strong>. Click OK to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/photoshop-mezzotint-filter.png\" alt=\"Setting the Mezzotint filter Type to Long Strokes\" width=\"421\" height=\"357\" \/>\n<div class=\"image-desc\">Setting the Type option to Long Strokes.<\/div>\n<p>And here's what the Mezzotint effect looks like:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/image-mezzotint-filter-photoshop.png\" alt=\"The image after applying the Mezzotint filter in Photoshop\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The image after applying the Mezzotint filter.<\/div>\n<p>If we look in the Layers panel, we see the Mezzotint filter listed as our first smart filter:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/mezzotint-smart-filter.png\" alt=\"The Mezzotint Smart Filter in the Layers panel\" width=\"275\" height=\"183\" \/>\n<div class=\"image-desc\">The Mezzotint smart filter.<\/div>\n<h3>Step 6: Apply the Radial Blur filter<\/h3>\n<p>Next, we need to blur the image using Photoshop's Radial Blur filter. And to create the amount of blur we need, we'll run the filter three times. Go up to the <strong>Filter<\/strong> menu, choose <strong>Blur<\/strong>, and then choose <strong>Radial Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/choose-radial-blur-filter.png\" alt=\"Choosing the Radial Blur filter in Photoshop\" width=\"178\" height=\"125\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Blur &gt; Radial Blur.<\/div>\n<p>In the Radial Blur dialog box, set the <strong>Amount<\/strong> to <strong>100<\/strong>, the <strong>Blur Method<\/strong> to <strong>Zoom<\/strong>, and the <strong>Quality<\/strong> to <strong>Draft<\/strong>. Using the lowest quality setting will let the filter run as quickly as possible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/radial-blur-dialog-box.png\" alt=\"The initial Radial Blur filter settings\" width=\"283\" height=\"282\" \/>\n<div class=\"image-desc\">The initial Radial Blur settings.<\/div>\n<p>Click OK to close the dialog box and apply the filter. And here's what the first pass of Radial Blur looks like. The result is very noisy because we had the quality set so low, but we'll clean it up in a moment:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/image-radial-blur-first-pass.jpg\" alt=\"The first pass of the Radial Blur filter\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The first pass of the Radial Blur filter.<\/div>\n<h3>Step 7: Apply Radial Blur a second time<\/h3>\n<p>To apply Radial Blur a second time, go back up to the <strong>Filter<\/strong> menu, and because <strong>Radial Blur<\/strong> was the last filter we used, you'll find it at the top of the list:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/select-radial-blur-again.png\" alt=\"Selecting Radial Blur from the top of the Filter menu in Photoshop\" width=\"287\" height=\"117\" \/>\n<div class=\"image-desc\">Selecting Radial Blur from the top of the Filter menu.<\/div>\n<p>Leave all of the settings the same (Amount at 100, Blur Method set to Zoom and Quality at Draft), and just click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/radial-blur-dialog-box.png\" alt=\"Reapplying Radial Blur using the same settings\" width=\"283\" height=\"282\" \/>\n<div class=\"image-desc\">Reapplying Radial Blur using the same settings.<\/div>\n<p>Photoshop applies the filter a second time, and here's the result. It still looks noisy, but we'll clean it up next:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/image-radial-blur-second-pass.jpg\" alt=\"The second pass of the Radial Blur filter\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The second pass of the Radial Blur filter.<\/div>\n<h3>Step 8: Apply Radial Blur a third time<\/h3>\n<p>Go back up to the <strong>Filter<\/strong> menu and once again choose <strong>Radial Blur<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/select-radial-blur-again.png\" alt=\"Again selecting Radial Blur from the top of the Filter menu in Photoshop\" width=\"287\" height=\"117\" \/>\n<div class=\"image-desc\">Again selecting Radial Blur from the top of the Filter menu.<\/div>\n<p>This time, leave the Amount set to 100 and the Blur Method set to Zoom, but change the <strong>Quality<\/strong> from Draft to <strong>Best<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/radial-blur-quality-best.png\" alt=\"Changing the Radial Blur quality to Best\" width=\"284\" height=\"283\" \/>\n<div class=\"image-desc\">Increasing the Quality from Draft to Best.<\/div>\n<p>Click OK to run the filter a third time. Since we've increased the quality, the filter will take a bit longer to run, but the final result looks much better, and the noise from the first two passes is gone:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/image-radial-blur-third-pass.jpg\" alt=\"The third pass of the Radial Blur filter\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The higher quality of the third pass cleans up the effect nicely.<\/div>\n<p>In the Layers panel, we see all three passes of the Radial Blur filter listed as separate smart filters above the Mezzotint filter:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/four-smart-filters.png\" alt=\"The Layers panel showing the Mezzotint and three Radial Blur Smart Filters\" width=\"275\" height=\"235\" \/>\n<div class=\"image-desc\">The Layers panel showing four smart filters.<\/div>\n<p><a href=\"\/photo-effects\/radial-blur-action-effect-photoshop\/\" title=\"View tutorial\">Related: Create a Radial Blur action zoom effect!<\/a><\/p>\n<h3>Step 9: Apply the Twirl filter<\/h3>\n<p>To add the twirl to the twirl art effect, we'll use Photoshop's Twirl filter. Go up to the <strong>Filter<\/strong> menu, choose <strong>Distort<\/strong>, and then choose <strong>Twirl<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/select-twirl-filter-photoshop.png\" alt=\"Selecting the Twirl filter in Photoshop\" width=\"205\" height=\"110\" \/>\n<div class=\"image-desc\">Going to Filter &gt; Distort &gt; Twirl.<\/div>\n<p>In the Twirl dialog box, use the <strong>Angle<\/strong> slider at the bottom to twist and twirl the image around its center. Drag to the right to twirl clockwise or to the left to twirl counterclockwise. The further you drag, the greater the effect. I'll  set my Angle value to 120 degrees:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/twirl-art_twirl-filter-dialog-box-photoshop.jpg\" alt=\"Twirling the image with the Twirl filter in Photoshop\" width=\"442\" height=\"370\" \/>\n<div class=\"image-desc\">Use the Angle slider to add the twirl.<\/div>\n<p>Click OK to close the dialog box, and here we see the image swirling around its center:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/initial-twirl-effect-photoshop.jpg\" alt=\"A twirl effect created with the Twirl filter in Photoshop\" width=\"702\" height=\"471\" \/>\n<div class=\"image-desc\">The initial twirl effect.<\/div>\n<h3>Step 10: Edit the effect<\/h3>\n<p>In the Layers panel, we see the Twirl filter listed as a smart filter above the others. If you want to try a different twirl amount at any time, double-click on the Twirl filter's name to re-open its dialog box. Drag the Angle slider left or right, and then click OK to accept it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/edit-twirl-smart-filter-photoshop.png\" alt=\"The Layers panel showing the Twirl smart filter\" width=\"275\" height=\"198\" \/>\n<div class=\"image-desc\">You can edit the twirl amount by re-opening the Twirl smart filter.<\/div>\n<p>You can also go back and try different settings for the Mezzotint filter. Double-click on it's name to re-open the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/edit-mezzotint-smart-filter.png\" alt=\"Double-clicking on the Mezzotint smart filter in the Layers panel\" width=\"275\" height=\"188\" \/>\n<div class=\"image-desc\">Double-clicking on the Mezzotint smart filter.<\/div>\n<p>Photoshop will pop open a message telling you that your other smart filters will be turned off while you're editing the Mezzotint filter. That's because Photoshop applies smart filters from bottom to top. So in this case, it's applying Mezzotint first, then each of the three Radial Blur filters, and then the Twirl filter. To show an accurate preview of the Mezzotint filter, it needs to turn off those other filters temporarily. Click OK:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/smart-filter-warning.png\" alt=\"Smart filters stacked on top of this filter will not preview while this filter is being edited\" width=\"429\" height=\"201\" \/>\n<div class=\"image-desc\">The other smart filters will be turned off while you're editing the Mezzotint filter.<\/div>\n<p>In the Mezzotint filter dialog box, I'll change the <strong>Type<\/strong> from <strong>Long Strokes<\/strong> to something different, like <strong>Coarse Dots<\/strong>, and then I'll click OK to accept it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/mezzotint-filter-coarse-dots.png\" alt=\"Editing the Mezzotint Smart Filter in Photoshop\" width=\"417\" height=\"358\" \/>\n<div class=\"image-desc\">Trying a different setting for the Type option.<\/div>\n<p>Photoshop turns the other smart filters back on, and here's the result. The Coarse Dots setting creates an effect with less contrast and color saturation, but we also see more detail in the lines:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/twirl-effect-coarse-dots.jpg\" alt=\"The twirl effect with the Mezzotint filter set to Coarse Dots\" width=\"702\" height=\"471\" \/>\n<div class=\"image-desc\">The twirl effect with the Mezzotint filter set to Coarse Dots.<\/div>\n<h4>Comparing the two settings<\/h4>\n<p>You can quickly compare your new filter setting with the previous setting by pressing <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) on your keyboard. Press it once to undo your last step and view the previous filter setting (Long Strokes). Press it again to redo the step and view the new setting (Coarse Dots). In my case, I like the high contrast version better, so I'll stick with Long Strokes. You can try out the other Type settings as well to see which one you like best for your image.<\/p>\n<h3>Step 11: Duplicate the smart object<\/h3>\n<p>Next, we need to make a copy of our smart object. In the Layers panel, click on the smart object and drag it down onto the <strong>New Layer<\/strong> icon:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/duplicate-smart-filter.png\" alt=\"Dragging the Smart Object onto the New Layrr icon in the Layers panel\" width=\"275\" height=\"281\" \/>\n<div class=\"image-desc\">Dragging the &quot;Photo&quot; smart object onto the New Layer icon.<\/div>\n<p>A copy, with all of our smart filters applied, appears above the original:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/smart-object-copy.png\" alt=\"The Layers panel showing two copies of the Smart Object with the Smart Filters applied\" width=\"275\" height=\"275\" \/>\n<div class=\"image-desc\">The Layers panel showing two separate versions of the effect.<\/div>\n<h3>Step 12: Twirl the copy in the opposite direction<\/h3>\n<p>Double-click on the <strong>Twirl<\/strong> smart filter below the copy to open its dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/edit-twirl-filter-copy.png\" alt=\"Editing the Twirl smart filter below the 'Photo copy' layer\" width=\"275\" height=\"196\" \/>\n<div class=\"image-desc\">Editing the Twirl smart filter below the &quot;Photo copy&quot; layer.<\/div>\n<p>Drag the <strong>Angle<\/strong> slider left or right so that the copy is twirling in the opposite direction. Since I used a value of 120 degrees for my original twirl, I'll set the copy to -120 degrees. Of course, you don't have to make them exact opposites. I'm just keeping things simple. Click OK to close the dialog box:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/twirl-filter-opposite-angle.jpg\" alt=\"Changing the angle of the twirl to the opposite direction\" width=\"442\" height=\"370\" \/>\n<div class=\"image-desc\">Changing the angle to the opposite direction.<\/div>\n<p>And here's the result, with the copy swirling in the opposite direction:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/second-twirl-opposite-direction.jpg\" alt=\"The copy of the smart object is now twirling in the opposite direction as the original\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The effect after changing the angle of the twirl.<\/div>\n<h3>Step 13: Blend the two twirl effects together<\/h3>\n<p>To create the real twirl art effect, we need to blend both of our twirls together. We can do that by changing the <strong>blend mode<\/strong> of the \"Photo copy\" smart object. You'll find the Blend Mode option in the upper left of the Layers panel. By default, it's set to Normal. The three blend modes that usually work best for this effect are Darken, Lighten and Pin Light. I'll start with <strong>Darken<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/darken-blend-mode.png\" alt=\"Changing the blend mode of the smart object to Darken\" width=\"289\" height=\"178\" \/>\n<div class=\"image-desc\">Changing the blend mode from Normal to Darken.<\/div>\n<p>The Darken blend mode looks at both layers, or both smart objects in this case, and keeps whichever pixels between them that are darker:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/twirl-art-darken-blend-mode.jpg\" alt=\"The twirl art effect using the Darken blend mode in Photoshop\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The twirl art effect using the Darken blend mode.<\/div>\n<p>Next, I'll try the <strong>Lighten<\/strong> blend mode:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/lighten-blend-mode.png\" alt=\"Changing the blend mode of the smart object to Lighten\" width=\"288\" height=\"176\" \/>\n<div class=\"image-desc\">Changing the blend mode from Darken to Lighten.<\/div>\n<p>Lighten is the opposite of Darken. It keeps whichever pixels between the two layers that are lighter:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/twirl-art-lighten-blend-mode.jpg\" alt=\"The twirl art effect using the Lighten blend mode in Photoshop\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The twirl art effect using the Lighten blend mode.<\/div>\n<p>And if I switch to the <strong>Pin Light<\/strong> blend mode:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/pin-light-blend-mode.png\" alt=\"Changing the blend mode of the smart object to Pin Light\" width=\"288\" height=\"176\" \/>\n<div class=\"image-desc\">Trying the Pin Light blend mode.<\/div>\n<p>We see that Pin Light creates a combination of the Darken and Lighten modes:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/twirl-art-pinlight-blend-mode.jpg\" alt=\"The twirl art effect using the Pin Light blend mode in Photoshop\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The twirl art effect using Pin Light.<\/div>\n<p>For this image, I think the Lighten blend mode works best, so I'll go with that:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/twirl-art-lighten-blend-mode.jpg\" alt=\"How to create twirl art in Photoshop\" width=\"702\" height=\"471\" \/>\n<div class=\"image-desc\">Lighten creates the best version of the three.<\/div>\n<h3>Step 14: Experiment again with the filter settings<\/h3>\n<p>At this point, you can still go back and experiment with different filter settings for either of the two smart objects. Just double-click on a Twirl or Mezzotint filter to re-open its dialog box and make your changes. For example, I'll double-click on the Mezzotint filter for the &quot;Photo copy&quot; smart object:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/edit-mezzotint-2-smart-filter.png\" alt=\"Editing the Mezzotint filter for the 'Photo copy' smart object\" width=\"275\" height=\"246\" \/>\n<div class=\"image-desc\">Opening the Mezzotint filter dialog box.<\/div>\n<p>Photoshop again pops open the message telling me that the smart filters above it will be turned off while I'm editing the filter. I'll click OK to accept it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/smart-filter-warning.png\" alt=\"Smart filters stacked on top of this filter will not preview while this filter is being edited\" width=\"429\" height=\"201\" \/>\n<div class=\"image-desc\">The other smart filters will be turned off while you're editing the Mezzotint filter.<\/div>\n<p>Then, I'll change the <strong>Type<\/strong> option from Long Strokes to the same <strong>Coarse Dots<\/strong> setting we tried earlier:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/mezzotint-filter-coarse-dots.png\" alt=\"Changing the Mezzotint filter Type option to Coarse Dots\" width=\"417\" height=\"358\" \/>\n<div class=\"image-desc\">Changing the Type option to Coarse Dots.<\/div>\n<p>Here's a comparison of the two settings. The original Long Strokes setting is on the left and Coarse Dots is on the right. Again, the Coarse Dots version shows less contrast but more detail. Press <strong>Ctrl+Z<\/strong> (Win) \/ <strong>Command+Z<\/strong> (Mac) on your keyboard  to switch between the two. I think I still like the higher contrast version better, so I'll stick with Long Strokes for both smart objects:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/twirl-two-mezzotint-filter-settings.jpg\" alt=\"A comparison of the twirl art effect with different Mezzotint filter settings\" width=\"802\" height=\"272\" \/>\n<div class=\"image-desc\">The effect with the Mezzotint filter set to Long Strokes (left) and Coarse Dots (right).<\/div>\n<p>You can also try turning off one of the Radial Blur filters for the &quot;Photo copy&quot; smart object. This will add a bit more sharpness to the effect and bump up the contrast. You'll want to leave the top Radial Blur filter on (the one directly below the Twirl filter) since that's the one we applied with the highest quality. But you can turn off either (or both) of the other two Radial Blur filters below it by clicking the filter's <strong>visibility icon<\/strong>. Click it again to turn the filter back on:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/turn-off-radial-blur.png\" alt=\"Turning off the bottom Radial Blur filter for the 'Photo copy' smart object\" width=\"275\" height=\"244\" \/>\n<div class=\"image-desc\">Turning off the bottom Radial Blur filter for the \"Photo copy\" smart object.<\/div>\n<p>And here, after turning off one of the Radial Blur filters, is my final Twirl Art effect. We'll learn how to upscale the effect to the high resolution version next:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/photoshop-twirl-art-effect.jpg\" alt=\"The low resolution twirl art effect is done\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The final result.<\/div>\n<h2 class=\"sub\">Creating The High Resolution Version<\/h2>\n<p>If you created a smaller version of your image back at the beginning of the tutorial, then once you're happy with the twirl effect, you'll want to swap out the smaller version with the original high resolution image. Here's how to do it.<\/p>\n<h3>Step 15: Select the original image document<\/h3>\n<p>First, switch over to the document that holds your original image by clicking on its <strong>tab<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/select-original-document.png\" alt=\"Switching to the Photoshop document that holds the original image\" width=\"544\" height=\"123\" \/>\n<div class=\"image-desc\">Selecting the original image document.<\/div>\n<h3>Step 16: Select and copy the image<\/h3>\n<p>Select the image by going up to the <strong>Select<\/strong> menu and choosing <strong>All<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/select-all.png\" alt=\"Choosing the Select All command in Photoshop\" width=\"245\" height=\"111\" \/>\n<div class=\"image-desc\">Going to Select &gt; All.<\/div>\n<p>Then go up to the <strong>Edit<\/strong> menu and choose <strong>Copy<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/edit-copy.png\" alt=\"Choosing the Copy command in Photoshop\" width=\"282\" height=\"110\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Copy.<\/div>\n<h3>Step 17: Switch back to the &quot;Twirl&quot; document<\/h3>\n<p>Switch back to the twirl effect's document by clicking its <strong>tab<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/select-twirl-document.png\" alt=\"Selecting the twirl effect document in Photoshop\" width=\"577\" height=\"123\" \/>\n<div class=\"image-desc\">Selecting the &quot;Twirl&quot; document.<\/div>\n<h3>Step 18: Replace the contents of the smart object<\/h3>\n<p>In the \"Twirl\" document, double-click on either of the smart object <strong>thumbnails<\/strong> in the Layers panel:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/smart-object-preview-thumbnail.png\" alt=\"Double-clicking the thumbnail for the 'Photo copy' smart object in Photoshop\" width=\"275\" height=\"180\" \/>\n<div class=\"image-desc\">Double-clicking the &quot;Photo copy&quot; thumbnail.<\/div>\n<p>This opens the contents of the smart object, which currently holds the small version of the image, in a separate document named \"Photo.psb\":<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/smart-object-document.png\" alt=\"The contents of the smart object open in a third document\" width=\"561\" height=\"122\" \/>\n<div class=\"image-desc\">The contents of the smart object open in a third document.<\/div>\n<p>Paste the original, full size image into the document by going up to the <strong>Edit<\/strong> menu and choosing <strong>Paste<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/edit-paste.png\" alt=\"Pasting the full size image into the smart object document\" width=\"282\" height=\"125\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Paste.<\/div>\n<p>Since the original image is larger than the smaller version, it won't initially fit. Much of it will be cropped away:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/image-cropped.jpg\" alt=\"The original image is too big to fit in the document\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">Only part of the original image is visible in the smart object document.<\/div>\n<p>To view the entire image, go up to the <strong>Image<\/strong> menu and choose <strong>Reveal All<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/image-reveal-all.png\" alt=\"Choosing the Reveal All command in Photoshop\" width=\"231\" height=\"117\" \/>\n<div class=\"image-desc\">Going to Image &gt; Reveal All.<\/div>\n<p>Photoshop expands the size of the canvas so that the entire image is visible:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/original.jpg\" alt=\"The full size image now fits inside the smart object\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The full size image now fits inside the smart object.<\/div>\n<h3>Step 19: Save and close the \"Photo.psb\" document<\/h3>\n<p>To officially replace the contents of the smart object with the original image, we need to save the document. Go up to the <strong>File<\/strong> menu and choose <strong>Save<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/file-save.png\" alt=\"Choosing the Save command in Photoshop\" width=\"291\" height=\"129\" \/>\n<div class=\"image-desc\">Going to File &gt; Save.<\/div>\n<p>A progress bar will appear letting you know that Photoshop is updating the contents of the smart object:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/updating-smart-objects.png\" alt=\"The progress bar showing the smart object contents being updated\" width=\"482\" height=\"103\" \/>\n<div class=\"image-desc\">Updating a smart object can take a while.<\/div>\n<p>When Photoshop is done saving the document, you can close it by going up to the <strong>File<\/strong> menu and choosing <strong>Close<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/file-close.png\" alt=\"Choosing the Close command in Photoshop\" width=\"290\" height=\"119\" \/>\n<div class=\"image-desc\">Going to File &gt; Close.<\/div>\n<h3>Step 20: Render the high resolution twirl effect<\/h3>\n<p>Back in the \"Twirl\" document, we have the same problem where much of the effect is being cropped away. Again, it's because the original image is much larger than the smaller version we were using:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/twirl-effect-cropped.jpg\" alt=\"The twirl effect is too big to fit inside the document\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">This time, the twirl effect is too big to fit.<\/div>\n<p>To reveal the entire effect, go back up to the <strong>Image<\/strong> menu and once again choose <strong>Reveal All<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/image-reveal-all.png\" alt=\"Again choosing the Reveal All command in Photoshop\" width=\"231\" height=\"117\" \/>\n<div class=\"image-desc\">Going back to Image &gt; Reveal All.<\/div>\n<p>Another progress bar will appear, this time telling you that Photoshop is rendering the smart filters. This part may take some time:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/rendering-smart-filter.png\" alt=\"Again choosing the Reveal All command in Photoshop\" width=\"482\" height=\"102\" \/>\n<div class=\"image-desc\">Rendering the high resolution version of the effect.<\/div>\n<p>When it's done, the final result appears in its more detailed, high-resolution glory:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/photoshop-twirl-art-effect-final.jpg\" alt=\"How to create twirl art in Photoshop\" width=\"704\" height=\"472\" \/>\n<div class=\"image-desc\">The final, high resolution twirl art effect.<\/div>\n<h2 class=\"sub\">Creating Symmetrical Twirl Art<\/h2>\n<p>At this point, the main twirl art effect is complete. But let's take it one step further and create a symmetrical version. Here's how to do it.<\/p>\n<h3>Step 21: Merge both smart objects onto a new layer<\/h3>\n<p>In the Layers panel, make sure the \"Photo copy\" smart object at the top is selected:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/select-photo-copy-smart-object.png\" alt=\"Selecting the 'Photo copy' smart object\" width=\"275\" height=\"199\" \/>\n<div class=\"image-desc\">Selecting the \"Photo copy\" smart object.<\/div>\n<p>Then, on your keyboard, press <strong>Shift+Ctrl+Alt+E<\/strong> (Win) \/ <strong>Shift+Command+Option+E<\/strong> (Mac) to merge both smart objects onto a new layer above them. This time, we're working with a normal layer, so you won't see any smart filters listed below it:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/merged-twirl-effect-layer.png\" alt=\"Merging the twirl art effect onto a new layer\" width=\"275\" height=\"181\" \/>\n<div class=\"image-desc\">A merged copy of the effect appears above the smart objects.<\/div>\n<h3>Step 22: Flip the layer horizontally<\/h3>\n<p>Go up to the <strong>Edit<\/strong> menu, choose <strong>Transform<\/strong>, and then choose <strong>Flip Horizontal<\/strong>:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/choose-flip-horizontal.png\" alt=\"Choosing the Flip Horizontal command in Photoshop\" width=\"273\" height=\"121\" \/>\n<div class=\"image-desc\">Going to Edit &gt; Transform &gt; Flip Horizontal.<\/div>\n<p>This flips the effect horizontally:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/twirl-art-effect-flipped.jpg\" alt=\"The result after flipping the twirl art effect horizontally\" width=\"703\" height=\"470\" \/>\n<div class=\"image-desc\">The effect after flipping it horizontally.<\/div>\n<h3>Step 23: Change the blend mode of the merged layer<\/h3>\n<p>Finally, to blend the flipped version in with the original, simply change the <strong>blend mode<\/strong> of the merged layer (\"Layer 1\") to either <strong>Darken<\/strong>, <strong>Lighten<\/strong> or <strong>Pin Light<\/strong>. Choose the one that gives you the best result. With my image, the Darken mode works best:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/layer-1-darken-blend-mode.png\" alt=\"Setting the blend mode of the flipped image to Darken\" width=\"289\" height=\"179\" \/>\n<div class=\"image-desc\">Setting the blend mode to Darken.<\/div>\n<p>And here, after changing the blend mode of the merged layer, is my symmetrical twirl art effect:<\/p>\n<img decoding=\"async\" src=\"https:\/\/pe-images.s3.amazonaws.com\/photo-effects\/cc\/twirl-art\/photoshop-symmetrical-twirl-art.jpg\" alt=\"How to create symmetrical twirl art in Photoshop\" width=\"703\" height=\"470\" \/>\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 create twirl art, and symmetrical twirl art, using smart filters and layer blend modes in Photoshop! For a similar effect, check out our  <a href=\"\/photo-effects\/flip-mirror\/\" title=\"View tutorial\">Flip, Mirror and Rotate Images<\/a> tutorial. Or visit our <a href=\"\/photo-effects\/\" title=\"View Photoshop Photo Effects tutorials\">Photo Effects<\/a> section for more tutorials!<\/p>\n<\/section>\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>Learn how to turn your photos into fun, colorful twirl art effects in Photoshop using Smart Filters and layer blend modes!<\/p>\n","protected":false},"author":1,"featured_media":23782,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[104,5],"tags":[],"class_list":["post-23775","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cc-photo-effects-2","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>How To Create Colorful Twirl Art Effects In Photoshop<\/title>\n<meta name=\"description\" content=\"Learn how to turn your photos into colorful, abstract twirl art effects in Photoshop, including how to create symmetrical twirl art designs! A complete step-by-step tutorial for Photoshop CC and earlier.\" \/>\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\/twirl-art-effect\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Create Twirl Art In Photoshop\" \/>\n<meta property=\"og:description\" content=\"Learn step-by-step how to turn your photos into fun, colorful twirl art effects in Photoshop!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/\" \/>\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=\"2018-03-12T00:32:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-02T14:13:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/03\/create-twirl-art-share.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\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=\"31 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\\\/twirl-art-effect\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/twirl-art-effect\\\/\"},\"author\":{\"name\":\"Steve Patterson\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"headline\":\"How To Create Twirl Art In Photoshop\",\"datePublished\":\"2018-03-12T00:32:15+00:00\",\"dateModified\":\"2022-11-02T14:13:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/twirl-art-effect\\\/\"},\"wordCount\":3365,\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/twirl-art-effect\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2018\\\/03\\\/howto-create-twirl-art-in-photoshop-ft.jpg\",\"articleSection\":[\"CC\",\"Photoshop Photo Effects\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/twirl-art-effect\\\/\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/twirl-art-effect\\\/\",\"name\":\"How To Create Colorful Twirl Art Effects In Photoshop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/twirl-art-effect\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/twirl-art-effect\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2018\\\/03\\\/howto-create-twirl-art-in-photoshop-ft.jpg\",\"datePublished\":\"2018-03-12T00:32:15+00:00\",\"dateModified\":\"2022-11-02T14:13:17+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/#\\\/schema\\\/person\\\/338424c7775908e1c0a190d02a6564f2\"},\"description\":\"Learn how to turn your photos into colorful, abstract twirl art effects in Photoshop, including how to create symmetrical twirl art designs! A complete step-by-step tutorial for Photoshop CC and earlier.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/twirl-art-effect\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/twirl-art-effect\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/twirl-art-effect\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2018\\\/03\\\/howto-create-twirl-art-in-photoshop-ft.jpg\",\"contentUrl\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/newsite\\\/wp-content\\\/uploads\\\/2018\\\/03\\\/howto-create-twirl-art-in-photoshop-ft.jpg\",\"width\":250,\"height\":250,\"caption\":\"How to create twirl art in Photoshop\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.photoshopessentials.com\\\/newsite\\\/photo-effects\\\/twirl-art-effect\\\/#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\":\"How To Create Twirl Art In Photoshop\"}]},{\"@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":"How To Create Colorful Twirl Art Effects In Photoshop","description":"Learn how to turn your photos into colorful, abstract twirl art effects in Photoshop, including how to create symmetrical twirl art designs! A complete step-by-step tutorial for Photoshop CC and earlier.","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\/twirl-art-effect\/","og_locale":"en_US","og_type":"article","og_title":"How To Create Twirl Art In Photoshop","og_description":"Learn step-by-step how to turn your photos into fun, colorful twirl art effects in Photoshop!","og_url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/","og_site_name":"Photoshop Essentials","article_publisher":"https:\/\/www.facebook.com\/photoess","article_published_time":"2018-03-12T00:32:15+00:00","article_modified_time":"2022-11-02T14:13:17+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/03\/create-twirl-art-share.jpg","type":"image\/jpeg"}],"author":"Steve Patterson","twitter_misc":{"Written by":"Steve Patterson","Est. reading time":"31 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/#article","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/"},"author":{"name":"Steve Patterson","@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"headline":"How To Create Twirl Art In Photoshop","datePublished":"2018-03-12T00:32:15+00:00","dateModified":"2022-11-02T14:13:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/"},"wordCount":3365,"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/03\/howto-create-twirl-art-in-photoshop-ft.jpg","articleSection":["CC","Photoshop Photo Effects"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/","url":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/","name":"How To Create Colorful Twirl Art Effects In Photoshop","isPartOf":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/#primaryimage"},"image":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/#primaryimage"},"thumbnailUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/03\/howto-create-twirl-art-in-photoshop-ft.jpg","datePublished":"2018-03-12T00:32:15+00:00","dateModified":"2022-11-02T14:13:17+00:00","author":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/#\/schema\/person\/338424c7775908e1c0a190d02a6564f2"},"description":"Learn how to turn your photos into colorful, abstract twirl art effects in Photoshop, including how to create symmetrical twirl art designs! A complete step-by-step tutorial for Photoshop CC and earlier.","breadcrumb":{"@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/#primaryimage","url":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/03\/howto-create-twirl-art-in-photoshop-ft.jpg","contentUrl":"https:\/\/www.photoshopessentials.com\/newsite\/newsite\/wp-content\/uploads\/2018\/03\/howto-create-twirl-art-in-photoshop-ft.jpg","width":250,"height":250,"caption":"How to create twirl art in Photoshop"},{"@type":"BreadcrumbList","@id":"https:\/\/www.photoshopessentials.com\/newsite\/photo-effects\/twirl-art-effect\/#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":"How To Create Twirl Art In Photoshop"}]},{"@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\/23775","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=23775"}],"version-history":[{"count":48,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/23775\/revisions"}],"predecessor-version":[{"id":33568,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/posts\/23775\/revisions\/33568"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media\/23782"}],"wp:attachment":[{"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/media?parent=23775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/categories?post=23775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.photoshopessentials.com\/newsite\/wp-json\/wp\/v2\/tags?post=23775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}