Search Unity

  1. Welcome to the Unity Forums! Please take the time to read our Code of Conduct to familiarize yourself with the forum rules and how to post constructively.
  2. We have updated the language to the Editor Terms based on feedback from our employees and community. Learn more.
    Dismiss Notice
  3. Join us on November 16th, 2023, between 1 pm and 9 pm CET for Ask the Experts Online on Discord and on Unity Discussions.
    Dismiss Notice

2D Background Asset: Illustrator or Photoshop?

Discussion in '2D' started by skinner92, Dec 16, 2015.

  1. skinner92

    skinner92

    Joined:
    Feb 23, 2014
    Posts:
    112
    Hi community. I'm planning on creating a tower defense 2d game for mobile devices / tablets.

    I'm now trying to design the map. Of course, it needs to be a background design that looks good whatever the screen size and resolution.

    Let's take a look at this image (from the game "Bloons TD5") as an example:


    My concern is on the background only (for the moment). So my question is pretty simple: should I create the background using a vector graphics editor (e.g. Illustrator or Inkscape), or should I design it using a raster graphics editor (e.g. Photoshop or Gimp)?

    If I did it in Gimp (for example), and needed it to look almost pixel-perfect, I would have to do it in a very high resolution and let Unity scale it down based on the device's screen size/resolution. But then the background image would have a lot of weight, not desirable for a mobile app.

    So, in a nutshell: All Illustrator (Inkscape), all Photoshop (Gimp), or a mix?

    Thanks!
     
  2. skinner92

    skinner92

    Joined:
    Feb 23, 2014
    Posts:
    112
    I've just discovered that Unity does *not* support vector graphics so I think my question does not apply. Can anybody confirm this? Anyway, when designing *whatever* asset for a game, should I use Illustrator/Inkscape or Photoshop/Gimp? And the next question is: what size should I make it so as to cover the widest range of screen sizes possible? The biggest the better? Thanks.
     
  3. sdviosx

    sdviosx

    Joined:
    Jan 4, 2015
    Posts:
    22
    If you are looking for an SVG Importer check out this asset.

    To cover the widest screen sizes you need to have a sweet spot so the main elements of the game do not get cut off, briefly check out this article.

    Use photoshop to get an authentic painting feel via the brush tool. Use illustrator if you want a more cartoony look. If you can't fork out the $$ for Illustrator or PS , check out Affinity Designer or Affinity Photo.
     
    theANMATOR2b likes this.
  4. skinner92

    skinner92

    Joined:
    Feb 23, 2014
    Posts:
    112
    Thanks sdviosx, very useful links :)
     
  5. imaginaryhuman

    imaginaryhuman

    Joined:
    Mar 21, 2010
    Posts:
    5,834
    SVG output through a graphics card basically means pieces of geometry made of triangles in the shape of whatever you want, like an approximation of a circle or a curved blob or whatever. There ARE tools to draw such shapes in Unity, such as RageSpline and other geometry-editing/building tools/assets. You could even say if you add a built-in mesh within the Unity editor, it really could be considered a vector-graphics object to some extent.