How to create a hand-painted skybox for Unity using Photoshop | Mini-tutorial

[@Anndraxe]

Unfortunately this tutorial is invalid with the current version of Photoshop as they have taken out this function...

[@wesselmatthews]

Removing the features I use so they can focus on shoving AI down my throat. Lord have mercy.

[@Lyrog]

Thanks so much for this, I used this technique for a film I'm working on in Blender and got amazing results

[@gitaecookiemonster2892]

This tutorial is extremely helpful. Hope you come back and show us a next video explaining how to bake skybox inside unity. Anyway thank you so much. Cheers!

[@abdoreda7126]

This video is a hidden gem.

[@sspoon]

it'd be really cool to see a video on baking the skybox within unity like you mentioned, nice video

[@TheUltraFilmer]

Second this, that would be completely amazing

[@javidwaldron8377]

To follow up from the comment from 5 months ago, its true, photoshop was like, we tossed this feature and did not replace it...will probably bring it back to charge us more money for it. However, here is what I found worked for me. Create a 4k image like in the tutorial and leave it blank or do a small test with it but dont put alot of effort in. Go into blender, create a UV Sphere, cut it in half so only the top half is showing and texture it using the image you made. Once you have done that go into the uv window. You will see what parts of your drawing come out ok and what gets distorted. Export the uv as a png with the same 4k dimensions and bring it in to photoshop. Use the UV boundaries as a guide in the layers section (and obviously hide or delete when done). Hope this helps

[@andreashnida5661]

Nice work you have done with that map. I really dig the art style of the final painted texture.

[@zalligar]

I would LOVE to see the video on combining the two methods.

[@VoxAndrews]

This is EXTREMELY useful. Honestly, I wish I had known about this technique sooner. At the moment I've been creating a cube, UV unwrapping it to match Unity's Skybox, turning it into a sphere and then painting onto the Sphere xD

[@VoxAndrews]

@@CiroContinisioUnity For sure. I'm not the best texture artist, but this'll help me to learn for sure

[@AngelCnderDreamer]

I been doing the same thing! Only I did the square and thought my idea was bad, yours is better than mine. X,D Idk why I didn't think of using a sphere. Are you using blender btw?

[@VoxAndrews]

@@AngelCnderDreamer Nah mate, I was using Maya, since I've got a licence for it from University

[@AngelCnderDreamer]

@@VoxAndrews Ah I see. o: That's cool man. :)

[@VoxAndrews]

@@AngelCnderDreamer I will say though, the method is doable in Blender, as I got the idea from a video where someone did it in Blender. Can't remember the video name, but if you can find it, it helps a tonne

[@MartinMcDermot]

First amazing tutorial from Unity to SKYBOX - thanx for lot!

[@berkersenol3901]

