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

in burnsteem25 •  4 days ago 

My first gradient graphic design_20241029_142548_0000.jpg


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


First of all if I talk about gradient then it is a visual effect of colours which seems to be very smooth and it can be just like a transition in between two or more colours.

I want to talk about now some of the types of gradients;

Diamond gradient

If there is a transition in between different types of colours that seems to be very smooth and this transition is in the shape of diamond then it would be called diamond gradient.

Reflective gradient

If there is a transition in between colours with a mirror like reflection then it would be called reflective gradient as this is something related to reflection by its name.

Noise gradient

If there is a random and properly smooth textured transition present in two or more colors then it would be regarding as noise gradient.

Other types are;

• Linear gradient.
• Radial gradient.
• Horizontal and vertical gradient.
• Angular gradient.


Create 3 gradients using the following guidelines.


One color gradient

If I talk about one colour gradient then this is basically transition in between one color different shades.

Using purple light and dark shades

• First of all I choosed 1080×1080 dimensions post and then I locate apps option from where I searched gradient option.

• After that I clicked on gradient option and then I click on create as I want to create my gradient.

IMG_20241029_192413.jpgIMG_20241029_192509.jpg

• I decided to choose purple color for making one color gradient.

IMG_20241029_192609.jpgIMG_20241029_192706.jpg

#7953D6 is hex code of light purple color and #6535D8 is hex code of dark purple.
• I set them according to my choice so light purple was more prominent in design than dark purple.
• After that I add it to my page.

Untitled design_20241029_131429_0000.jpg

• This is final look of design.

Two colors gradient

If I talk about two colours gradient then this is basically transition between two different colours that makes a smooth texture of design when two colours combined together.

Using Pink and red

IMG_20241029_192842.jpgIMG_20241029_192926.jpgIMG_20241029_193014.jpg

#E43B3B is hex code of red color.
#DF52A3 is hex code of dark pink color.
• Red is most prominent color in design than pink color.

Untitled design_20241029_135107_0000.jpg

• See in final look the smooth texture of two different colors.

Three colors gradient

If I talk about three colours gradient then this is basically transition between free different colours that are closely related to each other and when combined with each other then they give us more smooth texture.

Using yellow, mustard and orange

IMG_20241029_193051.jpgIMG_20241029_193123.jpgIMG_20241029_193155.jpg

#FFDE59 is hex code of yellow color.
#FFBD59 is hex code of mustard color.
#FF914D is hex code of orange color.
• All colors are combined together with different percentages but orange is prominent color in design.

Untitled design_20241029_142023_0000.jpg

• See a smooth three colors gradient.


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.


• Locate canva app.
• Select 1080×1080 dimensions post.
• Locate apps option.
• Search typegradient.
• Open typegradient and write in option or box of main text.

IMG_20241029_193237.jpgIMG_20241029_193304.jpgIMG_20241029_193340.jpg

• I write gradient graphic design in main text box and then choosed sky blue color with hex code of 00e1e1.
• I add it to page then and watermarked this design with my username.

My first gradient graphic design_20241029_143315_0000.jpg

• See this text gradient finally.


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.


At last I have made a three colour gradient that's why I decided to make my flyer design at this gradient. First of all I opened this post and then I locate option of element and choose a round frame.

Untitled design_20241029_142023_0000.jpgMy first gradient graphic design_20241029_142548_0000.jpg

• First of all I set my any one picture in that frame and then simply I wrote my first gradient graphic design at end of the post with league Spartan font style.

• At top of design I wrote SLC S21W1.

• Now my simple design is ready.

I want to invite here @kouba01,@goodybest,@lirvic,@mile16

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:  

Upvoted! Thank you for supporting witness @jswit.

Loading...