Getting Started With Generative Art 11
By jeya. Posted: December 8, 2009 at 2:14 am in Articles
Generative art as defined by Philip Galanter is, “Any art practice where the artist creates a process, such as a set of natural language rules, a computer program, a machine, or other mechanism, which is then set to motion with some degree of autonomy contributing to or resulting in a complete work of art.”
I became a huge fan of generative art after I went to a presentation by Joshua Davis at Adobe Max. His presentation was on his new experimental work, titled "space". It was a real treat to see how Joshua pushes himself and his work to the next level. He is by far a master in this area. You can watch the presentation here.
After the workshop, I was really inspired to find as many resources as I could on creating generative art. Listed below are some programs that you can download, as well as some tutorials and of course, inspiration to get you started. For better understanding about art, enroll at Art Institute Washington DC.
I personally like the idea of generating art inside of Flash with some ActionScript. It is a lot more versatile and cleaner in my opinion. But who's to say you just have to use one program? Try them all out!
Applications
Processing
Processing is an open source programming language and environment for people who want to program images, animation, and interactions. It is created to teach fundamentals of computer programming within a visual context and to serve as a software sketchbook and professional production tool. Processing is free to download and available for GNU/Linux, Mac OS X, and Windows.
NodeBox
NodeBox is a Mac OS X application that lets you create 2D visuals (static, animated or interactive) using Python programming code and export them as a PDF or a QuickTime movie. NodeBox is free and well-documented.
Structure Synth
Structure Synth is a cross-platform application for generating 3D structures by specifying a design grammar. Even simple systems may generate surprising and complex structures.
Adobe Flash
We couldn't leave this off the list! Flash is in my opinion one of the best programs to create generative art. Check out the tutorials below to get a jump start with using Flash to create some really impressive designs.
VVVV : A Multipurpose Toolkit
vvvv is a toolkit for real time video synthesis. It is designed to facilitate the handling of large media environments with physical interfaces, real-time motion graphics, audio and video that can interact with many users simultaneously.vvvv uses a visual programming interface. Therefore it provides a graphical programming language for easy prototyping and development.Tutorials
Creating generative art with Flash
Generative art can be an intimidating topic, but with the guidance of Chad Udell in this step-by-step tutorial, you’ll be creating compositions in no time. With Adobe’s release of ActionScript 3.0, it’s possible to create beautiful generative pieces using tools you already have in your arsenal.
Code a Chaotic Composition Inspired by Joshua Davis
Ever wondered how design guru Joshua Davis makes those choatic images? I did. With his art as inspiration I grabbed a cup of coffee and set out to mimic his style. This tutorial is aimed at designers and flash beginners, and documents my process of achieving something similar to Joshua's early compositions.
ActionScript Basics – Loops
Loops are very similar to conditional statements. However a loop will keep executing what is inside of it until its condition ceases to be true. Perhaps the most notorious ActionScript loop is the “for loop”.
Machine Art with Flash
This is an advanced tutorial but includes source files.The definition of art changes all the time depending on cultural and historical factors. Since computers got powerful enough for tools like Photoshop, Illustrator, Flash and a lot of other graphics tools, digital art became the new big word. But what about digital art created by a script?Flash Art or Machine Art is if a script or machine creates art.
HYPE framework [Flash]
This video tutorial explores the HYPE framwework. The HYPE framework was reated by Branden Hall & Joshua Davis, It is a creative coding framework built on top of ActionScript 3. A major goal of HYPE is to allow newcomers to Flash and ActionScript to creatively play and express themselves while they are learning how to program.
Create unique kaleidoscope graphics
Matt Booth demonstrates how to create a drawing tool that enables you to generate your own kaleidoscopic images. You can use Flash and ActionScript to produce unique designs that can be used for a wide range of projects, whether that’s album artwork, posters, T-shirts or iPhone wallpapers.Live Samples
Audio based generative art 2.0
Play around and experiment with audio based generative art. You select and image and a music track and it will use the spectrum of an audio file to move the ribbons around.You can save a snapshot any time during the process.
VariableVibration using HYPE
The HYPE framework is a collaborative visual framework developed in FDT and AS3 by Branden Hall and Joshua Davis. This is a sample of what you can get by using this framework. Source code included.
Substrate
Lines likes crystals grow on a computational substrate. A simple perpendicular growth rule creates intricate city-like structures. They also included the source code, so you can get under the hood and see how it was created.
Node . Garden
Created using Processing. Nodes are instantiated on irregular curving lines. When connected together, they form a Node Garden. The lines can be considered the substrate from which the nodes grow. The linear arrangement of the substrate in these early images is mathematically simple and makes irrigation of resources easy.They also included the source code, so you can get under the hood and see how it was created.
Cooler Kreator
This is a live sample from the tutorial from Creative Arts Magazine, "Creating generative art with Flash"
Flash to the Core
These examples were created by Joshua Davis from his book Flash to the Core. A must read if you are serious about getting into generative art. The great thing about these samples, is you can download the source files! I think 19b is by far the most useful one you should download and check out.Further Reading
Sound as object
Cylinder by Andy Huntington and Drew Allan is an elegant series of data sculpture based on sound analysis. A mapping of the frequency and time domains produces cylindrical forms representing the spatial characteristics of the sound input. Physical versions of the digital 3D models are then 3D printed using stereolithography.
Generative Art on Wikipedia
From Wikipedia, "Generative art is a system oriented art practice where the common denominator is the use of systems as a production method. To meet the definition of generative art, an artwork must be self-contained and operate with some degree of autonomy. The workings of systems in generative art might resemble, or rely on, various scientific theories such as Complexity science and Information theory."
ActionScript 3 to vector graphic
Mostly I use a bitmapdata for that and export this as a PNG-24. This works perfect in most cases. But sometimes I wish there was a simple way to export my art to a scalable vector graphic. This would save a lot of data, and I’ll be able to create unlimited large and sharp prints.Inspiration

