TILESET in Photoshop (Tutorial)
Рет қаралды 582,653
Күн бұрынLearn how to create tiles and tilesets in Photoshop!
Here's a link to the Tileset Template: goo.gl/Xih8nw
❤️ Donate: www.paypal.com...
····················································································
► 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...
····················································································
♪ Baby Plays Electro Games
teknoaxe.com/cg...
♪ Shaving Mirror Kevin MacLeod (incompetech.com)
Licensed under Creative Commons: By Attribution 3.0 License
creativecommons...
@kitthekat6844 6 жыл бұрын
I would love a full on video about tilemaps!
@Darkassembley 6 жыл бұрын
Aye
@designfella8622 6 жыл бұрын
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.
@Sparrow420 6 жыл бұрын
funny, unity themselves just released one.
@moreira3249 6 жыл бұрын
Yeah please unity tilemap tut would be awessom
@miosz9261 6 жыл бұрын
YES PLEASE
@Dani_Krossing 6 жыл бұрын
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.
@zintows 3 жыл бұрын
how did you get 2 likes?
@Dani_Krossing 3 жыл бұрын
Wintows Method I’m guessing people clicked the like button ;)
@danstora 3 жыл бұрын
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.
@limanewb655 3 жыл бұрын
Not anymore he Brackeys quit...
@osuscyan3143 3 жыл бұрын
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
@Rambolink94 6 жыл бұрын
I would also love a quick video explaining how you set up the tile template in Photoshop.
@bernardopop 4 жыл бұрын
Convert the layer to Smart Object
@demonicious_ 6 жыл бұрын
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.
@candlehawk 6 жыл бұрын
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.
@KafanskaTV 5 жыл бұрын
Thank you for leaving the updated comment with the solution. Helped me a ton.
@omturakhia 5 жыл бұрын
thanks
@tripsd8388 5 жыл бұрын
Thank you so much for sharing your solution friend, I had the same problem and searched high and low for an answer.
@Manas-co8wl 5 жыл бұрын
Yeah, Brackeys has dealt with this issue once. Or was it one of the later episodes? Either way, thank you.
@piccamix9345 5 жыл бұрын
Thankyou +rep and +youtube silver
@k.a.9415 5 жыл бұрын
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 :)
@nab5501 5 жыл бұрын
Is this supposed to work? Its not working for me
@roykaminski4181 4 жыл бұрын
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!
@zacharysilverzweig7715 8 ай бұрын
Blows my mind that Brackey is still the definitive source of how to do everything for Indy games.
@charlouaredidon6006 6 жыл бұрын
Brackeys! It would be great if you make a series for Performance Optimization.
@YasserSedrati 6 жыл бұрын
+1
@stefanospanagiotidis7489 6 жыл бұрын
Charlou Aredidon Agree
@TheTukkia 6 жыл бұрын
yes!
@Rudi. 6 жыл бұрын
This is way to specific, because it always depends on the game you make + how you program it.
@TheTukkia 6 жыл бұрын
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.
@CrunchyPie 6 жыл бұрын
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!
@sandybrown3373 6 жыл бұрын
Crunchy Pie when you create it I wanna see it
@coulmusic 4 жыл бұрын
Nice Vaporwave PFP
@wrong4oppinion 6 жыл бұрын
says: im not a artist. does:paints better than me. And i go to a art school.
@joebravo4224 5 жыл бұрын
thats means you are useless pieco of shit isnt it
@hiiambarney4489 5 жыл бұрын
Fakkkin hell mate.
@sh1nt0ni 4 жыл бұрын
@@joebravo4224 Dude you killed him :(
@RealZynexx 4 жыл бұрын
@@joebravo4224 Dick
@SaaGT 4 жыл бұрын
@@joebravo4224 You're dick you killing him
@nirnaet 6 жыл бұрын
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.
@arthurcallahan8184 Жыл бұрын
your a life saver
@RecomALT 2 жыл бұрын
the photo shop template doesnt download
@amir32806 6 жыл бұрын
Very definitive and not woordy at the same time! Every video tut on KZfaq should be like this one.
@calliope_x3 3 жыл бұрын
"I'm not an artist" > goes on to draw something that I, a professional game artist, could not even HOPE to come close to
@themadmushroom2769 3 жыл бұрын
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
@Taterzz 2 жыл бұрын
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
@cerealman2751 3 жыл бұрын
If the link doesn't work, copy and paste it into the url bar. It will download a .psd file.
@machebermejo4857 3 жыл бұрын
You are a life saver!
@cerealman2751 3 жыл бұрын
@@machebermejo4857 it took me over a month to figure that out lol
@machebermejo4857 3 жыл бұрын
@@cerealman2751 Hahaha
@lancev2290 3 жыл бұрын
thanks bro!
@Amethyst1O1 3 жыл бұрын
Thank you!! I hoped someone would have a solution if I looked at recent comments :D
@charzGD Жыл бұрын
For the people who can't download, copy the link and paste it in your browser instead :)
@nin3_ Жыл бұрын
thank you
@ItzyEcho 6 ай бұрын
BRO, THANK YOU SO MUCH
@user-qf2ho9dc9y 6 жыл бұрын
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
@filip4698 4 жыл бұрын
i love to fall asleep to brackeys' videos, his voice is so relaxing
@salahamer4453 6 жыл бұрын
Please make a video on Unity's Tile Map Editor :D
@umarnaseer4094 6 жыл бұрын
i never have to watch the whole video of Brackeys to know its good i know it will be good.
@MrVipulLal 3 ай бұрын
Exactly what I was looking for. Thanks
@Avidi 6 жыл бұрын
Love the tutorial, it’s always nice to see the art side of you dude
@ast_rsk 6 жыл бұрын
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.
@Bestmann3n 6 жыл бұрын
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 :)
@totebag132 6 жыл бұрын
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!
@gamedevdanny 2 жыл бұрын
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?
@Doffu 2 жыл бұрын
I love your YewTube channel! Seriously useful infromashin. Hope to see more.
@dimarichmain 6 жыл бұрын
Photoshop tutorials are pretty cool, go on there!
@Summonair 6 жыл бұрын
Brackeys is the best channel out there
@linkified0471 4 жыл бұрын
Me: I CAN’T WAIT TO MAKE TIL- Brackeys: so I have a photoshop download tutorial thing Me: **cries in poor**
@ramen1024 3 жыл бұрын
use inkscape its free but a bit different but works well for me.
@codewaffle1138 3 жыл бұрын
Same
@iquestionable2065 3 жыл бұрын
Thank you lol saved me from actually buying PS
@smolse6854 3 жыл бұрын
I like to use Piskel. It's free and you can make lots of things with it.
@iquestionable2065 3 жыл бұрын
@@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
@unknownguy2554 4 жыл бұрын
Brackeys, you saved me hours of trial and error. Thank you :)
@TheAmberLadd 2 жыл бұрын
Hi! Wondering if you might consider updating the link to the tileset template? It no longer functions. Thanks so much for your great videos!!
@akirahideo6904 5 жыл бұрын
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
@SeanLange 6 жыл бұрын
I'd love to see you do something on tilemaps!
@Raidevoriginal 3 жыл бұрын
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.
@JohnyS113 3 жыл бұрын
jesus, thank you you saved my life.
@niillaa 2 жыл бұрын
It works ! thank you :D
@Raidevoriginal 2 жыл бұрын
@@niillaa Glad this is still helping people 9 months on aha
@oyeedraw8407 5 жыл бұрын
This is a really useful video! Very clear, straight to the point! I just love it!
@aresanstudio8335 3 жыл бұрын
Amaizing work man! It looks beautiful!
@fuzzybrickstudios2315 4 жыл бұрын
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!
@rashh77 6 жыл бұрын
Very nice tutorial, I hope you will make other videos like this, thanks a lot.
@ThomasAuberson 6 жыл бұрын
Another very helpful tutorial. Thanks Brackeys!
@saulogamedev 5 жыл бұрын
Wow! This was so much helpfull! Thank you so much Brackeys!
@hidas9198 6 жыл бұрын
Wait there is a setting in unity that lets you map levels like your drawing them? Please cover this
@leofisher1280 6 жыл бұрын
What???
@ianparker5007 5 жыл бұрын
Awesome as always. Been with you since the survival game series!
@sureshagarkar8394 4 жыл бұрын
Can you make a video on how to use the tileset in unity
@lukeblaker5625 5 жыл бұрын
Gave this a go today and had good fun! Thanks for the template and really great video
@BdyPhrk 6 жыл бұрын
Please make a procedural dungeon generation tutorial.
@rodprogramdev9253 Жыл бұрын
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.
@YasserSedrati 6 жыл бұрын
really you are an artist
@shivamprajapati172 5 жыл бұрын
How to make Character video plz
@MewsSnep 6 жыл бұрын
The tileset template is super awesome!
@Scottx125Productions 6 жыл бұрын
I'd like to see more stuff on creating proper textures like wood with bump maps, uv's etc.
@sylvagem838 2 жыл бұрын
for some reason i cant download the template!!
@piscesdreams1023 4 жыл бұрын
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!
@cosmic_417 3 жыл бұрын
How did you recreate it?? please reply
@deepakarora5487 6 жыл бұрын
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
@mfesevur 6 жыл бұрын
Brackeys
@karltilsner922 6 жыл бұрын
Could you please show how the unity tileset works, just a quick video that covers the basics. I love your content btw
@Jester-8-bit 3 жыл бұрын
when i click the link for the tileset it just closes its self and doesn't download anything, what's with that?
@bige9564 3 жыл бұрын
copy and paste the link
@archangeltactics3802 4 жыл бұрын
do you have to make a new layer for everything
@eusouopiu_channel Жыл бұрын
Great video! Thank you!
@guiasxamonicas 6 жыл бұрын
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
@smurfolissicus 4 жыл бұрын
Mr Brackeys seems so Smart!!!
@thriftsimple561 6 жыл бұрын
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?
@waterandtreefilms 6 жыл бұрын
would REALLY like to see a tilemap video. ive literally searched "unity tilemap brackeys"
@puffinthefish 2 жыл бұрын
anyone made a new link to the template? the one in the desc doesnt work
@xrotator8986 4 жыл бұрын
Would be cool to have a tutorial for free alternatives
@nastadoa9923 4 жыл бұрын
thanks for the Tileset it will help greatly
@lautarolavecchia5995 5 жыл бұрын
just found your channel, super helpful! keep on the good work 👍
@ivanperez4161 4 жыл бұрын
Thanks! It really helps.
@EgoDrakhe 6 жыл бұрын
why does the tileset template have a different size from the tile? when I save it changes from 32x32 to 216x216
@mateomancera4897 6 жыл бұрын
Same issue, any idea on how to fix it?
@prosperallen1195 5 жыл бұрын
I guess we'll never know😔
@Tencryn 5 жыл бұрын
I'd like to know this too... I don't understand :D
@Tencryn 5 жыл бұрын
So taking a closer look, they're embedded smart objects that are 32x32 but just sized up to 216 which explains why they are so blurry unless you change the interpolation to nearest neighbor. I wish he'd of explained this in the video but it's just that... drag them around in the template and resize to 32. I think they're just enlarged so you can see how they glue together a lot easier.
@joelescuredo6409 4 жыл бұрын
I found the solution!! All you need to do is go in to preferences>General and in the image interpolation change it to the first option. Hope this will help you.
@quaking2993 4 жыл бұрын
when i getting it in unity and slice it 32 by 32 i doesnt work
@vyomdesai7510 4 жыл бұрын
A video about Isometric 2D pleaseeee
@PistonPL 6 жыл бұрын
As always, great tutorial.
@SuperMario45100 4 жыл бұрын
Gotta say, being colourblind when I first saw your tileset I thought it was a cave with Lava ahahaha
@JosyDominicanMamiQueenones 5 жыл бұрын
5:23 teachers be like
@cosmic_417 3 жыл бұрын
But what to do if we do not want pixel art? I am stuck!!! Someone please reply..
@karthiknaidu4240 2 жыл бұрын
Amazing man, Thank you so much
@marlopainter8246 4 жыл бұрын
Thank you.
@jimilordofwar 6 жыл бұрын
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
@GeoffNewman68 6 жыл бұрын
A video about tile map. Yes please!
@hiddenbruh 6 жыл бұрын
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 :)
@SnowLeopardsPaw Жыл бұрын
Love this, but two questions. First, I can't for the life of me figure out how to dock/duck the window so it stays in view. It always goes back behind photoshop as soon as I click on the tile I'm working on. Second, when I just save it without ding anything, the tiles get separation lines drawn through, literally even with no changes :( Any idea what I'm doing wrong?
@xepherys Жыл бұрын
I'm running into the same issue with the separation in PS 24.5.0. Did you ever figure out how to prevent that from happening?
@yeetyeet5839 5 жыл бұрын
Your tutorials are amazing and very easy to understand! This will definitly be helpful with my upcoming school project, thank you so much :)
@christiansorensen5075 6 жыл бұрын
Phenomenal video, thank you so much!
@l2hetoric 6 жыл бұрын
This is awesome. Thanks!
@rayan_.2949 4 жыл бұрын
could you do one on another program i don't use photoshop because i don't draw to much and i don't wanna be broke
@dedcove7466 5 жыл бұрын
Incredible! Thank you.
@scooterblock2806 3 жыл бұрын
I have photoshop elements 15 and I cant figure out how to use the template, double clcking does not open individual tiles
@thegamingcobra1 6 жыл бұрын
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
@phen-themoogle7651 4 жыл бұрын
What’s frustrating is when I make nice tilesets and import them to unity Unity blurs the colors and it looks ugly, even when I try to fix the filter issue it still doesn’t really change. Maybe I haven’t figured out how to fix this issue yet. Sigh
@ingameswetrust9812 3 жыл бұрын
have a problem ! when i x2click on layer popup a window and ask me about of a layer style a lot of setings and dont open in new windows
@toreole2993 6 жыл бұрын
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
@axeleriksson1888 3 жыл бұрын
How would i import this too Unity?
@klareswag6678 3 жыл бұрын
very helpful
@tendividedbysix4835 5 жыл бұрын
Hey thanks for the video and the tileset, I think it will be a big help :) peace!
@yonym.1088 4 жыл бұрын
HELP! Why the tile which i edited is blurred on the masterpage after i saved changes....
@cleroart 3 жыл бұрын
I have the same problem =( I cant fix it ....
@LaserGadgets 3 ай бұрын
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!?
@HelgiSkaft 6 жыл бұрын
I'd love to see a tutorial on making a 2D character, that allows animations. I am stuck with that in "my game".
@deg1studios 6 жыл бұрын
this may seem obvious but here it is. 1. make your character 2. draw him in a pose for an animation(idle for example) 3. draw him again at the end of the animation 4. if needed, examine your two drawings and create a "middleground" 5. keep doing 4 till satisfied IN UNITY just go to animation window and put in your drawings in order and keep replaying the animation while adjusting when the drawings switch. implement animation as you would any other
@CrankyCoder 6 жыл бұрын
very cool!! nicely done
@louislemur 4 жыл бұрын
Infinity PBR what a Legend!
@KoreanMoo 6 жыл бұрын
Thank u it's good info
@Mega785 Жыл бұрын
Thanks, nice video!