TILESET in Photoshop (Tutorial)
HTML-код
- Опубликовано: 16 янв 2018
- Learn how to create tiles and tilesets in Photoshop!
Here's a link to the Tileset Template: goo.gl/Xih8nw
❤️ Donate: www.paypal.com/donate/?hosted...
····················································································
► Join Discord: / discord
♥ Subscribe: bit.ly/1kMekJV
● Website: brackeys.com/
● Facebook: / brackeys
● Twitter: / brackeystweet
····················································································
Edited by the awesome Sofibab and Lebonques.
····················································································
► All content by Brackeys is 100% free. We believe that education should be available for everyone.
❤️ Donate: www.paypal.com/donate/?hosted...
····················································································
♪ Baby Plays Electro Games
teknoaxe.com/cgi-bin/link_code...
♪ Shaving Mirror Kevin MacLeod (incompetech.com)
Licensed under Creative Commons: By Attribution 3.0 License
creativecommons.org/licenses/b...
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 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
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!
I would also love a quick video explaining how you set up the tile template in Photoshop.
Convert the layer to Smart Object
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
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.
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
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
Amaizing work man! It looks beautiful!
Another very helpful tutorial. Thanks Brackeys!
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 a really useful video! Very clear, straight to the point! I just love it!
Gave this a go today and had good fun! Thanks for the template and really great video
Exactly what I was looking for. Thanks
Love the tutorial, it’s always nice to see the art side of you dude
Wow! This was so much helpfull! Thank you so much Brackeys!
Very definitive and not woordy at the same time! Every video tut on RUclips should be like this one.
Awesome as always. Been with you since the survival game series!
Blows my mind that Brackey is still the definitive source of how to do everything for Indy games.
Phenomenal video, thank you so much!
just found your channel, super helpful! keep on the good work 👍
Very nice tutorial, I hope you will make other videos like this, thanks a lot.
The tileset template is super awesome!
Incredible! Thank you.
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.
I love your YewTube channel! Seriously useful infromashin. Hope to see more.
Great video! Thank you!
As always, great tutorial.
Amazing man, Thank you so much
This is awesome. Thanks!
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
Thanks! It really helps.
Brackeys, you saved me hours of trial and error. Thank you :)
Photoshop tutorials are pretty cool, go on there!
I'd love to see you do something on tilemaps!
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 love this kind of videos
i love to fall asleep to brackeys' videos, his voice is so relaxing
very cool!! nicely done
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.
Brackeys is the best channel out there
Thanks, nice video!
thanks for the Tileset it will help greatly
really you are an artist
Amazing tutorial! :D
Hey thanks for the video and the tileset, I think it will be a big help :) peace!
Please make a video on Unity's Tile Map Editor :D
the photo shop template doesnt download
"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 love you! Thanks so much
i never have to watch the whole video of Brackeys to know its good i know it will be good.
Thank u it's good info
Thank you so much for making this video! My god you are so awesome :) for curious people like me, this is gold! haha
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?
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
great vid mans
Your tutorials are amazing and very easy to understand! This will definitly be helpful with my upcoming school project, thank you so much :)
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 :)
Mr Brackeys seems so Smart!!!
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 :)
Thank you so much
Could you please show how the unity tileset works, just a quick video that covers the basics. I love your content btw
Ur videos are the best
Awesome !!
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 :)
Nice background!
you are really angel. thanks!
Mano, tu é foda, to aprendendo demais!
I'd like to see more stuff on creating proper textures like wood with bump maps, uv's etc.
Hey, thanks for this amazing tutorial!
I'd be glad to know if you can use adobe flash cs for those kind of tile making as well, and how.
Because I'm an animator and that's what Im usually using.
Thanks in advance for all of the help ^^"
Btw: you have a beautiful smile C:
This is incredibly useful. :o
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
very helpful
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
think you, This is very useful to me.
AWESOME !!!!!!
Fantastic
Very useful, cool :D
Thank you.
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
Great video mate. Is there a way to change the tile pixel size?
A video about tile map. Yes please!
For the people who can't download, copy the link and paste it in your browser instead :)
thank you
BRO, THANK YOU SO MUCH
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
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.
Tilemap, please! It just makes sense to follow this one.
amazing
AWESOME VIDEO ! (Brackeys), do you work on 3D Max and maya ...
Ti Amo, I love you, ich liebe dich!! You saved my butt so much! Now can i have a decent looking game. Thank You!
thanks ;)
LIFESAVER
Hi! Wondering if you might consider updating the link to the tileset template? It no longer functions. Thanks so much for your great videos!!
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?
how did you configure ir so when you draw in one all the tiles are afected? amazing vid btw!
sup love your pixel art do more pls
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
What do you think about the Godot Game Engine? Can it already compete against Unity?
would REALLY like to see a tilemap video. ive literally searched "unity tilemap brackeys"
I would definitely want to see a tutorial on unity's tilemap