Scribd
Upload
21 views6 pages

Phone UI Interface Help Guide

This help file summarizes how to use and customize a phone UI interface project file purchased from Envato. It explains that the project can be used in After Effects 2020 or higher without plugins. It provides links to fonts and audio used. The project contains folders for previews, help documentation, and editable working files. Customization involves opening compositions, editing text layers, adding media, and adjusting settings before rendering the final output.

Uploaded by

avinteumfilms
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
21 views6 pages

Phone UI Interface Help Guide

This help file summarizes how to use and customize a phone UI interface project file purchased from Envato. It explains that the project can be used in After Effects 2020 or higher without plugins. It provides links to fonts and audio used. The project contains folders for previews, help documentation, and editable working files. Customization involves opening compositions, editing text layers, adding media, and adjusting settings before rendering the final output.

Uploaded by

avinteumfilms
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

HELP FILE

Thank you for purchasing “Phone UI Interface” through Envato.


This project file can be used in After Effects CC 2020 and higher. No Plugins required.

Links to the materials used in the project:

I’ve used fonts - “Montserrat”, “Bebas Neue”, “Open Sans”


You can find free versions here:
[Link]
[Link]
[Link]

Soundtrack you can find here:


[Link]
PHONE UI INTERFACE - AFTER EFFECTS PAGE #02

■ Project files
The project has the next files:

01. Help – help text file.

02. Preview Panel – Demo video clips. These clips help you to quickly browse through all
the items and choose the one you like.

03. Working Files – the main working files.


PHONE UI INTERFACE - AFTER EFFECTS PAGE #03

■ Features of the project


1. The project file has 3 folders:
“Don’t need to touch” – ignore this folder;
“Editable” – main working folder.
“Preview Panel” – the same as preview clips

2. Also, if you suddenly realized that you need a different resolution, for example 4K or vertical
format, you can also select it, the graphic content will be adjusted automatically.

3. The timeline of each quote has a IN and OUT markers. It’s is an internal setting, just ignore it.
PHONE UI INTERFACE - AFTER EFFECTS PAGE #04

How to customize:

It’s really easy to customize:

1. The first step, open “Editable” folder, open “Interface #...” composition.

2. Click on cyan layers and edit the texts. Each layer has a name for easy orientation and cus-
tomization.

3. If the comp has a placeholder, put media in it.

4. Click on the “CONTROL PANEL” in this comp. You can customize the color and others settings.
PHONE UI INTERFACE - AFTER EFFECTS PAGE #05

5. The timeline of each titles has a IN and OUT markers. It’s is an internal setting, just ignore it.

6. After making all the changes and adjusting the item, drag and drop your item comp from
folder “Editable” into your working composition.

7. Move the right edge of the composition to the left to decrease or to the right to increase du-
ration. That’s all.

Render to get the final result.


I recommended .MOV and format option H264. You get good quality and relatively small size.
Thats all!

If you have any questions or need help customizing the project -


write me an email via my profile page.

I hope you enjoy! I wish you good luck and all good!

Best regards, Imocean.

See my other templates:


[Link]/user/imocean/portfolio

You might also like