{"id":907,"date":"2026-08-18T01:37:48","date_gmt":"2026-08-18T01:37:48","guid":{"rendered":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/?post_type=knowledgebase&#038;p=907"},"modified":"2026-08-18T07:45:57","modified_gmt":"2026-08-18T07:45:57","slug":"shadows-and-glow-effects","status":"publish","type":"knowledgebase","link":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/db\/graphics\/shadows-and-glow-effects\/","title":{"rendered":"Shadows &#038; Glow Effects"},"content":{"rendered":"<div style=\"color: #2b2b2b;\">\n<div style=\"color: #2b2b2b;\">\n<h2 class=\"western\"><span style=\"color: #007670;\">Shadows &amp; Glow Effects<\/span><\/h2>\n<p class=\"western\">Open Publisher lets you apply drop shadows and glow effects to both images and shapes directly from the <strong>Picture Tools<\/strong> or <strong>Shape Format<\/strong> contextual ribbon, with all controls updating in real time as you drag.<\/p>\n<h3 class=\"western\"><span style=\"color: #007670;\">Shadow Options<img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-916\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/ShadowOptions.webp\" alt=\"Shadow Options\" width=\"197\" height=\"213\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/ShadowOptions.webp 369w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/ShadowOptions-277x300.webp 277w\" sizes=\"auto, (max-width: 197px) 100vw, 197px\" \/><\/span><\/h3>\n<p class=\"western\">The Shadow Options pane gives you fine-grained, real-time control over drop shadows on both images and shapes.<\/p>\n<p class=\"western\"><span style=\"font-size: 14pt;\">To open Shadow Options:<\/span><\/p>\n<ol>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Select an image or shape on the canvas.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">In the <strong>Picture Tools<\/strong> or <strong>Shape Format<\/strong> contextual ribbon, click the <strong>Shadow<\/strong> button.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">The <strong>Shadow \/ Glow Options<\/strong> sidebar slides open on the right.<\/span><\/p>\n<\/li>\n<\/ol>\n<p class=\"western\"><span style=\"font-size: 14pt;\">The sidebar contains five live controls<\/span>:<\/p>\n<p class=\"western\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-918\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/MoreShadowOptions.webp\" alt=\"Colour Picker, Blur Radius Slider, X Offset Slider and Y Offset Slider\" width=\"129\" height=\"219\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/MoreShadowOptions.webp 231w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/MoreShadowOptions-177x300.webp 177w\" sizes=\"auto, (max-width: 129px) 100vw, 129px\" \/><\/p>\n<ul>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><strong>Colour Picker &#8211;<\/strong> Sets the shadow colour.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><strong>Transparency Slider &#8211;<\/strong> Controls shadow opacity from solid to fully transparent.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><strong>Blur Radius Slider &#8211;<\/strong> Adjusts softness. Low values produce sharp, hard shadows; high values produce soft, diffuse halos.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><strong>X Offset Slider &#8211;<\/strong> Shifts the shadow left or right.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\"><strong>Y Offset Slider &#8211;<\/strong> Shifts the shadow up or down.<\/span><\/p>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p class=\"western\">All five controls update the shadow in real time as you drag. When you click an element that already has a shadow applied, the sidebar automatically reads the existing values and snaps its sliders to match &#8211; so the UI always reflects the exact current state.<\/p>\n<p class=\"western\">Shadows are applied using CSS <span style=\"font-family: Courier New, monospace;\">drop-shadow<\/span> filters on the element&#8217;s content wrapper, allowing the shadow to organically overflow the element&#8217;s bounding box without being clipped.<\/p>\n<h3 class=\"western\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-914 size-full\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot_2026-08-18_024301.png_2K_202608180250-scaled.jpeg\" alt=\"Shadow Examples\" width=\"2560\" height=\"804\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot_2026-08-18_024301.png_2K_202608180250-scaled.jpeg 2560w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot_2026-08-18_024301.png_2K_202608180250-300x94.jpeg 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot_2026-08-18_024301.png_2K_202608180250-1024x322.jpeg 1024w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot_2026-08-18_024301.png_2K_202608180250-768x241.jpeg 768w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot_2026-08-18_024301.png_2K_202608180250-1536x483.jpeg 1536w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/Screenshot_2026-08-18_024301.png_2K_202608180250-2048x644.jpeg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/h3>\n<h3 class=\"western\"><span style=\"color: #007670;\">Glow Effects<\/span><\/h3>\n<h3 class=\"western\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-931\" src=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/GlowOptions2.webp\" alt=\"Glow Effects\" width=\"420\" height=\"265\" srcset=\"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/GlowOptions2.webp 1425w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/GlowOptions2-300x189.webp 300w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/GlowOptions2-1024x647.webp 1024w, http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-content\/uploads\/2026\/08\/GlowOptions2-768x485.webp 768w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/h3>\n<p class=\"western\">Glow is a specialised variant of the shadow effect, designed to make transparent PNG logos, shapes, and cutout graphics pop against dark or busy backgrounds.<\/p>\n<p class=\"western\">To add a glow:<\/p>\n<ol>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Select an image or shape on the canvas.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">Click the <strong>Glow<\/strong> button (sun icon) in the <strong>Picture Tools<\/strong> or <strong>Shape Format<\/strong> ribbon, located next to the Shadow button.<\/span><\/p>\n<\/li>\n<li>\n<p align=\"left\"><span style=\"font-size: small;\">A default electric-blue glow is applied immediately.<\/span><\/p>\n<\/li>\n<\/ol>\n<p class=\"western\">Use the same <strong>Shadow \/ Glow Options<\/strong> sidebar to adjust the blur radius, transparency, and colour &#8211; creating anything from a tight neon outline to a broad, soft luminous halo.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Shadows &amp; Glow Effects Open Publisher lets you apply drop shadows and glow effects to both images and shapes directly from the Picture Tools or Shape Format contextual ribbon, with all controls updating in real time as you drag. Shadow Options The Shadow Options pane gives you fine-grained, real-time control over drop shadows on both [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":934,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[13],"class_list":["post-907","knowledgebase","type-knowledgebase","status-publish","has-post-thumbnail","hentry","knowledgebase_cat-graphics"],"_links":{"self":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/comments?post=907"}],"version-history":[{"count":18,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/907\/revisions"}],"predecessor-version":[{"id":935,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/907\/revisions\/935"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media\/934"}],"wp:attachment":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media?parent=907"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase_cat?post=907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}