Scribd
Upload
5 views2 pages

Image Search Engine Customization Guide

This document provides instructions for customizing an Image Search Engine page, including steps for editing the home page, search results, and individual image result items. It details how to import media, edit text layers, and adjust component positions for the results page. Additionally, it mentions the option to duplicate components for reuse and create animations for scrolling effects.

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
5 views2 pages

Image Search Engine Customization Guide

This document provides instructions for customizing an Image Search Engine page, including steps for editing the home page, search results, and individual image result items. It details how to import media, edit text layers, and adjust component positions for the results page. Additionally, it mentions the option to duplicate components for reuse and create animations for scrolling effects.

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

Image Search Engine Page - Help File

Customizing Search Engine Home page -> Instructions here.

Customizing Image Search Engine Components:

• Focus on the project panel


• open 1. All Search Pages, open sub folder named 1.2 Image Search
Engine and inside open Image Search Engine Page 1 folder
• Now, Open Animated Images Search Engine - Profile Pic and drop profile
picture image into the comp.
o To import any media -> CTRL+I or CMD+I

Customizing Search Engine Results Top:

a. Open 2. Result folder and inside open 1. Images Search Engine Results
Top Comp and edit Text layer
b. Now Open 2. Result folder and inside open 2. Searchbar Text 2 Comp and
edit Text layer

Customizing Image Search Result Item:

a. Open 3. Result Page folder


b. Now open folder Result Row 1 inside open Image Result Item 1 comp and
edit text in layer panel
c. Now Open Image Placeholder 1 comp and drop profile picture image into
the comp.
To import any media -> CTRL+I or CMD+I
d. Follow the same steps to Customize All image search result items and
row respectively

Customizing Result Page with Components:

a. open comp !Images Search Engine Results Page - Final inside 2. Results
page folder
Note: You can also duplicate Image result Row comp then drag and drop
into !Images Search Engine Results Page - Final to make result page
longer
b. In layer panel Adjust Position of each layer with equal spacing
c. Now Select Scroller Null layer and press U
d. You can change keyframe Values or create keyframes to animate page
scrolling

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