Search Unity

2d Tiles Pixel Error?

Discussion in '2D' started by Muhammed172, Jun 12, 2020.

  1. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    Ekran Görüntüsü (1).png

    Hello friends
    Why does my drawing in Adobe Illustrator look so bad when I throw it to unity, but the picture I bought from the asset store does not have any pixel degradation.
     
  2. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    adobe illustrator is a vector image software. You have to rasterize your image and fix it in photoshop. Unity only works with raster images not vector
     
  3. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    Can you tell me how can I do this?
     
  4. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    file>export, then export to .psd, open psd in photoshop and then save as .png, then use the png for unity
     
  5. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    So how do I turn the picture I edit in Photoshop into animation?
     
  6. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    Can I convert the PNG output I got from Photoshop into an animation in Adobe Effect?
     
  7. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    yes but then export animation as png, before you use it in unity
     
  8. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    How do I extract Adobe Effect as PNG?
     
  9. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    export as png sequence
     
  10. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    So if I want to create a Unity Tiles, what do you think should be and what bit compression should it be?
     
  11. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    png no compress
     
  12. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    I reccomend also that you draw your tiles in photoshop, illustrator is for printing and brand design
     
  13. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    I watched a lot of videos, I like illustrator drawings more, but Unity also has a lot of pixel distortion.
     
  14. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    yes because illustrator doesnt draw pixels =)
     
  15. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    So what is your solution to Pixel distortion? What kind of program do you suggest to use?
     
  16. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    use photoshop, I see that you have it on your icons
     
  17. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    Ekran Görüntüsü (2).png


    What should Image Resolution, Width, Height, and Bit Depth be?
     
  18. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    your choice, for width and height, depends on how big you want your sprites to be

    bit depth doesnt matter

    You can export it big and then resize it in photoshop though, so it doesnt matter either way
     
  19. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    Image Resolution, Width, Height and Bit Depth I don't know what it means so I asked you so what would your preference be
     
  20. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    you can put 200 200 300
     
  21. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    4ab91ef2-ae2b-4bfd-a767-f305b2283325.jpg


    Hey brigas I'm sorry to bother you
    But after applying what I said, I used Unity Remote 5 to review the designs and connected it to my phone and got a result like this.

    I made my phone on iOS iPhone 6
     
  22. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    you need to set your resolution to landscape mode

    if you spin your phone to vertical it looks normal no?
     
  23. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    I did not make any phone related settings for Unity Editor
    I will be glad if you help me
     
  24. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    on your play window top left you can see aspect ratio ( free aspect/ 16:9 etc) you need to choose aspect ratio of your phone. If you want it landscape (1280x720) if you want portrait ( 720x1280) if you want it to flip I dont know much about it its better if you make a new thread for help on phone
     
  25. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    59a8fa3a-f576-47a9-9cf7-4ed0a0c4c787.jpg


    hey buddy why still Unity Editor still could not solve such graphics distortion error
    can you help
     
  26. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    ok show screenshot of your inspector and a more zoomin screenshot i cant see the distortion
     
  27. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    0e03372f-23a4-4d3e-87b1-3ea684709e39.jpg Ekran Görüntüsü (3).png Ekran Görüntüsü (4).png

    Although its size is 1e1, why is my phone jammed and the image gets worsened

    I threw it here to see the Unity settings
     
  28. spryx

    spryx

    Joined:
    Jul 23, 2013
    Posts:
    557
    Tiles are way too big (IMHO). 533x533 is a massive and rather odd resolution for tiles.
    Do you really need something that big? (Typical tile sizes are something like 16x16, 32x32, etc).

    Also, Unity Remote streams the view back to your computer, so of course everything is going to be blurry... it is a compressed stream.

    Judging by the content of this thread, I would advise you to either buy premade art, find free art at https://opengameart.org/, or learn a very basic image editing software before trying to learn game dev. You are getting hung up on importing assets rather than actual development.

    It might be better to start with a tutorial first.
     
    Last edited: Jun 14, 2020
  29. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    So where will I try my game
     
  30. spryx

    spryx

    Joined:
    Jul 23, 2013
    Posts:
    557
    ......on your computer or device.
     
  31. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    So when I Build My Game, doesn't it look different on each phone?
     
  32. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    first where it says free aspect, set it to 1280x720

    then in your phone it will look blurry, but first try just to not get stretched

    then you can build the game so you can try the full resolution on the phone

    you can resize your tiles easily in photoshop later
     
  33. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    So you're saying this blur is just a scam
     
  34. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    if you have blur on your pc screen then its not scam, but on your unity connect 5 its scam yes

    but the stretch is not scam you need to fix that
     
  35. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    So when I Build My Game, doesn't it look different on each phone?
     
  36. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    Well thank you very much helped, so you suggest I use Unity Remote Control 5, right?
     
  37. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    Well thank you very much helped, so you suggest I use Unity Remote Control 5, right?
     
  38. spryx

    spryx

    Joined:
    Jul 23, 2013
    Posts:
    557
    You realize you can put more than a single sentence in one post, right? You don't need to make 15 posts each time you communicate. You can always edit a post if you need to add more to it.

    Yes. Did you even read my earlier post? I was trying to help with your blurriness issues. We can offer you advice all day long here, but its up to you to take it. Unity Remote streams your video back to you... so, its not a good way to determine how things look on device. You are better off actually building for your device and running there.
     
  39. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    Well thank you very much helped, so you suggest I use Unity Remote Control 5, right?
     
  40. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    Yes unity remote 5 is very good, you need to use it if you want to develop for phone, but if you want to see the true graphics you need to build.
     
  41. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    I'm sorry, I have a little English problem so I can write and understand it so I don't know how accurate it is from translation.
    I want to make my own design. Can't I do that too?
     
  42. spryx

    spryx

    Joined:
    Jul 23, 2013
    Posts:
    557
    Your own tiles? yes, but you need to use a different resolution
     
  43. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    Thank you very much for your interest. How can I reach you when I meet the patient again?
     
  44. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    What would you suggest for this?
     
  45. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    after you sorted your stretching you can change the size, some good sizes: (16x16, 32x32,64x64,128x128) depends on the quality you want
     
  46. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    Thank you very much for your interest. How can I reach you when I meet the patient again?
     
  47. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    the patient can be met here its no problem, remember to use photoshop and not illustrator, and remember dont use free aspect
     
  48. spryx

    spryx

    Joined:
    Jul 23, 2013
    Posts:
    557
    Because, (Like I stated here) the resolution you are using is too big for tiles. It also isn't an image with dimensions that match the power of two rule.

    While theoretically, you could use 533x533 for tiles, its going to cause you issues later, and it might also be the source of your blurriness if unity is rescaling your tiles. If you have the import settings for those @ 100pixels per unit, one tile is going to occupy 5.33 units assuming your tilemap is 1 unit squared in cell size.

    @brigas is correct, you need to re-scale your graphics first.
     
  49. Muhammed172

    Muhammed172

    Joined:
    Jun 12, 2020
    Posts:
    34
    [QUOTE = "brigas, post: 5979875, üye: 698241"] hasta burada bir sorunla karşılaşabilir, hiç sorun değil, photoshop kullanmayı ve illustrator kullanmayı unutmayın ve serbest yönü kullanmadığını unutmayın [/ QUOTE]

    I want to make a platform game and what should this be the free aspect size (I want the screen to be horizontal)
     
  50. brigas

    brigas

    Joined:
    Oct 4, 2014
    Posts:
    522
    1280x720