Projector has a flexible editing interface that’s approachable for people who have limited-to-no experience with design tools. At the same time, the interface is powerful enough for seasoned designers to feel at home.
There are four main elements in Projector: Text, Media, Shapes and the Pen tool. This article covers adding links, filling shapes and text with media (Media fill), grids, and applying shadows, blur effects, and opacity.
You can link any webpage or scene to an element in your story.
Select the element you'd like to attach the link to.
In the Expanded Toolbar, scroll down to the Link section.
Type in the URL or select the desired scene to link over to.
Links work when clicking on the element in View mode, Live Sessions , as well as in PDF exports. To check a link while in the Editor, click on Visit in the Link section of the Expanded Toolbar.
Filling shapes and text with media (Media fill)
In Projector, you can fill any text or shape with images, videos, or GIFs.
Add in your text or shape.
In the Expanded Toolbar, navigate to the Media section to find or upload your media.
Search our creative catalog or upload your own images, videos, or GIFs.
Once the media is selected, it will automatically fill your text or shape. You can then adjust how it is positioned in the text or shape by clicking Adjust media. You will be able to apply tints, filters, or blur to your media.
To align your content on a scene with gridlines, use a Layout grid.
Click on your scene and then click on Layout grid in the Expanded Toolbar or press Ctrl+G to enable the grid.
In the Expanded Toolbar, use the slider bar or type in specific quantities to customize the number of rows and columns shown.
To remove the grid, click on your scene and click on Layout grid in the Expanded Toolbar or press Ctrl+G again.
Note: the Layout grid will only show up in the Editor for the person who has enabled it. It will not show up for collaborators, in View mode, Live Sessions, or in an exported story.
The Shadow tool allows you to easily bring depth to your elements by using an axis slider. Shadows can be added to all content, including text, shapes, lines, images, GIFs, stickers, icons, and emojis.
Edit shadows by clicking on the Shadow icon in the Shadow section in the Expanded Toolbar.
Shadow color: Choose the color of a shadow from the Color panel in the Shadow section. Select from a number of color palettes, adjust the color depth or opacity, or add a gradient to your shadows for a multi-color effect.
Shadow location: Adjust where a shadow appears by clicking on and dragging the shadow dot around the axis. You can also enter the exact coordinates of the axis for shadow placement. (This is helpful if you want to copy exact shadow placement between images.)
Shadow blur: You can blur shadows using the Blur slider at the bottom of the Shadow section.
Applying blur effects
You can blur most content and control the depth of the blur by using the slider bar in the Blur section of the Expanded Toolbar. You can also type in the desired percentage of the blur.
You can change the opacity of your content and colors using the slider bar in the Opacity section of the Expanded Toolbar. You can also type in the desired percentage of opacity.