PSD to NGUI automatic tool [Reviewing]

PSD2NGUI is a automatic tool for NGUI. PSD2NGUI converts PSD Layers into NGUI Widgets.
You can make a NGUI Widget easily, once you put a simple command like label, editbox, button, checkbox, scrollview etc. on PSD Layer.

Also, When user edit the PSD file, it directly applies to Unity3D too. You don’t have to use Atlas Maker, Widget, Font tool any longer if you start to use our PSD2NGUI.
Furthermore, You don’t need to set up Sprite to cut the images.
You only have to put ‘Slice’ command on PSD Layer.
You will save a lot of time to develop GUI if you use PSD2NGUI.

important: You must have NGUI to use this.
note: PSD2NGUI is available to use without ‘Photoshop’ program.

문서
Document

 

This seems very useful. Where can I find this?

 

Says "released" but no trace of PSD2NGUI on the Asset Store. Was it rejected, or still under review?

 

Sorry for confusion.

It is released just few hours ago!

Thank you for your interst

 

Nice. Here's a link for those interested.

 

@lod3 I appreciate that you add a link.

I will upload 1.2.0 version which support a dynamic font after few days later.

It might takes 2 weeks for release.

 

1.2.0 version uploaded!

NEW: Support dynamic font
NEW: Label subcommand 'align' added
NEW: Label button added
OPT: PSD file auto update performance optimized

 

Awesome work

 

@Play_Edu Thank you~! I hope, it helps your work.

 

Will it also work with ngui 3 or later.
In your doc there i read something about - 2.7.0

 

@RandAIThor Yeah I'm preparing it~ I will upload the packages maybe next week.

 

I uploaded the package and wait for approval.
If you want to use version 2.0.0, please e-mail to me with your invoice No.

Thank you.

2.0.0
NEW: Support NGUI 3.0.2
NEW: Include all functions in version 1.2.5

1.2.5
NEW: Support UITexture
MOD: PsdLayerSpriteFont will gather the letter information from a last character of the children name.
So, you should set the children name like xxxx0, xxxx1, ... xxxx9, xxxxA
But, you can also set manually.
MOD: PsdLayerVirtualView class now turns to a sealed class you must use GetComponent. Please see PsdLayerSimpleVirtualView.cs
And PsdLayerVirtualView is going to have UIPanel to clip a view area.

 

Hi,

NGUI 3.04+ has a big change in Font system. This leads to several compile errors PSD2NGUI version 1.2.

Do you plan update your code for NGUI 3.04?
Thank you.

 

Hi, @FunnyFace

I heard about that.
Yes, I'm gonna update PSD2NGUI right away.

But the review will takes few days.
So, if you need to use it right away,

I will send you the package.
Just e-mail me with invoice No.

Thank you.

 

Hi,
with the recent release of new Unity, with sprite support built in. I was wondering if this would work with the built-in system ?

 

Yes, I'm gonna support that.

It'll takes few weeks.

Thank you for your interesting!

 

Hello,
Could you please include the updated/new features in the asset store it self ? NGUI 3.0.7 is out and i wonder if your asset work perfectly with that or need some adjustement.
Thanks

 

Hi @Tunisian NGUI update so often these days.
So, I'm waiting for a stable version.

But, If you need to use right away, I will upload my package for NGUI 3.0.7.
Thank you for your intersting.

 

I was excited about this package and bought it but have to say I'm sadly disappointed.

TESTING:
photoshop CS6, PSD2NGUI 2.0.1, UNITY 4.3.1, NGUI 3.0.5
used example psd and also made simple psd file with 2 buttons with pressed / over states. panels, and bg sprites


PROBLEMS/ERRORS:

• compile error: atlas.MarkAsDirty() doesnt exist
• layers on camera and gui objects are wrong. Everything is assigned to a deleted Layer 5 so nothing is visible
• buttons dont work in play mode... perhaps layer issue? no response on any UI widget
• buttons over and pressed state not created properly... creates a simple button with label and sprite
• small detail: import settings on source PNGs are wrong for UI (mipmaps, filtering, etc.)

PACKAGE PROBLEMS
There is lots of junk included from your other projects in the package:

• marmoset skyshop??
• Fruit.cs from some game
• full NGUI 3.0.5 package??
• other junk

WHAT WORKS:

