Art Tips For Programmers?

An anonymous reader writes "Recently I've found myself in a bit of a bind with artwork. My programming contracts have been rather small, barely enough to pay myself let alone an artist. The art needs aren't intensive, mostly icons or sprites depending on the project. Despite owning a few key apps (Photoshop, LightWave, Maya) my art production output is rather poor. Are there any other developers who have learned to be self-sufficient? Are there any resources available to educate me on the finer points of making graphics that look professional?" One resource for the less-artistic among us is the collection of free SVG clip art at freedesktop.org, though it won't give advice for creating new art. What are some others?

Comments

if you don't have it, you don't have it

[parawing742]

Sounds like you have all the right tools, but are lacking the finer points of graphic design. Might be worthwhile to take evening classes on computer design. I've personally found these to be helpful.

Re:if you don't have it, you don't have it

[bigman2003]

I solved the problem the easy way...I married an artist.

I pay her for the projects she works on (we both have our own businesses) but I am always assured of getting great artwork, exactly the way I want it, with someone who will work within my schedule.

Other than pledging to spend the rest of your life with this person, I would recommend a few things:

#0- If you are not an artist- put down Photoshop, Maya, and any other tools created for someone with talent! Use tools that allow you to ASSEMBLE- not create. Creating is a rare talent, which is grossly under-appreciated...until you need it.

#1- avoid too much 'clip art'. Anyone with an eye for art usually thinks it looks like ass.

#2- for a lot of projects, you can make good use of objects (boxes, etc) colors, and some good fonts. And if you want free fonts, I highly recommend larabiefonts.com.

#3- Look at other designs, and borrow, borrow, borrow. Very few people actually create something original. Just about everything has been done before, so just borrow away.

#4- Make it as simple as possible. Strip things down, and maybe use the same recuring graphic over and over- similar to a website with a header. So now you only have one graphic that you need to struggle with.

#5- In direct contrast with suggestion #1- (don't use clip art) you can find fonts that have interesting symbols in them. They are usually very clean, un-cluttered, and you can size them easily.

#6- Keep the same style all throughout your project. It's better to have LESS style than TOO MANY styles.

Well, the original poster asked for ideas- so that is my take on it. I spent 6 years as a 'graphic designer' in the print field, so I'm lucky that a lot of those 'skills' ('practices' would be a better word) carry over to the work I do now with websites, and programming. I'm so far from being an artist that it is sick, but I spend a lot of time organizing, and laying out my projects. I just try to create a layout that uses artwork sparingly..to keep my costs down.

If you pay an artist $200 for a couple of simple graphics, you'll save yourself tons of time, and your project will come out much, much better. So reduce the number of graphics you need, and get the best ones you can.

Re:if you don't have it, you don't have it

[PurdueGraphicsMan]

I wish I had some MOD points... You've made some wonderful points here... I'm a graphic designer that's been doing the exact opposite of what you're trying to do. I've been programming for the last 4 years and still learning every day. I highly recommend some graphic design classes. You'd be amazed at how much of a differce it would make. If that's not the road you want, obviously there are many resources online. Either way, it's a good road to go down.

Re:if you don't have it, you don't have it

[DoraLives]

if you don't have it, you don't have it

Absolutely true, and there's simply no getting around it. But pity the poor shlub who "has it" but is working for a customer/end user who doesn't and must therefore submit to lectures and instructions from a complete idiot who seeks to twist and subvert perfectly good art to satisfy his own losery point of view.

Don't laugh, it happens.

Practice and experimentation

[athanis]

Personally, I find any tutorial online a very weak foundation to build on. They teach you specific tricks but nothing about being 'artistic'.

Better would be for you to play around with the different tools. Experiment and keep the results, they might come in handy. And it's best not to start on the computer. Do a hand drawing of what you have in mind.

I heard this quote from my prof. once:
"Laborers work with their hands,
Crasftmen work with their brain,
Artists work with their heart."

m2c

Leave it to the artists?

[Proc6]

Despite owning a few key apps (Photoshop, LightWave, Maya) my art production output is rather poor.

