How do you create your visuals?

[DWboutin]

Hi,

 

I am a web developper who are really into Javascript and i want to start creating games for fun.

 

What do you use to create your visuals? Is it possible to have vector graphics in an html5 game?

 

Thank you for your tips and advices ^^

 

Mike

[rich]

Our artists use a combination of Photoshop, Illustrator, Flash and GrafX2 depending on what the visual result needs to look like. Grafx for all pixel art work, Illy/Flash for vectors and Photoshop for most everything else.

 

Yes it's possible to make a game using SVG (native browser vectors) but it's not usually recommended. GPU performance is found in bitmaps, not vector art.

[antonio]

I use Illustrator for designing and Flash for painting, animation and exporting to sprites, which I can import directly into Construct2.

For pixel-art-animation and drawing I use Pixen (Mac).

[Rudrabhoj Bhati]

Inkscape and GIMP are very good but learning material are less. Photoshop have endless tutorials online for almost any effect you need with very nice videos. I think Illustrator's gradients looks better. 

[NotionGames]

I create mine in a pretty tedious manner. 

I draw everything by hand with pencil and paper. Then I ink over the lines with inking pens.

 

 

 

 

After that, I scan it and open inside Photoshop and color it up. Once done with the coloring, I edit, resize, and import into Construct (or whatever game engine).

 

 

Et Voila!

 

[DWboutin]

Really awesome guys! Thank you

[aladine]

I create mine in a pretty tedious manner. 

I draw everything by hand with pencil and paper. Then I ink over the lines with inking pens.

 

So that's the secret behind Super Ubie Land and Team Notion  

[feiss]

Amazing stuff NotionGames! It's lovely to see traditional art from time to time. Congratulations!

 

I usually use Photoshop, btw. Grafx is amazing for pixel art too, but not very game dev oriented.. (neither photoshop, but at least you can use some batch export, scripting, etc)

[Rustem]

to NotionGames: and what's about speed and productivity of your method? for example, how much time is requiring to draw whole game art and graphics?

[nikolayku]

Gimp for bitmap, inkscape for vector, blender 3d for 2d/3d art

[Mike]

Even if I can't share aother methid then pixel art... I wanted to say big thanks to NotionGames for sharing the screens - small things like this boosts my inner passion of game developing

 

Giving live to drawings like that it's priceless.

[drops]

Photoshop, Aseprite (nice little graphical editor, can do anims too), Spine (char anims), Inkscape (actually i find it more user friendly than illustrator ), Cinema4D (3d) and kuler/colourlovers (for palette inspiration).

[DWboutin]

Does someone have a software to do pixel art who create sprites with JSON Atlas?

[BaronWilhelm]

Gimp for bitmap, inkscape for vector, blender 3d for 2d/3d art

This is my preference as well.  I love seeing NotionGames process though!

[r00]

+1 for colourlovers.com and adobe kuler. I'm not really a graphics artist, but when I do visuals, colors have important part in the work flow.

[TheNewRobot]

I do vector art in Flash and I handle pixel art in GraphicsGale. I usually pencil out some rough drafts first, then I scan the sketch into the computer, and ink and animate on the computer off the basic sketch.

[snowkie]

I do my 2d assets on photoshop for raster graphic. For vector, mostly i'll draw directly on flash, and for more precision, i use coreldraw/ adobe illustrator 

[Luis Felipe]

I've seen some people work on Blender (www.blender.org) or any 3D package to make either run cycle mockups or really polished final character animations, then having a camera point in side view and export frames from the animation inPNGs with transparent background. it's really just another "style" to the traditional drawing approach.

 

I think this game used that technique: NinJump Deluxe The game remains 2D but the character feels, at least to me, as if it was made and animated in 3D before exporting individual frames.

 

In any case, I think that's just another way of doing things that could come useful depending on the project, of course that does add another skill you have to learn but just wanted to mention it

 

If not then I completely recommend photoshop, anything you want to do, can be done, of course it's just another toolset, practice makes perfect, not the tool I've looked into GIMP and myPaint before, the thing was that I had already used photoshop a few years before I tried it so it never sticked. But they are equally as powerful.

 

For example, David Revoy (http://www.davidrevoy.com/article/218/guide-my-hardware-and-software-for-digital-painting.html) uses nothing but open source software to make his paintings.