SLC21/WK1: Introduction to Gradients and Application

in Steem4Nigeria18 days ago (edited)

1000033684.jpgSun, November 3

Gradient in Graphics

photostudio_1672365129022.png

Discuss Gradients the way you understand them. Also, mention other types of gradients not captured in this lesson.

Gradient is a visual effect in graphics design that creates a smooth transition between two or more colours, adding depth, dimention, and visual interest through a gradual change in colour, shade, and transperency.

You can look at it as a smooth sneaky transmission between two hues, a point where colours do karaoke and blend with each other.
Practically, gradient is the colour version of song blend, a technique used in Djing and music mixing to blend the ending part of one song to the beginning of another song such that the music runs nonstop, flowing from one to the other.
In music, during the blend, the tempo of one music will have to be adjusted to match the other, such that the listener will not feel the point of switching.
For best results, lyrics and beats are gradually being transposed between the ending song and the one taking over.

This is how I see a colour gradient, the mixing and transitioning between colours like the dj would do with music in a nonestop mode.

Types of gradients

Form smooth transitions to vibrant fusions, gradiants have many faces. Let's look into the diverse thpes of gradient that brings colour harmony to a design:

1. Linear Gradient:
1000034066.jpg
Transitions between two or more colours in a straight line, which creates a smooth, continuous effect. Linear gradient can be horizontal, vertical or diagonal at other levels we have reverse linear gradient and multicoloured linear gradient.

2. Radial Gradient:
1000034068.jpg
Transitions between colors in a circular pattern, an effect where colour burst out and spreads like fireworks, spreading from a central point and gradually changing as it spreads out.

3. Angular Gradient:
1000034070.jpg
This type of graduate is also known as a conical transitions between colors at a specific angle which creats a sharp geometric effect.

4. Diamond Gradient:
This is a type of transitions between colors that assume a stylish diamond-shaped pattern.

5. Reflected Gradient:
This is a design element that creates symmetry by appling a merror effect to any gradient giving it a twin that mirrors the original gradient to create symmetry.

6. Horizontal Gradient:
Transitions between colors from left to right.

Create 3 gradients using the following guidelines.

a. The first gradient should be made with just one colour having different complementary shades. Ensure you reveal their hex codes.

1- load canva
2- Select canvas size
3- Select app

1000026543.jpg1000033939.jpg1000033940.jpg
Loading Canvaselect sizeselect app

Type in gradient and select gredient
4- Type gredient
5- Select gredient
6- Select colour
7- Flip or rotate
8- add to design

1000033942.jpg1000033944.jpg1000033948.jpg
type gredientselect gradientrotate and flip

1000033952.jpg
My one colour gredient

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

To accomplosh this. Follow the steps above from step 1 to 5
6- select colour slide and get the wheel
7- Select first colour [C1FF72]
8- Select second slide and get the wheel
9- Select second colour [FFDE59]

1000033954.jpg1000033963.jpg1000033965.jpg
select thisselect wheel input hex

10- add to design

1000033961.jpg

C1FF72 and FFDE59 are very close in the colour wheel

c. The third gradient should be made using three colours (hex codes) that blends perfectly.

Follow from step one to five,

1000033967.jpg1000033970.jpg1000033979.jpg
add moreselect herenow three

1000033981.jpg

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

Select the canvas size
Get some text ready
Go to app
Type in gredient
Select type gredient
Edit the defult text using @manuelhooks

1000033992.jpg1000033994.jpg1000033995.jpg
Type gredientEdit textto manuelhooks

Adjust the colour to your choice

1000033997.jpg1000033999.jpg
adjust colourEdit colour
  • Activate the update to take effect
  • adjust position
  • select font but remember to update

1000034001.jpg

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

  • With the radial gradient
  • Select elements
  • Go down to stickers
  • Select the GIF gears
1000034008.jpg1000034006.jpg
input gearsinsert text
  • Bring in the gears fron insert
  • Enter and arrange text
  • the final prudent
1000034003.jpg1000034004.jpg1000034002.jpg
input gearsinsert textFinal Product

1000033983.jpg


Conclusion
Launching new chapter with grediant and being determined to follow up and get the best out of this. @bela90, @udyliciouz and @okere-blessing are invited to join us in exploring the exciting features of the canva app.

#graphics-s21wk1 #burnsteem25
#steemexclusive #learnwithsteem
#nigeria #club5050

Coin Marketplace

STEEM 0.21
TRX 0.20
JST 0.034
BTC 98163.99
ETH 3354.48
USDT 1.00
SBD 3.02