Become one of us and learn more, express more and best of all, have more fun.
Written by Mickel Andersson, 12th 2007f November, 2007 at 10:01 pm.
Posted in: Abstract, Design, Photoshop, Special effects, Tutorials.
31 responses to this article
This is a method that you can use to produce abstract art using Adobe Photoshop. Randomness, detail, colors and contrast plays of course important roles now.
First, we will define a patter that we will use later. Begin by creating a new document using these settings:
Width: 50 pixels
Height: 50 pixels
Resolution: 72 pixels/inch
Color Mode: RGB Color | 8 bit
Background Contents: White
Draw a nice patter, it does not matter how it looks. Just be sure to keep 50% of the image white, like this one:

Note: The 1px black border is not part of the image
Now, select all
and go to Edit > Define Pattern
Name your pattern to something appropriate that you will remember in 1 minute (like FortuneCookie32 or BlackEdgedFox).
You may now close this document.
Create a new document, this time the size does not matter. Make it about 500 by 500 pixels for practice. Leave the rest of the settings as we set them in the previous step.
Create a new layer and fill it with your recently created pattern 

Now to the creative part of this tutorial where we will go crazy with shape modifying filters.
Use filters like Polar Coordinates, Offset, Liquify. Make rectangular selections, apply a filter. Make circular selections and again apply the filter. Use of the shortcut (Ctrl + F) is advisable.
Take a look at the following pictures. The shapes was created using selections and the filters mentioned above (applied many times with different selections).

Smaller selections + Filters:

Many selections and filters later, this is what I got:

Right now we have a layer filled with lots of interesting abstract shapes. So what do we do now? Well, to apply the Comic look, we have to do 2 things: Filter and Colorize.
Begin by adding a Inc Outlines filter.
Play with the sliders and try finding a good result. I used 45/35/25 as values for my 1024×768 sized picture.

To colorize this piece we will add a Gradient Map Adjustment Layer.
Set your foreground and background color to two interesting ones, I will use these:

Then go to Layers > New Adjustment Layer > Gradient Map.

Cool. Now we can of course keep working on this picture. Maybe mask out some parts that you do not like, try changing colors and maybe filter even more?
With some more Adjustment Layers, filters, reference photos and line drawings it can look like this.
Comic Books Alive - Copyright © Mickel Andersson
Click for detail
I hope this tutorial was helpful and that you have learnt something new. Keep on playing with different values and you will get different results!
Loved this! I made some pretty cool stuff with this tutorial already! Thanks for sharing!
Hey, I liked this tutorial, but i would really appriciate some mor detailed descriptions of the selections and filters used
Great tutorial (yet again guys)
I wouldn’t have though of creating a pattern then using ink outlines…
Genius
DM
So I didnt make anything close to that..?
Good idea, and a nice tutorial. I may use something like this in some of my work.
this is cool…but to make it by my self it’s quite difficult though..for a beginer like me, it’s gonna be more easier if you can add more details bout the description…but still i like this tutorial…
its so good. excellent
you should give a more detailed description about how to make that pattern stuff! I’m at total beginner and i don’t know how to make that pattern!
Hey um, Yeah Im experienced in photoshop, yet mine looks nothing like yours, well uhh, one thing is my white lines between the black circles arnt thick enough, is the problem, i believe but I cant find a solution
IRT #Clay:
Hi Clay. After you have filled the layer with the pattern, be sure that the first line of the image is white.
If you want, you can simply flip the pattern vertically once or you can nudge (move) the layer after the fill. Just as long the image starts with a rather thick line of White, OK?
[…] Comic art styleThis is a method that you can use to produce abstract art using Adobe Photoshop. Randomness, detail, colors and contrast plays of course important roles now. […]
[…] Comic art style This is a method that you can use to produce abstract art using Adobe Photoshop. Randomness, detail, colors and contrast plays of course important roles now. […]
[…] Comic art styleThis is a method that you can use to produce abstract art using Adobe Photoshop. Randomness, detail, colors and contrast plays of course important roles now. […]
[…] Comic art style This is a method that you can use to produce abstract art using Adobe Photoshop. Randomness, detail, colors and contrast plays of course important roles now. […]
[…] Comic art style This is a method that you can use to produce abstract art using Adobe Photoshop. Randomness, detail, colors and contrast plays of course important roles now. Cartoons + Drawings + Paintings […]
Amazing. I wouldn’t have even thought of doing this. Thanks alot. I suck at Photoshop at the moment but thanks to this I am getting a lot better Thank You!
thanks for the tutorial, produced some nice background work for some of my line art from this cheers.
[…] als Mickey Mouse & Co. Also Richtung abstrakte Kunst in Photoshop, wie etwa im Tutorial Comic art style von Mickel Andersson. Nachdem ein eigens kreiertes Muster eine Ebene gefüllt hat, sorgen die […]
[…] Comic art style […]
[…] Comic art style This is a method that you can use to produce abstract art using Adobe Photoshop. Randomness, detail, colors and contrast plays of course important roles now. […]
Lovely-Would be nice to take it step by step as you did with the smoky one-it en’t easy for a beginner!
Otherwise, you still rock!
audaz tecnica
[…] Comic art style This is a method that you can use to produce abstract art using Adobe Photoshop. Randomness, detail, colors and contrast plays of course important roles now. […]
[…] Comic art style This is a method that you can use to produce abstract art using Adobe Photoshop. Randomness, detail, colors and contrast plays of course important roles now. […]
I really like this tutorial, I have never thought of using a pattern fill to create a random effect, but it turned out really neat. I am not too good with photoshop yet, so I am trying to get all the help I can get
[…] Comic art styleThis is a method that you can use to produce abstract art using Adobe Photoshop. Randomness, detail, colors and contrast plays of course important roles now. […]
[…] Comic art styleThis is a method that you can use to produce abstract art using Adobe Photoshop. Randomness, detail, colors and contrast plays of course important roles now. […]
[…] Comic art style […]
i would of appreciated more detail in the tutorial, because what i did looks nothing like this, it was somewhat helpful, but not good enough, sorry >.<
[…] Comic art style […]
[…] Comic art style This is a method that you can use to produce abstract art using Adobe Photoshop. Randomness, detail, colors and contrast plays of course important roles now. […]
You are reading an article that are posted on Snowdrip.
- There is more tutorials like this one in our Tutorial section.
- If you like Snowdrip, please consider a way to make your contribution to the site.