All the money in the world doesn't buy you personal artistic talent. Leave it to someone who has it. You could give my grandma a copy of Eclipse, VS.NET, EditPlus and vi and she'd still suck as a coder.

Re:Leave it to the artists?

[mav[LAG]]

Personal skill at art is something that is teachable and can be learned. Objects look the way they do because of where they are in relation to the viewer and what their dimensions are. Similarly light has rules which you can learn if you are to duplicate the illusion of light in a 2d representation like a drawing. Textures also have rules and so on. It's all about drawing what you see and not what you think is there. Sure there are people who have this ability from early on but the rest of us can learn very quickly.
I'd suggest getting Drawing on the Right Side of the Brain if the submitter wants to learn for himself. And let me shamelessly plug my Deviant Art site so I can get a few more views. I must finish that Neo drawing sometime...

Re:Leave it to the artists?

[Anonymous Coward]

Sorry, but I call bullshit.

Photoshop costs ~$600USD, Lightwave ~$1600, and Maya at least $2200 (up to $7000 for Unlimited). $4400 dollars' worth of "long term investment" when he can barely afford to pay himself? Yeah, riiggghhttt.

Even if "artists are expensive" -- which, incidentally, they aren't in terms of getting what you pay for (assuming you do your homework and find someone decent) -- that kind of money will buy you a *lot*. For instance, you could buy *many* stock icon packs from the IconFactory (see stockicons.com: around $250-400 each), or much cheaper alternatives if you shop around (a quick search points out InterfaceLift.com, which lists packs for as little as 30-50 bucks). Hell, four grand'll probably get you one or two custom icons from the absolute cream of the crop, so there'll be lots of people that'll do it cheaper.

Plenty of graphic designers and artists work on commission, go hunt some out, there are thousands of talented creative types around. Universities and colleges are a great place for finding artists, too; pay them well and put in the extra effort to help you, they'll have something decent to add to their portfolio and if they think you're cool they'll show you where all the best parties are :)

Re:Leave it to the artists?

[mav[LAG]]

You can teach technique, allowing someone to draw a passable Neo (for example).

Ouch that hurts :) Look at some of the others too!

You can't teach art; nothing will ever teach someone to be able to create original work on the level of the Sistine Chapel, Adam's photos, or some of The Designer's Republic's better works.

I disagree - van Gogh, Michaelangelo and Leonardo, all taught themselves technique and then got to where they were through relentless practice and perseverance. Figure studies, copies, sketches, early drafts, training - none of these artists works just suddenly appeared. You can compare van Gogh's Carpenter (which is crap) to his Woman in Mourning (which is a masterpiece) and see how he taught himself technique and thus improved the quality of his work.
But it depends on your definition of art I suppose. I'm obviously in the "can be taught" camp but I have a good decade of practice still to do before I can branch out and do more original work.

Amateurs create amateurish art.

[Raffaello]