Created with Flash/ActionScript

Created with Flash/ActionScript

Created with Flash/ActionScript

Created with Flash/ActionScript

Created with Flash/ActionScript

Created with Flash/ActionScript with a soundwave
Created with Flash/ActionScript + Other Various Programs

Created with Flash/ActionScript

Created with Flash/ActionScript

Created with Flash/ActionScript + Other Various Programs

Created with Flash/ActionScript + Other Various Programs

Created with Flash/ActionScript + Other Various Programs

Created with Flash/ActionScript + Other Various Programs
Get Inspired – #018 7
By jeya. Posted: December 7, 2009 at 1:51 am in Inspiration
20 Amazing Digital Artists You Should Know 11
By mirko.humbert. Posted: December 4, 2009 at 1:42 am in Inspiration
1. Noah Kh

2. Christopher Haines
3. Tiago Hoisel
4. Kerem Beyit

5. Mike Mitchell

6. Scott Davidson
7. Michael Sormann
8. Andy Jones

9. Kazuhiko Nakamura
10. Denis Tolkishevsky

11. Sander Rietdijk

12. Deprived Anxiety

13. Jerico Santander
14. Archan Nair

15. Cristiano Siqueira
16. Mario Sanchez
17. Yi Dong

18. Mark Bannerman
19. Justin Maller

