Adding a nadir logo with text

From Wiki
Revision as of 18:40, 29 May 2007 by Jwatters (talk | contribs) (Updated link to Windows Photoshop plug-ins)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

For what it is...

The equirectangular projection is the starting point of several products.
This projection is extermly streched at zenith and nadir. An insertion of
a logo text isn't possible in one go or it looks distorted. in this tutorial
I show you a way to create such a remapped text that can be inserted directly
in an equirectangular panorama. The other advantage is that with this text you
don't need to remap the whole panorama. Every transformation results in quality

What do we need...

  • Photoshop or a software that can run Photoshop actions (f. e. Gimp Win, Mac OSX, Unix )
  • An equirectangular panorama (PSPhere, f. e. 6000 x 3000 pixels)
  • Panorama_Tools_Plugins for Photoshop Previously available on 'ePaperPress' by Thomas Niemann, are now available from Jim Watters at
  • Batch file to produce faces from an equirectangular pano(Pano2Faces.bat) and vice versa (Cube2Pano.bat) from Eric Gerds (download here)
  • Photoshop action to create the mirror ball cap with white text plate (download Media:cap_text.atn)
  • Logo text as Photoshop file (download LogoText.psd)

Creating a pano with nadir cap

For this step you need the Photoshop action cap_text.atn to produce the
white plate for the logo text.

CapText 001.jpg

You have to stop the action when you areasked for the remapped text file.

CapText 002.jpg

Keep in mind the original size of your panorama (f. e. 6000 x 3000 pixels)
You will need this value later.

After this step the modified panorama looks like this:

CapText 003.jpg

You see a white area where the logo text will be inserted.

Remapping nadir

Here you can find two different ways to extract the nadir view for inserting a logo:

1.) With Panotools Plugins
2.) With extracting cube faces

Other ways how to extract rectilinear images from a pano are described in Extracting and inserting rectilinear Views

Remapping nadir with PanoTools Plugins

First turn canvas by 180 degree:

CapText 004.jpg

Run Panotools plugin PTremap (Filter > ePaperPress > PTRemap):

CapText 005.jpg

With these settings and values below:

CapText 007.jpg

When you hitting button Prefs (Image above) it should look like this:

CapText 006.jpg

Whith these settings the remap plugin saves the remapped image in a new file.
This is really important because with every transformation of the panorama it
will loose quality. In this step we need only to see the mesure of the white
plate to transform the logo text to the right size.

The remapped view in which you can see the small white circular plate in the middle:

CapText 008.jpg

And here with a closer look:

CapText 009.jpg

You can see here also the 50 % grid of Photoshop which is a really good helper to align the circular text.
As you can see the crossing of the grid is exactly in the middle of the sphere.

Now it's time to be creative and think about your logo text.
Or you take the way trough an additional method to extract the nadir view.

Remapping nadir with extracting cube faces

First of all, save panorama with a new name to the folder,
where you also will find the resulting faces from these steps.
In my case I use the name Entry_plate.tif:

CapText 028.jpg

Open Windows Explorer and choose folder where you have saved the modified panorama.
Right click on the file, go to send to... and choose Pano2Faces.bat to
extract six Cube faces out of the equirectangular panorama.

CapText 029.jpg

Now a dos window pops up in which you have to define the size of the cubfaces:

CapText 030.jpg

According to the size of the original panorama we have a equirectangular
projection with 6000 pixel width and 3000 pixel height.

  • 6000 / 3.14 = 1910 (approx.)

CapText 031.jpg

Hit enter key and the batch file starts processing.....

CapText 032.jpg

..... and now you can see the six cube faces generated by the batch process.
We need only the nadir face with the ending _66. The white text plate is
cleraly visible in the middle of this face.

CapText 033.jpg

Zoomed in.....

CapText 034.jpg

Inserting text

Plugin method

Open a prepared Photoshop text file to fill in like this (for download of an example click here):

CapText 010.jpg

As you can see the logo is flipped 90 degree counter clock wise.
This way the logo gets the right orientation when you remap it back to PSPhere.

Note: After changing the text to your needs you have to flatten these two
text layers to one layer!

Drag and drop this Photoshop logo file over the file with the nadir view
by holding the shift key to center the text. After this hit Ctrl+T to transform
text layer to the right size. By holding the shift+alt keys and pull on one of
the transform squares you can fit in the text to the white plate.

CapText 011.jpg

After this text transformations take a look at the layer palette in Photoshop.
Be aware that the text layer is on top and active for the next steps. This way we
we will only remap the text layer.

CapText 012.jpg

Cube face method

Inserting a prepared logo text by drag and drop. When you holding the shift key
the text will be centered

CapText 035.jpg

As you can see with this wrokflow with cube faces logo text can be upright.
So if you use the shared logo text sample you have to turn it 90 degree clock wise.
To do so simply press Ctrl+T to transform this layer and turn it by dragging outside
the selection or fill in 90 degree in the menue bar.

CapText 036.jpg

Logo text is positioned so we don't need background layer anymore.
We delete it by darg and drop on the recycle bin as shown below:

