Signalnoise Tutorial: Rainbow Shards

Leave a Reply

Comment as a guest.

  1. Great tutorial, you can take it a step further by using the warp tool to create arcs etc..

    Great colour tips! Learning how to use all the blending modes and stacking layers helps create amazing designs.

  2. Thanks so much everyone, hope you have fun with this one.

    Gavin, I wouldn’t recommend manipulating your shapes in Photoshop because you would need to rastorize the SmartObjects which takes scalability away from you. It’s best to keep most of your manipulation in Illustrator to maintain that flexibility later. Keep it non-destructive.

  3. Ah great tutorial. A while back when you posted a teaser for your tutorial DVD with the .psd file I went to work trying to create my own shards to experiment with. I want to try the coloring and layer styles that I saw in the .psd.

    Came up with a decent shard-ified poster that turned into

    Have you ever tried inverting the colors of your pieces? The result is actually kinda neat!

  4. I’ve seem them used everywhere!! Just look at the AppStore.. their header at the moment is made of these!

  5. John, I’ve tried inverting a few times, but I always like original version far better. Probably because it’s what I had in my head to begin with. :)

    DavidCom, I can’t find that header, you have a link?

  6. Ah I gotcha. Well I guess it could be that when I experiment I don’t really have a result or end-point in mind. Just going with the flow

  7. Super tutorial James, I already experimented with this shards in Photoshop, and now I’m going to try with Illustrator.

    Thanks for writing this tutorial!

  8. Mat, my pleasure man.

    John, you’re absolutely right and that’s what it’s all about. Trying those little things along the way to see what might happen.

    Nikola, no problem at all. Hope you’re having fun. :)

  9. James, can you please remove the link in my comment #1.
    Since its a private website, and this page is gonna get a lot of traffic, I don’t want to be understood as advertiser of something.

    If you could remove the whole comment, that would be great!


  10. Hey James, fantastic as ever.

    You say you did these groups in flash. Did you make the shapes also randomly or just the grouping?

    Thumbs up from somewhere over the rainbow

  11. This is really cool! Hope to see more tuts from you James.

    Also, I love that you put the app icon in the corner of each screen to signify what program that step was in. Simple but clever.

  12. thanks for the great tutorial!
    you made me use illustrator for the first time since i only got cs4 for photoshop and indesign :lol:

    i used this to create a new background for my twitter account ;)

  13. Thanks a lot James!, a very inspiring and useful tutorial, i’ve never tried this and it looks great.

    And how you say, it’s very important to experiment!, everyone can follow a tutorial, but the magic is in decomposing it and trying new things.


  14. Thanks for the tip, James. I can’t agree with you more about experimenting. Tutorials are just a guide to help you experiment.. and when such an advice comes from a person as established as you, I can’t wait to put my ideas to work.. This tutorial has certainly inspired me to work more….


  15. Thanks for your tuts and free psd. Your work inspired me a lot and I think your’re one of the best PC artists in the world right now!
    Thanks a lot man

  16. This is great, thanks. I thought it was worth mentioning that to get the layer mask to apply, you need to shift-click the gradient layer, then cmd (or ctrl on Windows) and shift click the thumbnails of each smart object layer, then apply the layer mask. For someone like me who doesn’t know too much about PS I struggled with that and in the end found out how to do it via YouTube.

  17. would you mind elaborating the 2nd part of step 6 for me? (I then selected the shapes below in order to apply a layer mask to the color layer. ) I seem to be doing something wrong around this part of the tutorial. Thanks

  18. Thanks for the “duplicate multiple light overlayed colour to achieve a nice overlay vibrant colours” method. Its absolutely brilliant !

Sliding Sidebar