Parallax Scrolling Slideshow After Effects Template

Parallax Scrolling Slideshow How To Edit

Updated 8th October 2014
---

Congratulations and thank you for purchasing

Parallax Scrolling Slideshow!
Create the perfect video for your parallax scrolling website with
Parallax Scrolling Slideshow!
Perhaps you have a vertical scrolling Wordpress theme and could use a video slideshow
which mimics the movement of the site itself. This After Effects template is clean and
simple yet contains a variety of attractive slide designs to keep your audience engaged.
You can even rearrange the panel design order and/or remove panels to create your own
bespoke sequence.
--Contents :

Fonts
Editing the main text
Adding images and their descriptions
Adding your logo and final text elements
Changing the order of the sequence (advanced editing)
Rendering

--Fonts
The FREE fonts used in the project can be downloaded here :
Bebas http://www.dafont.com/bebas.font
Economica http://www.fontsquirrel.com/fonts/economica

www.enchantedstudios.co.uk

01

Enchanting graphic design for screen and print

Parallax Scrolling Slideshow After Effects Template

Editing the main text

In the folder _EDIT THESE locate the sub-folder Text.
The Text folder contains all the main text compositions (apart from image descriptions
and end text).
When editing your text pay close attention to the EDIT POINT markers which denote at
what point in the timeline the text is fully visible some text animates in and is not visible
on screen for the first few seconds. Not all text compositions require an EDIT POINT
marker.
Panel 05 has three text placeholders to edit.
--Adding images and their descriptions
In the folder _EDIT THESE locate the sub-folder Images.
The Images folder contains all the main image compositions.
When adding your images/video into these compositions place your media underneath all
existing layers and at the start of the timeline.
There are 2 orange effect layers which will 1) slowly scale your image over time and 2) tint
your media using a Tritone effect (editable by unlocking this layer and changing the tint
colors). Both of these effects can be turned on or off by disabling their visibility.
You will want to edit the image descriptions in these compositions. These are the topmost text layers and can be re-positioned or removed.
Note that Panel 05 has three image placeholders and Panel 09 has 9 image placeholders
which require media added.

www.enchantedstudios.co.uk

02

Enchanting graphic design for screen and print

Parallax Scrolling Slideshow After Effects Template

Adding your logo and final text elements

In the folder _EDIT THESE locate the sub-folder Final Panels.
Final LOGO composition :
Simply place your logo in here.
Final Text A composition :
This is the text which appears before your logo panel and is currently set to repeat the
title screen text (Text 01).
Edit your text at the EDIT POINT marker.
Final Text B composition :
This is the text that appears under your logo, such as your web address.
Edit your text at the EDIT POINT marker.
--Changing the order of the sequence (advanced editing)
Theres not much advanced editing to do on this template unless you are changing the
in-point of Panels, in which case you would need to adjust the in-point of the Arrow layers
(see Arrow Layers below).
In the Main Comp composition :
Info Markers (green layers 14-16) denote where Panels begin their appearance into
the sequence. Please note that Panels 05 and 09 have longer durations than the
other panels, if you intend on re-ordering the sequence (explained in The All PANELS
Composition below).
Note the End Text Comp layer (layer number 17) is where the final text and logo appear,
after all your images/videos have been seen.
Arrow Layers
Layers 1-13 are for the subtle arrow which appear at the bottom of the frame when the
sequence is about to change. The in-point of these layers would need to slide along if
you are changing the in-point of any of the layers in the ALL PANELS composition (see
The All PANELS Composition below).

www.enchantedstudios.co.uk

03

Enchanting graphic design for screen and print

Parallax Scrolling Slideshow After Effects Template

The ALL PANELS Composition

To change the order of panels use the composition _EDIT THESE / ALL PANELS
This is where you can replace panels to re-order your sequence. You need to select the
Panel layer you wish to change then hold alt/option and drag a Panel from the _EDIT
THESE / Panels folder onto the highlighted layer to replace it.
A note on replacing Panels 05 and 09
Please note that the existing Panels 05 and 09 have longer durations to the other Panels
(as they contain multiple text and image placeholders) and would require you to move
subsequent layers along the timeline. I would recommend leaving Panels 05 and 09
where they are if you are not familiar with After Effects.
--Rendering
To render simply place the composition Main Comp into your render queue and choose
your desired output specifications.
Main Comp is set up at 1920x1080 30fps
--Thanks for purchasing, enjoy!
Enchanted Studios

www.enchantedstudios.co.uk

04

Enchanting graphic design for screen and print