• the sprites do come in from Photoshop once you switch the layers on the camera and all gameobjects in Unity. Not totally automatic but it works.
• editing a PSD and coming back to Unity to see it updated in NGUI is really great. But if all the widgets are broken this feature isn't much use aside from simple sprites
• Text works, at least for dynamic fonts, which is great.

I'm not really happy with it but I think it has great potential. That's why I'm posting here first before leaving a bad review on the asset store. If you address these issues this could be a great asset but right now it feels sloppy and not quite ready for release.

 

I really sorry to hear that @Robot and thank you for your analyze.

I think a wrong package uploaded.
It's terrible mistakes.
But, I've ever noticed from AssetStore.

I'll fix that right away.
And I'll send e-mail to AssetStore Manager.

 

I ask apologize to the guys who might get damaged because of my mistake.

And thank you again to notice this horrible mistakes..

 

• compile error: atlas.MarkAsDirty() doesnt exist
• layers on camera and gui objects are wrong. Everything is assigned to a deleted Layer 5 so nothing is visible
• buttons dont work in play mode... perhaps layer issue? no response on any UI widget

These are probably caused by my wrong package.

• buttons over and pressed state not created properly... creates a simple button with label and sprite

And I'll check this out.

• small detail: import settings on source PNGs are wrong for UI (mipmaps, filtering, etc.)

This one is handled by NGUI I just make image files to put in a atlas.

• the sprites do come in from Photoshop once you switch the layers on the camera and all gameobjects in Unity. Not totally automatic but it works.

I don't exactly understand what you mean..

• editing a PSD and coming back to Unity to see it updated in NGUI is really great. But if all the widgets are broken this feature isn't much use aside from simple sprites

I think it is better to make a some kind of checkbox for a auto update feature.

• Text works, at least for dynamic fonts, which is great.

Thank you.

I'm very appreciate for your fine analysis.
It's gonna be huge help to me.

 

Hello, does PSD2NGUI support 9-slice widgets (UIImageButton sliced UISprite sliced) or will it be added later?

 

Yes it does. You can use the command 'slice'.

 

Thank you, I'm playing with the example.psd just like in your youtube video but Photoshop complains about the rixmgob font missing for all text layers. When I run it in Unity, no text label are shown, scripts such as "PSD 2 NGUI Example" and the box under the star in the button at the middle bottom are not shown either.
If I use substitute fonts for the PSD in the Photoshop and change the Font Type on the PSD2NGUI panel to Dynamic and use Arial for the True Type Font, the text are shown but Color Change and the other buttons don't respond to click. No errors appear on the Unity console. How can I fix this?

EDIT: the NGUI version is 3.0.7

 

Hi RyuK.

Actually, a type of font is not matter for PSD2NGUI.
PSD2NGUI replace the font to the font which you have in Unity3D.

There is a bug in NGUIFontCreator.CreateDynamic of NGUIStuffs.cs
You should replace it by below code.

Code (csharp):

1.  
2. public static void CreateDynamic(string preName, PsdLayerToNGUI.Data data,
3.         PsdLayerCommandParser.Control c)
4.     {
5. #if UNITY_3_5
6. #else
7.         if (data.trueTypeFont == null){
8.             Debug.LogError("True Type Font doens't set");
9.             return;
10.         }
11.        
12.         NGUIFontCreator.fontPrefabPath = preName + "_Font_" + c.fontSize + ".prefab";
13.         NGUISettings.ambigiousFont = data.trueTypeFont;
14.         NGUISettings.fontSize = c.fontSize;
15. #endif
16.     }
17.  

I will upload new version as soon as possible with latest NGUI version support.
Thank you for sharing your experience.

When you still have the button problem.
Please send a PM with your email. I'll send latest version of PSD2NGUI directly.

 

Thank you, I sent you a PM. Meanwhile, could you explain the issue with Bitmap Fonts? On the control panel, if I set Bitmap for Font Type, it says "Bitmap fonts will not support for NGUI 3.0.4 - 3.0.7. NGUI is working on the problem". Is it fixed in the latest version of NGUI? I guess the new version of PSD2NGUI can support it, but would like to know what was the exact problem with Bitmap Fonts.

 

When you put the Bitmap font image into the atlas, it will not work properly even if you do that with only NGUI.
NGUI still does not fix the problem, I don't know why.

And I' sent the email.
Have a nice day.

 