CapText 037.jpg

Reduce the existing layer to background.....

CapText 038.jpg

..... so you can see a black text with a withe background in the size
(1910 x 1910 pixels)of the original cube face:

CapText 039.jpg

Remapping text back to PSPhere

Here you can find also two different ways to remap the logo text back to PSPhere (Eqirectangular projection):

1.) With Panotools Plugins (These steps have an addiotional transformation to the text because the plugin alter the size of the file while transforming)
2.) With extracting cube faces

Other ways how to insert rectilinear images into a pano are described in Extracting and inserting rectilinear Views

Remapping text back to PSPhere with PanoTools Plugins

Run Panotools plugin PTremap (Filter > ePaperPress > PTRemap):

CapText 013.jpg

Settings for the re-transformation:

CapText 014.jpg

This is the remapped text without the pano as result from the remapping process:

CapText 015.jpg

Reduce text file dimensions

Now it's time to remember the initial size of the panorama. In this example
I took a panorama with 6000 x 3000 pixels. When you go to Image > Imagesize...
you can see a slightly different size of thies resulting remap:

CapText 016.jpg

Change the values to the inital size of the panorama you have choosen.

CapText 017.jpg

One further step is to flip canvas back by 180 degree.
The text is now on the right position at the bottom:

CapText 018.jpg

Preparing the text file for further use

The resulting text file should look like below. The only thing you see is the remapped text.

CapText 019.jpg

Note: Before you follow with the next steps you have to copy
background layer to a normal layer. Simply drag and drop background layer
over the new layer button at the bottom of the layer palette. After this
you have to delete background layer by drag and drop it over the trash bin also
at the bottom of this palette.

CapText 023.jpg

Now you are ready for the next steps...

You have to select and delete the white color with the wizzard stick tool or
with the color selection tool under menue selection:

CapText 020.jpg

In this tool select the white color with the color picker with a tolerance of 40:

CapText 021.jpg

Here you can see how the selected white area looks like.

CapText 022.jpg

Now you can just hit the delete button and you are done. Save this file with descriptive name.
(f. e. LogoTextRemapped_6000x3000.psd)

Remapping text back to PSPhere with extracting cube faces

Now you call the second batch file from Eric Gerds (Cube2Pano.bat)
by right click on the nadir face.....

CapText 040.jpg

A dos window pops up in which you have to define the width of the
equirectangular pano. In our case this was 6000 pixels. Insert this
value and press enter.....

CapText 041.jpg

Converting process with the nadir face only.....

CapText 042.jpg

Open the resulting file (Entry_plate_(6000).tif in this case) for further editing.
Choose with wizzard stick tool first the black and second the white area with tolerance
you can see the remapped text on the bottom of this file

CapText 043.jpg

Settings for wizzard stick tool:

CapText 044.jpg

After deleting of black and white areas you see the finished text file:

CapText 045.jpg

Save this file as Photoshop document (.psd) and you are done

CapText 046.jpg

Testing file size and position

Select the produced file with Ctrl+A (In image below: LogoTextNiaRemapped6k3k.psd)
and drag and drop it over the panorama with the white text plate by holding shift key
to center the file.


Flaten the resulting image to background.....

CapText 025.jpg

.....and save the panorama with the added text (Ctrl+Shift+S):

Now you can open the saved file in a prefered viewer (f. e. PTEditor)
to see how the nadir looks like. If it looks like this.....

CapText 027.jpg

You are done. Otherwise you probably made a mistake by following this tutorial
or you have to modify the size of the text file for a better fit.

How does it work now (The fast way)


Now comes the part to test how fast you can add a nice logo
in the nadir region of your spherical panorama with your own
generated text.

Here we go:

Open Photoshop, choose the action and press the start button:
(For all following steps you will be guided by messages
trough the whole process)

CapText 047.jpg

Message No. 1 generated by the action, continue.....

CapText 048.jpg

Open a desired panorama with the above parameters:

CapText 049.jpg

The action creates in the following steps mirrorball with textplate.
Please wait untill you were asked for more.....

Message No. 2 generated by the action, continue.....

CapText 050.jpg

Message No. 3 generated by the action, continue.....

CapText 051.jpg

Choose the file with the remapped text which you have created in the tutorial above:

CapText 052.jpg

Message No. 4 generated by the action, continue.....

CapText 053.jpg

Message No. 5 generated by the action, continue.....

CapText 054.jpg

Choose a place where you want to save the modified panorama with the added nadir cap with text:

CapText 055.jpg

Since you have created a remapped logo text you are able now to run the
Photoshop action cap_text.atn in one go to produce a panorama with a nice
mirrorball, a white textplate and a logo text of your choice in the nadir region
to hide f. e. the tripod legs.

If you don't like the mirrorball with the white text area, please feel free to modify
the action to your needs. I hope this tutorial explains all the steps to your
needs, otherwise change it or let me know what should be changed.

I'm not native English speaking. Please change wrong words and meanings and take a look
for typos.

Thank you.

-Peter Nyfeler (Pitdavos) April 17, 2005