You're Invited!

In this experience we wanted more control over the look and feel of the arrow icons, so we added our own. In this case, we search the icon library for an arrow and then applied an "On Click go to next page" interaction. Pro tip: the animation transition for "Go to next page" and "Go to page xx" are slightly different. Choose the one you like best!

To give the background image a subtle animation movement we applied a "Pulse" animation with a duration of 44 seconds, set to repeat. Pro tip: try adjusting the duration and easing options of this image to create a different pulsing effect.

1600px x 900px

Templates - Magazine

A Comedy Celebration of

September 14 | Confederation centre of the arts, pei.

Hosted by Office Interiors

Carousels are a bit more advanced to assemble, but are a great way to showcase tons of information without overwhelming the user. Try disecting this piece to see if you can figure out how it works. If you get stuck, be sure to check out our Designer Course on "Creating a Carousel" on the Ceros Educate site.

Our "View Gallery" hotspot is simply an interaction that is showing a new Gallery layer group with all of the necessary hotspots and imagery as well. Pro tip: Create a dark shape in the background of your gallery popup, and then change the opacity to 50-75%. This way some of your original piece shines through, but not so much as to be distracting.

1600px x 900px

Templates - Magazine

This magazine template is a great example of using imagery to tell your story. In it we use vibrant images to draw the user in with subtle animations and interactions to keep them clicking.

C L O S E

It has been a year since we've hosted a celebration of this kind at the Confederation Centre of The Arts in PEI. This year, things are bigger and more impactful than they’ve ever been. We’ll be hosting the screening of The Play That Goes Wrong - an award-winning, smash-hit comedy that has taken over Broadway and London's West End. Join us for a fun evening of great company, drinks, hors d'oeuvres, and an incredible musical. It’s sure to be a fantastic event full of laughter and exciting opportunities for us to spark exceptional conversations. It isn’t something you’re going to want to miss. And the best part? It’s FREE to attend! We hope to see you there! Kindly remember to RSVP if you'll be joining us. *Click on the top right menu for more information.

You're Invited!

Did you know that there are two different types of transitions for page navigation? If you use the "Next Page/Previous Page" interaction you will get a page flip transition. However, if you use the "Go to Page" interaction, the animation will be a subtle fade. applied

You don't have to recreate the wheel each and every time you create a new page or experience. In this case, we copied the gallery assets from the previous page, and then used the "Replace Image" feature to switch out for new assets. The great thing is the location, folder structure and all of the animations and interactions applied to the original image will be copied over to the new one. Easy peasy!

1600px x 900px

Templates - Magazine

This magazine template is a great example of using imagery to tell your story. In it we use vibrant images to draw the user in with subtle animations and interactions to keep them clicking.

5:30pm - Reception 6:00pm - Welcome and Introduction 7:30pm - Screening of The Play That Goes Wrong

Agenda

Embedding 3rd party content into Ceros is incredibly easy. Simply grab the "Embedded Object" tool and draw out a placeholder box. Then paste in your 3rd party embed code. That's it! Pro tip: We will always default to the dimensions set in the embed code. Change these dimensions to 100% to force your object to take the shape of your Embeded Object placeholder.

1600px x 900px

Templates - Magazine

This magazine template is a great example of using imagery to tell your story. In it we use vibrant images to draw the user in with subtle animations and interactions to keep them clicking.

RSVP