![]() ReflectionĪdds a reflection behind the image to apply more depth. You can adjust the shape color, opacity, or tilt to the shape. ShapeĪdd a unique circle, square, or grid shape around the edges of the image, to add a more abstract appearance. Here, you will notice a few decoration options: Box ShadowĪpplies a shadow behind the image to give it more depth. To adjust the strength or opacity of each filter, scroll down to the bottom of the Image Styles window:įrom the Image Styles window, select Decoration from the Effect drop-down menu. Select from a variety of built-in filters to add to your images. You can also change the direction of the gradient: Gradient OverlayĪdd a gradient color overlay, adjust the opacity as needed, and adjust which two colors to include in the gradient transition. Select a color from the color picker, and adjust the opacity as needed. The Overlay Options are: Solid OverlayĪdd a solid color overlay. Overlays allow the option to add layers to your image. To view these settings, scroll down to the bottom of the Image Styles window:įrom the Image Styles window, select Overlay from the Effect drop-down menu. GlowingĪdds a rainbow-colored border to the image.Įach border option includes Settings that you can adjust to change the color, aspect ratio (the ratio of its width and height), or width of the border. Cut-outĪpplies a cut-out effect to the image, while adding a frame to the image. Here, you will notice a few border options: StaggeredĪdds two staggered borders around the image. Border Effectįrom the Image Styles window, select Border from the Effect drop-down menu. The image effects include Border, Overlay, Filter, and Decoration styles. Single-click your image within the Styled Images section.Once you've uploaded the images, you can add a variety of custom filters, overlays, borders, & stylized backgrounds. Continue these steps to replace the remaining images in the section: The image will appear in Smart Builder.To learn more, see the following articles: Uploading Images to Smart Builder and Adding Images from Unsplash or Pexels to Smart Builder.Upload an image from the Image Library, drag & drop an image from your PC, or search through images in Unsplash or Pexels.From the buttons that appear, click the pen icon to launch the Image Properties settings:.Click the image placeholder within the Styled Images section.Updating Images in the Styled Images Sectionįollow these steps to upload your own images and replace the existing image placeholders within the section template. Once selected, the Styled Images section will appear in Smart Builder:.See our documentation for more on Section Templates. ![]() A window will appear, where you may choose a Styled Images section template.Click the plus button next to Styled Images to install the app.Search and locate the Styled Images App.Navigate to the Apps tab on the left-hand side of Smart Builder.This article will explain how to add custom filters, overlays, borders, & stylized backgrounds to images within a section using the Styled Images App in Smart Builder. ![]() Upgrade the look of your images in Smart Builder without using CSS or third-party image editing tools.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |