Difference between revisions of "Adding a nadir logo with text"

From PanoTools.org Wiki
Jump to: navigation, search
m (Testing file size and position: typo)
m (Testing file size and position: typo)
Line 248: Line 248:
  
 
Select the produced file with Ctrl+A (In image below: ''LogoTextNiaRemapped6k3k.psd'')<br>
 
Select the produced file with Ctrl+A (In image below: ''LogoTextNiaRemapped6k3k.psd'')<br>
and drag and drop it over the panorama with the white texplate by holding shift key<br>
+
and drag and drop it over the panorama with the white text plate by holding shift key<br>
 
to center the file.<br>
 
to center the file.<br>
 
<br>
 
<br>

Revision as of 13:40, 17 April 2005

I made a tutorial for this.

See at: Creating a mirror ball cap with remapped text

This tutorial will be available here soon.....


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' need to remap the whole panorama. Every transformation results in quality
loss.


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)
  • Panotool plug-in for Photoshop created by Thomas Niemann (download here)
  • 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 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


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

Inserting text

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


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



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



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.

CapText_024.jpg




















Flaten the resulting image to background.....

CapText 025.jpg



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

CapText 026.jpg



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 works now (PS action)

End of wiki tutorial



CapText_001

1. Run this action in Photoshop and keep in mind the original size of the opened panorama:

CapText_002

2. When this message pops up, click to cancel the action...

CapText_003

3. This is the result from the action till this point (the grid is set to 50%):

CapText_004

4.Turn canvas by 180 degrees:

CapText_005

5. Run PTRemap Plugin as shown below:

CapText_006

6. These settings under Prefs will generate and open an additional, remapped file:

CapText_007

7. Settings for the remapping job:

CapText_008

8. This is the resulting remapped view, looking straight down:

CapText_009

9. Here a little bit more zoomed in:

CapText_010

10. Open a prepared Photoshop text file to fill in like this (for download see on top):

CapText_011

11. Drag and drop the text file over the remapped pano until it fits well as shown below:
(to transform the text hit ctrl+T)

CapText_012

12. The text layer should be on top and selected. Don't flatten it to background nor reduce to one layer!

CapText_013

13. Run the Remap plugin again:

CapText_014

14. Settings to remap back to equirectangular projection (PSphere):

CapText_015

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

CapText_016

16. These are the values from the remapped text file:

CapText_017

17. Change the values to the original size of your panorama. Mine was 6000 x 3000 pixels:

CapText_018

18. Turn canvas by 180 degrees again:

CapText_019

19. Duplicate background to a layer and delete original background:

CapText_020

20. Delete the white colour by selecting it:

CapText_021

21. In this dialog pick the white colour and click OK

CapText_022

22.This is the selected white colour (You can do this also with the wizard stick tool)

CapText_023

23. Delete the selection and only the needed text will stay (yellow highlighted):
Save this file for further use with this Photoshop action and give it a name which includes the size of the file, really helpful!)

CapText_024

24. Now you are able to drag and drop this file to the panorama by holding shift key
(It should fit exactly in the white area in the panorama picture):

CapText_025

25. After the step above flatten the layers to backgound:

CapText_026

26. Save as.... (ctrl+shift+s) .... done!

CapText_027

27. This is the resulting nadir cap with text:

Next time when you run the action on a panorama with the same size you don't have to cancel it, because you can use the above generated, remapped text file. Now you are able to produce this nadir logo in one go. You just have to guide the action to the remapped text file and your computer.