How is this tab menu designed

Forum|Forum|1 year ago
December 26, 2024
1 reply
317 views

Hi community.

How is this tab menu designed, seamlessly blending in with the top bar each time the tab switches?

It has a borderline colour going around as shown in the example. I want to be able to design this style, and be able to export it as individual files for programming.

Thank you.

Windows

This topic has been closed for replies.

Correct answer Bojan Živković11378569

Not sure what is causing the stroke of the active tab to be covered. However, you can adjust the layer order to resolve this issue by moving layers or shapes with inactive buttons below the active button in the layers stack. If you take a screenshot with the layers panel expanded and visible, it might provide a clue about what is happening.

Bojan Živković11378569

Community Expert

These are shapes with a stroke that can be added as a shape's stroke from the options bar or as a layer effect from the Layer Style dialog.

S

Stefan CargoskiAuthor

Inspiring

I managed to make a menu with shapes, inactive and active tabs. The problem I see is, when the menu buttons are inactive the borderline of the bar is a problem. I masked the borderline so the buttons can click on and off, covering up the line. So as NinzaHost said, its a Javascript feature, so I should give the programmer the shapes, and he does the rest.

Bojan Živković11378569

Correct answer

Community Expert

Not sure what is causing the stroke of the active tab to be covered. However, you can adjust the layer order to resolve this issue by moving layers or shapes with inactive buttons below the active button in the layers stack. If you take a screenshot with the layers panel expanded and visible, it might provide a clue about what is happening.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded