| operations |
| comment | | "parent_author":"",<br>"parent_permlink":"graphics-s21wk1",<br>"author":"impersonal",<br>"permlink":"slc21-wk1-introduction-to-gradients-and-application",<br>"title":"\"SLC21\/WK1: Introduction to Gradients and Application.\"",<br>"body":"<div class=\"text-justify\">\n\nGreetings friends of Steemit and Instructors \n\n![1000005145.png (https:\/\/cdn.steemitimages.com\/DQmP2RM9qpBtcDrrSLPM7AQwpQbCco7tnWrNvuxiAbfPkE5\/1000005145.png)\n\nA color gradient is a visual transition in one,<br> between two or more colors,<br> blending hues,<br> shades and saturation levels to create a smooth,<br> cohesive visual effect both in background and text.\n\nHere are some color gradient types beyond Angular,<br> Linear and Radial:\n\n|Gradient Types |Description|\n|-|-|\n|Diamond Gradient|A diamond-shaped gradient,<br> often used for backgrounds or textures|\n|Square Gradient|A square-shaped gradient,<br> useful for creating pixel art or retro designs|\n|Spiral Gradient|A swirling spiral pattern with smooth color transitions.|\n\nGradient (a)\n\nStep 1\n\nI have open Canva. I took a square 1080x1080 template. I inserted my username. I clicked on app on the tool bar.\n\n\n![1000005061.jpg (https:\/\/cdn.steemitimages.com\/DQmce2nhN4eb44pxXueaLYowoMRU7yGSqz9AYfjeA5KqEXC\/1000005061.jpg)\n\nStep 2\n\nThen I typed gradients on the search box. Different icons of gradient appeared. I selected the first gradient icon .\n\n <div class=pull-left>\n\n![1000005067.jpg (https:\/\/cdn.steemitimages.com\/DQmY9wbqUWHDgC69gfK6qi1e8iLuokNWMnrV9ktwouQZNpt\/1000005067.jpg)\n\n <\/div>\n\n <div class=pull-right>\n\n![1000005070.jpg (https:\/\/cdn.steemitimages.com\/DQmaSZmacqPFvpmpqWirxNfgMQ4fLXePkYzJjyJySYTYg2Y\/1000005070.jpg)\n\n <\/div>\n\nStep 3\n\nI chose the colour by clicking \u2795 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 \u2b05\ufe0f. By clicking rotate option we can change the angle of colour transition and by clicking the flip option we can reverse the colour transition.\n\n\n![1000005055.jpg (https:\/\/cdn.steemitimages.com\/DQmRbiZ1wQaLXYSMN9JY63tBZLrXy8v7uPbNDPD7Gsm53s8\/1000005055.jpg)\n\nStep 4\n\nNow I have created one gradient of three transitions of single colour by clicking the linner,<br> radial and angular options as shown in screen shots.\n\n<\/div>\n\n<div class=\"pull-left\">\n<div class=\"pull-left\">\n\n![1000005073.jpg (https:\/\/cdn.steemitimages.com\/DQmUh2HyVqjiJpUx9ZGzygFuj1gHj8pudebMresTYnD9RJ5\/1000005073.jpg)\n\n<\/div>\n\n<div class=\"pull-right\">\n\n![1000005076.jpg (https:\/\/cdn.steemitimages.com\/DQmSmrAUd9FokjsWckJcHY4NrTCQY3C4vjVwjUUnBW28ims\/1000005076.jpg)\n\n<\/div>\n\n\n\n<\/div>\n<div class=\"pull-right\">\n<div class=\"pull-right\">\n\n![1000005083.jpg (https:\/\/cdn.steemitimages.com\/DQmSe8bhhrCKT1cW5gTN4YVvAXhCMb6PGqmkY5LdnnwJZyS\/1000005083.jpg)\n\n<\/div>\n<\/div>\n\n<br>\n<\/br>\n\n---\n\n<\/div>\n\n<div class=\"text-justify\">\n<div class=\"text-justify\">\n\nGradient (b)\n\nStep 1\n\nFollowing the first two steps of gradient (a) and add a Stop over colour. I picked up the hex codes of two different colours.\n\n<div class=pull-left>\n\n![1000005097.jpg (https:\/\/cdn.steemitimages.com\/DQmU1ypZ7SWF2bU2dcEK1FWSJRFJZX25tKw5LYEeBb9gfcg\/1000005097.jpg)\n\n <\/div>\n\n <div class=pull-right>\n\n![1000005104.jpg (https:\/\/cdn.steemitimages.com\/DQmcWvq7WRRveM74EBAbkh1GpmheXcRcA1cjz1DFs9dTvwj\/1000005104.jpg)\n\n <\/div>\n\nStep 2\n\nFlowing the step 4 of gradient a) I have created one gradient of three transitions of two colours by clicking the linner,<br> radial and angular options as shown in screen shots.\n\n <div class=pull-left>\n\n![1000005088.png (https:\/\/cdn.steemitimages.com\/DQmZr8e54jHBQc99pdipnSD5jbYjR1bzsfQz4zntPRXXxd2\/1000005088.png)\n\n <\/div>\n\n <div class=pull-right>\n\n![1000005089.png (https:\/\/cdn.steemitimages.com\/DQmTzTsznsAse1i24cKnuBrtTLrpdqwnJHWREqsKGCiDU3U\/1000005089.png)\n\n <\/div>\n \n <div class=pull-left>\n\n![1000005090.png (https:\/\/cdn.steemitimages.com\/DQmf9rXEJh62ADud1gUAei853SftqHDjMwXK1vzNbGspS2m\/1000005090.png)\n\n <\/div>\n\n <div class=pull-right>\n\n![1000005091.png (https:\/\/cdn.steemitimages.com\/DQmULJnaFtj91HZA3L2RWxrKnGLjKNAfFpALMKGenivqNwF\/1000005091.png)\n\n <\/div>\n \nGradient (c)\n\nStep 1\n\nAfter Following step 1 of Gradients (a) & (b) I added new stops with different colours. I also pick-up three hex codes of different colours.\n\n\n <div class=pull-left>\n\n![1000005113.jpg (https:\/\/cdn.steemitimages.com\/DQmPaVJQFykh36iEKuebL8tXt6pnzEqCpivqqfgZac4j2ks\/1000005113.jpg)\n\n\n![1000005108.png (https:\/\/cdn.steemitimages.com\/DQmSAQzwvMojoYX9RH7bbjCyftNhhQSRGr7QWxLzCjexgyi\/1000005108.png)\n\n\n <\/div>\n\n <div class=pull-right>\n\n\n![1000005106.png (https:\/\/cdn.steemitimages.com\/DQmWwJUdi8fMLnvrBcx3HLZSceKv8sC2FeYTYUKaPbYwpZE\/1000005106.png)\n\n\n![1000005107.png (https:\/\/cdn.steemitimages.com\/DQmWZfm2Hng9fEorS5QeL77Mjk7U8mK5uxbspjkT22MdjvP\/1000005107.png)\n\n\n <\/div>\n \nStep 2\n\nOne can adjust the colour stop posting as I have selected as 13,<br> 51 and 78 respectively. Finally I created the gradient with three colours.\n\n\n <div class=pull-left>\n\n![1000005117.jpg (https:\/\/cdn.steemitimages.com\/DQmYEw6usPeUSX5QAQRCKkyG69avyC99kHic9jhTQ33DtYJ\/1000005117.jpg)\n\n <\/div>\n\n <div class=pull-right>\n\n![1000005110.png (https:\/\/cdn.steemitimages.com\/DQmZAfktEX9TimeUk1bUJeXAPGotiFfUZUYpCfvkhGmcLnu\/1000005110.png)\n\n <\/div>\n \nText gradient \n\nI 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.\n\n\n <div class=pull-left>\n\n![1000005129.jpg (https:\/\/cdn.steemitimages.com\/DQmULVStgnVZYAZAoWcLk2Qfw6dYd3nkoekUJcGFb2R7Ken\/1000005129.jpg)\n\n\n![1000005130.png (https:\/\/cdn.steemitimages.com\/DQmc7GEmJGBw1dKvKzPamdo9CPtmFGuEAjw2Gp6jvZJE6s5\/1000005130.png)\n\n <\/div>\n\n\n <div class=pull-right>\n\n![1000005134.jpg (https:\/\/cdn.steemitimages.com\/DQmUShN1uDDVyh9fMbZUTJmfhRkUn5dVuA7tSyeBQvXWeoz\/1000005134.jpg)\n\n\n![1000005126.png (https:\/\/cdn.steemitimages.com\/DQmUzRWofK5yvUhyFD8Qusko7GXw6TGwrNHNFiMrppB63ta\/1000005126.png)\n\n <\/div>\n \nI created above thumbnail flyer for the post.\n\nThank you for reading my post.\n\nI would like to invite three fellow Steemians to participate in the contest\n@crismenia\n@eveetim\n@georgitsachev",<br>"json_metadata":" \"tags\":[\"graphics-s21wk1\",<br>\"canva\",<br>\"steemexclusive\",<br>\"club5050\",<br>\"india\" ,<br>\"users\":[\"crismenia\",<br>\"eveetim\",<br>\"georgitsachev\" ,<br>\"image\":[\"https:\/\/cdn.steemitimages.com\/DQmP2RM9qpBtcDrrSLPM7AQwpQbCco7tnWrNvuxiAbfPkE5\/1000005145.png\",<br>\"https:\/\/cdn.steemitimages.com\/DQmce2nhN4eb44pxXueaLYowoMRU7yGSqz9AYfjeA5KqEXC\/1000005061.jpg\",<br>\"https:\/\/cdn.steemitimages.com\/DQmY9wbqUWHDgC69gfK6qi1e8iLuokNWMnrV9ktwouQZNpt\/1000005067.jpg\",<br>\"https:\/\/cdn.steemitimages.com\/DQmaSZmacqPFvpmpqWirxNfgMQ4fLXePkYzJjyJySYTYg2Y\/1000005070.jpg\",<br>\"https:\/\/cdn.steemitimages.com\/DQmRbiZ1wQaLXYSMN9JY63tBZLrXy8v7uPbNDPD7Gsm53s8\/1000005055.jpg\",<br>\"https:\/\/cdn.steemitimages.com\/DQmUh2HyVqjiJpUx9ZGzygFuj1gHj8pudebMresTYnD9RJ5\/1000005073.jpg\",<br>\"https:\/\/cdn.steemitimages.com\/DQmSmrAUd9FokjsWckJcHY4NrTCQY3C4vjVwjUUnBW28ims\/1000005076.jpg\",<br>\"https:\/\/cdn.steemitimages.com\/DQmSe8bhhrCKT1cW5gTN4YVvAXhCMb6PGqmkY5LdnnwJZyS\/1000005083.jpg\",<br>\"https:\/\/cdn.steemitimages.com\/DQmU1ypZ7SWF2bU2dcEK1FWSJRFJZX25tKw5LYEeBb9gfcg\/1000005097.jpg\",<br>\"https:\/\/cdn.steemitimages.com\/DQmcWvq7WRRveM74EBAbkh1GpmheXcRcA1cjz1DFs9dTvwj\/1000005104.jpg\",<br>\"https:\/\/cdn.steemitimages.com\/DQmZr8e54jHBQc99pdipnSD5jbYjR1bzsfQz4zntPRXXxd2\/1000005088.png\",<br>\"https:\/\/cdn.steemitimages.com\/DQmTzTsznsAse1i24cKnuBrtTLrpdqwnJHWREqsKGCiDU3U\/1000005089.png\",<br>\"https:\/\/cdn.steemitimages.com\/DQmf9rXEJh62ADud1gUAei853SftqHDjMwXK1vzNbGspS2m\/1000005090.png\",<br>\"https:\/\/cdn.steemitimages.com\/DQmULJnaFtj91HZA3L2RWxrKnGLjKNAfFpALMKGenivqNwF\/1000005091.png\",<br>\"https:\/\/cdn.steemitimages.com\/DQmPaVJQFykh36iEKuebL8tXt6pnzEqCpivqqfgZac4j2ks\/1000005113.jpg\",<br>\"https:\/\/cdn.steemitimages.com\/DQmSAQzwvMojoYX9RH7bbjCyftNhhQSRGr7QWxLzCjexgyi\/1000005108.png\",<br>\"https:\/\/cdn.steemitimages.com\/DQmWwJUdi8fMLnvrBcx3HLZSceKv8sC2FeYTYUKaPbYwpZE\/1000005106.png\",<br>\"https:\/\/cdn.steemitimages.com\/DQmWZfm2Hng9fEorS5QeL77Mjk7U8mK5uxbspjkT22MdjvP\/1000005107.png\",<br>\"https:\/\/cdn.steemitimages.com\/DQmYEw6usPeUSX5QAQRCKkyG69avyC99kHic9jhTQ33DtYJ\/1000005117.jpg\",<br>\"https:\/\/cdn.steemitimages.com\/DQmZAfktEX9TimeUk1bUJeXAPGotiFfUZUYpCfvkhGmcLnu\/1000005110.png\",<br>\"https:\/\/cdn.steemitimages.com\/DQmULVStgnVZYAZAoWcLk2Qfw6dYd3nkoekUJcGFb2R7Ken\/1000005129.jpg\",<br>\"https:\/\/cdn.steemitimages.com\/DQmc7GEmJGBw1dKvKzPamdo9CPtmFGuEAjw2Gp6jvZJE6s5\/1000005130.png\",<br>\"https:\/\/cdn.steemitimages.com\/DQmUShN1uDDVyh9fMbZUTJmfhRkUn5dVuA7tSyeBQvXWeoz\/1000005134.jpg\",<br>\"https:\/\/cdn.steemitimages.com\/DQmUzRWofK5yvUhyFD8Qusko7GXw6TGwrNHNFiMrppB63ta\/1000005126.png\" ,<br>\"app\":\"steemit\/0.2\",<br>\"format\":\"markdown\" " |
|