Scribd
Upload
3 views1 page

Customize Image Viewer in UI Pack

This document provides instructions for customizing the Image Viewer page within a UI Pack. It details steps for importing images, editing text, and animating buttons for navigation. Additionally, it mentions the option to duplicate components for reuse using a true comp duplicator.

Uploaded by

princesanthosh898
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views1 page

Customize Image Viewer in UI Pack

This document provides instructions for customizing the Image Viewer page within a UI Pack. It details steps for importing images, editing text, and animating buttons for navigation. Additionally, it mentions the option to duplicate components for reuse using a true comp duplicator.

Uploaded by

princesanthosh898
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

UI PACK – SEARCH ENGINE

Help File - Image Viewer Page

Customizing Image Viewer:

Focus on the project panel and open 1. All Search Pages, open sub folder named
1.3 Image Viewer and inside open !Image Viewer – Final comp

Customizing Image Placeholders:


a. Open Horizontal Image Placeholders folder and inside open H Image
Placeholder 1 comp then drag and drop image into the comp.
To import any media -> CTRL+I or CMD+I
b. Now edit text in the layer panel
c. Follow the same steps to customize both Horizontal and vertical image
d. Now, Open comp !Image Viewer - Final inside 1.3 Image Viewer folder
e. Focus on the layer panel, Select Control Panel layer and press U
f. You can find keyframe scale animation for next button.
g. Simply copy then move current time indicator to 3 frames before next
image layer starting point and paste those keyframes to make next click
animation.
h. Follow the same steps for Previous button click

Note: You can also duplicate comp using true comp duplicator and reuse any modules
multiple times – Instructions here.

That’s it

You might also like