How to achieve a pixel art neon/glow effect in Aseprite

Поділитися
Вставка
  • Опубліковано 27 січ 2025

КОМЕНТАРІ • 81

  • @Infinite_360-l9i
    @Infinite_360-l9i 2 роки тому +13

    soon i'll finally be able to use aseprite and rewatch this tutorial, btw nice tutorial it was quite simple and straight to the point

    • @WarsVault
      @WarsVault  2 роки тому

      Thank you! I hope you enjoy using Aseprite as much as I do.

  • @SadTown99
    @SadTown99 Місяць тому +2

    Wow thanks for sharing dude, this is awesome! 👏
    I had no idea this was possible 🥳

    • @WarsVault
      @WarsVault  Місяць тому

      No problem! I'm glad you enjoyed!

  • @ringodunhill4551
    @ringodunhill4551 Рік тому +2

    Thank you! Worked great

  • @Ostnizdasht206
    @Ostnizdasht206 7 місяців тому +4

    Wow. I had no idea this was even possible. Thanks.

    • @WarsVault
      @WarsVault  7 місяців тому

      Glad to have been of help!

  • @Coastcrawler
    @Coastcrawler Місяць тому +2

    Very nice. Thank you 😀

  • @Caigul
    @Caigul Рік тому +2

    just getting into pixel art this helped alot

    • @WarsVault
      @WarsVault  Рік тому

      Thank you, good luck on your journey!

  • @Diogocb
    @Diogocb 5 місяців тому +1

    You are very good at teaching!

    • @WarsVault
      @WarsVault  5 місяців тому +1

      Thank you very much! I'm glad to be of help

  • @kubaoko008
    @kubaoko008 Рік тому +1

    basically, just place pixels and make them transparent if you want to have a neon effect.

    • @WarsVault
      @WarsVault  Рік тому +1

      Kind of, instead of making them trasnparent, you're bluring them, giving them a gradient of colour and transparency at the same time, that, combined with a bright opaque center, leads to a neon effect.

  • @4o4osam
    @4o4osam Рік тому +1

    Amazing stuff, earned a sub

    • @WarsVault
      @WarsVault  Рік тому +1

      Thank you! I appreciate it.

  • @pxlwiz4u
    @pxlwiz4u Місяць тому +1

    Great video!

  • @Nameless_nerd3708
    @Nameless_nerd3708 5 місяців тому +2

    Thank you so much i really need this tutorial im still a beginner on asperite :D

    • @WarsVault
      @WarsVault  5 місяців тому +1

      Nice! We all gotta start somewhere, just keep at it and you'll be groovy in no time!

    • @SadTown99
      @SadTown99 Місяць тому

      Check out “ Pixel Overload “ channel for Aesprite/pixel art tutorials… he doesn’t have many videos but they are some of the absolute best you can find. 😎

  • @smothgaming1952
    @smothgaming1952 2 роки тому +1

    Great video, the program works great

  • @paulroberto2286
    @paulroberto2286 2 роки тому +1

    Thank you!

  • @wessredd7237
    @wessredd7237 2 роки тому +6

    Nice! I was gonna put my glows in engine but I feel like this would be a much better option(when possible) performance wise. I'm kinda new to game development so maybe I'm wrong...gonna try it anyways :)

    • @WarsVault
      @WarsVault  2 роки тому +2

      Unless the glowing is going to change throughout the game, it's better to do it this way, yes. If you check out, my last game, Shotgun Billie (warsvault.itch.io/shotgun-billie-demo), you can see that the heat glow from his legs changes a lot throughout gameplay, so, in that game, the glow was done in-engine. I'm glad the tutorial was helpful!

    • @wessredd7237
      @wessredd7237 2 роки тому +1

      @@WarsVault that's pretty much what I was thinking when I said "when possible". This was the first video I seen of yours so I will definitely check that game out. I've only been teaching myself this stuff for a month or two. And I've had to learn the art side of things as much as the technical stuff. It's so interesting learning these things. So much to learn. I appreciate your advice. I haven't exactly started making a "game". Alot of practicing art and trial and error on how to develop things.

    • @WarsVault
      @WarsVault  2 роки тому

      @@wessredd7237 We all gotta start somewhere. Brackeys has some nice tutorials on how to get a neon-like effect in-engine in unity. If you don't have much programming experience, you could try using Construct 2 or 3, to get a good feel on game and level design, mechanics and such, before diving in to coding, trying to learn both at the same time is possible, but quite difficult, I wish you the best of luck. Feel free to reach out to me on twitter if you ever need tips or anything of the like.

    • @rajbir.soc0
      @rajbir.soc0 2 роки тому

      hey hey i know a better thing listen to me
      just duplicate the layer set it's blend mode to add and if you want more glow duplicate it again and then add blur

    • @WarsVault
      @WarsVault  2 роки тому

      @@rajbir.soc0 That's also a way of doing it, I simply prefer not to mess with blend modes, in order to keep things simple

  • @keyn8241
    @keyn8241 2 роки тому +1

    great turotial, cant wait to see more if it :D

    • @WarsVault
      @WarsVault  2 роки тому

      Unfortunately, I don't exactly plan on doing more videos like this, unless there is something that people want to see how it's done; I created this more to teach something that I couldn't find when I started out. I'm glad you enjoyed it tho!

  • @alfredkamau7149
    @alfredkamau7149 2 роки тому +1

    OMG THANKS SO SO MUCH THIS HELPED!!!

    • @WarsVault
      @WarsVault  2 роки тому

      Thank you! I'm glad I was of help.

  • @dougbunne
    @dougbunne 2 роки тому +1

    Great video! Thanks a lot!

    • @WarsVault
      @WarsVault  2 роки тому

      I'm glad it was of help. Thank you!

  • @saeedodeh5084
    @saeedodeh5084 Місяць тому +1

    This is a very useful tutorial! Though it was kinda difficult to imitate in the app I use on android, kinda sucks that aseprite isn't available on android
    Also I wanna ask, do u have a tutorial for a normal glow, like from fire or a torch, and a flashlight? (The thing I struggle with the most is light effects lol)

    • @WarsVault
      @WarsVault  Місяць тому

      Thank you! Yeah, replicating the effect without any kind of blur effect is possible but very difficult. I do not have a tutorial for that specifically, but I'll keep it in mind for the future.

  • @mechwarreir2
    @mechwarreir2 Рік тому +1

    FINALLY, thx!

  • @The_SJ
    @The_SJ 2 роки тому +1

    Nice tutorial.... Very helpful

    • @WarsVault
      @WarsVault  2 роки тому

      Thank you! I'm glad you enjoyed it.

  • @einaryt6972
    @einaryt6972 11 місяців тому +1

    Can I do that on Libre Sprite???

    • @WarsVault
      @WarsVault  11 місяців тому +1

      I can't say for sure, but, as Libresprite is an older version of Aseprite, it might work.

    • @einaryt6972
      @einaryt6972 11 місяців тому +1

      @@WarsVault alright, I'll see what I can do there, have a good one

  • @chillwithmoose
    @chillwithmoose 2 роки тому +2

    When I apply the blur to the flash layer, it can't be seen through layer 3. Merging down would just result in however layer 3 looks, any suggestions for this? Please and thank you!

    • @chillwithmoose
      @chillwithmoose 2 роки тому +1

      Better put, the blur doesn't seem to go outside the lines of the object for me

    • @WarsVault
      @WarsVault  2 роки тому +1

      @@chillwithmoose Hm, if the blur doesn't go outside the lines, it could be that there is a selection, make sure nothing is selected when you blur.

    • @chillwithmoose
      @chillwithmoose 2 роки тому +1

      @@WarsVault That fixed it, you got a sub for sure bud!

    • @WarsVault
      @WarsVault  2 роки тому

      @@chillwithmoose I'm glad it worked out!

  • @LAERON_
    @LAERON_ Рік тому +2

    I had a problem at first, it turns out you need RGB color mode for this

    • @WarsVault
      @WarsVault  Рік тому +1

      Oh, I did not know this, glad you figured it out!

  • @davidzaydullin
    @davidzaydullin 2 роки тому +1

    ty

  • @ddd9482
    @ddd9482 2 роки тому +1

    I don't know if I'm doing something wrong but when I use the blur effect it blurs the entire drawing as in all the layers

    • @WarsVault
      @WarsVault  2 роки тому +1

      I see, when looking at the convolution matrix window, where you select the blur, make sure the box on the right side, above the preview checkbox, is set to "Selected" and not "All", else, it will apply the blur to everything.

    • @ddd9482
      @ddd9482 2 роки тому +1

      Oooooh I see, thanks a bunch and fot the video, great job! ⭐

    • @WarsVault
      @WarsVault  2 роки тому

      Thank you, I'm glad you ejoyed it!

  • @iloveshibainu9003
    @iloveshibainu9003 11 місяців тому +1

    brooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo thank u 🥺

  • @rgquadros6776
    @rgquadros6776 2 роки тому +1

    it work on my pc thx bro vеry much

    • @WarsVault
      @WarsVault  2 роки тому

      Thank you! I'm glad it work for you.

  • @Necr0tic
    @Necr0tic 10 місяців тому +1

    you sound brazilian my friend, sorry if im wrong lmo, but valeu pela ajuda man, tmj (thanks for the help!)

    • @WarsVault
      @WarsVault  10 місяців тому +1

      You are correct. I'm glad to have been of help!

  • @naelpontes8444
    @naelpontes8444 2 роки тому +1

    Are you per chance BR?

  • @TheHomelessNinja
    @TheHomelessNinja Рік тому

    didn't work. it reversed the colors and made a dark shade on the outside circle.

    • @WarsVault
      @WarsVault  Рік тому

      That's weird, I suggest you follow the tutorial again closely, as inverting colours is only achievable by using the negative setting in the convolution matrix menu (F9), which is something that does not happen in the tutorial. Also, make sure you have "Selected' instead of "All" in the convolution matrix menu, to make sure you're only changing the current layer. Good luck!

    • @TheHomelessNinja
      @TheHomelessNinja Рік тому +1

      @@WarsVault perfect. It was exactly that. I didn't have Selected it was All. Thank you :)

    • @WarsVault
      @WarsVault  Рік тому

      @@TheHomelessNinja Great! I'm happy it worked out!

  • @ennizodev
    @ennizodev 2 роки тому +1

    Thanks i am still confused hehe

    • @WarsVault
      @WarsVault  2 роки тому

      The layer stacking is a bit weird to understand at first, but, think of it like having two of the same sprite, but, the back one is darker and blurred.

    • @ennizodev
      @ennizodev 2 роки тому +1

      @@WarsVault oh, I see .. keep fight 🙏🏻

  • @balladepower49
    @balladepower49 Рік тому +1

    Well, interessante

  • @jackofalltrades9117
    @jackofalltrades9117 2 роки тому +1

    foda!!

  • @McGoomba
    @McGoomba 5 місяців тому +1

    me using piskel: 🧠

    • @WarsVault
      @WarsVault  5 місяців тому

      Haha. The techniques used in the tutorial are pretty common stuff, so, hopefully, any pixel art software should be able to achieve the effect, even if by different means. In the case that the program you're using doesn't have a way to blur, you can do it manualy by drawing borders around your sprite and said borders in decreasing transparency, it will be a little more work than a normal blur tool, but it will achieve the exact same thing. Hopefully you can find a way!

    • @McGoomba
      @McGoomba 5 місяців тому

      @@WarsVault Also what if I'm trying to keep it glowing and the object I want to glow is shaded

    • @WarsVault
      @WarsVault  5 місяців тому

      @@McGoomba So, what you do is, you ignore the part about the second layer in the tutorial and simply create the "Flash" layer with the shape blurred and then put that layer behind the layer in which the shaded object resides. So the blurred glow will spill out of the sides by being behind the shaded object.