Thank you so much for the great tutorial :) It made my project 10 times better. Totally recommend this video to the people who wants to skybox to their project. (Also check the camera's environment section in inspector if you are not able to see in your game mode)

[@laumeb2012]

OMG this is exactly what I've been looking for! THANK YOU

[@L1ghtOn3]

Very good information, thank you. All the best in your games 🐷 and for the future! 👍🏽🤝🏽✌🏽

[@a3n_gd]

Hey Ciro, thanks for your insight. I was wondering if anybody has an idea how to enable the smooth camera movement. When I use the move tool it only updates the view when I release the mouse button instead of moving while holding the button. Ryzen 9 and RTX 3080 mobile... =(

[@Gregasaurus]

Insanely effective.

[@mayankpuri5738]

where is your video of baking skyboxes? cuz i'm really waiting for that one

[@Suggo]

This is great, thanks Ciro!

[@thebilgekhan]

This helped a lot. Thank you !

[@friedalili]

Great tutorial, thank you so much!!

[@ponedtonever]

Thank you so much! This really helped.

[@SuperchargedW12]

Excellent tutorial.

[@GaelleZelink]

Exactly what I needed !! Thank you !

[@DaveJackson]

excellent, thank you Ciro

[@grunnindieps1-stylesurviva200]

Very valuable tutorial, thank you so much for sharing it with us. Andddd your game looks absolutely gorgeous! Can't wait to play it :D

[@TamilVolk]

This is SO useful. Thank you so much for showing this!

[@mattkaz9604]

Amazing, this is exactly what I was looking for, appreciated.

[@stylie473joker5]

Looks amazing thanks for sharing

[@hayesgeldmacher8592]

Thanks for the Help!

[@dumomabhena3798]

This was very helpful.

[@ansettaustralia]

When I export the 3d layer from photoshop, the image is cropped. Does anyone know how to export it uncropped? EDIT: You should save the image itself, not the 3d render. I was stupid.

[@jdmozo]

Sweet! Thanks man!

[@infinitychaos8016]

thanks very much, this is what i'm looking for 😍

[@HomeMech]

Amazing, thank you!

[@Kuyrim]

Hi love your content, can you make tutorial on world of warcraft new skybox :D Love you

[@LunarBulletDev]

great stuff!

[@AngelCnderDreamer]

Thanks for this man, I had no idea there was another way with the skybox. Dividing it is a pain, especially for a person who doesn't have photoshop. I tried this with Krita and it seemed to work, the problem isn't perfect yet but I'm close. XD For now I will be using this method of yours instead. c:

[@theturtle9810]

thanks a lot dude

[@TheSkunkyMonk]

Top quality tutorial! Hehe can you do one for accomplishing the same in Gimp :P

[@ИльяРодин-щ9в]

Thank you so much! But I do have one more problem: what if a need to edit the existing skybox? Like if I want to add or edit cloud of the existing skybox. Is there a way to do this whole process the other way around?

[@dumomabhena3798]

Also, I was wondering, where did you get the assets for your scene???Because man, that environment is amazing!!

[@moshidoes3d]

Any word on that tutorial for baking a skybox using Unity? 😃

[@oleksiidrobnyi7439]

Great video! I would like to know , these clouds from "second way" are presented in the project?Or you've created them by yourself?

[@rivalavinash8035]

Thanks ❤

[@gergolaky3624]

oh finally. But I do have a question, why does it needs to be 16:9?

[@gergolaky3624]

honestly this has stopped me from having a brain seizure after all the bad videos I watched

[@gergolaky3624]

I asked chatgpt: I'm glad the video was able to help you! As for your question, while it's true that many 3D applications, including 3Ds Max, often use texture images in a 2:1 aspect ratio (meaning the width is twice the height) for environment maps, it's not mandatory for the texture to be 16:9. The 2:1 aspect ratio is chosen for spherical or equirectangular projections because it represents a full 360 degrees horizontally (the width) and 180 degrees vertically (the height), which is the nature of a sphere. If you use a texture with a different aspect ratio, 3Ds Max will still try to map it to the sphere, but the result may look distorted or squished, as the image doesn't correctly correspond to the spherical coordinates. The 16:9 ratio you mentioned is widely used in film and television because it closely matches the human field of view, but in terms of texture mapping onto a sphere in 3D software, the 2:1 ratio is more common. It's all about the correct representation of your texture onto the 3D object.

[@giulianoscalamandre1555]

are the secondary lines (the ones that don't pass in the middle of the scene traced arbitrarily or do they have to be at a certain distance? also, for the Background gradient do I have to make a Layer on top of the Guidelines? thanks in advance

[@workingname8915]

How to "bake a skybox from within Unity"?

[@ajinrenfire]

There is no video about baking skyboxes in unity........

[@herrapan95]

This sadly no longer works with photoshop removing 3d... :(

[@thomas-charlesjacquet2330]

Switch back to 2022 version or earlier, it still works ;), i had the same problem

[@malorum]

Hrmm... I followed this tutorial to the letter I believe, and the texture looks great in Photoshop. However upon importing it into Unity and setting up the skybox as you have it, squishes the skybox to a point at the top of the sphere. So looks great in Photoshop, but squished at the top in Unity. I set the default texture shape to cube, convolution type to none, and turned off mip maps. The settings are the same as yours. Im also using URP, does that make a difference?

[@malorum]

Nevermind... I'm an idiot... I exported the PSD file as a PNG not the PSB file... Everything works great! Thanks Ciro!

[@AdityaChoudhary1213]

Can i use the skybox from this open source project in my indie commercial game?? Please answer me 🙏

[@AdityaChoudhary1213]

@@CiroContinisioUnity thank you so much buddy ❤️

[@zhaolabs]

thank youuuuuuuuu!!!!1

[@Nervniyak]

For some reason when I try to rotate inside sphere the horizon tends to fall on side, it makes me really sick. It doesn't work like 3:45 it rotates on different axis. And I have "Rotate the 3D object" selected.

[@Nervniyak]

@@CiroContinisioUnity What's inside your 3D tab near Layers? Yes Rotate is the tool in toolbar on top, but yours seems to be disabled. I don't have spherical panorama option in my version, so I used 3D -> New Mesh from Layer -> Mesh Preset -> Spherical Panorama hoping that it's the same thing. I've no idea what am I doing as I never used 3D tools in Photoshop before. I think I rotate the camera, but something goes wrong.

[@Nervniyak]

@@CiroContinisioUnity I think I found the reason. If I set rotation of camera and spherical panorama to all zeroes, it rotates normal at first, but then somehow I manage to switch from camera to sphere and rotate it too, thus getting camera and sphere rotated to arbitrary angles that no longer perpendicular to common sense :D Thank you for the great tutorial! Got there from your navmesh controller solution.

[@Nervniyak]

@@CiroContinisioUnity exported texture seems to be working for skybox just like in your video, result: prnt.sc/114vs14 So yeah, it's possible to do it in Photoshop CS6 too.

[@TheCatMurgatroyd]

This seems to be the only way to draw It? :( Is this possible in gimp or krita as i don't have photoshop? Though I've never seen those options in them >.

[@TheCatMurgatroyd]

@@CiroContinisioUnity i tried making an hdri for UE4, sadly blender doesn't seem able to export hdri but only hdr.. i have no idea what exactly the difference is but UE doesn't seem to accept hdr.

[@TheCatMurgatroyd]

I found an answer that works for me :) i have to make a sky box, which i tried before but the normally need to be flipped inside out... Obviously 😅 but thank you so so much for your help!!!

[@shaikhabdulbasit5717]

Chop chop, this is some good shit

[@AdityaChoudhary1213]

0:26 How to make that??

[@AdityaChoudhary1213]

@@CiroContinisioUnity Can I get that clouds?? 😅 Anly Link to source files 🙏

[@wuwuqu3924]

but how to creat sun?

[@evertronicz579]

Can you do this with ue5 or 4?

[@stylie473joker5]

@@CiroContinisioUnity You are very talented i wish you could do more tutorials from time to time

[@amyhuang6165]

unfortunately, PS has cancelled this fuction now...

[@ImNotFine44]

Definitely cant do this in photopea. Time to pirate

[@frankyavery]

Holy sh*t I love you. Also omg that piggy was awesome.