{"id":4730,"date":"2022-11-30T21:05:19","date_gmt":"2022-11-30T14:05:19","guid":{"rendered":"https:\/\/danielepais.com\/journal\/?p=4730"},"modified":"2022-11-30T21:05:19","modified_gmt":"2022-11-30T14:05:19","slug":"create-a-shadow-in-canva-round-element","status":"publish","type":"post","link":"https:\/\/danielepais.com\/journal\/create-a-shadow-in-canva-round-element\/","title":{"rendered":"Create a shadow in Canva round element"},"content":{"rendered":"

5 min tutorial on how to<\/a> Create a shadow in Canva round element | difficulty – easy<\/p>\n

\"Create<\/p>\n

Hello everyone and welcome back to a Gimp Tutorial, actually to be totally fair this is a joint venture Gimp \/ Canva as we are going to use Gimp to create a round shadow element that we can then use in Canva to give an extra dimension to the flat shapes. As you might be aware by now, canva only offers a \u00a8drop shadow” for images<\/a> but not for SVG elements like the square, ellipse and so on.<\/p>\n

If you don have Gimp, no problem, it is free<\/a> and you can download<\/a> it here<\/a>. Gimp is very similar to photoshop<\/a> or any other image editing software for some basic usage, so you will find all the tools you are normally using with other image editing software and this should allow you to easily find your way of doing things.<\/p>\n

Now, for today, in the first part of this mini tutorial, I am just going to do the following on Gimp:<\/p>\n

Give an extra dimension to your Canva elements – part 1<\/h2>\n

STEP 1<\/strong> – Create a new canvas, square in size should be fine. I will apply a black background to it as this will become our shadow<\/p>\n

\nhttps:\/\/danielepais.com\/journal\/wp-content\/uploads\/2022\/11\/video-1.webm<\/a><\/video><\/div>\n

STEP 2<\/strong> – Now I am going to add an alpha channel to the layer so that we can have our transparency working out fine for later.<\/p>\n

https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2022\/11\/video-2.webm<\/a><\/video><\/div>\n

STEP 3<\/strong>\u00a0– Great, we have everything we need in pace. Right now we just need to grab the ellipse tool and size our circle. If you want to make it an exact circle hold the buttons ctrl+shift<\/strong> while dragging your circle. Once you have done it position it right in the center of the canvas and remember to leave some room for the transparent rim. If your circle is too close to the edges of the canvas it will not have smooth edges but it will be rather sharp and \u00a8squarish\u00a8.<\/p>\n

https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2022\/11\/video-3.webm<\/a><\/video><\/div>\n

STEP 4<\/strong>\u00a0– Now that we have the circle in place from the top menu click on select<\/strong> >> feather<\/strong> and give it a value of 85<\/strong> (my canvas is 1080px x 1080px<\/strong>). The feather tool will make the edges very smooth, which exactly what we want for our shadow.<\/p>\n

https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2022\/11\/video-4.webm<\/a><\/video><\/div>\n

STEP 5<\/strong> –<\/p>\n

Fantastic, we are getting there. Basically we only need to get rid of the part outside the circle. To do so, we need to “invert” the layer as if we just press delete or ctl+x<\/strong> right now, we would actually get rid of the inner circle and keep the outer space. So, from the top menu we hit back select >> invert<\/strong> (you can also use the keyboard shortcut ctrl+i<\/strong>).<\/p>\n

That is it! we have just told Gimp to select the part outside the circle and not the inner part. Now the last thing we need to do is to press delete (ctrl+x<\/strong>) and you will have your shadow ready.<\/p>\n

Once you have done so, you can click ctrl+shift+a<\/strong> so that you de-select your selection. Finally, if you really want you can crop any additional empty space so that you make your image smaller and neat. But carefully doing so, you don want to cut off parts of the transparent rim. So rather than just using the manual select tool use the auto feature that will calculate and aonly crop parts of the images that are empty. So, again, this is optional, but if you are like me, and every byte extra is not welcome on my server, you can go ahead in the top menu and hit image >> crop to content<\/strong>. Now is done!<\/p>\n

https:\/\/danielepais.com\/journal\/wp-content\/uploads\/2022\/11\/video-5.webm<\/a><\/video><\/div>\n

At this point we have finished with gimp. You can now export the image you have created as a .png so that to keep the transparency.
\nWe are now ready to workout the magic on Canva.<\/p>\n

Give an extra dimension to your Canva elements – part 2<\/h2>\n

In Canva we can open whatever size of canvas or open an image, or just create a new document according to what is today the project for which you need to have a shadow on a circle element. In my case I will make a rectangular advertising banner.\u00a0<\/p>\n