Introduction to Gradient and Application

in hive-147599 •  24 days ago  (edited)
Grey Minimalist Modern Circle Initials Logo_20241031_073917_0000.png
edited with canva

Hello friends and welcome to my article in the great SLC S21/WK1 in this great challenge I would be putting efforts to share and participate with us here. I would be diving into the action immediately.


"Discuss about gradients, the way you understand it. Also mention other types of gradients not captured in this lesson"

Gradient is the application of two shades or more of color. It is a technique used to add, blend and create visual interest to beautify art work, bringing blissful colors to sight.

Types Of Gradient

Linear Gradient: This gradient transitions between two or more colors adjacent each other on a vertical line, commonly used for background, simple and text effects.

Screenshot_20241030-065526.png

Radial Gradient: Thia gradient transitions between colors from a central perspective, projected through varying circumference framing a circular pattern used to create special effects on spotlight.

Screenshot_20241030-065604.png

Angular Gradient: This gradient transitions between colors along a specially designed angle, versatile and can be used to create unique and special effects.

Screenshot_20241030-065650.png

Diamond Gradient: A special gradient that gives off diamond shape with pointed edges to complement it's beauty.

Screenshot_20241030-065722.png

Noise Gradient: This gradient includes noise or textures creating an organic or more natural look, it is specially designed with shouty or bright colors to attract interest and concern visually.

Screenshot_20241030-065747.png

Spherical Gradient: This gradient follows contour of a sphere or other circular shapes in a specific background.

Screenshot_20241030-065809.png

"Create 3 gradients using the following guidelines;"


  • The first gradients should be made with just one color having different complementary shades. Ensure you reveal their hex codes

Opening the canva app, I love the Instagram template I have not incorporated the gradient icon in my workspace, so I search it from apps. I choose the gradient as mentioned, it's visibly seen the linear, radial and angular gradients. I select linear for more visual application.

Screenshot_20241018-075907.pngScreenshot_20241030-071140.png

Importantly, I make sure I choose my hex codes properly forming a blissful blend, then I finally add it to design, this produces my gradient needed. After this process my result is shown.

Screenshot_20241030-074021.pngScreenshot_20241030-073058.png

This below is indeed the final design as shown clearly.

Screenshot_20241030-074116.png

  • The second gradient should be made with two different colors (hex codes) that blends so well. See your color theory lesson on how to combine colors.

I apply caution to this one, using same procedure, but distinctively we use two colors, choosing the perfect blend of gradient. This process brings a beauty

Screenshot_20241030-074839.pngScreenshot_20241030-074021.png

And the final design received was also so beautiful too for all to see.

Screenshot_20241030-074924.png

  • The third gradient should be made using three colors (hex codes) the blend perfectly

I add a third color to the perfect blend choosing its hex codes, adjust the three colors to form a blissful blended gradient, this I click add to page.

Screenshot_20241030-075935.pngScreenshot_20241030-074700.png
Screenshot_20241030-075850.pngScreenshot_20241030-073909.png

Blissfully it gave me a beautiful design and an indeed wholesome work of art.

Screenshot_20241030-080025.pnglinear viewScreenshot_20241030-080230.pngangular view

Create a text gradient using the tool shown you in this post. Ensure not to use default colors on the app, rather use your own combinable colors

We immediately enter canva using the gradient section. We visit the app section and search for type gradient it provides us with template which we can use to edit and add colors to our design. We also choose perfect fonts for the desired taste. Here we choose perfect blend and add to design. I used special colors to grace your design.

Screenshot_20241030-081125.pngScreenshot_20241030-080747.png

This eventually brought our a blissful design for us too. I really liked the blend. I actually used the ANTON font. The hex codes for the first design was #5a27ab and for the multi colors was #07cb4a #7426ef #3372e3

Screenshot_20241031-084435.pngsingle color

Screenshot_20241031-084649.png
multiple colors

"Pick one of the background gradient you made, create a flyer design with it, ensure you do not reproduce my design, rather do something entirely different from mine"

Immediately, chose my perfect blend of colors, the gradient and added to my specific text too, chose a specific background which signifies gradient too, made my design blissful too. I added elements too and wrote special texts too. It indeed gave off a perfect and unique design.

Screenshot_20241030-083344.pngScreenshot_20241030-083324.png
Screenshot_20241030-083858.pngScreenshot_20241030-082402.png

After much designs on my flyer this was the final result for all to see.

Screenshot_20241030-083920.png

Cc;
@lhorgic

I invite @josepha @simonnwigwe @inspiracion @pandora2010 to join challenge

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Thanks for the invite. I just submitted my entry.

Congratulations, your post has been upvoted by @scilwa, which is a curating account for @R2cornell's Discord Community. We can also be found on our hive community & peakd as well as on my Discord Server

Manually curated by @ abiga554
r2cornell_curation_banner.png

Felicitaciones, su publication ha sido votado por @scilwa. También puedo ser encontrado en nuestra comunidad de colmena y Peakd así como en mi servidor de discordia

Warm regards I appreciate your warm support on my article.. it is really a nice one for me.

Hi friend, there is a mistake in your post. Your tag isn’t proper. May be for this incorrect tag our instructor will miss your post. The correct tag is #graphics-s21wk1
Thank you, you did a Wonderful job.

Thanks 🙏

Loading...