SLC21/WK1: Introduction to Gradients and Application

Hi Friends! How are you all? I am Muhammad Ahmad and I am very excited because Dear @lhorgic got a second chance to conduct his lectures on the **Graphic Design** course. I am very thankful to @steemitblog for this. Thank you so much to you both. Now I am participating in a brand new lecture about Gradients. I hope that you all will like this. So let's get into it.

#833ab4.png

45GhBmKYa8LQ7FKvbgfn8zqd6W2YEX34pMmaoxBszxVcFa5AzdJpfaNKNpzYuetYXxs8DdMdokzXj6Keq2cQKVVgyZNpcJGxnu97CUCvEG4zvdPKGnpDD3Zn5Lh9XU41gfi6KjgKALfoPYHj2wvnwywvpkns6T6DGXDBrVS9cksbNEbxZDUAnBGSv6WNtnTGmZhxTAwo7E1soqqvFULtRkk7MXu.png

Gradient

The gradient is a transition of colours. Like in the previous lecture, we were designing Thumbnails with a single background colour but at that time we will learn about Gradients and then we will apply it to our designs which will beautify our Thumbnails. Gradient is the mixing of a few colours and generating a new colour from this mixture, which is known as Gradient. The gradient can not only be used as a background but actually, it can be used in so many ways. Like for backgrounds, texts and much more. We have to select the colours we want to blend and thus Gradient will be formed but one thing we should remember is that the selection of the Gradient should be meticulous, as it should look attractive. I have done a Graphic Designing Full Course in Adobe Photoshop one time from a professional that's why I have a little info about that too. But using Gradients in Canva is a new experience for me and I hope I learn well and acknowledge the best.

There are many types of Gradients about 3 of them are told to us by our instructor which are linear, radical and angular gradients. Now I have to tell 3 different gradients which should not be similar to it.

  • Mesh Gradient:

Untitled design.png
Designed in Canva by me!

  • Star Gradient:

Untitled design (1).png
Designed in Canva by me!

  • Grainy Gradient:

Untitled design (2).png
Designed in Canva by me!

45GhBmKYa8LQ7FKvbgfn8zqd6W2YEX34pMmaoxBszxVcFa5AzdJpfaNKNpzYuetYXxs8DdMdokzXj6Keq2cQKVVgyZNpcJGxnu97CUCvEG4zvdPKGnpDD3Zn5Lh9XU41gfi6KjgKALfoPYHj2wvnwywvpkns6T6DGXDBrVS9cksbNEbxZDUAnBGSv6WNtnTGmZhxTAwo7E1soqqvFULtRkk7MXu.png

Creating 3 Gradients

Now I am gonna creating 3 Gradients in Canva step by step.

First of All, Create on Canva and then select the Apps Option.

image.png

Now you have to search for Gradients and then simply click on it.

image.png

After clicking then this will pop up and you have to click on new design here.

image.png

Here you have to select the Custom size.

image.png

Here choose a size according to your design. I will go with 600 width and 600 height in pixels. Now click on Create new Design.

image.png

Now you will be transferred to this page. where you can use the Gradients which you want.

image.png

Firstly I am gonna create my first linear design through one colour but I can use different shades.The codes are #cd7f96 #be5a78.

image.png

Now I am creating radical design. The hex codes are #5e17eb#ebb017.

image.png

Now I am creating the third design which is Angular. The colour hex code for this design is #833ab4#fd1d1d #fcb045.

image.png

45GhBmKYa8LQ7FKvbgfn8zqd6W2YEX34pMmaoxBszxVcFa5AzdJpfaNKNpzYuetYXxs8DdMdokzXj6Keq2cQKVVgyZNpcJGxnu97CUCvEG4zvdPKGnpDD3Zn5Lh9XU41gfi6KjgKALfoPYHj2wvnwywvpkns6T6DGXDBrVS9cksbNEbxZDUAnBGSv6WNtnTGmZhxTAwo7E1soqqvFULtRkk7MXu.png

Creating Text Gradient

For creating Text Gradient, first of all, you have to go to apps then search for the gradients and below you can see the typography option and click on it.

image.png

Now set a size and then click to go further. Now you will be transferred to another page something like this.

image.png

I have typed Graphic Design in the typing box and now it's time to select the colours. The colours which I selected for my design are #00c3cc #e33348 and #7426e.

image.png

45GhBmKYa8LQ7FKvbgfn8zqd6W2YEX34pMmaoxBszxVcFa5AzdJpfaNKNpzYuetYXxs8DdMdokzXj6Keq2cQKVVgyZNpcJGxnu97CUCvEG4zvdPKGnpDD3Zn5Lh9XU41gfi6KjgKALfoPYHj2wvnwywvpkns6T6DGXDBrVS9cksbNEbxZDUAnBGSv6WNtnTGmZhxTAwo7E1soqqvFULtRkk7MXu.png

Creating a Flyer Design

Now I am creating a Flyer design but I have to use Gradient in the background and the gradient should be made by me. So I have chosen my gradient which I have used upper too.I have chosen all the colours which I used for my gradient as you can see it too.

image.png

Now I have inserted my pic here and then adjusted my Canva design.

image.png

Here now I edited my picture as I have added some glow effect.

image.png

Now I added some text and emojis which can help me beautify my design.

  • Final Design:

#833ab4.png

45GhBmKYa8LQ7FKvbgfn8zqd6W2YEX34pMmaoxBszxVcFa5AzdJpfaNKNpzYuetYXxs8DdMdokzXj6Keq2cQKVVgyZNpcJGxnu97CUCvEG4zvdPKGnpDD3Zn5Lh9XU41gfi6KjgKALfoPYHj2wvnwywvpkns6T6DGXDBrVS9cksbNEbxZDUAnBGSv6WNtnTGmZhxTAwo7E1soqqvFULtRkk7MXu.png

Best of Luck

I am inviting @goodybest @dove11 and @suboohi to participate.

Sort:  
Loading...