Thanks for your quick support, I tried the version you sent me and unfortunately the buttons are not responsive even with this version of PSD2NGUI. The font looks better with the correct size, though.
The collider is set on a button when I see it in Unity, but nothing happens when I click on it. The Unity version I use is 4.3.0 f4.
One thing I noticed is when I press the Play button, the item in the scroll view disappears. Is there anything I can do to fix this issue?

EDIT: I tried example-scrollview and example-virtualview, Simple 2D/Advanced 3D camera, but got the same result.

EDIT 2: OK I had to change the Culling Mask in the Camera to "Default, Unnamed 8" and the buttons started to work. The item is the virtual view is still invisible. What is this "Unnamed 8"? Could you show me the correct way to handle this?

 

Hum button of example PSD file doesn't response except color change when you click.
Isn't there any change of color either?

And you need to add a component named 'PsdLayerSimpleVirtualView' to see the VirtualView.

 

OK I had to change the Culling Mask in the Camera to "Default, Unnamed 8" and the buttons started to work. What is this "Unnamed 8"? Could you show me the correct way to handle this?

 

OK I added "Psd Layer Simple Virtual View" to the "view" part under the scrollArea1 and I got this like in the attached picture. It seems a bit longer than expected, but I guess the size of the scroll view depends on the size of the view@virtualview layer in the example.psd, right?

 

It is depth problem. If you replace example.psd file to new one that I gave to you, it'd works well.
And I guess the Camera thing is related NGUI because I don't do anything with the Camera mask but, only the type of Camera(2D or 3D).

 

Thanks a lot! One more question, I noticed 'Horizontal' in the scroll direction, but setting Horizontal doesn't make items arranged left to right (only scrolls left/right). Is there anything I can do? Also, this may be a NGUI question rather than a PSD2NGUI question, but does it support a vertical grid list like this (this one don't need scrolling)?

http://developer.android.com/design/building-blocks/grid-lists.html

EIDT: Oh I didn't know there was already a class called UIGrid for NGUI, I hope PSD2NGUI support it in future as a list-like view

 

VirtualView doesn't support Horizontal direction and ScrollBar yet.
I'll update it ASAP.

Thank you.

 

Hello, today I have a couple of questions.

1. In the sample PSD, it uses collider=box, but the manual has no mention of it. Does PSD2NGUI support other Unity colliders?

2. What happens if I set slice=2x2 ? The manual mentions the cases of slice=2x2x2x2 and slice=2, but nothing about slice=2x2

Thanks in advance!

 

1. Only box collider is supporting right now.

2. slice=2x2 means same as slice=2x2x2x2.
In other words, first 2 is horizontal size to cut and second 2 is vertical size to cut.

I'm gonna update the manual right away~

Best Regards,
MnR

 

Hello, it seems a PSD created with Photoshop CC that has a text layer has an issue with the PSD parser... I'll send you the PSD file. Photoshop CS6 works fine apparently.

 

Hi, where did you send the PSD file?
Please send the file to contact@magicnreal.com

Then I'll let you know about the problem.
Thank you.

 

Oh I think you downloaded it via WeTransfer already, if you have any problem please let me know.

 

I sent an email with the new dll file.
There was a typo for Class Id of the Descriptor.

And I'll update the package right away.
Thank you for your report!

 

Hi, thank you for quick support, the new dll fixed the issue!

 

I'm glad to hear that.
Have a nice day!

 

what about ngui 3.5.8 ?

 

Thank you for the notice.

I will fix and upload the new version today or tomorrow.

 

Anyone tried both PSD2NGUI and FastGUI? Trying to decide which to purchase.

 

Hi,

I imported the example.psd and example_2.psd and it just doesn't show up in the "game" view, it only shows in the "scene" view. I tried various combination of 2D and 3D camera, and they just don't work. the imported UI is just not visible in the "game" view but it is in the "scene" view.

 

will this work with the newest unity version and ngui trying to decide to buy or not to buy

 

Hi,

I am using your PSD Layers to NGUI plugin & currently facing a small issue with layers placement, Image(https://drive.google.com/file/d/0B0FSsub2MskDSkFDMlJXUHpKWmM/edit?usp=sharing) is the the psd screenshot with will all layer visible on it but when i am trying to import this psd into NGUI widgets using your plugin, the layer are not getting placed.

I am also attaching the video showing the above concern :-

Please guide me so that i can continue my work in your awesome plugin!!

 

I think I reply this problem by e-mail.
Anyway you have to check the Camera's Culling Mask.
It should be 'Everything' or 'Default' at least.