46 Comments

Using Actions Creatively

June 13, 2008

Photoshop actions are commonly overlooked when creating designs and artwork, often left only for batch editing photographs. However this is about to change, with a bit of imagination you can create very impressive abstract pieces, detailed images which beg for a closer look. Read on to discover how to transform one small image into a large, colorful piece of abstract art.

Tutorial Files

If you are a PSD PRO member then download the PSD file and much more by going here.

Final Image

This tutorial will show you how to create an image similar to this:

Step 1

This tutorial will act more as a guide rather than a step-by-step walkthrough, this is because, although your final image will be similar to the one I created, the results tend to vary due to technique we are using. However this does mean you will get a unique final piece so don’t worry if your images do not match exactly while we go through the steps. Most of the images in the steps show what your image should look like after the step rather than how to complete the step as i figured this would be the most helpful way to illustrate this tutorial.
Begin by selecting an image, images which tend to work well are high contrast with distinctive areas of color, Here is the image I used Tail Light. Create a new document at 1600x2000px and paste the tail light image in. Get rid of the unwanted parts of this photo, I won’t go into detail here as there are more than enough tutorials on this subject, however the pen tool or the polygonal lasso work well. By looking at the image below you can see which parts of this image I opted to keep. Note that I used black as the background color and also adjusted the levels slightly and scaled the image. Lastly duplicate this layer and name the duplicated layer ‘original’ then hide the layer.

Step 2

Find the actions panel, we will be using this a lot. With the panel open create a new action, this should immediately start recording any commands you use so it is important you are careful in what buttons you press for example ‘undo’ and ‘redo’ don’t get recorded.

Step 3

Duplicate the visible image layer then hit ctrl+T to enter free transform mode then scale the image down very slightly, next rotate it clockwise slightly then move it to the left slightly. All of these transforms should be hardly noticeable. We also want to change the colour of the bulbs; go image>adjustments>hue/saturation and change the hue to +10. Use the image shown below as a guide for the transforms.

Step 4

This is where it all happens, in the actions panel click stop then click on action 1 or whatever you named your action. Now press play… a lot of times, until it looks similar to below. Bin this action as you won’t need it again. Now select all the images except for the one you named ‘original’ and the background obviously, hit ctrl+E to merge them.

Step 5

This is a good time to create a more interesting background as we have a taste for what the image will look like, This will be a very simple background so in the background layer create a radial gradient going from #3c001c to #000 starting from the middle out to the edges. Create a new layer directly above the background layer, hit D then filter>render>clouds set this layer to 25% opacity and overlay blending mode.

Step 6

You should have four layers now, the background, the clouds, the hidden original image and the edited image at the top. Select the top layer then create a new action, duplicate the layer and in the layers panel move it down one place. Using the same techniques as in step 3 transform the image then image>adjustments>hue/saturation and change the hue to -15. Try and get it looking like the following image.

Step 7

Without clicking anything else, stop the action and click on the action title then play the action multiple times until something similar is gained. As before, delete this action then merge all the layers involved with this action leaving you with four layers.

Step 8

Move this image more into the center of the page then go image>adjustments>color balance and change the values for midtones to +35 -35 -35. Now duplicate the layer and move the duplicated layer behind this layer, scale the duplicated layer down, rotate it then move it to roughly the same place as below.

Step 9

Remember that layer we named original, move it to the top of the layer stack and unhide it. Now filter>distort>twirl set the value to -250 then scale it down slightly.

Step 10

Okay, create an action in exactly the same way as before. This time duplicate the layer and move it down one place add a twirl with a value of +5, change the hue to -20 then maybe just move, scale and rotate until it is similar to the image shown below.

Step 11

It should be easy to work out what to do here; stop, click the action title then play the action a few times then merge the appropriate layers. I also scaled this layer down a small bit.

Step 12

And again, create a new action. This time I’ll let you work out what I did to make it look like this.

Step 13

Again, I wont go into much detail here, just remember to merge the appropriate layers

Step 14

Hit ctrl+T then scale the layer slightly, move it then in the layers panel move it to the back of the other images.

Step 15

You may have noticed the steps are getting more vague, this is basically because our images probably don’t look the same and because you should know what to do by now. Merge all your layers except the background and the clouds, duplicate this layer, move it down one in the layers stack then filter>distort>twirl with -200 as the value. I then used a combination of the adjustments; color balance and curves to modify the color of this layer. Using a few transforms, try and get a result you are happy with.

Step 16

Select the eraser tool and set the brush to 200px, 0% hardness, 40% opacity. Use this to erase certain parts of each image layer in order to make them blend into the background more.

Step 17

Now using the knowledge gained from the steps so far, add a few more elements by using actions, some ideas for using in an action could be a type of blur, lowering the saturation or opacity, maybe even adding some noise. Just experiment for a bit. You will notice I also added some text in the upper right.

