Question 199916 in Photoshop Question posted in
The official user guide can be found here.

Photoshop – How to export GUI from unity

I purchased a UI asset from the Unity Asset Store, which includes buttons and icons organized as prefabs. I would like to extract these elements as images to edit them in Photoshop. How can I accomplish this?

I want to open this asset in Photoshop to edit buttons and icons

Tags:

2

Answers


  1. 0

    To export a GUI (Graphical User Interface) from Unity, you have a couple of options depending on your specific requirements:

    1. Unity UI:

      • Unity provides a built-in UI system called Unity UI, which allows you to create and design GUI elements within the Unity Editor.
      • To export the Unity UI elements, you don’t need to perform any specific export steps. The UI elements are automatically included in your build when you build the project for the desired platform (e.g., Windows, Android, iOS).
      • Simply build your Unity project for the target platform, and the GUI will be included in the resulting build.

    2. Custom GUI using Unity’s rendering capabilities:

      • If you have created a custom GUI using Unity’s rendering capabilities, such as creating your own textures, meshes, or shaders, you’ll need to manually export these assets.
      • Ensure that all the necessary assets (textures, meshes, shaders, etc.) are included in your project’s asset folder.
      • To export these assets, you can select them in the Unity Editor and choose "Export" from the context menu. This allows you to save the assets in a format suitable for your target platform, such as PNG for images or FBX for 3D models.
      • Once exported, you can use these assets in other applications or integrate them into your desired platform or framework.

    It’s important to note that Unity itself is a game development engine and primarily focused on creating interactive applications rather than exporting standalone GUIs. However, you can utilize Unity’s UI system or export custom GUI assets to use them in other applications or frameworks as needed.

    Login or Signup to reply.
  2. 0

    The images will be stored somewhere in the project.

    Here’s how you can find them

    • The prefabs (or a child in the prefab) will have Image components.
    • These image components have a Source Image attribute which points to the image to show.
    • Clicking on the value of this attribute will reveal the source image location in the project view.
    • Then right clicking and selecting reveal in explorer or show in finder will bring it up in whatever file viewer you have.
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search