TILESET in Photoshop (Tutorial)

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...

[@Dani_Krossing]

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]

how did you get 2 likes?

[@Dani_Krossing]

Wintows Method I’m guessing people clicked the like button ;)

[@danstora]

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]

Not anymore he Brackeys quit...

[@osuscyan3143]

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

[@kitthekat6844]

I would love a full on video about tilemaps!

[@Darkassembley]

Aye

[@designfella8622]

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]

funny, unity themselves just released one.

[@moreira3249]

Yeah please unity tilemap tut would be awessom

[@miosz9261]

YES PLEASE

[@k.a.9415]

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]

Is this supposed to work? Its not working for me

[@zacharysilverzweig7715]

Blows my mind that Brackey is still the definitive source of how to do everything for Indy games.

[@roykaminski4181]

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!

[@Rambolink94]

I would also love a quick video explaining how you set up the tile template in Photoshop.

[@bernardopop]

Convert the layer to Smart Object

[@demonicious_]

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]

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]

Thank you for leaving the updated comment with the solution. Helped me a ton.

[@omturakhia]

thanks

[@tripsd8388]

Thank you so much for sharing your solution friend, I had the same problem and searched high and low for an answer.

[@Manas-co8wl]

Yeah, Brackeys has dealt with this issue once. Or was it one of the later episodes? Either way, thank you.

[@piccamix9345]

Thankyou +rep and +youtube silver

[@CrunchyPie]

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]

Crunchy Pie when you create it I wanna see it

[@coulmusic]

Nice Vaporwave PFP

[@お姉ちゃん-b6z]

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

[@amir32806]

Very definitive and not woordy at the same time! Every video tut on KZbin should be like this one.

[@charlouaredidon6006]

Brackeys! It would be great if you make a series for Performance Optimization.

[@YasserSedrati]

+1

[@stefanospanagiotidis7489]

Charlou Aredidon Agree

[@TheTukkia]

yes!

[@Rudi.]

This is way to specific, because it always depends on the game you make + how you program it.

[@TheTukkia]

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.

[@nirnaet]

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

[@wrong4oppinion]

says: im not a artist. does:paints better than me. And i go to a art school.

[@joebravo4224]

thats means you are useless pieco of shit isnt it

[@hiiambarney4489]

Fakkkin hell mate.

[@sh1nt0ni]

@@joebravo4224 Dude you killed him :(

[@RealZynexx]

@@joebravo4224 Dick

[@SaaGT]

@@joebravo4224 You're dick you killing him

[@filip4698]

i love to fall asleep to brackeys' videos, his voice is so relaxing

[@salahamer4453]

Please make a video on Unity's Tile Map Editor :D

[@Summonair]

Brackeys is the best channel out there

[@dimarichmain]

Photoshop tutorials are pretty cool, go on there!

[@unknownguy2554]

Brackeys, you saved me hours of trial and error. Thank you :)

[@umarnaseer4094]

i never have to watch the whole video of Brackeys to know its good i know it will be good.

[@Avidi]

Love the tutorial, it’s always nice to see the art side of you dude

[@alexp.9410]

Amaizing work man! It looks beautiful!

[@totebag132]

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!

[@MrVipulLal]

Exactly what I was looking for. Thanks

[@ThomasAuberson]

Another very helpful tutorial. Thanks Brackeys!

[@Doffu]

I love your YewTube channel! Seriously useful infromashin. Hope to see more.

[@RecomALT]

the photo shop template doesnt download

[@ast_rsk]

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]

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 :)

[@oyeedraw8407]

This is a really useful video! Very clear, straight to the point! I just love it!

[@cerealman2751]

If the link doesn't work, copy and paste it into the url bar. It will download a .psd file.

[@machebermejo4857]

You are a life saver!

[@cerealman2751]

@@machebermejo4857 it took me over a month to figure that out lol

[@machebermejo4857]

@@cerealman2751 Hahaha

[@lancev2290]

thanks bro!

[@Amethyst1O1]

Thank you!! I hoped someone would have a solution if I looked at recent comments :D

[@rashh77]

Very nice tutorial, I hope you will make other videos like this, thanks a lot.

[@calliope_x3]

"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]

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]

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

[@saulogamedev]

Wow! This was so much helpfull! Thank you so much Brackeys!

[@MewsSnep]

The tileset template is super awesome!

[@SeanLange]

I'd love to see you do something on tilemaps!

[@ianparker5007]

Awesome as always. Been with you since the survival game series!

[@YasserSedrati]

really you are an artist

[@smurfolissicus]

Mr Brackeys seems so Smart!!!

