"SLC21/WK1: Introduction to Gradients and Application."

in graphics-s21wk1 •  4 days ago 

Greetings friends of Steemit and Instructors

1000005145.png

A color gradient is a visual transition in one, between two or more colors, blending hues, shades and saturation levels to create a smooth, cohesive visual effect both in background and text.

Here are some color gradient types beyond Angular, Linear and Radial:

Gradient TypesDescription
Diamond GradientA diamond-shaped gradient, often used for backgrounds or textures
Square GradientA square-shaped gradient, useful for creating pixel art or retro designs
Spiral GradientA swirling spiral pattern with smooth color transitions.

Gradient (a)

Step 1

I have open Canva. I took a square 1080x1080 template. I inserted my username. I clicked on app on the tool bar.

1000005061.jpg

Step 2

Then I typed gradients on the search box. Different icons of gradient appeared. I selected the first gradient icon .

1000005067.jpg

1000005070.jpg

Step 3

I chose the colour by clicking ➕ colour botton to open the solid and pick up hex code. In the screen shot I have indicated the ROTATE and FLIP option with arrows ⬅️. By clicking rotate option we can change the angle of colour transition and by clicking the flip option we can reverse the colour transition.

1000005055.jpg

Step 4

Now I have created one gradient of three transitions of single colour by clicking the linner, radial and angular options as shown in screen shots.

1000005073.jpg

1000005076.jpg

1000005083.jpg





Gradient (b)

Step 1

Following the first two steps of gradient (a) and add a Stop over colour. I picked up the hex codes of two different colours.

1000005097.jpg

1000005104.jpg

Step 2

Flowing the step 4 of gradient a) I have created one gradient of three transitions of two colours by clicking the linner, radial and angular options as shown in screen shots.

1000005088.png

1000005089.png

1000005090.png

1000005091.png

Gradient (c)

Step 1

After Following step 1 of Gradients (a) & (b) I added new stops with different colours. I also pick-up three hex codes of different colours.

1000005113.jpg

1000005108.png

1000005106.png

1000005107.png

Step 2

One can adjust the colour stop posting as I have selected as 13, 51 and 78 respectively. Finally I created the gradient with three colours.

1000005117.jpg

1000005110.png

Text gradient

I selected app from the tool bar. Typed gradient on the search bar. Selected Google g gradient. I add one colour in the bar. Typed on the body text. I created text gradient as follows.

1000005129.jpg

1000005130.png

1000005134.jpg

1000005126.png

I created above thumbnail flyer for the post.

Thank you for reading my post.

I would like to invite three fellow Steemians to participate in the contest
@crismenia
@eveetim
@georgitsachev


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:  
Loading...

¡Holaaa amigo!🤗

Esta clase me hizo comprender que, los Gradientes son una excelente oportunidad para aprender a utilizar la combinación de colores adecuados porque, más allá de que nos guste un tono, estos si están trabajando entre varios hay que seleccionarlos adecuadamente porque de lo contrario, no vamos a lograr el impacto visual que esperamos.

Hiciste una practica muy buena amigo... Ahora a utilizar estas técnicas en sus diseños jajaja. Te deseo mucho éxito en la dinámica... Un fuerte abrazo💚

Thank you so much for visiting and encouraging words.