Just as in programming, or any other field, amateurs create amateurish output. There is a tendency among technical people to devalue the skills of non-technical people (and the other way 'round as well). This is a mistake. People with training in anything are going to produce better product than people without training.

Invest in a professional. You'll be surprised how cheaply (sadly) good graphic artists will work.

Re:Amateurs create amateurish art.

[IntelliTubbie]

Just as in programming, or any other field, amateurs create amateurish output. There is a tendency among technical people to devalue the skills of non-technical people (and the other way 'round as well). This is a mistake. People with training in anything are going to produce better product than people without training.

Invest in a professional. You'll be surprised how cheaply (sadly) good graphic artists will work.

There's just something about this attitude that runs completely counter to the scientific/hacker mindset. Most people in programming -- and yes, in art especially -- start out as amateur enthusiasts, and through a combination of self-teaching, mentoring, and lots of practice, they become experts. Sure, for immediate results, it's best to hire someone who already has experience under his/her belt. But for someone who sincerely wants to develop expertise, it's frustrating to hear the old "if you don't know it now, you never will" line. It's just downright anti-intellectual.

Cheers,
IT

Re:Amateurs create amateurish art.

[solios]

But for someone who sincerely wants to develop expertise, it's frustrating to hear the old "if you don't know it now, you never will" line. It's just downright anti-intellectual.

Slashdot is a horrible place to come for art tips. Or even coding tips. Or Choice Of OS tips. Mainly because Everyone Is Right, which gets pretty annoying.

Funny how in any other discussion there would be six billion OSS solutions proffered up, mailing lists linked, etceteras... but when it comes to art, the response is "HIRE AN ARTIST!"

Yes, amateurs create amateur art. Sometimes that's all you need. If you really want more, you can buy it or comission it. If you want to do it yourself, then there's nothing to it but to practice. And practice. And practice. And practice. AND PRACTICE. AND PRACTICE. Aud inifinitum. Practice until people stop proferrring tips and start asking you for help.

Hell, I'm a digital artist and it took me five years to get to the point where I can wear photoshop like a glove. Given enough time, I can make it do anything I want. I've been drawing since preschool and I still have problems with hands, persepective, and scaling. I'd have fewer obvious flaws if I spent more time drawing and less time nerding. But hey, I like the blinkenlights.

You want to learn the stuff, you have to make friends with people who already know how to use it. Or take a crash-class on it. Getting the flow of the app from real people who really know it is orders of magnitude more instructive than any online tutorial or manual ever written- mostly because the pros already know where all of the really neat stuff is hidden, which can save you months of practicing and digging around trying to find it.

There's no magic bullet- just like programming. You want to do the crime, you have to put in the time, so to speak.

Outsource!

[mcrbids]

Yep. You heard it.

Write your applications such that the artwork can be easily added/updated later. Make it clear that artwork is NOT your forte, and that you'll structure your application to allow this later improvement without requiring (much of) your assistance. Make sure it works OK, and doesn't look TOO bad.

If anybody asks about looks, point to the contract. Also, maintain a good relationship with a good graphic artist, and don't forget to recommend him/her.

If you really can't spare a penny

[LeninZhiv]

If the other suggestions given here are still beyond what you can realise, here's one no-cost solution that can work in a pinch (depending on the requirements of your application, of course):

1. Use Google images, a scanner, or any similar appropriate source to get stuff that looks as much like what you want as possible.
2. Open that image in GIMP, add a new layer over it and trace the outline of that image.
3. Delete the original layer (which you have no right to appropriate), and colorise the new layer with all your knowledge of gradiants, textures, etc. that you can muster. (Read up on what the GIMP has to offer in this department if necessary.)

This works especially well when you're developing for mobile applications or other situations where the loss of fine artistic ability is not likely to be noticed. If your needs go beyond this, however, it will not be adequate and many of the other suggestions presented here are far more appropriate.

Why programmers have a hard time becoming artists

[alaivfc]

The poster's comment about having the "right tools" (PS, Lightwave, etc.) exemplifies most programmer's and the general publics incorrect view on computer graphics and technology and art. IT'S JUST ANOTHER PAINTBRUSH.

All too many people think that if you have the right "digital tools" amazing Pixar quality art will pop-out. Its simply not true. The primary reason that pixar is so unbelievable is not because John Lasseter and co. are incredible programmers but because they are amazing artists that understand how to use their paintbrush-the computer-to the fullest extent.

Some posts have mentioned taking evening classes and such. That's a good idea, but all too many of them are stuck in the rut of teaching you how to do different tricks on a particular piece of software.

As a programmer who has dabbled in art my suggestion is to try and forget your programmer self. Don't look at Lightwave and see all its cool features, its extensibility, effects, etc. Approach the project just like you would if someone were to hand you a paintbrush and say paint a picture or a camera and say make a movie. In other words, understand the medium you are working with, but don't get engrossed in it. It's still just art.

color schemes

[typhoonius]

One thing I've consistently noticed about programmers is that they have no grasp of color theory. Witness the countless ridiculously low-contrast Blackbox themes. Hell, look at Windows XP's primary color-filled default theme.

In general, get to know the basics. Just looking cool doesn't make something usable, and the best art brings together prettiness and usability.

Learn to Think Like an Artist

[MichaelCrawford]

Like, I expect, most people here I was unable to draw more than stick figures until I read Drawing on the Right Side of the Brain by Betty Edwards. Here are some samples of my drawings.

Edwards based her book on the results of experiments performed by Roger Sperry of Caltech. Sperry's experiments used people whose brains had been severed in the middle to treat severe epilepsy. By studying how these "split-brain" patients reacted to stimuli sent via the sense organs to one side of the brain or the other, Sperry was able to deduce that our artistic ability is centered in the right hemisphere of the brain, while our logical and verbal ability comes from the left.

Most slashdotters are heavily left-brained people. But artists are right brained people. To create artwork for your software, you have to learn to think with your right hemisphere.

Edwards says in her book that anyone who can learn to think in what she calls "R-Mode" can learn to draw. The earlier lessons in her book focus on stimulating that sort of thought while quieting the interference from the left hemisphere.

She teaches drawing with pencil and paper, but once you've completed the exercises in her book I'm sure you will have a much easier time using computer graphics applications.

The right hemisphere of the brain is responsible for more than just visual art. At the same time as I learned to draw from Drawing on the Right I taught myself to play the piano. In 1994 I borrowed some recording equipment from a friend and recorded my album Geometric Visions, which you can download in MP3 format. (Ogg as soon as I get off my lazy arse and encode it.)

Re:Have you no decency?

[captnitro]

Damn straight. I've been doing various forms of media consulting for a while, but it didn't start to pay off until a while ago, when I realized both client and designer need to be fully invested in the project, financially and otherwise. College kids can't do that.

By which I mean, I had a lawyer draw up a very detailed contract on the rights and responsibilities of both parties. I visit him building every time there's a new client; contracts aren't one-size-fits-all.

You'd think contracts and big prices scare off potential customers, and you'd be right, but you have to think a little bigger. You're thinking about scaring off enormously consuming projects for $500, and I'm talking retainers of thousands and tens of thousands. If you spend all your time on the little fish, you won't have time to spend on the big ones.

A few months ago, somebody needed some design work done, called my ratecard outrageous, went to a college kid, paid him something that would have barely made a night out. Came to me the week afterwards. Shock! You get what you pay for.

Pay a designer well and they'll do good work. Pay them poorly and you'll find out why.

What kind of Artwork or Drawing do you NEED?

[billstewart]

It's really tough to answer the original question, because the anonymous reader doesn't say what kind of artwork he/she needs to do.

• Basic network or equipment drawings (flowcharts, boxes and arrows with labels on them, etc.) are something that's not hard to draw in Powerpoint (though it was easier to do in MacDraw 15 years ago, and pick your favorite Open Source Free Beer drawing package if you'd prefer.)
• Visio is a much more powerful object-ish drawing system that I should get around to learning, and it comes with a wide range of standard object pictures (some in the basic packages, more in various confusingly-priced add-on packages.) Kivio is a similar though probably less powerful KDE imitation of Visio.
• Basic kitschy clip art is available from a wide range of sources if you really like that sort of thing. A Real Artist would probably spend a lot of time telling you not to do it, or at least helping it not clutter up your presentations.
• Photoshop is really good for manipulating photographs. If *that's* related to the kind of art you do, fine, but there's no indication that the kind of art you need is better matched to Photoshop than to Powerpoint or Visio.
• In addition to Drawing on the Right Side of the Brain, you're also supposed to go read "The Visual Display of Quantitative Information" by Edward Tufte.
• Go look at the first couple of years' issues of Wired. Then don't do that.

Programming rules for art.

[jellomizer]

1. Colors, Colors, Colors: Understand Colors and what works and what Doesn't Red Green Blue for Displays Cyan, Magenta, Yellow, Black for printing. Red and Green make Yellow and Magenta and Yellow make Red. Warm Colors are Red and Yellow, Cool Colors are Cyan and Blue. Black Gray and Whites are Neutral. Green, Magenta are in the middle of Warm and Cool. Avoid mixing inverse colors except for Black and White. (A way to find the inverse color is to use a graphic program and take a negative image of it)

2. Don't Go Crazy: Often for a programmer who starts dabbling with Art they like to go crazy and put as much artwork as possible. Look at companies known to have good interfaces like Mac OS there are plenty of graphics very pretty but they keep it under control.

3. Try to use as many of the standard widgets for your platform. Depending who your platform target audience is, try to make your graphics fit their OS Platform. If you are programming for apple stick to the gray stripes or the brushed metal look (Stripes are easier). In Windows stick to the Blues, Grays, Whites, If XP add some orange in the mix.

4. Animate for a reason. Animations in a program should help the user follow the flow of the information (Such as a box that needed to get bigger or some extra text inserted) Dont animate for the sake of animation.

5. Anti Aliasing goes a long way: Make your graphics big then shrink it with anti aliasing turned on. It makes it look like it is not from MS Paint.

6. A little rounding or making it a little edgier sometimes is all it is needed to make the customer feel that they have a good product. Just take a shape control and give it a curve of 15 make it White with a Black border and put it underneath a group of widgets and they will think it looks super cool.

Re:if you don't have it...HOW TO FAKE IT

[Anonymous Coward]

>> #3- Look at other designs, and borrow, borrow,
>> borrow. Very few people actually create something
>> original. Just about everything has been done
>> before, so just borrow away.
>
> STEAL, uh, i mean "homage" any image (OBEY ALL
> PERTINENT COPYRIGHT RULES, AND DON'T "HOMAGE" FROM
> MAJOR SITES THAT ARE KNOWN TO EMPLOY LOTS OF
> LAWYERS!!!!!!!!!)

This kind of attitude really pisses me off (not to mention that it's really, really stupid to suggest "borrowing" or to "homage"). Stealing art is basically the same as stealing code. You must _ALWAYS_ ask for permission. As an artist I can assure you that if I found your companies using my artwork and passing it on as your own then you might be facing a lawsuit. I would hate to resort to legal actions but if you steal my stuff, and haven't been licensed to use it (e.g. artistic license), you'd better be prepared for a bare-knuckle fight.

I'm telling you this for your own good. Just because it's there doesn't mean you can take it and use it as you see fit because you see, like code, it does belong to someone unless explicitly stated to be public domain. After all, like parent stated -- art is subject to Copyright laws.

If you asked me for permission and acknowledged me as the artist, however, I would probably be more than happy to accomodate you and grant you permission to use it. It's a matter of pride - please keep that in mind.

Thanks alot, now I feel dirty for having to spell this out in such a impolite fashion.

Re:if you don't have it...HOW TO FAKE IT

[shaitand]

"art is subject to Copyright laws."

Absolutely and the parent's implication that it is ok to heist it is entirely wrong.

"does belong to someone unless explicitly stated to be public domain"

It's this part of your statement that is wrong and this line of thinking must be corrected wherever seen. It's particularly important to correct (even anally so) someone who creates copyrighted works and has this wrong view. When any man creates a work subject to copyright, that work is owned by mankind, not by the man who made it (although the man owns the physical object, that isn't what is subject to copyright)!

Copyright is the OWNER ie mankind (or the nation on it's behalf) granting you temporary and limited controls by contract for a limited term. It's a way of saying thankyou. You own the copyright, not the material which is copyrighted.

Your pride you may be entitled to, but it becomes arrogance to think to own the miracle of man's imagination, even the piece of it you bear through life. Human history shows in thousands upon thousands of documented instances that NO idea is unique. You can think something first, but even if you never tell a soul there will plenty of others who form the same thought.

I'd like to learn martial arts. . .

[Fantastic Lad]

so that I'm really awesome. Only thing is, I don't have the passion or patience to spend the minimum ten-to-fifteen years necessary to become recognizably good. And I certainly don't want to spend the life-time needed to become really, really good.

Any tips? --I already have my own nun-chucks and expensive cross trainers.

-FL