Let's take a look at some digital illustration techniques that you can use in your artwork. Try analyzing artist's work to discover not only how they do something, but also why they might use a certain technique. Pick a vantage point and look at the work from that particular view. In this article, we have an analytical lens we'll be looking through. We'll consider the use of repeating shapes and flexible patterns being used by artists today.
6 Techniques to Compose Your Work Using Repeating Shapes and Flexible Patterns
May 25th in Articles by Sean Hodge
Introduction
We often think of patterns in the sense of rigid repeating designs, as we see on wallpaper, or in textiles. Usually, we consider using patterns in our work as elements that would compose our background. There are more ways to consider the use of patterns in your work, though.
Patterns can be thought of in an organic sense. They don't have to be so rigid. They can have variation of size, spacial arrangement, or shape, while still being interpreted as patterns. The glue that holds it together is a combination of repetition and shape. Often, it's a repeating set of shapes that make up a pattern.
You can use these sets of shapes in various ways throughout your work. Consider cutting into your work through the use of repeating shapes, like cutting the spots off a Dalmatian. Possibly reposition these cutouts in different areas of your design. You can build up images through the use of patterns, mask areas through camouflage, and various other techniques to form interesting digital artwork that either uses flexible patterns or creates them.
1. Remove Parts of an Image with Repeating Shapes
Repeating shapes make up patterns. There are interesting ways to use these repeating shapes. One such way is to cut into a photo, text, or design element. Then reposition those cut pieces throughout the illustration. In the artwork below the artist uses small rectangles, slanted at 45 degree angles, to cut into the text in the design. The elements are then repositioned to form an interesting digital composition.
Jeremy Somers—Ministry of Sound
The shapes in the image below don't actually cut the photo. The use of white and red triangles confuses the foreground and background as the shapes cross over the model in the photo. The visual effect appears to remove parts of the photo image, and the elements are effectively mixed.
Julia Pogodina and Mike Campau—Red
2. Break Apart An Image Across the Seam of a Pattern
In this technique, the central design element is given a pattern, a repeating shape that forms the central image. There is a seam formed where each shape intersects. Then the artist breaks apart this pattern across the seam. The effect can be powerful and cool.
Cristiano uses the program Poser to create a 3D model. In the process of output, he emphasizes the 3D shapes that compose the image, thereby forming a pattern. Then in Photoshop he breaks off parts of the pattern by cutting them out and repositioning them. He cuts them across the seam of intersecting shapes. While this is a bit of guesswork as to his actual workflow, he does use these two programs to make this image.
Cristiano Siqueira—Metamorphosis
In the image below, Adobe has created a castle design by using the repeating shape of playing cards. The illustration purposefully unravels in parts of the image by pulling out some of the cards. It gives it a feeling of a house of cards toppling.
Adobe—Adobe Cards
3. Build an Image Through Repeating Shapes
A way to construct an image is with a pattern. Use repeating shapes to form the image itself. There is a wide range of shapes and patterns you could use to construct an image. In the image below, repetitious floral and bird shapes are used to compose the image. It's constructed from a decorative pattern.
Techvector—untitled
Stippling is a classic art technique, though you can emulate this style with multiple circles in Photoshop or other software. The image below uses multiple repeating circles and some lines to compose the image. The circles are large enough that they become a recognizable pattern used to build this image.
Rikke Jorgensen—Radio Star
4. Break Shapes and Patterns Out of Established Boundaries
A classic design technique is to create a rhythm and then break that rhythm. It puts emphasis on the visual change. This can be done across planes established in the work. In the image below the pattern making up the shoe design is breaking out of the boundaries of the shoe. The shoe appears to come unraveled. You can create a visual rhythm with repeating shapes, and then break the boundaries of this established rhythm.
Laura Alejo—Nike ID Poster
Something similar is being done in the illustration below. The design of the dragon as a tattoo escapes its skin boundaries and becomes real. What starts off as a cool pattern etched into the characters skin is transformed into a character itself.
Gianluca Mattia—Mystic Dragon
5. Use Camouflage Techniques to Blend Areas
When a pattern is carried from the background across the foreground of an image, camouflaging occurs. This makes distinguishing the foreground and background of an image difficult. This blending technique can be used to good effect by the digital artist.
In the image below, the background pattern carries across the bottle. The bottle in the design appears to be both a continuation of the background and a separation from it. This confusion of foreground and background adds interest to the design.
Butelka—Kamil
The hand in this image has the same texture as the background. The hand blends into the background texture in areas as camouflage. In other areas of the image, the texture doesn't line up as well, and the shading on the hand is stronger. In those areas, it stands out more.
Justin Maller—Genesis
6. Use Repeating Design Elements to Form Flexible Patterns
Patterns are made up of repeating shapes. You can construct rigid patterns that repeat in a symmetrical fashion. Another option is to create more organic, flexible patterns. Shapes repeat, but there isn't a uniform sequence to the pattern.
The pattern below repeats images of cards, dice, and chips. There is a vast amount of flexibility in this pattern. Each shape is scaled in size throughout the pattern. The color of these repeating elements varies. Interestingly, three-dimensional rotation of each object changes throughout the design as it repeats. The design takes on an organic collage feel. The biggest dice elements form the focal point in the image. A loosely structured pattern is formed in this design.
Guilherme Marconi—Vegas
Notice the pixelated shapes in the image below . Each of them varies in construction. They are put together into different Lego-like flat constructions. The size of these shapes varies. Their placement throughout the design is done in a collage fashion based on the artists eye. Notice how they appear to be on different planes throughout the image. There are numerous repeating shapes that form flexible patterns throughout this illustration. Notice the repeating circles constructed of diagonal lines.
Daniel Delgado Volchaire—im barato!
Illustrations Mixing More than One of these Technique
It's certainly possible to utilize more than one of these techniques in your digital work together. The examples below are using both subtractive and additive use of shapes to compose the image. They use repeating shapes to cut into or break apart an image. They also use similar shapes to build up and construct the image. This occurs simultaneously.
In the image below (from the PSDTUTS Flickr Group) notice how the repeating circle shapes replace areas of the photo. Most of the original image is reconstructed with the circular shapes. The shapes build up the image and overflow outside the boundaries of the original model. They also blend into the background. This is an excellent use of a repeating shape to compose an image.
The name of the piece "The Collector," feels fitting, as each of those circle shapes could form part of the collection. Possibly a collection of souls, knowledge, or something else. The artist leaves it for us to interpret.
Yana55—The Collector
The image below is of Alberto Sevenso's work. We've done a tutorial here before showing how to create this style of artwork. The shapes below replace areas of the original model photo. They escape the boundaries defined by the model and build up layers of the image. The artist has many of these pieces in his collection of artwork.
Alberto Seveso—Ritratto di Joelle
In the image below the repeating triangular shapes break apart the image—much like shattered glass. The shards then reform the image. The cut-out model and the repeating shapes are unified. We interviewed this artist not long ago here on PSDTUTS. Maciej Hajnrich AKA Valp Nietylko has used triangles to cut up and reform his images in other pieces as well.
Maciej Hajnrich AKA Valp Nietylko—Winter Espionage
Conclusion
Repeating shapes and patterns can be used in interesting ways in your work. Try breaking apart images with repeating shapes and patterns. Work on building up images with repeating shapes, or create flexible patterns to use in your images. Try experimenting with each of the techniques presented in this article. After you've played with these techniques and understand how to use them, try planning a digital art piece. Carefully consider how you will use one or more of these techniques before you get into Photoshop. This will take your work to the next level.
Related Posts
Keep reading with more great tutorials and articles!
Enjoy this Post?
We'd love your vote!
User Comments
( ADD YOURS )Paulo Sales May 25th
great!
ZaFaR May 25th
OOOOOHHHHHHHH AWESOME LIST! I LIKE IT! THANK FOR SHARING.
Styxz May 25th
Thanks sean, this article is awesome!
I will read this post often so the techniques will be printed in my head hehe ;).
I thank you for posting here, hope more work is comming soon.
Greets,
Jaap Lelie NLD
Daniel May 25th
Some pictures are great…
Daniel
Andrew May 25th
Real nice post. Some good inspiration there!
Constantin Potorac May 25th
really great and inspiring works.
This technique is very interesting. I think it requires a lot of patience and adding details is very important.
Jraider May 25th
Yeah this is pretty cool but there arent really any instructions how to do any of this so its kinda making me want to hurt something
Ruben May 25th
Alrighty, that’s nice! Very inspiring, thanks!
Rata May 25th
Very inspiring, thanks a lot.
BogDinamita May 25th
wow great stuff!
Diego May 25th
nice! i love that style
Frederik May 25th
Oh my god. <3 Pstuts!
Frederik May 25th
PSDtuts! sorry, and I hope to see more Psdtuts PLUS content soon!
Daniel May 25th
a lots of inspiration here ! very good article ! thank you Sean.
Toxel.com May 25th
Great Post! Thanks
Johan May 25th
Thank you Sean. Its my style of design
Andrew D May 25th
Great post
Lamin Barrow May 25th
I most say i find No.5 to be quite inspiring. Thx for the article.
Ben Griffiths May 25th
Some great ideas there, thanks!
LOSWL May 25th
Great article and a lot of techniques to remember next time I am creating something, thanks :o)
Arnaud Alves May 25th
Thanx for this list !
MD May 25th
Thanks for the great ideas… will help me a lot!
Ariful Alam Khan May 25th
Nice
Danny May 25th
This is awesome!
Kakumei88 May 25th
Very nice. This is also kind of inspirational if you think about it. It kinda makes me want to try some of these effects.
Has.n May 25th
wow, wow, wow, great!!! THX
alice May 25th
wow!!!! you guys rock
Mr Kuzio May 25th
Complimenti!
In questo sito si trovano sempre cose interessanti. Bravi!
Goooooood!!!
giackop May 25th
This article is the best.. I was waiting for this!! Thanx sean!!
Diesel May 25th
Wow, impressive works. Great to see different styles of art.
BioMario May 26th
It’s wonderful and Creative
Ignacio May 26th
I could be nice a good tutorial for doing those effects. Just a basic tecnique. I really don’t know how they do it.
Louie May 26th
Great Article Thanks for sharing
Dyâ„¢ May 26th
this is really greats post!
thanks for sharing this
Bugsy May 26th
incredible post! this is the exact kind of inspiration i’m looking for, it goes beyond a tutorial. something i can apply to many many applications.
Joefrey Mahusay May 26th
Great tips. Thanks for sharing.
Zach May 26th
Why are the comments on this site only a little better than the comments on torrent websites? If you don’t have anything constructive to say, don’t comment. I think we’re all a little tired of, “Oooh, nice. Thanks for this.” Seems a bit masturbatory.
Mr Kuzio May 26th
@zach:
Anyone likes to to receive comments on own blog/post.
Non togliere agli scrittori la soddisfazione di sentirsi dire “good job!”
Sere May 26th
interesting! i like the cards
Marko Novak May 26th
These techniques are all great. But they don’t help me a lot if I don’t know how to achieve it. I tried to google for stippling plugin for photoshop or something similar and I didn’t find anything related.
Tutzor May 27th
I like the two images under “Break Shapes and Patterns Out of Established Boundaries”, they look awesome. A tutorial on how to do those would be great.
Yana May 27th
I really don’t think that a tutorial is necessary, and there is definitely no need for a plug in… all of these effects can be achieved by meretricious repetition of shapes and breaking apart and reconstructing the image.
Try cutting out a shape, or a photograph…….then create a mask repeating the same shape in different size (say a circle 20 times over in different size) ……… then just copy areas of your original image over and over using several of those masks and reconstruct is slightly shifting it and resizing it……….
Thee is really not that much to it, it just takes a while to put together…here is a hint..the more detail you do the better the outcome will look.
BenRulz May 27th
nice article..!!
d19cb19e2979dcabf6a917cca89f2a81
http://en.gravatar.com/avatar/d19cb19e2979dcabf6a917cca89f2a81?s=80&r=any
JPH May 27th
Awesome.
Tom May 28th
Nice examples.
Ana Cláudia May 28th
AMAZING!!!
Perfect pictures and nice ideas!!!
Thankx for sharing!!! xD
Ali May 29th
very nice i like it very much
DanOhh May 29th
I have to say I love this site. Thanks for another great article.
HC May 29th
awesome post. more of these types of posts please! also would luv it if there’ll be future tutorials on the some of the pictures featured in the post. (for ex, I’ve been wondering about how to do effect No. 2 for a long time :D)
goldenthunder June 1st
Awesome stuff. I love these posts. The inspiration and advise is great!!! Thank you!
Qbrushes June 1st
even though i love these break apart effects i think its a bit overkill and nothing special these days
david June 11th
Very good list with good inspiration. I must say thank you. I appreciate you and what you do.
May the good karma come back around.
gungde July 29th
Excellent article!
no.5 indeed gave me a huge question mark on how to create such art..
Add Your Comment
( GET A GRAVATAR )Your Name December 5th
Trackbacks