SLC21/WK1: Introduction to Gradients and Application.

in Steem For Bangladesh3 days ago

This is my first-ever Steemit Learning Challenge Season Homework. I am glad that at least, I started my class at Steemit and I am glad about that. However, because of my first homework, I may have made some mistakes. Your guidelines will always be helpful to me. I will appreciate every single suggestion by you. Feel free to criticize my work.


Untitled design_20241103_011313_0000.png

What is Gradient?

The gradient is the combination of colors. Where you/I can control the blend of every single color and maximize or minimize the dominance of one color over another. A perfectly blended gradient of colors gives our eyes an animated satisfaction. We feel comfortable watching that thing.

There are various kinds of Gradients beyond Linear, Angular, and Radial gradients like Mesh Gradients, Diamond Shape Gradients, and Freeform Gradients.

Mesh Gradient

A mesh gradient is a smooth combination of colors between two or more points in an object. Geographical presentation, Weather updates, Density, and many more diagrams created with the help of mesh gradient.

Diamond Gradient

The diamond gradient is similar to the Radial gradient. But this time, instead of creating a circle, this is a diamond-shaped gradient.

Freeform gradient

A similar gradient of Mesh. But this has more freedom.

Creating 3 gradients using the guidelines provided in the Lesson post.

Open and Prepare the process of my Canvas in Canva App.

At first, I logged in to my Canva a/c. Then create a project with 500×500 Pixel. Go to the Application section, search Gradient, and select that.

Screenshot_20241101-195743_1.png

Polish_20241102_092530618.png

Screenshot_20241101-221939_1.png

A

At first, I created a gradient background with one color but different shades; the hex codes are #504303 and #EDC606. I tried all three available gradients: Linear, Radial, and Angular.

Polish_20241102_154638122.png

Polish_20241102_154759976.png


Polish_20241102_154712457.png

B

This time I created a gradient background with Two Different colors. The hex codes are #9F309E and #1BADB2. I tried all three above-mentioned gradients.

Screenshot_20241102-211449_1.png

Screenshot_20241102-211443_1.png


Screenshot_20241102-211436_1.png

C

This time I created a gradient background with Three different colors. The hex codes are #CBB90F, #0FCB4F, and #2A1DBD. I tried all three above-mentioned gradients.

Screenshot_20241102-211650_1.png

Screenshot_20241102-211633_1.png

Screenshot_20241102-211655_1.png

Screenshot_20241102-211616_1.png

NoteI didn’t use my sign in my Gradient work because Color Hex Codes are unique enough to prove it’s my work. I don’t think anyone will use the same color codes.

Practical Application of Gradient in Flyer Design and Text.

Here, I used a girl's photo for one of my created Gradient backgrounds. I took this photo from Freepik and edited in Canva. I try to implement it perfectly as much as I can.


20241102_235104_0000.png

I used light colors for my text for a clear view over a dark-colored background.

Invitation

I would like to invite my good friends @djanita, @fizabatool, and @junaidahmed to attend this season's lesson and complete their homework.

Thank you, professor @lhorgic for this amazing lesson
Sort:  
Loading...
 2 days ago 

¡Saludos amigo!🤗

El degradado radial aplicado en tonalidades adversas puede arruinar terriblemente su función y, aquí es donde pienso que está su desafío para el diseñador porque, a través de esa adversidad podemos aprender a utilizar correctamente los códigos hexadecimales.

Te deseo mucho éxito en la dinámica... Un fuerte abrazo💚

 2 days ago 

Thank you for your suggestion. Thanks again.

 2 days ago 

You have created a very nice design, and presented it in a very nice way, I wish you success, I hope you will go further like this, thank you very much for sharing this beautiful post with us. Be well always.

 2 days ago 

Thank you, brother.

This was quite an informative post to look at . Not only does a reader can gain valuable insights from it but it can help with a lot of creativity with web pages along with designs and user experiences.
Love reading your post. Thanks for sharing it with us!

 2 days ago 

Thank you. Missing you for a couple of weeks. Good to see you back.

Awwh sweet!
Same here, I m back now :)