I was literally looking this up for the first time on Google just now, and again Brackeys to the rescue :) An idea for a tutorial: A follow up lesson on how to create Photoshop files like the one you used :) Using "smart objects" and linking to them in PSD files. This seems like a useful feature for creating sprites.
Incredible use of smart objects - In all my years of using Photoshop, I have never thought of using them this way. This completely changes the approach to tiling that I would have never imagined of doing before! Thank you for showcasing this little gem of a technique!
Lovely stuff Asbjørn ** Photoshop Note ** For those wondering how to simultaneously update multiple layers. Here are some steps for it : 1 - create a layer 2 - make any design on the layer ( i.e fill it with any color ) 3 - right click > convert to smart objects 4 - right click > Duplicate layers ( !! not CRL+C/+V !! ) 5 - now draw on any layer, the rest of the layers will follow the behaviour. Done :)
When I made and saved the edit that I did to a tile, on the tileset template it showed up all blurry and anti-aliased. This happens even when I just re save the tiles without editing them. The layers are still saved as .psb files and the template is still saved as a psd. EDIT: Figured it out. You have to go to Edit -> Preferences -> General and switch Image Interpolation as Nearest Neighbor. Leaving this up in case others have my problem.
Even tho,im still creating 3d game,i still want to learn more about 2d game development.Brackeys is the first guy who thought me how to start game development,thanks to Brackeys team!
Tim, I think its more about putting depth of field and knowing exactly what in your gaming thats draining processor power. That's standart, independent of what game you make.
I've been using this technique and created my own template years ago. Good to know someone finally made a tutorial on this. And of all people, its Brackeys XD
If the pixels get blurred in the Tileset Tempalte after saving the tile, go to Edit -> Preferences -> General and change the Image Interpolation to "Nearest Neighbour (preserve hard edges)". Just thought I'd share since I had this problem. In Brackeys' Pixel Art tutorial this is further explained.
This is great! Could you do a followup about how you made photoshop use the tiles correctly? I'm trying to take apart your example file but can't figure out how to create my own definition of where to use my tiles.
Make tiles of the size you want on separate layers, for example floor, side and the two corner types. Convert the layers to smart objects. Now you can duplicate those smart layers and rotate/arrange them in any configuration you want and all the new copies will update when you make any changes to your tiles. Double click the smart layer of the tile you want to paint on and it will open a new window for you to edit the tile. If you want to make a new tile-type by copying an old one you will need to right click the layer you want to copy and select "New Smart Object via Copy". Hope this helps :)
Hi there, I am a 13 year old boy and I started programming about an year ago...I just came on this channel and surfed around...I was really impressed with me work by Brackeys...Can anyone help me where to start unity and which channels are best to start with... Thanks
This is really helpful. I am using GIMP for my pixel art work. I'm wondering on how to setup the same workflow for Gimp. I really like how you did the template for automatically setting up the changes on a different window. Thanks a lot. This video is really helpful.
people with older photoshop .. .just ignore the error messages .. keep the layers - don't go for the flatten. Double clicking on tile set to mod won't do the trick, but you can right click that tile-set layer and select EDIT CONTENTS
uhm how did you get a professional artist then? I mean i agree, it looks awesome, but if somebody would want me to PAY him for his work, quoting he's a PROFESSIONAL, I'd seriously expect more. Again, not bashing, im just rly confused
if you are, then you can. for those of us without artistic skills, it's more about taking advantage of the system to do the work for us. a real artist can do this basically freehand lol
I just wanted to thank you for this video. I re-created this template in Photoshop more according to my needs at a higher resolution for tiles and it works incredibly well. I'm definitely subscribing!
Yes, unity tilemap video please! Awesome stuff, but I'd agree with a few of the other comments that many of us don't have PS. Maybe seeing the same things in GIMP or Pixlr or something would be more useful to more people?
Hi! I would love to know how you made the tile template. I'm sitting right now for the first time trying to make tiles so I don't have the right workflow to it. I want to make my own template and can't find anyone showing how to work like that in photoshop! I love your videos! They are helpful and inspiring! Take care! /Sara
Hey thanks for a great video, really appreciate it. I know the video is quite old. The download link for the psd doesnt work anymore. Is there any where i could buy/download please ? Thanks again for a great video
You should show us through your learning process, like there must be something you don't know? how do you go about learning it, what resources do you use yourself? ya know... since you can't use you :D
Tiles + rotating them? I made an asset for that lol. Im trying to get it up on the assetstore atm. It has either 4-way or 8-way connection. If i may say so myself its pretty cool stuff xD
I really like these Photoshop videos! also how do you send updates when you draw to the other Photoshop window. please tell me I want to use this method for other things thanks :)
I discovered this channel today and I'm in love with it! Great job. I subscribe for watch your videos when I have free time to try develop something. :DD
I'm pretty sure this will also work in affinity photo which is a photoshop alternative. It lacks some of the features photoshop has, but it is WAY cheaper in the long run. ($50 no subscription vs $10/mo)
I would like that very much also a course on top down or side scrolling 2d rpg games would be awesome, not necessary but would greatly appreciate it :)
I love your videos they are awesome and help me so much but, I have been having a lot of trouble using coroutines can you maybe make a video on this it would greatly appreciated.
So two questions: 1. I don’t have photoshop. Is there a way I can get another software that’s free and will do the same thing? 2. What is the size of the image?
This looks really efficient, however I'd rather not be stuck to the monthly fee for Photoshop. Does GIMP 2 allow the same type of workflow? I do not know how to replicate it there.
I was literally looking this up for the first time on Google just now, and again Brackeys to the rescue :)
An idea for a tutorial: A follow up lesson on how to create Photoshop files like the one you used :) Using "smart objects" and linking to them in PSD files. This seems like a useful feature for creating sprites.
how did you get 2 likes?
Wintows Method I’m guessing people clicked the like button ;)
Right, I’ve been trying to do this for a whole day. Filter>smart object> but the image is of the wrong size...
I am trying to make my own Tile Atlas.
Not anymore he Brackeys quit...
Did you end up finding a way to do this? I wanted to make a tile set with a higher resolution but no idea how to make a psd like the one shown
I would love a full on video about tilemaps!
Aye
Definitely! I've been getting into it, but would love a video from someone who seems to actually make sense to newbies when they talk about it.
funny, unity themselves just released one.
Yeah please unity tilemap tut would be awessom
YES PLEASE
I would also love a quick video explaining how you set up the tile template in Photoshop.
Convert the layer to Smart Object
Blows my mind that Brackey is still the definitive source of how to do everything for Indy games.
If you could make a tutorial about a clothing system (In which you could equip/wear clothes) that would be just amazing.
Love your tutorials.
Incredible use of smart objects - In all my years of using Photoshop, I have never thought of using them this way. This completely changes the approach to tiling that I would have never imagined of doing before! Thank you for showcasing this little gem of a technique!
Lovely stuff Asbjørn
** Photoshop Note **
For those wondering how to simultaneously update multiple layers. Here are some steps for it :
1 - create a layer
2 - make any design on the layer ( i.e fill it with any color )
3 - right click > convert to smart objects
4 - right click > Duplicate layers ( !! not CRL+C/+V !! )
5 - now draw on any layer, the rest of the layers will follow the behaviour.
Done :)
Is this supposed to work? Its not working for me
When I made and saved the edit that I did to a tile, on the tileset template it showed up all blurry and anti-aliased. This happens even when I just re save the tiles without editing them. The layers are still saved as .psb files and the template is still saved as a psd. EDIT: Figured it out. You have to go to Edit -> Preferences -> General and switch Image Interpolation as Nearest Neighbor. Leaving this up in case others have my problem.
Thank you for leaving the updated comment with the solution. Helped me a ton.
thanks
Thank you so much for sharing your solution friend, I had the same problem and searched high and low for an answer.
Yeah, Brackeys has dealt with this issue once. Or was it one of the later episodes? Either way, thank you.
Thankyou +rep and +youtube silver
Even tho,im still creating 3d game,i still want to learn more about 2d game development.Brackeys is the first guy who thought me how to start game development,thanks to Brackeys team!
Crunchy Pie when you create it I wanna see it
Nice Vaporwave PFP
Brackeys! It would be great if you make a series for Performance Optimization.
+1
Charlou Aredidon Agree
yes!
This is way to specific, because it always depends on the game you make + how you program it.
Tim, I think its more about putting depth of field and knowing exactly what in your gaming thats draining processor power. That's standart, independent of what game you make.
Very definitive and not woordy at the same time! Every video tut on RUclips should be like this one.
I've been using this technique and created my own template years ago. Good to know someone finally made a tutorial on this. And of all people, its Brackeys XD
i love to fall asleep to brackeys' videos, his voice is so relaxing
Brackeys is the best channel out there
Love the tutorial, it’s always nice to see the art side of you dude
i never have to watch the whole video of Brackeys to know its good i know it will be good.
If the pixels get blurred in the Tileset Tempalte after saving the tile, go to Edit -> Preferences -> General and change the Image Interpolation to "Nearest Neighbour (preserve hard edges)". Just thought I'd share since I had this problem. In Brackeys' Pixel Art tutorial this is further explained.
your a life saver
Please make a video on Unity's Tile Map Editor :D
Photoshop tutorials are pretty cool, go on there!
the photo shop template doesnt download
YOU'RE SO AMAZING!! Thank you so much for all your hard work in making comprehensible videos, all of us in the gaming community really appreciate it!
says: im not a artist.
does:paints better than me.
And i go to a art school.
thats means you are useless pieco of shit isnt it
Fakkkin hell mate.
@@joebravo4224 Dude you killed him :(
@@joebravo4224 Dick
@@joebravo4224 You're dick you killing him
This is great! Could you do a followup about how you made photoshop use the tiles correctly? I'm trying to take apart your example file but can't figure out how to create my own definition of where to use my tiles.
Make tiles of the size you want on separate layers, for example floor, side and the two corner types. Convert the layers to smart objects. Now you can duplicate those smart layers and rotate/arrange them in any configuration you want and all the new copies will update when you make any changes to your tiles. Double click the smart layer of the tile you want to paint on and it will open a new window for you to edit the tile.
If you want to make a new tile-type by copying an old one you will need to right click the layer you want to copy and select "New Smart Object via Copy". Hope this helps :)
Brackeys, you saved me hours of trial and error. Thank you :)
I love your YewTube channel! Seriously useful infromashin. Hope to see more.
Amaizing work man! It looks beautiful!
Hi! Wondering if you might consider updating the link to the tileset template? It no longer functions. Thanks so much for your great videos!!
This is a really useful video! Very clear, straight to the point! I just love it!
Awesome as always. Been with you since the survival game series!
Hi there, I am a 13 year old boy and I started programming about an year ago...I just came on this channel and surfed around...I was really impressed with me work by Brackeys...Can anyone help me where to start unity and which channels are best to start with...
Thanks
Brackeys
If the link doesn't work, copy and paste it into the url bar. It will download a .psd file.
You are a life saver!
@@machebermejo4857 it took me over a month to figure that out lol
@@cerealman2751 Hahaha
thanks bro!
Thank you!! I hoped someone would have a solution if I looked at recent comments :D
This is really helpful. I am using GIMP for my pixel art work. I'm wondering on how to setup the same workflow for Gimp. I really like how you did the template for automatically setting up the changes on a different window. Thanks a lot. This video is really helpful.
people with older photoshop .. .just ignore the error messages .. keep the layers - don't go for the flatten. Double clicking on tile set to mod won't do the trick, but you can right click that tile-set layer and select EDIT CONTENTS
Exactly what I was looking for. Thanks
Another very helpful tutorial. Thanks Brackeys!
For the people who can't download, copy the link and paste it in your browser instead :)
thank you
BRO, THANK YOU SO MUCH
Mr Brackeys seems so Smart!!!
"I'm not an artist"
> goes on to draw something that I, a professional game artist, could not even HOPE to come close to
uhm how did you get a professional artist then? I mean i agree, it looks awesome, but if somebody would want me to PAY him for his work, quoting he's a PROFESSIONAL, I'd seriously expect more. Again, not bashing, im just rly confused
if you are, then you can. for those of us without artistic skills, it's more about taking advantage of the system to do the work for us. a real artist can do this basically freehand lol
I just wanted to thank you for this video. I re-created this template in Photoshop more according to my needs at a higher resolution for tiles and it works incredibly well. I'm definitely subscribing!
How did you recreate it?? please reply
I'd love to see you do something on tilemaps!
The tileset template is super awesome!
The link for the template no longer works. Is there somewhere else I can get the tileset template or how to set one up like this?
Wait there is a setting in unity that lets you map levels like your drawing them? Please cover this
What???
really you are an artist
Wow! This was so much helpfull! Thank you so much Brackeys!
Yes, unity tilemap video please! Awesome stuff, but I'd agree with a few of the other comments that many of us don't have PS. Maybe seeing the same things in GIMP or Pixlr or something would be more useful to more people?
Very nice tutorial, I hope you will make other videos like this, thanks a lot.
Does anyone know how to import this into his next tutorial??? I have been trying to figure this out for a while and am starting to get frustrated!
Gave this a go today and had good fun! Thanks for the template and really great video
Anyone watching this tutorial in 2021. If the link isnt working for you, copy it and open a new tab and paste it.
You're welcome.
jesus, thank you you saved my life.
It works ! thank you :D
@@niillaa Glad this is still helping people 9 months on aha
Your tutorials are amazing and very easy to understand! This will definitly be helpful with my upcoming school project, thank you so much :)
do you have to make a new layer for everything
Hi! I would love to know how you made the tile template. I'm sitting right now for the first time trying to make tiles so I don't have the right workflow to it. I want to make my own template and can't find anyone showing how to work like that in photoshop! I love your videos! They are helpful and inspiring! Take care! /Sara
Did you find out?
would REALLY like to see a tilemap video. ive literally searched "unity tilemap brackeys"
Could you please show how the unity tileset works, just a quick video that covers the basics. I love your content btw
Hey thanks for a great video, really appreciate it. I know the video is quite old. The download link for the psd doesnt work anymore. Is there any where i could buy/download please ? Thanks again for a great video
You should show us through your learning process, like there must be something you don't know? how do you go about learning it, what resources do you use yourself? ya know... since you can't use you :D
Tiles + rotating them? I made an asset for that lol. Im trying to get it up on the assetstore atm. It has either 4-way or 8-way connection. If i may say so myself its pretty cool stuff xD
thanks for the Tileset it will help greatly
I really like these Photoshop videos!
also how do you send updates when you draw to the other Photoshop window. please tell me I want to use this method for other things thanks :)
As always, great tutorial.
I'd like to see more stuff on creating proper textures like wood with bump maps, uv's etc.
I discovered this channel today and I'm in love with it! Great job. I subscribe for watch your videos when I have free time to try develop something. :DD
What is really stopping me from trying photoshop is the price. You don't even buy it anymore, you are just able to use it for a year!?
I'm pretty sure this will also work in affinity photo which is a photoshop alternative. It lacks some of the features photoshop has, but it is WAY cheaper in the long run. ($50 no subscription vs $10/mo)
Infinity PBR what a Legend!
just found your channel, super helpful! keep on the good work 👍
Man this shit is hard when you're colourblind XD but literally what I've been looking for. Thanks every thing you do is much appreciated
Great video mate. Is there a way to change the tile pixel size?
Great video! Thank you!
Me: I CAN’T WAIT TO MAKE TIL-
Brackeys: so I have a photoshop download tutorial thing
Me: **cries in poor**
use inkscape its free but a bit different but works well for me.
Same
Thank you lol saved me from actually buying PS
I like to use Piskel. It's free and you can make lots of things with it.
@@smolse6854 I'm using it too but I'm trying to make a top down game but its hard to make the tiles for it
Thanks! It really helps.
A video about tile map. Yes please!
I would like that very much also a course on top down or side scrolling 2d rpg games would be awesome, not necessary but would greatly appreciate it :)
Hey thanks for the video and the tileset, I think it will be a big help :) peace!
I love your videos they are awesome and help me so much but, I have been having a lot of trouble using coroutines can you maybe make a video on this it would greatly appreciated.
Please make a procedural dungeon generation tutorial.
Amazing tutorial! :D
I love this kind of videos
how did you configure ir so when you draw in one all the tiles are afected? amazing vid btw!
Thanks, nice video!
anyone made a new link to the template? the one in the desc doesnt work
great vid mans
AWESOME VIDEO ! (Brackeys), do you work on 3D Max and maya ...
This is awesome. Thanks!
So two questions:
1. I don’t have photoshop. Is there a way I can get another software that’s free and will do the same thing?
2. What is the size of the image?
GIMP is a good free alternative to Photoshop
Just saw this. I looked it up, It looks good! Thanks for commenting :)
TileSetPro 1.1 has been released. Creating Tiles of an Image is very easy. Check it out!
ruclips.net/video/nhIf6MFFFSw/видео.html
very cool!! nicely done
Ti Amo, I love you, ich liebe dich!! You saved my butt so much! Now can i have a decent looking game. Thank You!
This looks really efficient, however I'd rather not be stuck to the monthly fee for Photoshop. Does GIMP 2 allow the same type of workflow? I do not know how to replicate it there.
Phenomenal video, thank you so much!
Would be cool to have a tutorial for free alternatives
Ur videos are the best
Thank u it's good info
What do you think about the Godot Game Engine? Can it already compete against Unity?
Can you make a video on how to use the tileset in unity
Incredible! Thank you.
If you want a bit of an easier time connecting them, try pyxel edit.
But what to do if we do not want pixel art? I am stuck!!! Someone please reply..
And again I feel like a more intelligent man after watching you video
Thank you so much for making this video! My god you are so awesome :) for curious people like me, this is gold! haha