From Tiltbrush to 360 panorama


Tilbrush by Google is an amazing artistic tool. Unfortunately, there is only one way to fully admire and enjoy the artwork. Viewer has to dive into Tiltbrush application ... which somehow limits your audience to HTC Vive owners only. Yes, there are ways to share your art via Sketchfab or through the 360 stereoscopic video on Youtube - if you have enough bandwidth and CPU power. So what if you want to consume such art on a mobile device? Here is a little hack which will allow you to export your creations as 360 panoramas and share them on Facebook in example.

Setting up your scene and exporting the 360 video

Before we start, make sure that you read the Tiltbrush release notes (link). The process of rendering the 360 images and movies is not really for dummies and requires bit of computer knowledge.

First of all, find a good spot in your Tiltbrush scene, set up the scale and save your Tilt sketch. After I’ve done that, I’ve renamed the file and copied it to new folder at C:\TILT. (This is just to keep the things simple and organized.)

In the next step you should locate your TiltBrush.exe file. The best way to do so is to use the Steam application where you can browse files associated with Tiltbrush. Mine was located here: C:\"Program Files (x86)"\Steam\steamapps\common\"Tilt Brush”.

Now open the Command Prompt and paste following lines:

cd C:\"Program Files (x86)"\Steam\steamapps\common\"Tilt Brush"
... or your path
and then

TiltBrush.exe --captureOds --numFrames 10 C:\TILT\NoMoon.tilt
... or replace the name of the Tiltsketch with your name and path

Don’t forget to press
enter each time you paste the commands Winking


Tilt brush boots up and loads the sketch. After some time (Depending on the number of frames) the windows closes and you will find your movie in the Documents/Tilt Brush/VRVideos. Although we have an mp4 VR video, we are not going to use it. We are interested in the files hidden in the folder of the same name as our project.

Note to number of the frames: I’ve chosen 10, as I’ve used some animated brushes and I wanted to pick the best look. If you don’t want to wait, just change the number of frames to 1 (set
--numFrames 1) before you start generating the movie. Your command line should look something like this: TiltBrush.exe --captureOds --numFrames 1 C:\TILT\NoMoon.tilt




Crop and adjust

As Facebook does not support stereoscopic panoramas (Yet?) we have to crop the selected frame down to 2:1 proportion. Open up Photoshop and create new 4096x2048 image. Then simple paste (drag and drop) the PNG file into it. If everything goes right, the frame should be perfectly aligned and there is no need for any adjustments. In other cases position carefully the frame - newer version of Photoshop should automatically snap to the edges and the center. You can also crop the PNG manually, just make sure that the ratio will be exactly 2:1.

Once you are done, feel free to adjust your colors and levels, you can even paint in it Winking Save it as





I am quite happy with the free online EXIF injector (http://www.thexifer.net/#exif-general). But feel free to use any alternative. There are tons of these tools available.

There are basically only two changes required to force Facebook to accept your image as 360 panorama: Just set Make to "RICOH" and Model to "RICOH THETA S"

Once you are done, don’t forget to download your injected file. See the process bellow.


Testing and publishing

In order to preview your file locally, I am using the free panorama viewer: http://www.fsoft.it/FSPViewer/download/. If you want to test in Facebook before anyone else see it, just set the privacy to “only myself” and upload your image as a regular photo. Facebook should accept it as 360 panorama.


Now you are ready to go! Don’t forget to share your creations with me and leave me a comment bellow!



Thanks to Photoshop and zBrush, photobashing and specifically kitbashing became the natural part of creative process. But what if we go beyond using functional components in a new and unusual context and dive deeper into the design process?
So here is the question. What makes Lamborghini or Apple products look like they do? Why we are able to instantly recognize what kind of brand we are looking at? Well, it is because of the form language they use. The brand is represented by its look.
What is form language? 
Simply said, it is a specific and unique combination of forms and shapes. It is the well defined contrast between soft and hard forms, proportions or structure that makes your design unique. Just take a look at the world of animals: Fish has totally different form than let's say a tiger. Their bodies represent the environment and the way they live and act in specific form language.

Now, as far as we finally understand,  let's distille the essence of particular form language into simple building blocks. Let's design a DNA of our form language with no constrains to function or manufacturability. Simply said, let's build an
abstract sculptures which represent our vision. Once we are done, we can use those DNA blocks to build much more complex objects, while maintaining the consistent visual style.

Finally, what is Formbashing?

Formbashing is a creative design strategy which uses simplified abstract building blocks used to compose complex objects such as products, vehicles or architecture. These basic forms are built first as the abstract sculptures, and then applied as a functional element.


See more examples at Behance: