{"id":151,"date":"2021-11-08T10:18:31","date_gmt":"2021-11-08T10:18:31","guid":{"rendered":"https:\/\/flayaz.co.zw\/?p=151"},"modified":"2021-11-08T10:18:31","modified_gmt":"2021-11-08T10:18:31","slug":"shadows","status":"publish","type":"post","link":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/","title":{"rendered":"Shadows"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-153\" src=\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust.jpg\" alt=\"\" width=\"1024\" height=\"1024\" srcset=\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust.jpg 1024w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust-300x300.jpg 300w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust-100x100.jpg 100w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust-600x600.jpg 600w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust-400x400.jpg 400w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust-200x200.jpg 200w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust-768x768.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Shadows are one of the most robust effects you can add to your designs. Shadows make objects look real as they do in real life.<\/p>\n<p>They make object\/ shapes attached to their surfaces (as if they are placed on the surface).<\/p>\n<p>To add a shadow, go to the FORMAT tab and click shadow. The dropdown presents 4 inputs to fill, horizontal offset, vertical offset, blur and colour.<\/p>\n<h2>Offsets<\/h2>\n<p>The offsets allows you to select the direction of the shadow; horizontal (left\/ right) or vertical (top\/bottom)<\/p>\n<p>If you input a positive number on the horizontal offset the shadow will move right. To go left just place a negative sign. The same goes for vertical offsets. Positive numbers will move the shadow down while negatives top.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-152\" src=\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/box-shadow.png\" alt=\"\" width=\"904\" height=\"610\" srcset=\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/box-shadow.png 904w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/box-shadow-300x202.png 300w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/box-shadow-600x405.png 600w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/box-shadow-400x270.png 400w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/box-shadow-200x135.png 200w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/box-shadow-768x518.png 768w\" sizes=\"auto, (max-width: 904px) 100vw, 904px\" \/><\/p>\n<h2>Blur<\/h2>\n<p>Blur determines how the shadow colour gradually fades from the element. Set 0 for a solid colour without fade. Increasing the value will also increase the fade.<\/p>\n<p>If you set blur only with 0 offsets the shadow will cover the whole element<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-154\" src=\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/shadow-blur.png\" alt=\"\" width=\"782\" height=\"606\" srcset=\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/shadow-blur.png 782w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/shadow-blur-300x232.png 300w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/shadow-blur-600x465.png 600w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/shadow-blur-400x310.png 400w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/shadow-blur-200x155.png 200w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/shadow-blur-768x595.png 768w\" sizes=\"auto, (max-width: 782px) 100vw, 782px\" \/><\/p>\n<h2>Colour<\/h2>\n<p>Click colour to set the shadow colour.<\/p>\n<h2>Text Shadows<\/h2>\n<p>Text shadows work the same as above. You can either set it using <b>text shadow<\/b> or just the box shadow as above which works on all elements and objects.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-156\" src=\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/text-shadow.png\" alt=\"\" width=\"786\" height=\"609\" srcset=\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/text-shadow.png 786w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/text-shadow-300x232.png 300w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/text-shadow-600x465.png 600w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/text-shadow-400x310.png 400w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/text-shadow-200x155.png 200w, https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/text-shadow-768x595.png 768w\" sizes=\"auto, (max-width: 786px) 100vw, 786px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Shadows are one of the most robust effects you can add to your designs. Shadows make objects look real as they do in real life. They make object\/ shapes attached to their surfaces (as if they are placed on the surface). To add a shadow, go to the FORMAT tab and click shadow. The dropdown [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44],"tags":[],"class_list":["post-151","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Shadows | Flayaz<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Shadows | Flayaz\" \/>\n<meta property=\"og:description\" content=\"Shadows are one of the most robust effects you can add to your designs. Shadows make objects look real as they do in real life. They make object\/ shapes attached to their surfaces (as if they are placed on the surface). To add a shadow, go to the FORMAT tab and click shadow. The dropdown [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/\" \/>\n<meta property=\"og:site_name\" content=\"Flayaz\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/flayaz\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-08T10:18:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust.jpg\" \/>\n<meta name=\"author\" content=\"Denver Kunaka\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Denver Kunaka\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/\"},\"author\":{\"name\":\"Denver Kunaka\",\"@id\":\"https:\/\/flayaz.co.zw\/#\/schema\/person\/996acdf1f0b7489fec924bd9d56a9a28\"},\"headline\":\"Shadows\",\"datePublished\":\"2021-11-08T10:18:31+00:00\",\"dateModified\":\"2021-11-08T10:18:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/\"},\"wordCount\":205,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/flayaz.co.zw\/#organization\"},\"image\":{\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust.jpg\",\"articleSection\":[\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/\",\"url\":\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/\",\"name\":\"Shadows | Flayaz\",\"isPartOf\":{\"@id\":\"https:\/\/flayaz.co.zw\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust.jpg\",\"datePublished\":\"2021-11-08T10:18:31+00:00\",\"dateModified\":\"2021-11-08T10:18:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#primaryimage\",\"url\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust.jpg\",\"contentUrl\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust.jpg\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/flayaz.co.zw\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorials\",\"item\":\"https:\/\/flayaz.co.zw\/category\/tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Shadows\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/flayaz.co.zw\/#website\",\"url\":\"https:\/\/flayaz.co.zw\/\",\"name\":\"Flayaz\",\"description\":\"Flyer &amp; Poster Making\",\"publisher\":{\"@id\":\"https:\/\/flayaz.co.zw\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/flayaz.co.zw\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/flayaz.co.zw\/#organization\",\"name\":\"Flayaz\",\"url\":\"https:\/\/flayaz.co.zw\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flayaz.co.zw\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/logo.png\",\"contentUrl\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/logo.png\",\"width\":260,\"height\":104,\"caption\":\"Flayaz\"},\"image\":{\"@id\":\"https:\/\/flayaz.co.zw\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/flayaz\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/flayaz.co.zw\/#\/schema\/person\/996acdf1f0b7489fec924bd9d56a9a28\",\"name\":\"Denver Kunaka\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flayaz.co.zw\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/nsl_avatars\/d344d83d53395f381a8cfbd9e318d0c3.jpg\",\"contentUrl\":\"https:\/\/flayaz.co.zw\/wp-content\/uploads\/nsl_avatars\/d344d83d53395f381a8cfbd9e318d0c3.jpg\",\"caption\":\"Denver Kunaka\"},\"sameAs\":[\"https:\/\/flayaz.co.zw\"],\"url\":\"https:\/\/flayaz.co.zw\/author\/denver\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Shadows | Flayaz","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/","og_locale":"en_US","og_type":"article","og_title":"Shadows | Flayaz","og_description":"Shadows are one of the most robust effects you can add to your designs. Shadows make objects look real as they do in real life. They make object\/ shapes attached to their surfaces (as if they are placed on the surface). To add a shadow, go to the FORMAT tab and click shadow. The dropdown [&hellip;]","og_url":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/","og_site_name":"Flayaz","article_publisher":"https:\/\/facebook.com\/flayaz","article_published_time":"2021-11-08T10:18:31+00:00","og_image":[{"url":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust.jpg"}],"author":"Denver Kunaka","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Denver Kunaka","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#article","isPartOf":{"@id":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/"},"author":{"name":"Denver Kunaka","@id":"https:\/\/flayaz.co.zw\/#\/schema\/person\/996acdf1f0b7489fec924bd9d56a9a28"},"headline":"Shadows","datePublished":"2021-11-08T10:18:31+00:00","dateModified":"2021-11-08T10:18:31+00:00","mainEntityOfPage":{"@id":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/"},"wordCount":205,"commentCount":0,"publisher":{"@id":"https:\/\/flayaz.co.zw\/#organization"},"image":{"@id":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#primaryimage"},"thumbnailUrl":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust.jpg","articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/flayaz.co.zw\/tutorials\/shadows\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/","url":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/","name":"Shadows | Flayaz","isPartOf":{"@id":"https:\/\/flayaz.co.zw\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#primaryimage"},"image":{"@id":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#primaryimage"},"thumbnailUrl":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust.jpg","datePublished":"2021-11-08T10:18:31+00:00","dateModified":"2021-11-08T10:18:31+00:00","breadcrumb":{"@id":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flayaz.co.zw\/tutorials\/shadows\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#primaryimage","url":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust.jpg","contentUrl":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/robust.jpg","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/flayaz.co.zw\/tutorials\/shadows\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flayaz.co.zw\/"},{"@type":"ListItem","position":2,"name":"Tutorials","item":"https:\/\/flayaz.co.zw\/category\/tutorials\/"},{"@type":"ListItem","position":3,"name":"Shadows"}]},{"@type":"WebSite","@id":"https:\/\/flayaz.co.zw\/#website","url":"https:\/\/flayaz.co.zw\/","name":"Flayaz","description":"Flyer &amp; Poster Making","publisher":{"@id":"https:\/\/flayaz.co.zw\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flayaz.co.zw\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/flayaz.co.zw\/#organization","name":"Flayaz","url":"https:\/\/flayaz.co.zw\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flayaz.co.zw\/#\/schema\/logo\/image\/","url":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/logo.png","contentUrl":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/2021\/11\/logo.png","width":260,"height":104,"caption":"Flayaz"},"image":{"@id":"https:\/\/flayaz.co.zw\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/flayaz"]},{"@type":"Person","@id":"https:\/\/flayaz.co.zw\/#\/schema\/person\/996acdf1f0b7489fec924bd9d56a9a28","name":"Denver Kunaka","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flayaz.co.zw\/#\/schema\/person\/image\/","url":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/nsl_avatars\/d344d83d53395f381a8cfbd9e318d0c3.jpg","contentUrl":"https:\/\/flayaz.co.zw\/wp-content\/uploads\/nsl_avatars\/d344d83d53395f381a8cfbd9e318d0c3.jpg","caption":"Denver Kunaka"},"sameAs":["https:\/\/flayaz.co.zw"],"url":"https:\/\/flayaz.co.zw\/author\/denver\/"}]}},"_links":{"self":[{"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/posts\/151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/comments?post=151"}],"version-history":[{"count":1,"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/posts\/151\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/posts\/151\/revisions\/157"}],"wp:attachment":[{"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/media?parent=151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/categories?post=151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flayaz.co.zw\/api\/wp\/v2\/tags?post=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}