Unlocking Creative Secrets For Designers!

are you still struggling with color on your designs or maybe you think you learned everything already and you're looking for some new tips let's start today with a very very simple method that can help anybody choose a great color scheme on their designs firstly decide on one base color for your design now you can do this by thinking about an emotion you want to evoke maybe calmness with blue maybe it's just the main color that your brand or client is using or it might just simply fit the industry that you're designing for so like here the color notorious with the vegan industry is green and that would be the base color for the designers color scheme on this project then take that one single color and check out how it fits onto the color wheel in regards to three different harmonies so first we have complementary harmonies and depending on the kind of green that you choose you could end up with anything from orangey Reds to purple and even maybe Brown it can also depend on on your tints and the shades of the actual color that you're using the main color green could then be accented with the second color which will be used to pick out focal points or maybe call to actions on your design the second Harmony that I think is good in this situation is analogous and for green that would be greens into blues and potentially purple and then the other way it could be greens into yellows analogous offers less contrast so when it comes to applying color to a design you need to consider how you want to emphasize certain details to the viewer you also don't need to stick to three colors you can pick a base color and then say four different colors that are within the same area this scheme offers less contrast but a kind of subtle approach and then finally we have split complementary which essentially offers up one base color and then two secondary colors so green and then purple and orange as an example in choosing one base color and then opting for these harmonies you can quickly and easily make color palettes that potentially work really really well for your designs but what about when you actually finish your design and it kind of looks a bit unorganized and it just doesn't tie together very neatly it might be due to several different reasons but color is often one of the causes there is a very quick and simple thing you can do in Photoshop or other programs this is a thumbnail design for a previous video on this channel and I do like the concept and I do like the design however guys if I take a shape layer of blue and I lay it over my design and then change the blend mode and finally go ahead and adjust the opacity to something that I think works well on my design well now I have an entire scene that does seem to gel and tie together really nicely this wouldn't work on every single design or every single situation of course but it's just one of those kind of really neat tricks to keep at the back of your design mind as as a designer you should be thinking about how to control the eye and also the mind of your viewers no we're not hypnotists or control freaks but we must think about what is important on our designs and then apply a color accordingly we can highlight this with hierarchy and contrast or often in the case of today's video just simple color use you will notice this a lot on website designs where clickable buttons or important parts of information are clearly made to stand out with color and that just seems really obvious right but let's look at a few examples that demonstrate exactly what we've spoken about so far in today's video on this first design right here for McDonald's the designer has taken one of the brand colors which is red and then created an interesting background similar to what we looked at in a different video on this channel and then they've used a complementary color to that red which is a deep green and they've created a color scheme for the design based around that complementary color schemes are always striking and contrasting and here it's just emphasizing to the viewer the main focal points some people might look at this second design and assume that it's monochromatic but they'd be wrong this is analogous and it's a really good example of how you can incorporate one with a gradient onto a design and remember analogous tends to be non-contrasting and that's because it uses colors from the same area on the color wheel and so it can either be really warming or cool in this case it's cool it's made even more calming due to the nature of a gradient being used instead of block colors but what about this one right here now this design doesn't only look really cool but actually it's pretty sneaky with the color scheme now you might consider this being analogous once again however notice the touches of rare that I used to emphasize small details the red indicates that this is a split complementary color design using not red as the base color but as a starting point and the red is used to highlight other areas but I'm sure you're going to agree this gradient effect is really really cool and so let's quickly look at how to recreate that technique because well why not so in Photoshop coming to the layers panel and on your image come down to the layers adjustment menu we first want to desaturate the image right here my design is already pretty much in grayscale but this is how you do it in adjustment layer then add another layer adjustment but this time we want to choose gradients select your gradient and then dictate the angle that you want to move the gradient across your design but importantly make sure to move the gradient layer adjustment above the desaturation layer once you've finished a tinkering with the gradients come and change the blend mode of the gradient layer to something like overlay and we can also adjust the opacity as well if you feel like the effect is just too strong one further technique that we can use here is the Dodge tool and we use that to click and just highlight over areas of the design that you really want to emphasize that are highlighted with light in the slider setting at the top make sure to use a low exposure setting and I often just use something like two or three but yeah this is how you can recreate the effect on the design that we just saw and now all you need to do is you need to go and find some dope typography and just add those Finishing Touches the next tip is to make use of the HSB sliders when working on designs but importantly why H for Hue or where on the color spectrum it is s for saturation also known as richness and B for brightness the main reason I like this slider is because if you've already established a very strong color scheme you can just play around with the brightness and saturations but remain on the same sort of ballpark in terms of the color but yeah you can really change the way your design looks and feels with this HSB slider more saturation for loudness less saturation for calmness and so on this is actually really important if you want to dictate color in terms of an emotional response and that's something we talked about in a different video which you can find linked in the corner also like I've mentioned in a previous video sticking to a rule that actually originated from interior design the 60 30 10 rule that can really help make an effective color palette and end design solution to learn more about that and some more graphic design tips just click the video on screen and until next time guys design your future today peace foreign [Music]

Channel: Satori Graphics

Views: 88,165

Keywords: graphic design colour, graphic design, color theory, graphic design colour schemes, graphic design colour wheel, graphic design colour theory, color wheel, satori graphics tutorials, color schemes, color palette, color, color theory graphic design, colors, color scheme, how to become a graphic designer, complimentary colors, color harmony, coulour theory, color tips

Id: MCFD077zt1Y

Length: 7min 28sec (448 seconds)

Published: Mon Nov 21 2022