20. Vlad Gerasimov
This guest post was written by Mirko Humbert, a graphic and web designer who runs a popular design blog and typography blog, you can also find him on Twitter.
Brushed Borders Pack – 27 Textures & 27 Brushes 21
By jeya. Posted: December 2, 2009 at 1:38 am in Freebies, Packs
Related Packs
Did you like this pack? We have a ton of amazing freebies you should check out. Download all of them and start your collection of awesome resources.Get Inspired – #017 3
By jeya. Posted: November 30, 2009 at 1:59 am in Inspiration
Top 10 Photoshop Feature Requests 60
By jeya. Posted: November 28, 2009 at 1:53 am in Articles
1. Better Brush Panel & Viewer
Inside of Photoshop's current Brushes Panel, you have the ability to change the preview thumbnail to a large thumbnail, unfortunately the thumbnail isn't really large, it is a mere 53 x 53 preview. I wish we could be able to view the whole preview of the brush, that would save us countless hours! Most of us just experiment with the brush by painting in pixels and hoping it looks good. If it doesn't, then we undo and try a new one.
With more and more digital artists downloading and collecting brushes, why is it such a pain to find that brush you downloaded recently? I would love to have the brush author be able to add tags or keywords to the brushes, which would allow you to easily search through your whole brush collection to find that perfect brush for your design. We all know that some brushes aren't that great of quality, so how about giving us the ability to rate our brushes as well?
Features Wish List
- Ability to add keywords to brushes
- Rate your brushes
- Search your brush collection
- Organize and Categorize your brushes from multiple ABR files
- Quickly preview brushes at 100% scale.
- Increase the pixel size limit (Currently Brushes are limited to 2500 pixels)
For a better viewing experience, you can use Preset Viewer by Turnasoft. It has a great wealth of features that will hopefully be integrated into Photoshop someday. The software will set you back $25, but it is well worth it!
2. Styles for Type
The idea here is that you should be able to define a style for your text. If you need to change anything, say the color and the size, you should be able to open up a styles area, make some changes and all of your layers that have the type style would also be changed to that style.
Features Wish List
- Define and Edit Type Styles
- Preview all the Type Styles associated with the PSD
- Link Type Layers to Type Styles so you can edit them in one place and update all associated layers.
You can right click on a text layer, choose Select Similar Layers and it will select all the text layers in your document. You can then edit the Type in the toolbar and it will change all the type layers. The problem with this is, it selects all type layers not really all the similar layers.
3. Selective Undo
This feature would be mind boggling yet very practical. Imagine that you could open up your History Panel and delete a section of 20 history states without changing any of your latest history states. Selective Undo allows you to do just that! Currently, you only have the option to revert back to a history state and lose all of your latest changes.
At Adobe Max 2009, one of the Fireworks engineers tried to show this off, however, it didn't work that well. At least we know it is in Adobe's toolbox of tricks to come out in the future.
Features Wish List
- Choose the state to eliminate without affecting any of the future history states.
- Make a selection around an area and be able to undo just in that selected area.
There isn't really a workaround for this, you could obviously delete the layer that you want to undo. There is other software out there that has this feature, like Paint Shop Pro 9. But why would you want to switch to that?
4. Better Swatches Panel
Just like the Brushes Panel, why do we only get a tiny preview of our swatches? Wouldnt it also be great, if you could click on a color and view colors that go with the color right in the swatches panel? I would love to have better integration with kuler.adobe.com and have keywords associated with the colors and color sets. There is a lot of improvement needed here.
Features Wish List
- Larger thumbnail view
- Integration with kuler.adobe.com
- Ability to select a color and get all the colors that work well with that selected color
- Have multiple tabs of color swatches
- You should be able to add keywords and be able to search for colors
Use Preset Viewer by Turnasoft. You can open swatch files (.acb, .aco, .act, .ase) and view truly large thumbnails.
5. Auto Saving
This one baffles me that it hasn't been implemented yet. You have probably seen tweets lately that go something like this, "Photoshop just crashed! I just lost two hours of work!" Everyone has had this problem at one time or another. Yes, we all know that you should be saving your work, but when your really into a design, that is really the last thing on your mind. Lot's of software vendors have this feature in their software. Why not Photoshop?
Features Wish List
- Auto Save PSD files.
- Ability to change how often it auto saves in minutes.
- Change the default auto save location.
- Give us the ability to turn on/off this feature.
Well the obvious answer is you could save more often, however, there are multiple software vendors that have the ability to Auto Save and they even have version control. In my opinion the leader in this market is GridIron Flow. It even has Real-time Asset Tracking, a feature that almost made it on this list.
6. Undo Keeps Current Layer Selected
This is the most annoying thing that was changed a few versions ago. Say your working on layer #1, and you go to layer #2, create something and then you undo what you just created. Photoshop will make layer #1 now the active layer. There should be an option in your preferences menu to disable this from happening. To this date I have no idea why Adobe would have changed the way it used to be.
Features Wish List
- Go back to the old way. When I undo, keep the current layer selected!
- Have the option to turn on and off this feature in the preferences.
There are none. I have searched everywhere. If you have any ideas, please leave a comment.
7. Outer Stroke with Square Edges
How nice would this be? Currently when you stroke anything in Photoshop, it will stroke it with rounded edges. It looks allright, but it would be nice to have the option to make the edges square. Illustrator can do it, why not Photoshop?
Features Wish List
- Add a Square Edges option in the Stroke dialog and in the Layer Styles
- Add dashed strokes that you can change the spacing
- Give us the ability to add multiple strokes without having to create new layers.
You can archive squared strokes by using two layers. Duplicate your layer and add a color overlay.Put the filled layer below you main layer.Then all you have to do is scale down the top layer. Another way is you could use Illustrator to create a square stroke around your object or text and import it as a smart object.
8. Keyboard Shortcut to Rotate Brush
Currently there are keyboard shortcuts to increase/decrease the size and the hardness of the currently selected brush, which is a huge time saver. But say you have a grunge brush selected and you want to rotate it, you have to open the brushes panel and change the angle, then brush, and then go back into your brushes panel and repeat. This is not practical at all.
Features Wish List
- Have a default keyboard shortcut that you can rotate the brush in 1% increments left and right.
Rumor has it you can do this with a Photoshop script, but I could not find one. Please let me know if you have one. You could also get a Wacom Intuos4 tablet with an Art pen that will allow 360 degrees of barrel rotation. Awesome!
9. Improvements to Gradients
Let's face it the gradient tool and the editor is not very intuitive and is lacking features. It hasnt had a major overhaul in a long time. Illustrator CS4 just got a new interactive Gradient tool that makes creating gradients and working with them so much easier. Add the Illustrator Gradient Tool with the current Gradient Adjustment Layers and bingo...I would be happy!
Features Wish List
- Integrate the Illustrator Interactive Gradient Tool into Photoshop
- Allow the Gradient Fill Adjustments Layer to use the new Interactive Gradient Tool
- Live editing of the gradient
Use Illustrator to create you gradients and import them into your Photoshop document.
10. Add Clarity Adjustment Layer
If you have used Adobe Camera Raw 4.1+ or Lightroom, you will have seen the Clarity slider. This is a great way to make your images look extremely better. It is pretty much a mid tone contrast enhancing setting. This is a must have adjustment layer that needs to be added inside of Photoshop.
Features Wish List
- Add a new Adjustment Layer: Clarity!
Open your files into Adobe Camera Raw 4.1+or Lightroom and adjust them in there. You could also mess with the curves and try to get it perfect, however, adding in the Clarity Adjustments would make our lives a lot easier!
Conclusion
So what can you do to make these features come to life? Check out the Adobe Feature Requests forum and post some of these features or even features you wish to see in future versions of Photoshop. John Nack of Adobe has posted a poll and is requesting feeback. Go give Adobe some feedback. Please leave a comment below on what you think are your top feature requests. I would love to know!Line Art Pack | Volume 2 – 104 Brushes & 104 Vectors 16
By jeya. Posted: November 25, 2009 at 1:27 am in Freebies, Packs
Related Packs
Did you like this pack? We have a ton of amazing freebies you should check out. Download all of them and start your collection of awesome resources.
Get Inspired – #016 4
By jeya. Posted: November 23, 2009 at 1:14 am in Inspiration
Featured Member of the Community – Benabadji Samir 7
By Tom Bloomfield. Posted: November 20, 2009 at 2:59 am in Inspiration
Is there a particular area of graphic design that you feel most comfortable in? Do you plan on extending your skills to any additional fields in the future?
My favorite area of design is Illustration, whether it's photo-manipulation or drawings (Digital painting & vector art). I will certainly explore other fields like motion design & 3D art in the future.
Featured Work! - ‘The New Attackers’
My personal favourite of Benabadji’s work is his 1950’s-inspired sci-fi movie poster, which he has illustrated using vector-art. His modern, graphic twist on the old movie posters uses a variety of modern techniques to create this beautiful scene; whilst his use of a grunge texture and authentic typography helps give it that typical 50’s retro feel. The monotone colour scheme of this piece beautifully captures the ‘futuristic city’ theme that Benabadji has created. Click the image to visit this piece’s Flickr page and let him know your own thoughts on it!
Benabadji, if you had to describe ‘the purpose of art’ in one sentence, what would it be?
I think art is the key to explore the human mind and discover new emotions.
How do you promote your artwork and what have you found the most effective?
I mainly promote my works in community sites such as Flickr and Behance.
I think my works emerged a bit when I began participating in contests, which are the best way to promote your work, even great artists use this tool!
Can you take us through the main process you go through when creating your works?
First of all, I search for hours on the web to find inspiration, then I make a sketch which gives me an idea for the general look of the piece. However, in 85% of my works, the final result is quite different from the first sketch!
Sketch for the Passenger Limited Edition Album:
There are thousands of designers out there and your work is very versatile in terms of graphic design fields, have there been any designers in particular that have inspired you?
There are so many great artists out there that it's difficult to tell who's my inspiration, however notable artists that have influenced me are James White, Jared Nickerson, Joshua M.Smith, Archan Nair and Erik Jonsson.
The main thing that makes me say "wooow" when I see their works is their ease to catch the viewer by the hand and take him into their own world.
You’ve mentioned other designers that have influenced you, but as we all know influence comes in all shapes, sizes and forms: Is there any music that helps you get those creative juices flowing?
It depends on the theme of the piece. For example, when I'm doing a piece with light effects, space-theme especially, I listen to perhaps Justice, kavinsky or Daft punk. However, for a more funky theme I listen to Jamiroquai, Wax Tailor, Kanye West and many others!
‘Daft Punk’ by Benabadji:
Daft Punk - Digital Love
Bit of an obscure question, but if Photoshop was a deserted island and you could only take one PS tool with you, which would it be and why?
The brush tool of course! It's absolutely necessary for me: when I don't have the right stock image I can just paint it (not now, but once I’ve learnt digital painting and bought myself a Wacom....hahaha!!!).
Finally, do you have any advice or quick tips to share with other members of the design community?
Try, try and retry until you’ve got it!
The key to achieve good work is perseverance. Many people think, when they see great works from great artists, that it is easy and within 3 weeks they will be as good as these artists, which is completely false: you have to work a lot - a looooooooooot!!!!
Thank you very much Benabadji for sharing your works with us, I’m sure you have inspired many members of the community! Good luck in the future if you decide to turn your hobby into a career.
For more of Benabadji’s work, check out his Flickr and Behance pages!
For your chance to be the next featured viewer, or if you have any questions that you want to be seen asked, add me on twitter! @TomBloomfield






























































































































































