[@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.

[@nastadoa9923]

thanks for the Tileset it will help greatly

[@akirahideo6904]

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

[@charzGD]

For the people who can't download, copy the link and paste it in your browser instead :)

[@nin3_]

thank you

[@ItzyEcho]

BRO, THANK YOU SO MUCH

[@eusouopiu_channel]

Great video! Thank you!

[@lukeblaker5625]

Gave this a go today and had good fun! Thanks for the template and really great video

[@Scottx125Productions]

I'd like to see more stuff on creating proper textures like wood with bump maps, uv's etc.

[@ivanperez4161]

Thanks! It really helps.

[@PistonPL]

As always, great tutorial.

[@deepakarora5487]

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]

Brackeys

[@Mega785]

Thanks, nice video!

[@TheAmberLadd]

Hi! Wondering if you might consider updating the link to the tileset template? It no longer functions. Thanks so much for your great videos!!

[@waterandtreefilms]

would REALLY like to see a tilemap video. ive literally searched "unity tilemap brackeys"

[@karltilsner922]

Could you please show how the unity tileset works, just a quick video that covers the basics. I love your content btw

[@thriftsimple561]

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?

[@piscesdreams1023]

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]

How did you recreate it?? please reply

[@GeoffNewman68]

A video about tile map. Yes please!

[@linkified0471]

Me: I CAN’T WAIT TO MAKE TIL- Brackeys: so I have a photoshop download tutorial thing Me: **cries in poor**

[@ramen1024]

use inkscape its free but a bit different but works well for me.

[@codewaffle1138]

Same

[@iquestionable2065]

Thank you lol saved me from actually buying PS

[@smolse6854]

I like to use Piskel. It's free and you can make lots of things with it.

[@iquestionable2065]

@@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

[@KoreanMoo]

Thank u it's good info

[@guiasxamonicas]

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

[@l2hetoric]

This is awesome. Thanks!

[@LaserGadgets]

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!?

[@tendividedbysix4835]

Hey thanks for the video and the tileset, I think it will be a big help :) peace!

[@BdyPhrk]

Please make a procedural dungeon generation tutorial.

[@lautarolavecchia5995]

just found your channel, super helpful! keep on the good work 👍

[@jimilordofwar]

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

[@xrotator8986]

Would be cool to have a tutorial for free alternatives

[@HIDA5]

Wait there is a setting in unity that lets you map levels like your drawing them? Please cover this

[@leofisher1280]

What???

[@hiddenbruh]

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 :)

[@christiansorensen5075]

Phenomenal video, thank you so much!

[@dedcove7466]

Incredible! Thank you.

[@nullFoo]

Amazing tutorial! :D

[@CrankyCoder]

very cool!! nicely done

[@DuBCraft21]

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)

[@HollowBit]

If you want a bit of an easier time connecting them, try pyxel edit.

[@marlopainter8246]

Thank you.

[@ReplicateReality]

great vid mans

[@fuzzybrickstudios2315]

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!

[@louislemur]

Infinity PBR what a Legend!

[@Raidevoriginal]

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]

jesus, thank you you saved my life.

[@niillaa]

It works ! thank you :D

[@Raidevoriginal]

@@niillaa Glad this is still helping people 9 months on aha

[@notunclesimon]

Nice background!

[@anhthuhuynhngoc3469]

Thank you so much

[@zilly4285]

Ur videos are the best

[@eric16avila]

I love this kind of videos

[@Fareons]

Tilemap, please! It just makes sense to follow this one.

[@Arranus]

I don't have photoshop but this still worked on paint.net

[@MortMort]

Hvis du har lyst kunne vi collab en Dag😄🌟

[@vyomdesai7510]

A video about Isometric 2D pleaseeee

[@上街散人]

think you, This is very useful to me.

[@hyeonsuha3137]

you are really angel. thanks!

[@klareswag6678]

very helpful

[@AnasMations]

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 :)

[@yeetyeet5839]

Your tutorials are amazing and very easy to understand! This will definitly be helpful with my upcoming school project, thank you so much :)

[@toreole2993]

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

[@LideCantFly]

And again I feel like a more intelligent man after watching you video

[@eduardberisha9785]

Ti Amo, I love you, ich liebe dich!! You saved my butt so much! Now can i have a decent looking game. Thank You!

[@saragoransson9575]

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

[@booi_mangang]

Did you find out?

[@thederpyminecrafter77]

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.

[@tingwen1713]

Thank you so much for making this video! My god you are so awesome :) for curious people like me, this is gold! haha

[@thegamingcobra1]

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

[@matthewlimb767]

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

[@Panossa]

This is incredibly useful. :o