3D Banner Slider Manual

Thank you for buying 3D Banner Slider. It contains two version: dark and like, and is vector-based. So it's highly configurable.

This manual teaches you how to adjust variable aspects of it. Hope you like this product and happy tweaking. :)

And my previous Blendy Navigation Menu Bar actually look goods with it. You might want to check it out here

Table of Content

How to Resize the Banner

Resize Vertically

To resize vertically, select the banner path's top anchors and move them vertically, then move the banner itself vertically, so that it blends into the hole.

After that, you might want to move the ribbon and the controls vertically to align them to the banner.

Resize Horizontally

To resize horizontally, first make sure the banner's vector mask is selected, then select its left or right anchors and move them horizontally, and finally center the banner. You can do it by turn on the guides (press Ctrl + ;), and snap the center of the banner to the center of the canvas.

After that, resize these layers accordingly to blend the banner into the hole.

Also, you might want to move the ribbon, the controls, text, and the button horizontally to align them to the banner.

How to Resize the Desk

Resize Vertically

Resizing the desk's top side vertically means to change its perspective, making it less realistic, I don't recommend doing so. But if you only want to adjust the desk front side's height, resize it vertically.

After that, align these layers to the front side.

Resize Horizontally

To resize horizontally, select everything in the desk group, except for the hole group and the reflection layer, and you are good to go.

After that, you might also want to resize the banner horizontally

How to Resize the Wall

The wall is pattern is based, so you can resize it however you want. Just select the wall group and you are good to go.

How to Change the Banner's Image

The banner's image is a smart object, to change it, just double click on it and a new document will open with the image in it. Replace it with your own and save the document, then close it. The image is now replaced, together with its reflection.

How to Change the Primary Color

These layers control the primary color. Note that to change the lights' color, you need to access to their inner glow style.

How to Replace the Menu Bar

If you need to replace the menu bar with another one, hide the nav group and put a new one on top it. If the menu bar needs to blend into the wall, you should first resize the wall.