DWboutin

How do you create your visuals?

Recommended Posts

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

 

fOd6oCY.jpg

 

o1WFAAj.jpg

 

Q9IJoup.jpg

 

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).

 

2blKWaF.jpg

 

Et Voila!

 

x05wEs4.jpg

Share this post


Link to post
Share on other sites

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)

Share this post


Link to post
Share on other sites

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 :P

 

Giving live to drawings like that it's priceless.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.