Step 18

Select a radial gradient going from a color of your choice to 0% opacity as shown

Step 19

Create a new layer then use this gradient to create a blurry ball like so, next change the color on the gradient then create a few more, I used four in total. Lastly change the blend mode of this layer to color then the opacity to what suits your image best.

Conclusion

I have only scratched the surface of what can be achieved by using Photoshop actions creatively, for example; brush strokes could be used instead of photographs, as well as a lot more commands being included in each action. The possibilities for this technique are endless. After experimenting for a while, amazing effects can be created very easily. Have fun with it.


Similar Tutorials:

Save and Share this Post

We like people who share our posts! Del.Icio.Us - StumbleUpon - Float - Reddit


Or why not subscribe to the feed? RSS - Email

46 Responses:

  • June 14th, 2008

    Mike MTM:

    Hye, Thanks for this great effects, It’s my dream to do serious things like that…

    Wonderfull.

  • June 21st, 2008

    mrrossi:

    Wow, you showed me a completly new way to use Photoshop. A whole bunch of new possibilities. Thank you.

  • June 27th, 2008

  • June 30th, 2008

    baby:

    Nice website!!

  • July 12th, 2008

    photoshop actions:

    […] […]

  • July 12th, 2008

    GenGeek » Blog Archive » Top 5+2 Webs de Tutoriales para Photoshop:

    […] PSD Learning. Mejor tutorial: Using Actions Creatively […]

  • July 13th, 2008

    Marco:

    Amazing website, thanks so much for all the amazing and detailed tuts!

  • July 24th, 2008

    gwill:

    this site is really helpful… now i can learn a lot of things using my photoshop even if nobody will teach me… jejeje.. it is really interesting… try for your self guys…

  • July 24th, 2008

    Mutuku H.:

    Holla! nice one. ‘l think big now!

  • July 28th, 2008

    Sam:

    Hey, this is sooooooo coooooool!!! Thanx a million!

  • August 1st, 2008

    Best of the web: July ‘08 |:

    […] Using actions creatively […]

  • August 7th, 2008

    Aktionen kreativ einsetzen:

    […] zu erleichtern. Nicht wenige haben schon mit dieser Funktion experimentiert, wie auch der Autor von Using Actions Creatively. Ein freigestelltes Autoteil mit viel Chrome wird dutzendfach kopiert und wieder eingefügt. So […]

  • August 15th, 2008

    grace4jje:

    omg wonderful tutorial love it !!!, thank you

  • November 19th, 2008

    Henrik:

    Best tutorials on months! Thx for sharing:)

  • November 24th, 2008

    Best of the web: July ‘08:

    […] Using actions creatively […]

  • January 18th, 2009

    ????:

    ????? ????!

  • January 28th, 2009

    Daily Links | AndySowards.com :: Professional Web Design, Development, Programming, Hacks, Downloads, Math and being a Web 2.0 Hipster?:

    […] Using Actions Creatively | Learning Resources for Adobe Photoshop Nice tutorial of using actions creatively! (tags: effect tutorial tutorials tutoriales photoshop colors cool actions image stock creative graphic) […]

  • March 2nd, 2009

    Make colorful abstract art - Photoshop -Tutorials,Brushes,Downloads,Everything..:

    […] In this tutorial,with a bit of imagination we can create very impressive abstract pieces, detailed images which beg for a closer look. Read on to discover how to transform one small image into a large, colorful piece of abstract art.More details here . […]

  • May 12th, 2009

    Colorful Spirograph Poster | Learning Resources for Adobe Photoshop:

    […] in actions in Photoshop then I wrote another tutorial using them in a similar way, check it out here. Hope you enjoyed this and learned something new, make sure to add your own images to the […]

  • June 5th, 2009

    Spiral:

    Absolutely AMAZING tutorial, and with a great end result!!!

  • June 19th, 2009

    suthershan:

    verry use ful for us

  • June 25th, 2009

    yuanjy1984:

    I learn a lot from this tutorial!!Thank you so much!!!

  • August 8th, 2009

    Photoshop Actions:

    those are killer! so easy to follow to. thanks!

  • August 11th, 2010

    Four Web Resources for PSD Tutorials - P2H / PSD2HTML:

    […] tutorial I want to show you from this website is titled “Using Actions Creatively.” From time to time I need to do batch processing and use actions. Actions allow me to do […]

  • August 18th, 2010

    roneybalack:

    In this photoshop tutorial we will learn to design a clean website layout. … This photoshop tutorial show you how to design a very beautiful and shining …
    thanks.. find more best tutorials here http://download60s.com

  • August 30th, 2010

    MCSE:

    Thank you very much for letting this information with us.
    MCSE

  • September 7th, 2010

    Photoshop smart objects:

    Really effective use of actions – looks crazy!

  • April 11th, 2011

    Colorful Spirograph Poster | B L O G : : E L I J A H C A R D E R . C O M:

    […] in actions in Photoshop then I wrote another tutorial using them in a similar way, check it out here. Hope you enjoyed this and learned something new, make sure to add your own images to the […]

  • July 12th, 2012

    Pedro Luis:

    You are the Master, Nice effect.

  • October 20th, 2012

    Suzi uncel:

    mensbootsfashion Nice post.Thank you for taking the time to publish this information very useful! I’ve been looking for books of this nature for a way too long. I’m just glad that I found yours. Looking forward for your next post. Thanks :)

  • February 27th, 2013

    Brain To Shopping:

    Brain To Shopping. Special everything in your Shopping Studio Stores in USA

  • February 28th, 2013

    Open Safe Window:

    Open Safe Window. We are Best Society in your life and Be Cool Guys.

  • August 10th, 2013

    Web Design:

    Wow, you showed me a completely new way to use Photoshop. A whole bunch of new possibilities. Thank you for sharing with us..

    From
    Web Design Company Nigeria
    Vibe Web Team

  • October 23rd, 2013

    Professional Courses:

    In this photoshop tutorial we will learn to design a clean website layout. … This photoshop tutorial show you how to design a very beautiful and shining …

    From
    Larn Edutech

  • November 28th, 2013

    uggs kopior:

    The uggs kopior http://brunnstagard.se/images/skobutiker/ugg.asp/ are incredibly elegant and superior wanting .

  • March 27th, 2014

    Four Web Resources for PSD Tutorials | Blog – PSD2HTML®:

    […] tutorial I want to show you from this website is titled “Using Actions Creatively.” From time to time I need to do batch processing and use actions. Actions allow me to do […]

  • July 16th, 2014

    refrigerator repair in Mandeville LA:

    I rarely leave comments, but i did a few searching and wound up here Using Actions Creatively |
    Learning Resources for Adobe Photoshop. And I do have 2 questions for you if you tend not to mind.
    Is it only me or does it look as if like some of these comments appear as if they are written by brain dead visitors?
    :-P And, if you are writing on additional places, I would like to keep up with anything
    fresh you have to post. Could you make a list of the
    complete urls of all your public sites like your Facebook page, twitter feed, or
    linkedin profile?

  • January 29th, 2015

    Thomas:

    Awesome issues here. I am very glad to look your post.
    Thank you so much and I am taking a look forward to touch you.

    Will you kindly drop me a e-mail?

    web page (Thomas)

  • October 17th, 2015

    vodafoneturkiye:

    Kendini geli?tiren büyüyen teknoloji dendimi akla ilk Vodafone ?nternet gelir.Evde,i? yerinde,tatilde her alanda internete ihtiyaç duyar?z bu yüzden kulland???m?z internetin ihtiyaçlar?m?za cevap vermesini isteriz.Tam bu noktada Vodafone internet ile tan??arak aradaki fark göreceksiniz.?nternet kullan?c?lar? olacak kulland???m?z internetin h?zl? olmas?n? isteriz.Vodafone fiber internet ile internete çok h?zl? ba?lanacaks?n?z.Zaman?m?z?n k?s?tl? olmas?yla birlikte intenetin çekmemesi ve yava? ilerlemesi kar??s?nda sorun ya?ar?z. ?nternetin tad?n? almak olmak istiyorsan?z vodafone net ba?vuru yaparak ayr?cal?klar? yak?ndan takip edebilirsiniz. Web sitemize u?rayarak bizimle ileti?ime geçebilir yada web sayfam?zdaki formu doldurarak size geri dönü? yapmam?z? sa?layabilirsiniz.

    http://vodafonenetbasvuru.com/

  • October 29th, 2015

    vodafoneturkiye:

    Vodafone fiber internet ile internete çok h?zl? ba?lanacaks?n?z. Zaman?m?z?n k?s?tl? olmas?yla birlikte intenetin çekmemesi ve yava? ilerlemesi kar??s?nda sorun ya?ar?z. Vodafone fiber internet sorunlar?n?za ilaç gibi gelecek fiber internetin optik h?z? sayesinde internete çok h?zl? ba?lanarak i?lerinizi zaman?nda bitirecek ve bo?a vakit kaybetmekten kurtulacaks?n?z. ?nternette her alanda oldu?u gibi evde de ihtiyaç duymaktay?z. Evin bize verdi?i rahat ortam ile film ve videolar?m?z? kesintisiz izleme ihtiyac? duyar?z.
    Vodafone net ile hayat?n tad?na varacaks?n?z.

    http://vodafonnet.net/

  • October 29th, 2015

    vodafoneturkiye:

    Vodafone internet ile evinizde interneti keyifle kullana bileceksiniz. Vodafane sizlere interneti kolayca ula?abilmeniz için hizmetlere devam ediyor. ?nterneti evinizde telefon olmadan ba?lana bilmeniz için Vodafone adsl ile sizlere hizmet veriyor. Vodafona adsl ile ev telefonu ba?latma ve kurulum derdinden kurtulacaks?n?z.
    4.5G uyumlu vodafone kart?n?z? al?p h?zl? internet ayr?cal?klar?ndan yararlanmak için vodafone ba?vuru yap?n?z.

    http://vodafonebasvuru.com/

  • November 22nd, 2015

    vodafoneturkiye:

    Günümüz teknolojisinin geli?mesiyle internet dünyas? zenginle?erek ilerlemektedir. Bu teknolojiye vodafone internet ile sizde sahip olabileceksiniz. Vodafone net her geçen gün kendini yenileyerek internet dünyas?ndaki zirvesindeki yerini korumaktad?r. Evde, i?te, tatilde her alanda sizlere interneti kusursuz bir ?ekilde ula?mas?n? sa?lamaktay?z.

    Evde internet keyfini mi sürmek istiyorsunuz ? Vodafone fiber internet tamda size göre vodafone evde internet ile evinizde interneti kesintisiz ve keyifle ba?layabileceksiniz.

    http://vodafonnet.net/

  • November 22nd, 2015

    vodafoneturkiye:

    Evde internete ba?lanmak için telefon ba?latma ve kurulum derdi ile u?ra?mak zorunda kal?yorduk.
    Vodafone adsl kurulum ve telefon derdine son veriyor. Vodafone adsl ile evde telefon zorunlulu?u olmadan internete ba?lanabileceksiniz. Vodafone net ile diledi?iniz yerde internete sahip olabilirsiniz üstelik 49.90 TL s?n?rs?z internet f?rsat?yla…

    http://vodafoninternet.com/

  • November 22nd, 2015

    vodafoneturkiye:

    Önceden eve telefon ba?latarak bir sürü gereksiz ek masraflarla ve faturalarla u?ra?mak zorunda kal?yorduk. Vodafone yal?n internet ile sabit ev telefonu ba?latma zorunlulu?u olmadan evinizde interneti uygun fiyatlarla kullanabileceksiniz. Vodafone sizi ve bütçenizi dü?ünüyor. Vodafone super internet tarifeleriyle ev telefonu zorunlulu?u olmadan bütçenize uygun interneti evinizde keyifle kullanma ?ans?n? yakalayacaks?n?z.
    Günümüzde internete her alanda ihtiyaç duyar?z. Bu yüzden i?lerimizi daha erken yapabilmek için kulland???m?z internetin h?zl? olmas?n? isteriz. Vodafone fiber interneti bu yüzden sizin için geli?tirdi. Fiber internetin optik ???k h?z?yla internete an?nda ba?lanacak ve i?lerinizi zaman?nda halledebileceksiniz. Vodafone internet ile sizleri gülümsetmek bizim i?imiz…

    http://vodafoninternet.com/

  • November 22nd, 2015

    vodafoneturkiye:

    Gününüze gün katan interneti doyas?ya kullanmak istemez misiniz ?
    ?üphe yokki internet 21.yüzy?l?n en çok ihtiyaç duyulan teknolojisidir . Üstelik i?lerimizin bir ço?unu internet üzerinden gerçekle?tirmemize, günümüzün ço?unu internette geçirmemize ragmen çok uygun fiyat?yla cazip hale gelmi?tir. Turkcell superonline internet ile interneti ???k h?z?yla superonline fiber internet alt yap?s?yla kullanabilirsiniz. 4.5 G teknolojisi sayesinde internet 32 kat daha h?zland? ve alt yap?s? en sa?lam olan operatörümüz ise 4.5 G ye en büyük yat?r?m? yaparak kalitesini göstermi?tir. Sizde superonline net ayr?cal?klar?ndan yararlanmak istemez misiniz ?
    O halde sitemizdeki ba?vuru formunu doldurarak sizi aramam?z? sa?layabilirsiniz.

    http://www.superonlinenet.net/

  • November 22nd, 2015

    vodafoneturkiye:

    Sanat?n insana verdi?i huzur ve mutluluk hiç ?üphe yok ki tarifi e?siz bir mutluluktur. Güzel sanatlar resim kursu ile sanatla iç içe olarak çizim tekni?inizi geli?tirerek ince çizim tekniklerini ö?reneceksiniz. Taksim Resim kursu ile karakalem, duvar ressam?, sulu boya, ya?l? boya gibi çizimleri e?siz bir tat ile üreteceksiniz. Sizi Taksim meydan?ndaki yerimize resim kursu muza davet ediyoruz. Misafir olarakta atölyemizi inceleyebilirsiniz.

    http://www.arkhesanat.com/

Leave a Comment

©PSDlearning 2016. This site is brilliantly hosted by Mediatemple.