Get to know Ceros
In this lesson, we'll review the general functionality of the Ceros studio including how to import assets, apply animations, interactions, and how to publish your final experience.
In the videos that make up this lesson, we’ll take a look at everything you need to know when getting started in the Ceros studio. Here are the key takeaways from the topics covered in this lesson:
- Ceros Projects are essentially folders that you can organize your different experiences into – and experiences are the actual pieces of content.
- When creating an experience, you have the option to import a design file, make a copy of something you’ve already created, start from a completely blank canvas, or leverage an existing Ceros template.
- Along the left hand side of the studio is where you can see all of the pages in your experience and add in additional pages.
- Global Layouts is where you’ll be able to design for different device types. Be sure to check our Global Layouts video lesson.
- You can always see how your experience is coming along by clicking on the preview button in the studio.
- To import assets into Ceros, you can drag and drop right from your desktop, use the replace image button in the studio, or copy and paste from other Ceros experiences.
- You can right click on an image to crop it, and also can make edits to image attributes like brightness, hue, contrast, and more right in the inspector panel.
- You can add animations to the different assets within this experience. These can be On View or On Hide, and can be entry effects, attention seekers, or exit effects. You can adjust the direction, delay, and duration of each different animation.
- Object States enable you to designate different “States” for objects on the canvas that can be activated using hover or click triggers. The video portion of this lesson will outline some Object States basics, and some more advanced lessons will deep dive into using Object States for different use cases.
- Hotspots are invisible areas that you can draw out on your canvas that your user can interact with—interactions can be on click, on hover, or on view. In the video component of this lesson, we take a look at how you can use the Anchor tool combined with the Scroll to Position interaction to create some basic navigation throughout a longform experience.
- To publish your content all you need to do is hit the publish button at the top of your screen. Once published, we will provide three different distribution options to get your content up and running on the web: two embedding options to place it directly within your site, as well as a standalone URL option which you can drive users directly to.
- You can check out an example of a Full Height Embedded experience here.
- And an example of a Scrolling Embedded experience here.
We’re only scratching the surface of what’s capable in the studio here, so be sure to check our our more advanced lessons and our help center articles to learn more about the functionality within the Ceros studio. And if you have any additional questions, be sure to reach out to us in the studio chat widget.