Michael T Ganschow Green: alrighty then welcome back to a another session of our group therapy here so today is color the wonderful world of color.
Michael T Ganschow Green: As well as some additional photoshop madness for those of you got here early enough you notice that my cat Tom was warming the instructor seat here, so I thought I would point the webcam at him.
Michael T Ganschow Green: And for those who got here early you would get a nice a nice little view of him, I think, a couple of you have microphones on trying to talk to them and that manage to spook them enough because I don't think my computer has ever talked to him before that he.
Michael T Ganschow Green: That he took off running.
Michael T Ganschow Green: I was that was good so well done and thank you.
Michael T Ganschow Green: So let's see here just double check that i'm recording things for my yep there it is for my.
Michael T Ganschow Green: Distance viewers, who may be watching this some strange far away time don't worry I see you too alright so.
Michael T Ganschow Green: i'm just couple of housekeeping things before we get started um so there's been you guys have had some questions about project, one which is good.
Michael T Ganschow Green: Just a quick reminder preliminary critique the project, one is do a Tuesday the ninth that is.
Michael T Ganschow Green: This coming Tuesday, so a lot of you, I know are thumbnails and beginning to work on your roughs so again feel free to hit me up if you had questions um.
Michael T Ganschow Green: One of you sent me a really cool video on thumbnails which I thought was pretty neat that was and you asked okay Is this what you mean by thumbnail, and this is exactly what I mean by thumbnail so.
Michael T Ganschow Green: i'm going to show this video real quick and then we're going to do a little care and feeding in the forum, I want to.
Michael T Ganschow Green: Show you guys how to how to attach things in the forum for your critique posting.
Michael T Ganschow Green: A post stuff up and then from there on the end we'll go over color I got some good videos on that plus my own two cents and then we will leap back into photoshop and we'll continue making our terrible terrible terrible.
Michael T Ganschow Green: color guy here so and I just got to chime from zoom saying oh good okay so zoom was having some issues.
Michael T Ganschow Green: out putting the video for the other class it looks like that's just resolved just now so excellent maybe it's because I had zoom running or something so the other classes.
Michael T Ganschow Green: has been finished ripping, so I will toss that up on the class website tonight that also means we got a.
Michael T Ganschow Green: chat log in there, so I can go grab that chat log and pull the colors that you guys volunteered for the photoshop jacked and will continue using those because there was a few that I did not get to, and I want to show some things off alright so First things first.
Michael T Ganschow Green: Let me do some screen sharing here.
kathy rueckl: Why don't you sent me this.
Michael T Ganschow Green: cool video on.
Michael T Ganschow Green: On thumbnail and it was basically just showing thumbnails and asking is just what you meant and yeah This is exactly what I meant so hang on a second this video right here.
kathy rueckl: This local access message is brought to you by uber eats.
Michael T Ganschow Green: Go this is before you start designing logos and illustrator, we need to actually sketch a bunch of ideas out.
Michael T Ganschow Green: it's not easy to do this with a pencil and paper or some people prefer a journal or some kind of notepad you can also use a pen but you won't be able to erase most likely, so the idea is that you're drawing a bunch of squares and they're called thumbnails and you just drawn ideas in.
kathy rueckl: them so there's a lot for more ideas more quickly, so one tip is to look at composition, how are the elements in these logos going to be composed.
kathy rueckl: So, are you going to use some kind of rule of thirds are you going to put some things up top and have something centered have a symmetrically.
kathy rueckl: oriented logo, are you going to use mostly letters and shapes and so on, so it helps you just start composing the elements second tip is to try initials so a monogram style.
kathy rueckl: logo, you might try to send to the client as part of your services, not one that's just spelled out, but also a monogram or maybe even just one symbol.
kathy rueckl: So try that out and try different shapes of these letters together just the initials of the company and see if you can come up with something unique and creative.
kathy rueckl: And the next tip is to sketch shapes so think about different shapes that you can draw.
kathy rueckl: But this is much easier and quicker just to do with a pencil and paper, instead of just trying to.
kathy rueckl: right away draw something in illustrator so think of different shapes that you can incorporate maybe replace a letter with some kind of shape.
kathy rueckl: or add a shape to a letter or the entire word or enclose it in a shape around the edges and see what you come up with, and the next tip is to look at negative space So is there blank space on the edges up at the top, or the bottom.
kathy rueckl: Is there blank space, even in the middle kinda like in the fedex logo, creating that arrow so just look at different compositional elements and principles and you're just coming up with ideas almost like free reading but you're just drawing and again just sketch a lot.
Michael T Ganschow Green: You want to go from quantity because you'll get quality out of quantity so come up with a bunch of different ideas and then, once you have a couple that you like you can move on to illustrator.
create a professional logo.
Michael T Ganschow Green: Now, obviously, that one was logo focus, but you saw how fast, he was banging those out thumbnail and really shouldn't take you all that long if you've kind of.
Michael T Ganschow Green: gathered up your thoughts you basically just sort of sit down and kind of spit design ideas at the paper and if you're like I said, if you're spending more than a couple of minutes on a thumbnail you're spending too long, so.
Michael T Ganschow Green: When you're laying your thumbnails out just bomb bomb bomb bomb bomb bomb bomb throwing down but yeah whoever I can't remember who said that.
Michael T Ganschow Green: um but whoever sent that Thank you and that's exactly what I meant with thumbnails where he was just kind of boom BA BA BA BA BA boom bang and amount of like that that is that's a perfect thumbnail summary and if I teach this class online again i'm a huge that.
Michael T Ganschow Green: In the physical class I get up in front of the best I start sketching on the whiteboard but the the sketch tools that zoom provides are not the greatest so.
Michael T Ganschow Green: Usually I bang goes out on the whiteboard that's a good example thumbnail.
Michael T Ganschow Green: Alright, so a couple of care and feeding kicks i've gotten some questions on how to post imagery on the forum.
Michael T Ganschow Green: Because that may be of interest to you in the next few days, so let me show you how to post up images on the forum.
Michael T Ganschow Green: let's go on to the forum here so i'm going to share screen share oh go on to the forum and lock myself in.
Michael T Ganschow Green: get your browser chrome and when you are right now my forum is right there, playing on accidentally trigger there we go.
Michael T Ganschow Green: Alright, so let's go to board index i'm going to post a fake oh project one preliminary critique to show you guys how to set these guys up so we're going to go so i've come to the.
Michael T Ganschow Green: The.
Michael T Ganschow Green: board and we're going to come down here to the sub forum here now, the project one sub form and i'm going to make a new project one here, oh no new topic, yes, oh come on me to sign in because I didn't sign me out while we were waiting alright so.
Michael T Ganschow Green: here's my project one.
Michael T Ganschow Green: I hope you like it.
Michael T Ganschow Green: Alright, so there's my project, one I.
Michael T Ganschow Green: Think somebody who's not muted.
Michael T Ganschow Green: Here in a second hello, I am totally a legitimate graphics too legit to meet with a graphic student.
Who has.
Michael T Ganschow Green: A project one to share.
Michael T Ganschow Green: I think it's cool.
Michael T Ganschow Green: And here's why.
Michael T Ganschow Green: And then, of course I run that along So if you think so, you have a few different ways, you can post imagery to the forum God.
Michael T Ganschow Green: The first one is up here at the top there's this little picture, right here which inserts an image.
Michael T Ganschow Green: tag basically so you learn tags we get an html but for me is is kind of a version tags, so it inserts these little image tags and you can come here and insert I will do one of these nice color psychology boards that i'm going to be showing you guys later.
Michael T Ganschow Green: So we'll put in a nice color psychology infographic and i'll go ahead and paste that in, and what that will do, but if, if you want to see how it's working.
Michael T Ganschow Green: You come down here and your buttons here you've got drafts, you can save your draft.
Michael T Ganschow Green: If you're not done with a post and you're not sure you're going to get back to it, you can save it as a draft and load it up.
Michael T Ganschow Green: But, in our case i'm going to come down here to the four buttons at the bottom i'm going to click preview so that I can see what my post is going to look like look at that there is a commerce.
Michael T Ganschow Green: infographic posted in the middle so again to do that I got to do is come here click image and then, if your imagery is posted online somewhere, then all you have to do is.
Michael T Ganschow Green: Go find that image find the URL for the image here.
Michael T Ganschow Green: i've got zoom browser chrome and the way there we go click back in the tab good it's gone back up and simply add in paste the URL in between these two tags here and then hit preview again to chain and all like there's another image it's up and running now.
Michael T Ganschow Green: they're all your there are other ways as well.
Michael T Ganschow Green: When you're composing your post, if you don't have your imagery hosted online don't worry you don't have to because um.
Michael T Ganschow Green: Another thing that the forum lets you do is attach things Okay, so you can come down here.
Michael T Ganschow Green: To the attachments tab and you can say all right, I would like to attach a file cool so i'm coming here and I could add a file with attachment we're going to pop up and we go all right little go to my desktop.
Michael T Ganschow Green: And we'll go to mtg headshots and we will throw in some pictures Michael.
Michael T Ganschow Green: let's see all right so comments for the file let's go Oh, you can also place your files in line, by the way, if you attach them that's the new functionality, the latest version.
Michael T Ganschow Green: Of the forum added so usually what they'll do is a stick them at the end of your message, but you can also have there, they are you can also.
Michael T Ganschow Green: click in your post right here once you have a file loaded up and coming here clicking your post right here, and you click and the wherever you have your cursor clicked.
Michael T Ganschow Green: You can click this place in line button and it will place the attachment or it'll stick it at the end of the documents, where we're going to place this attachment and we're going to put a final comment, Michael.
Michael T Ganschow Green: dismisses.
Michael T Ganschow Green: Your.
Michael T Ganschow Green: excuses and we go.
Michael T Ganschow Green: Then I can add another one, and another one.
Michael T Ganschow Green: and check a check let's put another headshot up here.
Michael T Ganschow Green: let's go.
Michael T Ganschow Green: boom, this is.
Michael T Ganschow Green: A summary.
Michael T Ganschow Green: Michael.
Michael T Ganschow Green: One more.
Michael T Ganschow Green: Michael.
Michael T Ganschow Green: As an offer you cannot refuse.
Michael T Ganschow Green: Now.
Michael T Ganschow Green: Once you've got your images attached like I said I only have the one placed in line, but if I want to see how this is going to show it can click preview.
Michael T Ganschow Green: it'll check right through and there's my so there's my inline one here, complete with commentary.
Michael T Ganschow Green: And then here are the attachments I didn't put in lines what it will do is stick these attachments at the end of your post and if they're bigger than their thumbnail size, you can click on them and the thing will blow them up to full size, so that you can look and.
Michael T Ganschow Green: and
Michael T Ganschow Green: Properly critique your fellow students work, so it will blow up attachments that are not run in line you know even the inline ones are the blow up that's nice so that's a new feature the forums added.
Michael T Ganschow Green: With this new update that I that I downloaded and put on the forum at the beginning of the Semester so that's cool.
Michael T Ganschow Green: When you've got all of your images attached and you like the way your post looks in the previews that only have to do is click submit right here chaka chaka and it will submit your post.
Michael T Ganschow Green: And people can start commenting on it now, if you discover a mistake, or you want to add something else to your post or you want to expand upon something posts are really easy to edit if you're the original poster of the post when you.
Michael T Ganschow Green: Post it up.
Michael T Ganschow Green: You can simply if you're logged in you can simply come up to the set of tools that are up here in the top right of the post and you click this edit pencil boom and it POPs the post back up again, so that you can edit it.
Michael T Ganschow Green: And even and more.
Michael T Ganschow Green: Like say another attachment.
Michael T Ganschow Green: oops I left one design out, I guess, all right fine.
Michael T Ganschow Green: let's.
Michael T Ganschow Green: frighteningly.
Official.
Like.
Michael T Ganschow Green: There we go and now we can submit that edited version.
Michael T Ganschow Green: boom there's another Michael there's our text all set in there, so on and so forth, so.
Michael T Ganschow Green: Hopefully that will help you with posting a lot of posting questions and i'm hoping that that will be that that will.
Michael T Ganschow Green: assist you do, you have questions on Louis start digging into color stuff because oh boy we've got color.
Michael T Ganschow Green: Do we have questions on anything i've been over in the class before questions up oh I got one other thing I want to show you sorry.
Michael T Ganschow Green: For going into questions I realized I forgot to show you how to add links to your post because.
Michael T Ganschow Green: One of the things i'm asking you to do as part of your project here is to add a link to your post a couple of inspirational links, so what the hey let's say that this medium article on the psychology of color.
Michael T Ganschow Green: Is a incredible artistic and creative influence on me alright cool so I want to put a link to it in my post super duper pooper scooper easy all I gotta do.
Michael T Ganschow Green: Is I got to come up here again to this row of little skittles like like we did with our image i've got a another skill here, called the insert URL scandal.
Michael T Ganschow Green: And there's two ways, you can set up links in the forum Okay, you can either post an insert URL so you get these brackets right here, and then paste in your URL in between, and they will be a link or you can insert these URL brackets here like this, you can put in some text.
Michael T Ganschow Green: And then.
Michael T Ganschow Green: In this first URL tag you can come in here, and you can put in let's go regular peloton calm come back to peloton in a second to this thing's awesome.
Michael T Ganschow Green: um you can put in the first tag instead of just a URL in a set of brackets, you can put URL equals your link, as it says here in the instructional tool tip.
Michael T Ganschow Green: And then submit bang now suddenly you have two links there's two links that will take you places as Balaton I peloton and if I go back there is that medium article.
Michael T Ganschow Green: So there we go excellent excellent excellent excellent alright so we're going to go do that.
Michael T Ganschow Green: So we're gonna go set this up here.
Michael T Ganschow Green: back up so questions on posting anything on your forum sorry about that at the end there, so everything on my post is up and running i've got two links i've got my attached designs and a couple of different ways.
Michael T Ganschow Green: Do have questions on that questions on project blonde questions on any of the layout stuff questions on photoshop.
Michael T Ganschow Green: sure that everybody gets a chance to spreading their thoughts.
Michael T Ganschow Green: Alright, so.
Michael T Ganschow Green: Oh yes, i'm good i'm screen sharing I thought I might have been jabbering along here without screen sharing okay let's talk a little bit about color.
Michael T Ganschow Green: So if I type in the use of type is the way to communicate with a person's conscious, mind you know basically talk to talk to their thinking brain.
Michael T Ganschow Green: color is the way we talk to their lizard brain we get in between the conscious mind and their lizard brain and we insect in feelings basically and using that we are able to.
Michael T Ganschow Green: evoke certain emotions and people to make them more likely to make certain decisions, so let me show you the non spooky bits of color first and then we will dig into the spooky bits.
Michael T Ganschow Green: Alright, so let's do a little gentle non stinky color first.
color it plays a vital role in design and everyday life.
It can draw your eyes to an image.
evoke a certain mood or emotion.
Even communicate something important without using words at all.
Michael T Ganschow Green: So how do we know which colors look good together and which ones don't know the answer is simple color theory.
Artists and designers have followed color theory, for centuries, but anyone can learn more about it, it can help you feel confident in many different situations, whether it's choosing colors for a design.
or putting together the perfect outfit.
all it takes is a little insight and you'll be looking at color in a whole new way.
let's start at the beginning, the very beginning with a refresher on the basics.
Remember learning about primary and secondary colors in school, then you already have some knowledge of color theory.
red and yellow make orange yellow and blue and green and blue and red make purple.
If we mix these colors together we get even more in between shades like red, orange and yellow green.
All together they form what's called a color wheel, you can probably see where it gets its name.
Michael T Ganschow Green: Now let's take it one step further with hue saturation and value, these are terms you might never see in daily life, but they're, the key to understanding more nuanced colors like all those little paint chips at the home improvement store.
hue is the easiest one it's basically just another word for color.
saturation refers to intensity, in other words whether the color appears more subtle or more vibrant.
value has to do with how dark or light the color is, ranging from black to white.
As you can see, this gives us many different shades from a deep reddish brown to light pastel pink.
So how do we put this all together to create professional looking color schemes they're actually tried and true formula is based on something called color harmony that can help all you need is the color wheel.
The easiest formula for harmony is monochromatic because it only uses one color or you just pick a spot on the color wheel and use your knowledge of saturation and value to create variations.
The best thing about monochromatic color schemes is that they're guaranteed to match.
An analogous color scheme uses colors that are next to each other on the wheel like reds and oranges.
or cooler colors like blues and Greens.
don't be afraid to play with the ballot and create your own unique interpretation that's what these formulas really are merely starting points to help guide and inspire you.
complimentary colors are opposite each other on the wheel, for instance, blue and orange.
Or the classic red and green.
Michael T Ganschow Green: To avoid complimentary color schemes that are too simplistic add some variety, by introducing lighter or darker or D saturated tones.
A split complimentary color scheme uses the colors on either side of the compliment, this gives you the same level of contrast, but more colors to work with and potentially more interesting results.
A triad it color scheme it uses three colors that are evenly spaced forming a perfect triangle on the wheel.
These combinations tend to be pretty striking, especially with primary or secondary colors so be mindful when using them in your work.
To track color schemes form a rectangle on the wheel using not one, but two complimentary color pairs this formula works best if you let one color dominate, while the other serve as an accent.
There are a few classic do's and don'ts when it comes to color, for instance, have you ever seen colors that seem to vibrate when their place next to each other.
Michael T Ganschow Green: The solution is to tone it down literally and there's a simple way to do it start with one color and try adjusting its lightness darkness or saturation sometimes a little contrast is all your color palette needs.
Michael T Ganschow Green: readability is an important factor in any design your color should be legible engaging and easy on the eyes.
Michael T Ganschow Green: Sometimes, that means not using color, at least not in every little detail neutral colors like black white and Gray, can help you balance your design, so when you do use color it really stands out.
Every color sends a message it's important to consider the tone of your project and choose a color palette that fits, for example, bright colors tend to have a fun or modern vibe.
The saturated colors often appear more businesslike.
Sometimes it just depends on the context you'd be surprised how flexible color can be.
You can find ideas for color schemes and all kinds of interesting places from advertising and branding.
To famous works of art.
Michael T Ganschow Green: You can even use a web resource to browse color palettes or generate your own brochure you wouldn't even experienced designers take inspiration from the world around them there's nothing wrong with finding something you like, and making it your own.
Everywhere you look there's color color and more color it can be intimidating to use it in your work, but it doesn't have to be.
just keep experimenting and remember what you've learned about colors very soon choosing great looking colors will feel like second nature.
Michael T Ganschow Green: We hope you enjoyed learning the basics of color check out the rest of our design topics just realized that I forgot to include the link to this video in the chat sorry about that guys.
Michael T Ganschow Green: Here comes this so good little starting summary of color color theory.
Michael T Ganschow Green: How to pair colors together to make them look attractive to the human eye because certain colors look better to the human eye.
Michael T Ganschow Green: than other colors so you know it's always good to grab a color wheel and i'll show you a color wheel tool in a minute that's really good for this and play around with complimentary and split complimentary schemes to tragic tragic schemes.
Michael T Ganschow Green: Because they're there.
Michael T Ganschow Green: You might not quite know what they look like until you play with them in one of these tools, so these these this tool that i'm going to show you is great for thumbnail and color schemes, think of it like a lack of like a thumbnail version.
Michael T Ganschow Green: You know where your thumbnail and your layout real quick thing and things out with this tool, you can also thumbnail out your color schemes.
Michael T Ganschow Green: While you're at it, so you can play around and see what different color schemes might look like, for you, so if that can be that can be really super helpful time to time so.
Michael T Ganschow Green: There is the basics of color now we're going to get a little bit more advanced into color theory, there will be a little bit of review of what the last video said with this video, but this is actually a pretty good one and then we'll start digging into color psychology alright so.
Michael T Ganschow Green: plenty of others alright so dig into this one.
Have you ever wanted have some artists able to find perfect color combinations that just seem to work every time.
it's not just art it's science and we call it color theory.
In this video i'm going to show you how to use the color wheel and some basic formulas, known as color harmonies to choose color combinations that are appealing cohesive and just look good using color harmonies you can invoke certain emotions, create a mood or add context to your images.
Michael T Ganschow Green: When you don't use color harmony, you can appear in bland and boring or so chaotic that your brain can't process it properly.
Michael T Ganschow Green: So let's start at the beginning, you may remember back at school, we learned about primary, secondary and tertiary colors.
Michael T Ganschow Green: We are taught that the primary colors are red blue and yellow when mixed together these make this secondary colors green orange and purple take it a step further and you'll get the tertiary colors yellow green red, orange and so on.
Michael T Ganschow Green: base makeup the traditional color wheel that was created by Sir Isaac Newton and helps us to understand how different colors work together.
Michael T Ganschow Green: The traditional color wheel, is no longer the only color wheel that exists.
Michael T Ganschow Green: There are other color wheels and methods that are used by artists and designers to create a bigger range of colors when mix together.
Michael T Ganschow Green: In these color wheels are important and we'll talk about them in a future videos when it comes to choosing color combinations the traditional color wheel is still our best resource.
Michael T Ganschow Green: For understanding color harmony and how colors work together to create beautiful art, there are four main qualities of each color on our wheel, the first is huge.
Michael T Ganschow Green: This is simply the color position around the wheel and the brightest purest version of each color I will use as 12 main pillars, but we can also work with all of the hues in between.
Michael T Ganschow Green: Second, we have saturation this can also be known as intensity or chroma This tells us how vibrant color is a day saturated color is grayed out and dough while I saturated color is vibrant and strong.
Michael T Ganschow Green: Then we have value this tells us had dark or light or color is, we can create shades of color by adding black or 10s of our color by adding what we can also add tone by adding Gray.
Michael T Ganschow Green: And finally, we have temperature the color wheel can be split into two main groups warm colors and cool colors.
Michael T Ganschow Green: That individual colors can also change in temperature, as we move around our wheel a warm red includes more yellow and a cool red includes more blue.
Michael T Ganschow Green: When we combine hue saturation value and temperature, we find ourselves with a myriad of variations of each of our 12 main colors.
Michael T Ganschow Green: So how do we use all these colors together we can use at 12 basic hues on the color wheel, along with some easy to follow formulas to create an endless collection of color combinations that look balanced appealing and just work.
Michael T Ganschow Green: These formulas unknown as color harmonies the first and easiest is a monochromatic color harmony.
Kassandra: This takes just one base color or who from our wheel and uses different shades tones or tends to create a group of colors it's one of the easiest color harmonies to create and look simple cohesive and organized.
Next, we have a complimentary color scheme this takes two colors from opposite sides of the color wheel, such as red and green or blue and orange.
This type of color scheme is great for creating strong contrast in your image.
A split complimentary color scheme is similar to a complimentary color scheme, except for one of the colors is split into two nearby colors.
Is keeps the high contrast of the complementary color scheme but also adds more variety, I try added color scheme uses three colors that are evenly spaced around the color wheel like a triangle.
These color combinations are often bold and vibrant tetrad colors of four colors in a rectangle shape made up of two sets of complementary colors together as one palette.
These palettes work best when you focus on one main color and use the other colors as contrasting accents.
And analogous color scheme uses to to fall colors that are next to each other on the color wheel.
This is one of the simplest and most appealing color harmonies and works best if you choose one dominant color and use the other colors as accents.
These different color harmonies all right good right God to create colors the work well together, you can create more variety, by changing the shades.
turns and tins within each color palette even you endless ways to mix and match colors that look right.
This can all be a bit overwhelming but don't worry after you've started applying these methods you'll start to pick up an intuition and confidence, the which colors work well together and which colors don't.
Here are some general tips to help you first pick one dominant color whichever color harmony you choose using one dominant color will create a sense of balance in your design.
You can choose one main color and use the rules of color harmonies to find other colors that work is accents or smaller details in your design.
Next use just a few colors simple is best adding too many colors in your design can quickly become overwhelming or chaotic to your viewers.
Choosing just a few colors and applying these color rules can create art that is both simple and yet still interesting Finally, you can use color palettes for inspiration.
Learning the rules of color theory can help you know what works well together, but it doesn't mean you have to start from scratch, every time.
You can find color palettes like those i've included in the color catalog that are inspired by nature or existing designs and naturally incorporate colors that look good together.
Choosing good color combinations doesn't have to be hard and challenging yourself to you some of these tools and formulas can expand your skills and help you to be creative in a whole new way.
Michael T Ganschow Green: that's another good one right there, particularly talking about the rules of color i'm one of the it's it's a lot of the rules that we talked about and type griffey very much apply and color in that you want to keep your color schemes.
Michael T Ganschow Green: As simple as you can.
Michael T Ganschow Green: One or two or three colors and then tense and shades of those one or two or three colors will go a long way.
Michael T Ganschow Green: So the more colors you have, the more chaotic it gets, just like the more type faces you add the more chaotic it gets you know so like what type biography.
Michael T Ganschow Green: Whether you need to you know, everybody talks about you know pick one or two and then boulder lighten the types pick one or two or three colors and then.
Michael T Ganschow Green: To create differences among them tend to macheda make them lighter or darker and you'd be surprised at the level of detail that you'll get with those colors and.
Michael T Ganschow Green: i'll show you a good color mixer and one moment here, but first we've talked about the rules color long enough, before I jumped into color psychology do we have color rules questions so basically you know it's keep it simple.
Michael T Ganschow Green: Look at nature, nature has good examples.
Michael T Ganschow Green: you'll develop an eye, as you start playing with it.
Michael T Ganschow Green: will play around with the color wheel, and the second.
Michael T Ganschow Green: Alright, so.
Michael T Ganschow Green: Then let's see here let's pull up the psychology of color and we'll fast forward, because this video's first two thirds of it are basically the same color psychology yeah this isn't kindergarten anymore.
Michael T Ganschow Green: We never have before.
Michael T Ganschow Green: There was.
Michael T Ganschow Green: A Hello world.
Michael T Ganschow Green: But they also nailed this scheme with their posters, we got some good examples in this video but.
Michael T Ganschow Green: He also starts talking about color psychology here, which is OK, now that you've learned how to pair colors with one another.
Michael T Ganschow Green: let's look into the meanings of individual colors after all, a color can have a positive or a negative connotation, so you want to ensure that you're choosing the right color for your audience.
yellow i'd say it's a good place to start the color of the sun, bananas and the unforgettable SMILEY face the color is typically associated with creativity.
optimism and liveliness as long as there isn't too much shade thrown it, you can see the colors in this graphic here the bright yellows make you feel good, while those darker shades almost make you feel sick.
yellow is inviting and it's a big reason why mcdonald's features, the color on their world famous golden arches.
Right it's my favorite color maybe because it's the first color that we all see as babies, or maybe it's because of the desire for more power and importance given that's what it embodies.
Red is memorable and transcended many marketers use red for their call to action buttons and rightfully so people notice read it's a big reason why stop signs spare the color.
The tricky part with red is the number of connotations that are paired with it right can be either positive or negative, which is why it is key to clarify its intent with words, alongside the color.
Blue is another color that emits a wide range of emotions for one person in symbolizes intelligence and a sense of calmness for the other person it's cold and set.
you'll often stumble upon blues used by corporate and technology websites or hospitals, not just to symbolize intelligence, but trust as well also fun fact blue is the most preferred color by all consumers, maybe something to keep in mind.
When it comes to pop there may be no better color than orange it's vibrance is both creative and inviting you want to use brighter orange is for elements that you want to stand out.
And if you're looking for a good background a shaded orange could work to provide a sense of warmth for a viewer.
Often, when we need a break, we might step outside or go for a walk this very well could be because of the green trees in nature, around us that provide a sense of refreshment and serenity.
Can you name one ECO friendly company that doesn't use the color green color psychology has essentially created a rule through the term going green and it's now recognizable everywhere.
violet a character from the Willy Wonka movies, and also a color which symbolizes royalty it's majestic noble and lavish, not to mention it's also termed to be very pretty.
and provides a sense of truthfulness and wisdom it's also a crowd favorite among many female consumers unless your graphic is intended to be spiritual or regal use violence sparingly.
Michael T Ganschow Green: Now, while violent has long been marketed for women so it's pink it's a color of happiness and positivity I mean Have you ever been angry when you saw pink cotton candy.
Michael T Ganschow Green: I haven't and while pink is often associated with them and products, it can be gender neutral as well just be careful and make sure you do your research if you're selling a hammer pink might not be your best option.
Michael T Ganschow Green: I don't know.
Michael T Ganschow Green: Where to differentiate white is a color that we see all around us it's the primary color for paper and the walls in our homes or offices that might be, because it symbolizes cleanliness and clarity, you won't find many graphics without at least a touch of white if so i'm.
Michael T Ganschow Green: willing to bet that the graphic leaves you feeling overwhelmed white is one color that can be used to cover nearly an entire image, after all, the term white space is all about, leaving some room on a graphic blank so our viewer isn't confused.
Black is a color of elegance in formality, you want a slick look use black swan our phones and cars are often at the color black is a great background color as well, so long as it's paired with fiber and colors in the foreground.
Brown is similar to green, in that it provides a sense of all natural it's a supporting color that needs to be just right one shade of brown can look clean, while the other appears dirty.
Think paperbacks there a big part of that going green trend that I mentioned earlier, but the tent must be just light enough to make it feel clean not dirty.
Jordi Cruz Trujillo: And lastly, gold, silver and bronze under metallic colors yes, technically, these are color pigments with metallic powder mixed in.
Jordi Cruz Trujillo: Which is why they're difficult to use on screen and on paper, however, if you're striving for a glamorous look talk to your printing agent, to see how they can help you achieve that perfect metallic color.
Jordi Cruz Trujillo: Ladies and gentlemen, that's all I have for you today take some time to determine which colors and harmonies you think are best for your visuals and get to work on designing one place, you could start his visit his website had to visit me down.
Michael T Ganschow Green: To two.
Michael T Ganschow Green: Rules on the back color.
Michael T Ganschow Green: The the real power of color.
Michael T Ganschow Green: Is in the nonverbal communication, you can do with it and we're talking about layouts and digging into people's pattern recognition and using a pattern recognition to.
Michael T Ganschow Green: To group items and objects that aren't necessarily really grouped, but you can create the.
Michael T Ganschow Green: The feeling of a group set of objects, simply by putting them together and your layout what color can do some very similar things so there's all kinds of emotions associated with color so.
Michael T Ganschow Green: Let me i've got a I got a few from my various notes here and i'm going to send you in the chat here, as well as i've got them posted up on the forum some good articles about color psychology because this is really kind of what you use what you what you.
Michael T Ganschow Green: What you.
Michael T Ganschow Green: grab people with in your design so let's start off with some warm colors as you guys saw in the.
Michael T Ganschow Green: In the previous videos basically you cut a color wheel and half.
Michael T Ganschow Green: The there's one set of the colors are considered warm and those are colors that.
Michael T Ganschow Green: That trigger a higher energy emotional reaction basically things that red, orange and yellow some warm colors are typically used to energize people.
Michael T Ganschow Green: to stoke their passions on their generally considered very positive unless used in some very specific ways they are used to reflect passion happiness enthusiasm and energy, so if we break it down into the individual Hughes.
Michael T Ganschow Green: Red is most commonly used to represent fire violence warfare love passion.
Michael T Ganschow Green: It also makes people hungry it an orange actually when you show it to people it triggers their appetite.
Michael T Ganschow Green: So that's why you will see red and orange used in restaurant logo so much yellow too, but the yellow is not an appetite stimulant yellow is a beckoning color a welcoming color that will welcome them in.
Michael T Ganschow Green: Red is also back to read it's also used to denote importance you know the red carpets.
Michael T Ganschow Green: You know that kind of thing and danger stop signs and things like that you have to be careful with bread, because it can really overwhelm.
Michael T Ganschow Green: On to read you want to use a little bit sparingly it's sort of like a super bold piece of type you want to use that red ever so sparingly.
Michael T Ganschow Green: And it's a very, very versatile color if you, it can be used to convey quite a lot of things red is red captures a lot.
Michael T Ganschow Green: If you probably because it's the color of blood, if you lighten it up, if you lighten the red it becomes more passionate it's it symbolizes a high energy it symbolizes love it symbolizes you know all sorts of positive energetic emotions.
Michael T Ganschow Green: If you shade it if you darken it darker reds symbolize power and elegance much more as well orange is vibrant and energetic orange just happy it's bouncing all over the place.
Michael T Ganschow Green: It represents change most commonly we associate it with autumn and with earth and with the energetic ends of nature, so it's.
Michael T Ganschow Green: it's a.
Michael T Ganschow Green: it's a a.
Michael T Ganschow Green: it's a color that is used when you want to emphasize that that movement is happening it's used to symbolize movement change and vitality basically.
Michael T Ganschow Green: You know sort of the changing of the seasons it's considered more rent more friendly and inviting them read one just widely considered the friendliest color.
Michael T Ganschow Green: And because it's got a bit of yellow in it it's a little more inviting than pure read read can read can sometimes be a little standoffish in its kind of power and craziness and excitement orange is sort of the more approachable read, as it were.
Michael T Ganschow Green: So yellow is is the brightest and most energizing of all the warm colors on it represents happiness and sunshine and hope.
Michael T Ganschow Green: it's inviting yellows another version one, by the way you lighten the yellow up lighter the yellow up to the more it's used for happiness.
Michael T Ganschow Green: And darker yellows mean wealth and permanence because there's a dark in the yellow it starts looking more like gold so in yellow splits the lighter yellows.
Michael T Ganschow Green: And the darker yellows are our that's where the teaching comes in a little bit because that's kind of you simulate gold by darkening a yellow.
Michael T Ganschow Green: i'm so you're cool colors are kind of pretty much the opposite of warm colors so you use cool colors, what do you want to calm people down there calming relaxing kind of reserved at arm's length colors.
Michael T Ganschow Green: And they're they're used to symbolize.
Michael T Ganschow Green: professionalism tradition.
Michael T Ganschow Green: been here a while going to be here a while that kind of thing.
Michael T Ganschow Green: So Green is very down to earth color it's the color most associated with nature, it represents renewal and abundance it's basically the the cool color of plenty essentially many of the calming effect it has a lot of the calming effects of.
Michael T Ganschow Green: cool colors but it adds just a little bit of warm color energy and because it's it's righted Jason to yellow on the color wheel and as a little bit more energy than the other cool colors do Okay, so it is it's because it uses that proximity to inject a little bit of energy into it.
Michael T Ganschow Green: into the emotions that people feel when they when they when they feel it um it's it's if you use it in your designs, it has this kind of balancing and harmonizing effect to it, which is, which is really cool it's used for wealth stability renewal in nature.
Michael T Ganschow Green: Now the coolest of the cool colors the one that is.
Michael T Ganschow Green: The calmest that has the least energy that's kind of the low abv is blue, because it is the furthest away from any of the warm colors okay it's the exact opposite of Orange on the color wheel.
Michael T Ganschow Green: So orange which is you know sassy and happy and all of that is is is exactly opposite on the color wheel of blue so blue is calmness and responsibility.
Michael T Ganschow Green: it's light blues are kind of refreshing and friendly and dark blues a strong and reliable its associated with peace and spirituality.
Michael T Ganschow Green: and tradition and long lasting this so you'll find blues a lot of financial institutions have blue in their logo because it's simple it's it simplifies or symbolizes symbolizes age and.
Michael T Ganschow Green: In kind of knowledge and.
Michael T Ganschow Green: And the idea of continuity.
Michael T Ganschow Green: So you'll see blues use they're basically, for you know to symbolize hey we're not a fly by night.
Michael T Ganschow Green: institution is going to grab your money and run hospitals use blues largely in their logos to calm people down you don't want.
Michael T Ganschow Green: Mullen a lot of hospitals are like moving away from reds and brighter colors in their logo and are going for blues and purples and cooler colors like that, because it kind of want to gently calm people a little bit with their stuff.
Michael T Ganschow Green: And then purple picks up a little bit of energy, because purple comes around on the color wheel and it's right next to read okay and it's siphoning a little bit of the energy off a red so.
Michael T Ganschow Green: purple really represents loyalty and established power it's it's because it was so difficult to make back in the day, it became culturally associated with.
Michael T Ganschow Green: with high status and wealth basically.
Michael T Ganschow Green: And it's also used with creativity and imagination so.
Michael T Ganschow Green: Like purple's are kind of associated with with sort of springing colors flowers things like that and dark purples are associated with wealth and luxury So you see a lot of brands that want to borrow kind of a luxurious feel will include a purple color scheme somewhere in their designs.
Michael T Ganschow Green: Now there are neutral colors as well, along with these warm and cool colors we didn't really talk about those but neutral colors are basically colors.
Michael T Ganschow Green: That don't really have a hue that don't really appear in a color wheel, but do exist, I think, like black black is associated with power and elegance formality it's also evil death and mystery black causes all colors around it to look brighter.
Michael T Ganschow Green: and adds contrast So if you pair black with any color that color will automatically be brighter and energetic regardless what the color is it could even be like a blue or something like that.
Michael T Ganschow Green: If you if you pair a color with a black it will add energy to the color because black is basically like a feeder of energy into these colors because it's so dark you know it's it has such high contrast that it naturally brightens whatever's next to it.
Michael T Ganschow Green: White is a bit like black but it works in the opposite way white is an energy draw if you put even a very vibrant color like yellow or or.
Michael T Ganschow Green: or orange next to white the white, because it is so bright will draw energy from that color and cool it off so that's why that's how a lot of contrast, really works, so that.
Michael T Ganschow Green: It keeps the colors from getting too chaotic and too energetic you add some you had some white in, and what that does is that will pull energy out of the colors.
Michael T Ganschow Green: It can be used with any color much like black and its associated with purity cleanliness and virtue, also with goodness, is the most common backdrop color because the human eye.
Michael T Ganschow Green: Can most easily make out dark shape some white backgrounds, so when you're going for the most legibility, that is the most can it be red.
Michael T Ganschow Green: You want to use a white or light colored background and a dark colored type and objects over the top of it, because what that will do is that will.
Michael T Ganschow Green: that's The easiest way for people to see and perceive information and pull it in and there's us a Gray Gray, is kind of formal Moody and depressing I represents.
Michael T Ganschow Green: very kind of Conservative formal designs its associated with professional companies you'll see Gray used as a in design is kind of a mood stabilizer you know if you have those out here in orange that you're going.
Michael T Ganschow Green: You know you'll frequently see them bring in a Gray, maybe with a white or black as well, dependent just you know.
Michael T Ganschow Green: rain in that yellow in that in that orange out of the cloud there so that they they they.
Michael T Ganschow Green: So that they're not quite so like crazies as the dominant.
Michael T Ganschow Green: So I have some really good resources on the psychology of color here so hang on one second i'm going to.
Michael T Ganschow Green: host those i'm going to i'm going to post those in the chat here so some of them are posted on the forum but I thought I would add to the discussion a little bit here as well, to go this.
Michael T Ganschow Green: See here what I want to kick you guys off with oh yeah here we go this is, this is a good starter here this guy right here so here's a few good articles that kind of expand upon.
Michael T Ganschow Green: The psychology of color they're really, really good i've used them, I still come back to them occasionally when i'm kind of researching colors and things like that to you know what I want to think about and how I want to.
Michael T Ganschow Green: Work with my design.
Michael T Ganschow Green: Also, if you if you want some handy quick.
Michael T Ganschow Green: psychology color guides there's some great infographics out there i'm going to include a few of these as well.
Michael T Ganschow Green: So second we're going to do this.
Michael T Ganschow Green: and go and little of this so here are some great i'll share these real quick we'll kind of i'll show you what i'm what i'm posting in here, I know some of you are merrily.
Michael T Ganschow Green: merrily clicking on these links, but I will show will do a screen share real quick and the second line you know these guys don't post it up seeing this before.
Michael T Ganschow Green: So these these color charts that i'm posting are really handy let me do a screen share here and i'll show you guys these color charts.
Michael T Ganschow Green: Share screen pop Okay, so these color charts are.
Michael T Ganschow Green: super nice for quick references for your colors, this is the last one I posted here, and this is kind of the general psychology of a lot of colors and it's really kind of need of the this is mostly the.
Michael T Ganschow Green: largely the positive values that each color represents this one talks a little bit more about.
Michael T Ganschow Green: The emotions that the colors provoke and kind of what they're used to.
Michael T Ganschow Green: to sort of insect into people's minds this one's a really good chart.
Michael T Ganschow Green: It talks a bit about properties and about the various emotions of color fantastic stuff.
Michael T Ganschow Green: This one is really cool right, because one of the things about color psychology that you don't really hear about in a lot of this is that its cultural it's actually other than like the physical reactions people have to color.
Michael T Ganschow Green: The Non physical reactions, the emotional reactions, they have to color are largely cultural they're learned and so different cultures have different.
Michael T Ganschow Green: associations with colors and so depending on your target audience particularly your international target audience, you may want to research, what their particular color psychology is this one here is a very nice.
Michael T Ganschow Green: kind of quick summary of some general cultural color psychology is very, very handy really cool really cool stuff.
Michael T Ganschow Green: This is a brand examples and the various colors and what they're used for.
Michael T Ganschow Green: With sort of emotional summaries of what they're about and kind of showing you the brands, you can kind of see the reason that they use these colors.
Michael T Ganschow Green: This is kind of a blend of those the branded logos plus the what the colors meaning is this one's very good to included that one in.
Michael T Ganschow Green: i'll actually rather like this one, I haven't printed out at work hanging up in my workstation and then this is cool to this is another good one, using a color wheel again showing the meaning of the color and brands very, very good stuff so.
Michael T Ganschow Green: feel free to grab onto those links, I have.
Michael T Ganschow Green: I have a versions of those as well posted up on the forum I didn't drop the images in, but I did post the links to them.
Michael T Ganschow Green: So, before I get going any further we're going to go play with some this fantastic color tool next does anybody have any questions i've been.
Michael T Ganschow Green: bombarding you with color information your brains are full of colors you're gonna you're gonna blow your nose and and you look down and it's going to be multi colored because all the color is coming out of you i'm just like power washing it out with knowledge so.
Michael T Ganschow Green: Let me if you got any questions on color feel free to hit me up.
Michael T Ganschow Green: On for y'all just to scare too tired to move oh my God my brain is full, how can you how can you add more Well, this is going to be a little bit this is going to be not quite as bad as all that, so this tool, right here is is a tool called peloton.
Michael T Ganschow Green: peloton is a color scheme designer it's kind of a thumbnail and tool for.
Michael T Ganschow Green: Setting up.
Michael T Ganschow Green: color schemes.
Michael T Ganschow Green: This tool is.
Michael T Ganschow Green: it's a really fascinating tool it's it starts as a color wheel and then gets really deep in what you can do with it okay.
Michael T Ganschow Green: So this little color wheel over here we use for mixing our colors and you'll see, I have it set to effect it starts as a monochromatic color scheme it starts out as a single color.
Michael T Ganschow Green: And you can click and move the little circle around the color wheel.
Michael T Ganschow Green: And as you see, as i'm moving a little circle around the color wheel it's simply picking color and giving you a series of tense and shades of that color.
Michael T Ganschow Green: You can see, I can also control the the the hues and tense and shades of color.
Michael T Ganschow Green: Well, actually, I can I can control exactly how it's tempting and shading the color and control the vibrance of the color by playing with the circles in the middle here.
Michael T Ganschow Green: So you can see, I can I can kind of mute my colors down, I can, as I bring it more to the Center they become kind of mono colored and muted, as I push it out, they become more vibrant.
Michael T Ganschow Green: In this case, we're adding shade to it if I flip it around the other way we're tinting lightning everything's you can kind of see sort of how it's how it's how the dominant colors are working, so you can see kind of the mixes of that.
Michael T Ganschow Green: So.
Michael T Ganschow Green: let's see here we've got.
added some things.
Michael T Ganschow Green: Alright cool so.
Michael T Ganschow Green: let's reset this guy here oops we get back to the stock talent here now, we don't just have this monochromatic color above the color wheel here.
Michael T Ganschow Green: For those that are playing along at home above your color wheel, you will notice a a series of little color wheels, and these allow you to select different colors if I come over here here's an adjacent color scheme, you may remember the.
Michael T Ganschow Green: lovely little color tutorial telling us that Jason colors look really nice together we'll watch this we're going to go back here i'm going to move this around, and you can see.
Michael T Ganschow Green: it's just generally kind of a nice little agreeable palette over here.
Michael T Ganschow Green: Just sorting you know now we're going to introduce reds and oranges so yeah when you do colors that are literally next to each other on a color wheel.
Michael T Ganschow Green: They look really nice together, as you can see, and it's a little it's a little tester there now, you can take these guys and you can add.
Michael T Ganschow Green: You can add distance to the secondary colors to push them a little further down the color wheel, you can also do this by clicking on either the two of them and dragging them as well, so you can add any kind of distance you want.
Michael T Ganschow Green: The stock is pretty much just in the dead Center of each of the three colors around the color wheel Doo Doo Doo Doo Doo Doo Doo Doo Doo Doo Doo Doo So there we go.
Michael T Ganschow Green: So you have a cut you can have that you can also have a split complimentary color wheel a triad which basically goes and it takes one color and then it looks at what would be its usual yes i'm where we wouldn't be its usual.
Michael T Ganschow Green: complimentary color and instead does a instead it does a adjacent.
Michael T Ganschow Green: It takes the two colors that are adjacent to the complimentary color and mixes them with the compliment of that and again.
Michael T Ganschow Green: You get another nice looking batch of colors so you can kind of see how your color scheme, and of course you can pull these apart or move them together as you see fit.
Michael T Ganschow Green: And then of course there's the tetrad, which is that for color square their choice of tetrad is to run it really tightly.
Michael T Ganschow Green: The example video talked about complimentary color pairs, so there is blue and orange in there is red and green so you can come through and again, you can kind of see how they're sort of working together in my color scheme over there now, you can you can of course modify these you can.
Michael T Ganschow Green: You can enter the where exactly you want it down to the single degree on this thing.
Michael T Ganschow Green: You can fine tune this guy you can absolutely fine tune brightness and contrast in the palette I don't generally tend to.
Michael T Ganschow Green: The palette also has some presets so you can kind of see.
Michael T Ganschow Green: What your colors will look like at different levels so there's like the super vibrant shiny version of my Palate and then here's the washed out post apocalyptic.
Michael T Ganschow Green: horror movie i'm pushing a shopping cart full of my broken dreams across the land of reality color scheme here's like the darker horror movie version here's the.
Michael T Ganschow Green: kind of the bright movie poster version of my color scheme, etc, etc, so you can kind of play with their with their preset colors to with your sets of colors and then.
Michael T Ganschow Green: And then, they also have a freestyle one freestyle one is basically one we can just kind of grab and move all of these guys around individually do to do to do as you see fit.
Michael T Ganschow Green: And then can kind of play around in the middle boo boo boo boo look at that there it goes and you do this free styling, by the way, with any of the previous.
Michael T Ganschow Green: With no monochromatic with your jason's with your Triads and with your tetrad who there's the washed out post apocalyptic versions i'm going to get the bright cheery optimistic movie poster version and we go, so this to this tools really good for mixing the things like that.
Michael T Ganschow Green: He said it and i'm going to grab a will just grab a nice triad get a good a good color set here, I like that one we got that cool alright so.
Michael T Ganschow Green: While you're mixing colors it does offer a bunch of other features as well for getting those do we have questions on peloton really great for thumbnails out color schemes.
alright.
Michael T Ganschow Green: So let's talk about output in color schemes and some of the preview and you can do so.
Michael T Ganschow Green: um.
Michael T Ganschow Green: The previews can be changed so you can see what your color scheme look like various things in this case.
Michael T Ganschow Green: text of various bonuses and in black Gray and white, so you can see, areas where you might not want to use Gray, for example, because it's sorta kind of blends in and you might need more contrast on that.
Michael T Ganschow Green: By the way, the previews are accessed by the tab directly underneath your guy here, so this is the default view.
Michael T Ganschow Green: here's the default with text here is an alternative view look at that more saturation more tense more shades actually kind of like this view better and, of course, you can throw text on it as well.
Michael T Ganschow Green: And then, lastly, you have circles, which is just kind of an interesting pattern of what appeared to be little animal feed.
Michael T Ganschow Green: I don't tend to use this one much the one I use is this guy right here, I, like all the different tense and shades my color scheme of my main in here i'm not so keen on having everything kind of shattered in boxes here, but you know, whatever you can also.
Michael T Ganschow Green: make a mondrian mosaic if you feel like it.
Michael T Ganschow Green: I think they were having a lot of fun, you can also use some older versions of the color scheme generator if you're more familiar with those I tend to like this one.
Michael T Ganschow Green: But you can play around with ones you like okay using this drop down here.
Michael T Ganschow Green: By the way, the presets I think I forgot to say the presets are actually in a tab at the bottom of your color wheel, right here, so you can kind of see it's preset color schemes now one of the other neat things it does is examples Okay, so it can show your color scheme.
Michael T Ganschow Green: On a on different page layouts don't be in simulation turned on No, I do not okay cool So you can see, I don't know why it's showing grey's.
Michael T Ganschow Green: do have a great panel to my talent, Graham it should be nice and colorful and should be nice and colorful well i'm not sure why it's not showing but i'm used to any way show your color scheme on the.
Michael T Ganschow Green: Other some shattered explosions and flowers.
Michael T Ganschow Green: there's some dots we can animate.
Michael T Ganschow Green: bubbles whoo scary i'm not entirely sure why the page layout is showing a great page layout it should be showing my colors but anyway used to be show page layout on here apparently.
Michael T Ganschow Green: That, be it is not working right now, where does not work in this version of chrome chrome maybe fighting it.
Michael T Ganschow Green: i'll play around with it and see.
Michael T Ganschow Green: and see why it's not doing that.
Michael T Ganschow Green: So one of the other things you can do, though, that's really cool with peloton and has saved my bacon a couple of times with different target audience groups is directly down here at the bottom of my rectangles here's my rectangle here if I come down right to the bottom.
Michael T Ganschow Green: Right of my rectangle here there is this vision simulation thing which is really interesting Okay, and what this vision simulation thing will do is it will let you know or was show you what your color scheme looks like to various.
Michael T Ganschow Green: types of colorblindness So if you if you're chasing as broad an audience as possible, you may want to look into how different colorblind people see your.
Michael T Ganschow Green: Your color scheme.
Michael T Ganschow Green: So various kind of blindness is can, as it says on the tin essentially removed colors.
Michael T Ganschow Green: So you can you know they can.
Michael T Ganschow Green: So you can you can have sometimes critical colors in your design are not visible to people.
Michael T Ganschow Green: that's why typically when we're designing things first color is actually one of the last things we add we do page layout and typographic first and then coated in a layer of color so that we can use contrast.
Michael T Ganschow Green: As well as type weight and things like that to really show the design off, so that if a colorblind user comes to your website they're yeah they're going to meet some of it but they're not going to miss anything mission critical.
Michael T Ganschow Green: So that's really handy i've used vision simulation quite a lot.
Michael T Ganschow Green: And it's it's very, very interesting, I can I can we can be saturated just for fun, but i've used these colorblind things and sometimes critical pieces of my design are either.
Michael T Ganschow Green: Nearly invisible because they create contrast issues to a colorblind person or critical parts of my website don't convey the information that I want to that i'm using colors as well, all of this.
Michael T Ganschow Green: You can also see what your color scheme will look like on a crappy LCD display or led display or even a crappy CRT display so you can simulate bad displays now this color wheel tool is very, very nice okay.
Michael T Ganschow Green: So alright cool i'm mixing colors great i've got all these colors here how does this, how do I get this into a design program like indesign illustrator or photoshop.
Michael T Ganschow Green: or even my CSS in dreamweaver or the CSS that i'm hearing coding in a text file well nice thing about it is, it also offers color tables now you have this color list here with your tents in your shades of all three of your colors.
Michael T Ganschow Green: And it gives you a few different options Okay, you can copy and paste any of these numbers here, and these numbers are what are called hex codes hex codes are a way of.
Michael T Ganschow Green: of communicating color they're very old way of communicating color in graphic design software's as well as in the web.
Michael T Ganschow Green: they're basically six digit number and letter combinations that uniquely generate colors we don't really use a much anymore, because.
Michael T Ganschow Green: i'm every browser displays hex codes, a little differently, as does every graphics program because they all have unique color engines so typically we go to rgb colors for screen display stuff because that is that will give you a more true color on the display.
Michael T Ganschow Green: displays don't have different color models that are modeling color with so you run into less issues and you do that hex colors and, in this case, it gives us the rgb as.
Michael T Ganschow Green: color amounts which is the first one so 64 127 127 here.
Michael T Ganschow Green: or gives them to you in rgb percentages percentages of black percentages of green percentages of blue to build the colors with okay so you've got these numbers here that you can copy paste but we're not done this is really cool you have other options.
Michael T Ganschow Green: You can come here, and you can export your color list as an html file, so you can come in here and copy the colors out of it as needed for.
Michael T Ganschow Green: Any kind of web work, you can also copy it as a CSS file, so it will it will, and it will show you all of these colors and there's my main my secondary color my tertiary color with the rgb mixes already going okay.
Michael T Ganschow Green: rgb mixes all ready set so I can copy paste those into my files, you can have put it as a bunch of other stuff to a type of CSS file called a less.
Michael T Ganschow Green: And the type of CSS file column a SAS.
Michael T Ganschow Green: You can also export it as an xml file, which is basically just.
Michael T Ganschow Green: A markup file with with the colors as a series of change colors and it's just a good old fashioned regular old txt file because.
Michael T Ganschow Green: As I mentioned previously, when we were going over web structure everything on the web is just funny txt files txt files with funny hats on basically so you can embrace all this txt files and funny hats, as you see fit the other thing and offers also our swatch files okay.
Michael T Ganschow Green: You can make a palette images just a regular PNG file, so you can sample that those colors in the graphic software of your choice.
Michael T Ganschow Green: But you can also directly feed your colors into graphic software's so it will generate a file called an AC oh file.
Michael T Ganschow Green: An acl fine was fine, we can load into photoshop and insert your custom color palette i'll show you how to do that when we get into photoshop.
Michael T Ganschow Green: we'll see if they've changed how to load a CEOs and this new version of photoshop we get to find out together.
Michael T Ganschow Green: And it also makes GPS, which are color palette files for a free graphic software called gimp.
Michael T Ganschow Green: And so, if you're using gimp instead of photoshop this thing will output gimp files as well.
Michael T Ganschow Green: And then, it will also release it as a palette for the software sketch up as well, so very, very broad set of color outs, you get here when you're mixing stuff.
Michael T Ganschow Green: And also, you also get a you can also get this huge palette here that are essentially all wear this color list is like you know kind of a.
Michael T Ganschow Green: Light 10 a mid range 10th standard color alights excuse me a the lightest to a mid range 10th standard color a mid range shade, and then the darkest shade this color combinations is all sorts of weird bits man.
Michael T Ganschow Green: And you can hover over them and it spits out hex codes that you so all sorts of fun things you can do with this tool, I highly recommend using this guy to mix your colors I use this all the time to mix colors.
Michael T Ganschow Green: Particularly as i'm kind of once i've got kind of some layouts going to kind of thumbnail color colors for them and see what they look like.
Michael T Ganschow Green: So questions on peloton questions on color.
Michael T Ganschow Green: All right, everybody's got me running in the background here cool okay so.
Michael T Ganschow Green: Then let us proceed to some additional photoshop worry.
Michael T Ganschow Green: So we've drawn boxes with selection tools we've we've got our layers set in photoshop to start building our.
Michael T Ganschow Green: web page, and now I think we're gonna mess around with gradients a little bit because we have some colors that you guys asked for that I was not able to get to last class that we're going to get to this class so go back to my TMC see zoom boop.
Michael T Ganschow Green: sign in because it just literally as class started here so that it finished the render.
Michael T Ganschow Green: Last class yay so there it's currently rendering today's class right now and then, and then, and then in the arts we've got the Tuesday lecture all set okay so let's go let's.
Michael T Ganschow Green: let's grab the.
Michael T Ganschow Green: download on there's a chat log alright so i'm going to go grab the chat log so that I can get you guys as depraved color suggestions and then, if we need more we're going to add more colors more colors provide feedback.
Michael T Ganschow Green: backup and sync features coming up graded Google drive look at that one more.
Michael T Ganschow Green: Now alright so.
Michael T Ganschow Green: let's go grab that chat logs and get your colors downloads due to do.
Michael T Ganschow Green: It still downloading that but that's fine because I have.
Michael T Ganschow Green: them open up Thank you there's my there's my colors okay so i've got everybody's colors here now from the chat log alright cool so we got that all right let's crack open my.
Michael T Ganschow Green: God oops that's the download it just finished all right so everybody now alright so i'm gonna crack up into a GMC 175 folder Hello everyone hope there's my gic a 175 folder so just as a quick reiteration of your files, I mean my share, I think, let me share share screen.
Michael T Ganschow Green: i've been talking along and not showing the screen, so I wouldn't I downloaded from the from my zoom I went and downloaded the chat logs so that I can get.
Michael T Ganschow Green: All of your terrifying color suggestions and we can use those throughout our photoshop design here.
Michael T Ganschow Green: And I wanted to show you real quick i'm opening up my GR C 175 folder that's got all my.
Michael T Ganschow Green: stuff in it and i've got my four folders in here my CSS to contain my cascading style sheets my images.
Michael T Ganschow Green: which contains anything and everything I want to appear in the browser window indoor be downloadable.
Michael T Ganschow Green: My scripts which will contain anything that is modifying a behavior in the browser window any kind of animations are things that are.
Michael T Ganschow Green: A lot of things that are triggered by the mouse or other things, and then inside my working graphics here, I have a PSD file, that is my tremendous photoshop design.
Michael T Ganschow Green: Alright, so I am going to fire up my photoshop design here and we're going to leap back into photoshop and start rolling so before I do that do we have photoshop question.
Michael T Ganschow Green: Alright, no other photoshop questions okay cool let's mess around then let's have some fun here okay so.
Michael T Ganschow Green: let's see if it will let me load up my swatches file here.
Michael T Ganschow Green: let's see here can I Oh, I can all right okay so um when I clicked on my palate on if I go here boo boo when I clicked on my peloton and I went to export and my table here and I went to color swatches and exploited and a Co file a.
Michael T Ganschow Green: palette of my colors here.
Michael T Ganschow Green: I can now load them into photoshop if I would like those colors as my palate here, so what I can do is then come over here to swatches.
Michael T Ganschow Green: Which is on a stock photoshop is right next to open up color hey what color right next to swatches right over here it's the second one in from swatches up at the top up in the top right.
Michael T Ganschow Green: And I can come in here, and I can load in my palette on swatches help us all simple about coming over here and saying import swatches.
Michael T Ganschow Green: And there we go and i'm like all right where's my colored swatch logo right it's it's in my downloads there, it is my palate on a Co load my swatches yo suddenly.
Michael T Ganschow Green: You put it there's my palate yes, so I open this up and suddenly oh snap it's the colors I mixed in talent on available in photoshop.
Michael T Ganschow Green: So, again what I did was I went to my swatches menu.
Michael T Ganschow Green: I clicked on the swatches menu options that set of lines over on the top right of my excuse me menu not menu Michael palette swatches panel I clicked on the swatches talent options that are in the top right and swatches palette right here and selected import swatches.
Michael T Ganschow Green: And then, when Am I computer my case my downloads folder because I freshly downloaded it and found an AC oh file dot acl and this case everything it saves it's called my palate okay and.
Michael T Ganschow Green: Once I found it I clicked open and it dumped it in my palette as an available little talent folder right here sporting all my tend to change my colors that I made now ain't that awesome so we can use our color scheme tool to put colors in photoshop.
Michael T Ganschow Green: Alright, so let's see here, let us.
Michael T Ganschow Green: play around a little more so we've got our basics in place here we've got our layers which are named using the Web naming conventions, no capital letters.
Michael T Ganschow Green: No spaces and no special characters no cartoon swear word characters i'm using dashes if they have multiple words but then otherwise been named exactly as if they are being used for a.
Michael T Ganschow Green: For a.
Michael T Ganschow Green: For a it to be to be made as images which we're going to in a bit.
Michael T Ganschow Green: Okay, so.
Michael T Ganschow Green: let's have some fun here, shall we um I think it's gradient time I think our background could use a gradient our lovely kind of lilac background here, I think that could use.
Michael T Ganschow Green: A gradient in it to add just a little bit of class, so I think i'm going to have it grady eight to a full lavender from kind of from maybe a white over here, so let me show you how to do gradients in photoshop.
Michael T Ganschow Green: So first things first i'm going to select my background layer so that I can mess, with its color phil Okay, so in order to select.
Michael T Ganschow Green: objects on layers in photoshop what you do is you hold down the command key control key on a PC.
Michael T Ganschow Green: And you hover over the little thumbnail of the menu item in your layers here so of the object in your layers here, so in my case, my background layer has this lovely lovely lovely.
Michael T Ganschow Green: very, very kind of light violet kind of almost Huckleberry background color so I come over here I hover over that I hold down my command key and I click on it and it puts marching ants around my background color.
Michael T Ganschow Green: So I wouldn't like my background color or my background to be a gradient went from light kind of a white maybe or or very, very light lavender to a to this current lavender by the time we get over to the right here Okay, so what we're going to do first is we're going to.
Michael T Ganschow Green: Find out lavender because right now my default color mix is to this lovely pantone for 48 that certain party suggested is for 48 pantone.
Michael T Ganschow Green: Yes, pantone 448.
Michael T Ganschow Green: Which is, which is basically this lovely kind of algae fide sewage color on, and I would like to go back to my.
Michael T Ganschow Green: To my lovely kind of kind of flowery field of violence here by selecting this color now photoshop provides you with the tool to select colors in the.
Michael T Ganschow Green: anywhere in the window it's got the eyedropper tool in your tool bar if you come down 123456 down you get an eyedropper tool.
Michael T Ganschow Green: And there are, of course, several other tools in here, we probably will go over all of them, we have a photoshop class but.
Michael T Ganschow Green: The eyedropper tool ISM is the most critical what the eyedropper tool is used for is exactly as the little tool tip tutorial sells.
Michael T Ganschow Green: clicking on an image and sampling colors so what we're gonna do is we're going to click on this image and we're going to sample our lovely purple here OK now we're going to do one other thing we're going to.
Michael T Ganschow Green: we're going to come over here and we are going to.
Michael T Ganschow Green: split this so that the colors come on why don't you flipping all right fine we're gonna make we're going to.
Michael T Ganschow Green: background colors okay you're not gonna whoo all right fine and let's go back into no you're not selecting my background color.
Michael T Ganschow Green: Alright fun and we're going to go.
out of the sky.
Michael T Ganschow Green: Oh, I see why we're stuck the color panel came up, and it was hidden under you guys as chat menu.
Michael T Ganschow Green: Look at that you guys, I was like why isn't it going it's because the color menu would come up when I click that I don't want to click that I want to flip these guys very good.
Michael T Ganschow Green: So that I get my background color in front and, by the way, I flip them by going down to these two colors here and.
Michael T Ganschow Green: and
Michael T Ganschow Green: clicking on these guys and just kind of.
Michael T Ganschow Green: clicking on that guy and what that does is that shifts your foreground color to your background color brings your background color forward.
Michael T Ganschow Green: so that you can change them at needs, you can kind of bring your background color up front and use it for something and then you click this again and bring your own foreground color back it basically gives you.
Michael T Ganschow Green: Two usable colors that you can use to modify now, in the case of our gradient the background and foreground colors are basically the two colors that are at the pole ends of our gradient so one will be one side the other will be the other well.
Michael T Ganschow Green: i'm instead of I think a pure white, I think I am going to first select my.
Michael T Ganschow Green: lovely violent once again then Double Click on this guy and if you Double Click on a color you get this lovely color mixing tool.
Michael T Ganschow Green: Which i've shown you guys before as we were messing around and i'm going to lighten this up just a little bit just a little bit so it's got just a just a kiss of purple in it still so there's.
Michael T Ganschow Green: there's madness going on here alright so mash okay there and then we will add a gradient in room.
Michael T Ganschow Green: gradients now photoshop actually makes gradients pretty simple okay um it's there's a specific tool for it, which is halfway down.
Michael T Ganschow Green: called the gradient tool and again, you see the tool tip demonstrator you basically drag from one edge to the other, and it takes you foreground color and your background color and essentially stretches a.
Michael T Ganschow Green: And essentially makes a blend of the two of them that goes across wherever you stretch so in our case, we have a selected background here if I click on the gradient tool.
Michael T Ganschow Green: I can come i've got a gradient specialized because I was messing with this before, so what i'm gonna do is i'm going to take this now, we don't want a custom.
Michael T Ganschow Green: I just want a nice basic gradient Thank you and we'll go on a custom gradient for previously for something was working on so.
Michael T Ganschow Green: I forgotten to reset that tool when I reset everything else, so now i've got a stock radiant so all I gotta do is come in my selected area, and you can add a gradient to anywhere you're marching answer and I simply click from one side.
Michael T Ganschow Green: and go to the other now if you go diagonally it'll insert a nice diagonal gradient if you go straight across you do that by holding down the shift key.
Michael T Ganschow Green: To get it to go straight across you get this nice straight vertical gradient you can also set it so that the gradient itself kind of goes horizontal like that you can set.
Michael T Ganschow Green: You can do diagonals in any direction you can do a teeny tiny gradient like that I think i'm just going to have it start off white over here, excuse me a pale pale violet over here we'll go to our main kind of violet here boom, just like that, so now we have a gradient.
Michael T Ganschow Green: Now that's kind of a nice pretty gradient but gradients can also be used to great.
Michael T Ganschow Green: harmful effects, like, for example, if I came to our navigation here and I said, you know this magenta is pretty cool, by the way, let me save my file that because I can't I can't.
Michael T Ganschow Green: I couldn't imagine what would happen to photoshop crashed and I lost all this beauty, so what happens if we want to mix our magenta navigation with let's see there's my neon pink.
Michael T Ganschow Green: let's say a neon yellow, why not, why not a bright neon yellow So here we go, so we got a pastel orange or pastel purple for 48.
Michael T Ganschow Green: We need a nice neon yellow don't worry greatest screen I haven't forgotten you we're going to put a grey screen to kind of offset some of the sewer water and our footer down here, so I come in here with my selection tool and I go and I select magenta right here, and then.
Michael T Ganschow Green: do that, I mean to flip them and then I come in here with my color mixer and we mix.
Michael T Ganschow Green: We mix a nice neon yellow you say all right well we're gonna make some nice neon yellow here, you could super.
Michael T Ganschow Green: super duper bright and come in here and I don't think that's neon enough though you guys I gotta make it scream a little more.
Michael T Ganschow Green: little bit all right we're gonna go no I want no sign in here, I want to be yellow 100 only yellow there we go and then we're gonna go.
Michael T Ganschow Green: we're going to now that's pretty screaming all right we'll use that screen that screaming to me you guys I don't know about you.
Michael T Ganschow Green: Some of you may have other yellow opinions that's great you can use that you can do those on yours, so I now have.
Michael T Ganschow Green: magenta to neon yellow here so i'm gonna go and Oh, I am I realized I did something you guys and they didn't even show you guys, I have my marching into my background and ID selected it I have command de de de selected or.
Michael T Ganschow Green: You can click on any selection tool if it's if something is selected Hello.
Michael T Ganschow Green: And you can go in any selection tool and click on it, and it will be selected as well, or you can go up to select and hit D selects, which is the second one now so i'm gonna go to my navigation layer
Michael T Ganschow Green: And all down my command key control on a PC and we're going to click in the little.
Michael T Ganschow Green: kind of icon a little preview of what's in the navigation layer to get a nice little marching and set right around my.
Michael T Ganschow Green: lovely little navigation and I think, like any good navigation it deserves to have created in it so we're going to create this guy so tundra go grab the gradient tools again except you know.
Michael T Ganschow Green: A regular gradient is great So you see up here i'm accessing the if you want to mess around with the gradients, by the way.
Michael T Ganschow Green: The gradient properties are up at the top here, and you can come in and there are all kinds of gradient presets to so you can pop this open and there's some basics that are using your current colors.
Michael T Ganschow Green: And then they have gradients using preset gradients using all sorts of specific colors that photoshop is pre mixed for you, so you get the most beautiful instagram or the graphics you want, but you know what.
Michael T Ganschow Green: You know what this needs, I think this needs, not a linear gradient linear gradients are gradients that go from one culture to another color on the line.
Michael T Ganschow Green: I think it needs a radio gradient and a radio gradient goes one color to another color to another color and and the middle color is a sphere in it okay so i'm gonna go.
Michael T Ganschow Green: i'm going to grab this radio gradient and i'm going to run it right through the middle of my navigation just go right to the middle of my navigation Bam quiet and I need a little less through the middle.
Michael T Ganschow Green: shift a little bit there and suddenly i've got a rising sun in the middle of my navigation yo.
Michael T Ganschow Green: rag boom look at that it's rising that it's coming through us all.
Michael T Ganschow Green: it's looking like metallic metal little circle there, it is now I got done working to make the noise is by the way, so we have these radio gradients.
Michael T Ganschow Green: it's just draw a circle of one color the gradients into another color and we also have.
Michael T Ganschow Green: This thing which i've never ever used professionally it's called an angle gradient and it basically looks like a piece of paper that's like folded into a Cone some you drag this guy in here.
Michael T Ganschow Green: Like so it makes this like super freaky geeky looking gradient here that looks like a Cone like a piece of paper you fold it into a Cone man, why did you do this to your website I don't know but, nevertheless, there, it is just like that.
Michael T Ganschow Green: They also have these reflected gradients which goes from one color to another color and then back to that one color again like so.
Michael T Ganschow Green: Oh no wait a minute I selected reflected Oh, I see I just made it too big, there you go there's my color reflection oh look at that color reflecting all over the place, so yea yea color and in such they don't do it more from the middle.
Michael T Ganschow Green: To get a booth there we go that looks suitably terrible excellent thing or that thing looks like reflective metal i'm going to keep that right there.
Michael T Ganschow Green: Now I got one other color I promised to us in here and.
Michael T Ganschow Green: zoom open I want here, thank you know decent lacked Nina new meeting Thank you this meanings good enough already Thank you.
Michael T Ganschow Green: Alright, so we're going to do one more color in here just to demonstrate a couple of other things you can do with gradients and then.
Michael T Ganschow Green: we're going to start playing around with layer effects, which is something that terrifies everyone whenever they encounter so.
Michael T Ganschow Green: we're going to layer effects and we're going to throw in some images and then we're.
Michael T Ganschow Green: Of the things going to really look like again when we get images, so I think our last remaining color let me do a save.
Michael T Ganschow Green: Because otherwise you guys might lose out on this Majesty my photoshop crashes alive zoom is, we need a grayish green, so I think we're going to do that in in concert with this.
Michael T Ganschow Green: With this sewer water down here to give our footer just that extra little bit of class so first of all i'm gonna come over here to my eyedropper tool and i'm going to select the sewer water.
Michael T Ganschow Green: And then i'm going to flip my colors so that my background color is in front and Double Click on that color so that it gets me my color picker here and now we're gonna find kind of a green.
Michael T Ganschow Green: And then we're going to go make it grayish.
Michael T Ganschow Green: Here we go let's gracious enough to me one the green about just a little bit there we go it's a little more green and green.
Michael T Ganschow Green: we're going go alright well that's in there, we go there's nice grass green let's go have some fun with gradients now okay so.
Michael T Ganschow Green: I come over to my footer select it.
Michael T Ganschow Green: And then we can just drag and drop a regular old gradient in here if we would like, for a terrifying time and gradient let's do a terrifying diamond gradient.
Michael T Ganschow Green: Little diamond little diamond tech a colorblind and we got a little girl little diamond there we go.
Michael T Ganschow Green: Now, with your gradients in photoshop you're also not stuck just with your with the colors you have selected if you come in here, and you Double Click on this thing you get the gradient editor here okay this gradient editor.
Michael T Ganschow Green: Lets you add more colors to your gradient and change the rate at which they grady eight Okay, which they spread into each other, so I can say come over here.
Michael T Ganschow Green: And I don't know I didn't want to remove that i'm coming over here, and I can push this House in over here like this the, by the way they look like little houses and you hear tutorials refer to them as houses which is nice.
Michael T Ganschow Green: And I can push this little color House over here and then basically what this does is this gives me a gradient that no matter how far stretch it out, basically, like the Left fifth is a grey green and then the rest of it a sewer water yeah.
Michael T Ganschow Green: I can also click in my gradient just underneath it says, if I come in underneath right here and a drop in another house, I can come in here.
Michael T Ganschow Green: Double Click on this color palette right here and add in another color so let's see what goes nice with some Gray sewer water let's go how about.
Michael T Ganschow Green: i'm kind of a bloody nose snot read here, this is good all right there we go to be a nice transition color between our grey green.
Michael T Ganschow Green: And our sewer water so we're going to do a three step gradient by adding in another color and you can add as many colors as you want, by the way, just by clicking in underneath here.
Michael T Ganschow Green: There we go just by clicking in underneath here coming down here double clicking and mixing whatever color you, like me, i'm gonna stick with the three color gradient So if you got a house too many on the gradients like on the House.
Michael T Ganschow Green: rip it straight down and suddenly you're back to a gradient of only three colors so i'm going to set this will work with this gradient for the moment i'm gonna leave it linear let's see what we've brought here, shall we.
Michael T Ganschow Green: bang oh yeah look at that now, I will go more like this little more like this, we got to give a pantone for 48 it's do here, getting a little room to shine.
There you go cool.
Michael T Ganschow Green: All right, questions on gradients you guys.
Michael T Ganschow Green: Alright cool beans so, then let.
Michael T Ganschow Green: us, let us miss a little bit more.
Michael T Ganschow Green: or less mess, a little bit more.
Michael T Ganschow Green: A little bit more.
Michael T Ganschow Green: With this guy alright so.
Michael T Ganschow Green: let's play with some layer effects, shall we.
Michael T Ganschow Green: By the way, yeah does anybody have any questions on anything i've been going over in photoshop either this class or the previous one.
Michael T Ganschow Green: cool all right um so then let's dive into some layer effects so let's say that you have a design, like this one that's looking.
Michael T Ganschow Green: it's looking pretty good like really professional like the kind of website that you absolutely want to show a customer well i'm layer effects are all about making sure that doesn't happen okay so um layer effects are pretty much where you commit all the sins in photoshop basically.
Michael T Ganschow Green: They are.
Michael T Ganschow Green: their way to take your regular layers and add special effects to them and event sounds like both cool and horrifying you're absolutely correct it is both cool.
Michael T Ganschow Green: And horrifying So here we go I think i'm going to use our poor navigation bar as our lovely guinea pig here, because that footer has suffered enough.
Michael T Ganschow Green: So I think we're going to take our navigation bar and we're gonna mess with it a little bit here So here we go let's mess with it a little bit see how much time oh got some time left cool let's mess with our navigation bar so.
Michael T Ganschow Green: In order to.
Michael T Ganschow Green: Start adding layer effects to a layer you have a couple of options, you can single click on the layer to highlight it and then click this little affects button, at the very bottom of the layers palette.
Michael T Ganschow Green: This little teeny guy right here, add a layer style and they'll be all kinds of things here, well, I don't feel like adding just one layer style so.
Michael T Ganschow Green: In order to add more than when you come over to your layer you go away from the name of it just Double Click on the name it'll highlight that, so you can change it.
Michael T Ganschow Green: Anyway, instead Double Click over here somewhere next to it to bring up this monstrosity, and this is your layers styles pop up this thing here is how you take a perfectly good layer and you just annihilated So here we go alright so let's do some annihilation here, shall we.
Michael T Ganschow Green: Do you have quite a lot of options of things you can play with here we'll go over them in order.
Michael T Ganschow Green: At you know i'm going to bounce around a little bit so you can kind of see what they're used for okay so probably the most popular used by our style is this drop shadow guy here if you click on this drop shadow guy even now, and its most basic setting, you can see it's putting.
Michael T Ganschow Green: A little teeny shadow right underneath my navigation now.
Michael T Ganschow Green: I can darken that shadow by using the slider right up at the top layer layer style and that darkens that shadow up or I can lighten that shadow up.
Michael T Ganschow Green: By dragging that slider over here this opacity slider controls the brightness and darkness of your drop shadow.
Michael T Ganschow Green: I can also, if I see fit, think that black is just such an old school shadow color that you know I dare to be different okay you guys and I think i'm going to make my color instead.
Michael T Ganschow Green: A nice medium blue so now I suddenly have a medium blue drop shadow here okay.
Michael T Ganschow Green: On directly underneath that is an angle selector what the angled selector is is so you can set a light source.
Michael T Ganschow Green: In your document and once you set this all of your layer effects will obey this so let's say i've got a light source coming in here from my top left if I angle this guy over like that.
Michael T Ganschow Green: any and all effects will now be who will now be obedient to that and behave as if I have a light source coming in diagonally from the Left.
Michael T Ganschow Green: This distance slider right here that shows you how far away the drop shadow is from the object, so you can use that to push the shadow out a little bit notice, by the way, if I move around my my light source here the shadow itself moves around.
Michael T Ganschow Green: So I can set where my shadows visible from and how close it is to the thing I can set spread what is spread do so, the way a shadow is rendered in photoshop is it takes whatever color you, you have here.
Michael T Ganschow Green: makes it in the exact size and shape of whatever object you're playing the shadow over.
Michael T Ganschow Green: And then, it adds a blur to the edge that goes from that that color to zero essentially so for that color to fully transparent across a fuzzy biller okay.
Michael T Ganschow Green: So I this spread minimizes the blur soon as go shrink I want my drop shadow like so hard.
Michael T Ganschow Green: Because, as soon as beating down weren't on top of it there's no glare there's no distance there's no nothing so I can take this spread and push it all the way out, or I can pull the spread all the way back and make the drop shadow super soft okay.
Michael T Ganschow Green: Now underneath that that size, so the size is basically the depth of the blurbs so the spread you're basically pushing the inner color outward the size you're just increasing the blur and increasing the blur and increasing the blur and increasing the blur anchor.
Michael T Ganschow Green: In a way it goes into nothingness, by the way, it will not work if you don't make these noises when you're working on these things so feel free.
Michael T Ganschow Green: To terrify other people in the open computer lamps if you're there by just randomly making these noises as your your files and berries graphic software.
Michael T Ganschow Green: And there's also contour will probably talk too much about contour and here but contour is basically a way to make really freaky geeky.
Michael T Ganschow Green: drop shadows, using a busy a curves but that's more for our photoshop class to speak upon.
Michael T Ganschow Green: we're just gonna leave that one regular, but if you want to mess with that hey.
Michael T Ganschow Green: Also, noise, if you don't want a smooth blur man, if you want your drop shadow to be all staticky man like it's like a dirty piece of glass or something you had some noise to it, and instead of having a smooth gradient ah, no.
Michael T Ganschow Green: No your gradients going to look like a splatter, but you must splattered your design to get out a little noise, to give it some character, or a lot of noise, to make it look like something that nobody wants to look directly at excellent so.
Michael T Ganschow Green: i'm going to die my exercise test a little bit of a drop shadow and tighten up the location, a little bit and look at that it's now in shadow so questions on drop shadows or anything else that i've gone over so far.
Michael T Ganschow Green: drop shadow.
Michael T Ganschow Green: All right, we're not done with it, no.
Michael T Ganschow Green: Okay, so let's see here second here check the chat, for I close it again so i've screen real estate.
Michael T Ganschow Green: All right, bye bye Okay, so the next common one, that you will use.
Michael T Ganschow Green: Is an outer glow.
Michael T Ganschow Green: So an outer glow is basically like a drop shadow but it doesn't respect any boundaries.
Michael T Ganschow Green: An outer glow make a note or glow we can all see here, maybe like a purple outer yeah there we go i'm an outer glow.
Michael T Ganschow Green: comes from the middle of whatever I layer object you're applying it to and goes out across all the edges, so it has controls very similar to a to a drop shadow.
Michael T Ganschow Green: You can add capacity, except the noise sliders up here, make it all grimy know we're gonna leave it slide there but.
Michael T Ganschow Green: It does have a spread similar to drop shadows and it does have a size, I don't know why it's not Oh, I know why it's not showing up on the top hang on a SEC guys.
Michael T Ganschow Green: I know why it's not showing up on the top so as I was, like why isn't showing up here well you know why it's not showing up here is because the top bar layer is actually on top of our navigation, so I want to have our navigation.
Michael T Ganschow Green: glow over into our top bar so to do that, I actually have to put it over the top of the top bar so in order, and if you want to move layers in photoshop.
Michael T Ganschow Green: it's very easy, all you do is click and highlight the layer in the Gray same as you did Double Click down horrendous layer styles.
Michael T Ganschow Green: And then you click and drag that layer wherever you want it, and as you move it, you will see the spaces between the layers highlight blue.
Michael T Ganschow Green: So, for example, i'm going to take my top bar and drag it underneath my navigation here so that I can then add in the back and mix it terrifying medium blue drop shadow yeah there it is, and will blow it up a little bit.
Michael T Ganschow Green: Sure, why not so now, when I add, in an outer glow which are willing just one second you guys don't worry boom oh my God spread going over the edge and how to anti whoo whoo we will.
Michael T Ganschow Green: A little bit yeah there we go there, we go that's a proper drop shadow Now I come in here and I could add some outer glow.
Michael T Ganschow Green: go right screaming pink outer glow capacity, there we go negative the outer glow spreading across all comers boom there's our outer glow.
Michael T Ganschow Green: looks like police like oh I should do bright red away it'll especially look like police lights look guys it's the fuzz.
Michael T Ganschow Green: So then please look at that action so there's a nice outer glow coming across the edges, you have a spread very similar to what we just went over and drop shadow, and you have size which basically just controls the size.
Michael T Ganschow Green: yeah there you go that's terrible looking sweet whenever you're ready to save these guys, by the way these layer styles I gotta just click OK.
Michael T Ganschow Green: And there, they are saved, you can see they're already down here do you want to turn them off I gotta do is click on the eyeball and your effects turn off.
Michael T Ganschow Green: So they go kind of a little bit of brief merciful sanity um but i'm not done not done you guys I got effects to show you.
Michael T Ganschow Green: So we're going to Double Click on the effects, right here we come down here literally Double Click on the word effects.
Michael T Ganschow Green: And this POPs it open we've got our outer glow in our drop shadow, which are looking suitably awesome Oh, by the way, you can also contour glows as well, if you like, and just you know adds noise come on hear the noise and we go.
Michael T Ganschow Green: upon an overlay is pretty much exactly what it says on the tin you set a pattern image and you can add all sorts of pattern images photoshop comes with.
Michael T Ganschow Green: A few stock pattern images will put some I haven't added any new pattern and puts water over the top here, and then a va opacity, you can set.
Michael T Ganschow Green: Well it's kind of cool actually you can set some water over the top looks like i'm going to terrible weird at color dashboard would in a car very nicely that texture in there.
Michael T Ganschow Green: You can also come in here and set your angle, I realized, I did not set my angle my drop shadow it's still using the stocking go so guess what now it's sat there we go and it can also scale the image increase or decrease the size of it.
Michael T Ganschow Green: So there we go there's a nice pattern overlay and one gradient that you threw on using the gradient tool wasn't enough.
Michael T Ganschow Green: yeah I can throw a gradient over the top of it again with the gradient overlay tool which is pretty much.
Michael T Ganschow Green: A duplicate of the gradient tool we saw except it's enough fact that can be thrown on top of anything, rather than just colored in.
Michael T Ganschow Green: Now why would they duplicate this thing, why would we have a gradient tool, where you can fill it colors and then have a gradient overlay tool well gradient overlay tool, so you can throw gradients on top of images.
Michael T Ganschow Green: So you can do that with this gradient overlay tool works pretty much the same as the gradient tool we already went over so I shan't rehash that.
Michael T Ganschow Green: color overlay same def color overlay will let you put a random color in this case kind of a blog Gray, but you know what you know what I don't want any stinking blog raise I want I want I want.
Michael T Ganschow Green: I want another one of these terrible sewage colors.
Michael T Ganschow Green: Alex appropriately Su G boom well just throw the sewer color over the top, yes, that is what life is looking for yep there, it is just destroy everything we work for by putting a color on top, and you can also mentioned the.
Michael T Ganschow Green: color by sliding this that's how transparent the color is but guess what no we're going to turn that off there i'm gonna click okay real quick to save my current effects so don't lose them if I break anything.
Michael T Ganschow Green: Come back and Double Click on effects and show you the rest of this palette why because this panel is all about bad decisions and for those of you want to.
Michael T Ganschow Green: You know anybody who's taken any of my classes before you know my classes are entirely about bad decisions, so I want to enable you guys as bad decisions design wise by showing you all sorts of terrible things that you can do to your layers in photoshop alright, so now.
Michael T Ganschow Green: we're going to add in a satin now what a satin is used for is well what you see on the tin right there.
Michael T Ganschow Green: Basically what this does is this applies a metallic text your to your to your object so with this satin on here we're going to get an omen, to get the color wheel, here we go with this sat non here.
Michael T Ganschow Green: um you as you add satin texture to it basically What it does is it makes your color or design or whatever look metal.
Michael T Ganschow Green: But i'm I mean metal, both in the sense of throwing the horns that's pretty frickin middleman and also.
Michael T Ganschow Green: metal is in it looks metallic so these settings are used to add metallic textures and, yes, you can also play with these weird contours with them, it gives them seriously freaky geeky looking patterns, with it, if you get the right one.
Michael T Ganschow Green: i'm just going to use the stocker though you guys can mess around with it, if you like, feel free oh I got the color wheel you guys here we go we're about to die, no I didn't it's better now good.
Michael T Ganschow Green: Is that satin satin is there we're going to save this file, since I got the color wheel and that's all of a sudden, the photoshop may in fact disappear and take all of my beautiful progress with it so we're going to save that.
Michael T Ganschow Green: um alright so let's see we got Sam oh inner glow yes, yes, yes, yes, yes, yes, yes, this is another bad decision excellent inner glow is exactly like an outer glow which is basically a.
Michael T Ganschow Green: Great agent from a fuzzy gradient of 100% of a color to a zero percent fully transparent color coming off all edges of an object an inner glow.
Michael T Ganschow Green: Oh, an inner glow with something better, you guys an inner glow is that except it's going inward oh this isn't bad decision time here, here we go, so it can be.
Michael T Ganschow Green: It can be set.
Michael T Ganschow Green: pretty much the tool is very similar to an outer glow except it's going inside the call is coming from inside the House air, it is at a nice inner glow I think we'll.
Michael T Ganschow Green: Probably dial that back touch, but you can always use this just to make just the worst decisions ever and make your make any object you apply it to basically look like it's a light like this stuff is glowing way.
Michael T Ganschow Green: out from it, then work we don't make the sound click on this all right, and we have inner shadow hey want to make your design look like it's punched in.
Michael T Ganschow Green: cool we can do that so we're gonna put a shadow on this thing, so it looks like this thing's been recessed inside so now it's a recessed inside glowing light bulb yes, there we go very nice good I think we're going to.
Michael T Ganschow Green: I think we're going to back that off just a little bit.
Michael T Ganschow Green: There we go just soften it up a little playing him just oh yeah we go yeah I got probably did I think I probably do without the inner shadow.
Michael T Ganschow Green: So you guys can use it, if you want um stroke is pretty much the same strokes, that you are used to an illustrator.
Michael T Ganschow Green: it's a tiny blood vessel in your brain rupturing and spreading blood all over the place, if you push this button no actually what this does in photoshop is this draws a line.
Michael T Ganschow Green: of whatever color choice you like around your objects, so you know what looks like a good color choice to me yeah let's do let's do a very tiny line.
Michael T Ganschow Green: Right blue around my object there we are yeah looks good all right let's see what else I want to throw on here I just finished off with a bevel and a boss.
Michael T Ganschow Green: My boss, is the most common photoshop tool, but this thing is used to do after you hear what i'm gonna do.
Michael T Ganschow Green: Is i'm going to come and go and cancel my pebble in the boss i'm gonna come here and I am going to.
Michael T Ganschow Green: turn off all of my other effects by clicking their eyeballs and turning them off, so you guys can see exactly what bevel and embossed does so, if I click on devil in the boss here i'll turn my stroke off to simply click on Babylon the boss here with Evelyn Abbas does is it makes the.
Michael T Ganschow Green: It makes the object look.
Michael T Ganschow Green: punch punched out toward you.
Michael T Ganschow Green: And you can use all of these you can punch it in or punch it out and what it does, is it basically takes an object and it adds.
Michael T Ganschow Green: kind of a shadowed stroke and a light colored stroke and sort of makes him a little bit thinner and it will make it look like.
Michael T Ganschow Green: The whatever you're applying it to is either punched in or punched out poking toward you it is most commonly used what's one of the most commonly used effects and photoshop and.
Michael T Ganschow Green: looks good.
Michael T Ganschow Green: you're going to use it to add just a little bit of extra you know character, or something like that, but it is.
Michael T Ganschow Green: yeah it is, it does not look great, but you can mess around with these tools here so yeah have a you have a depth tool which will allow you basically.
Michael T Ganschow Green: kind of hardens the thing up so that it makes the edges look harder and almost like plastic here you have a size which basically controls, how far it pinches in.
Michael T Ganschow Green: You have a soften which basically if you want to look look like plastic, or do you want it to look like kind of a soft stone edge use that soften tool, you can also mess around with the highlights and the shadows of very much lighter or darker as well.
Michael T Ganschow Green: But I don't think i'm going to use better than us, I think I think i'm just going to leave the inner glow running.
Michael T Ganschow Green: A satin running a pattern overlay running an outer glow running and a drop shadow running yeah and I think i'm going to go ahead and hit file save so questions on effects take them and have fun with them, they are terrifying and a real quick way to break your file into tiny pieces.
Michael T Ganschow Green: So any questions on anything else to do with photoshop so far.
Michael T Ganschow Green: So we've done effects we've done gradients we've done colors we've done blocks we've done layers we even moved a layer around now if you're dissatisfied with your effects, by the way you don't like the effects that you have on a layer
Michael T Ganschow Green: All you have to do to delete them is click on the effects word right here.
Michael T Ganschow Green: click and drag it to the trash and as soon as it does that it will delete the effects off of that particular layer so all you gotta do is click and drag them to the trash okay.
Michael T Ganschow Green: Now, if you don't want this effects area visible right here, so you see how it's this big long menu that's I cracked my layer open.
Michael T Ganschow Green: All I gotta do is come to the edge of the layer click on this little panel right here boom and it will close my layer up the only way I know there's effects on, it is because over in the Gray, right here there is.
Michael T Ganschow Green: There is a little fx symbol, right here which.
Michael T Ganschow Green: Which.
Michael T Ganschow Green: Lets lets me know that there are effects present on the layer now if i'm really happy with my effects okay if i'm really happy with what I see with them.
Michael T Ganschow Green: I can hold down my alt key option on a PC and I can click and drag my effects to another layer so again, let me do that again.
Michael T Ganschow Green: or slow down slow motion, so what I do what I do is I click on the effects word and I hold down my option key and I can drag the effects down to another layer boom and now these effects are added allegedly there they go to my footer.
Michael T Ganschow Green: And they're all set and added in you can also if you don't hold down by the way, if you don't hold down your.
Michael T Ganschow Green: Your alt key you can you it just drags the effects and moves them to that other layer so in this case photoshop takes a second there we go and it'll pop my effects down to my footer.
Michael T Ganschow Green: Effects back up to navigation, where they look best, I think, so you can move your facts around as well well you're in photoshop.
Michael T Ganschow Green: questions.
Michael T Ganschow Green: alright.
Michael T Ganschow Green: i'm going to finish the night off by adding a picture to this and we may add another picture next class, but I think this top menu up here, I think this should have a picture in it.
Michael T Ganschow Green: And there are all sorts of pictures we could put in here, I could put some nice neutral lecture picture, something I previously selected, but I have it so let's go and see what we can find by doing a Google image search for photo realistic oh let's see something on let's go garfield.
Michael T Ganschow Green: we'll put will put a terrifying photorealistic garfield oh there's nothing essentially terrifying here that's too bad fine photorealistic cookie monster.
Michael T Ganschow Green: Realistic stitch alright cool yep.
Michael T Ganschow Green: Look at that again cookie monster is all soft all right photo realistic.
Michael T Ganschow Green: let's see oh cool oh yeah that's um yeah that'll do that's that's that's extra terrifying.
Michael T Ganschow Green: Alright cool so yeah areas and we go yep Apps that's good that's good alright cool we'll take we'll take this realistic stitch, then we will stick him in the top bar excellent and he seems to be relatively big enough excellent.
Michael T Ganschow Green: Excellent good good good good Okay, so we will stick him in our in our top alright cool so.
Michael T Ganschow Green: i'm going to go ahead and download Mr stitch here and we will we will will will will add him in alright.
Michael T Ganschow Green: So let's go saving the jams and throw them into downloads let's see if it's gonna say, do you want to download it sure and i'm going to say yeah i'm sticking the downloads all drop it anywhere I want it later all right there we go so it's downloaded are.
Michael T Ganschow Green: going to Downs good folks save this first save downloads will throw them in the working graphics, why not next to our photoshop so you can.
Michael T Ganschow Green: see all the beauty and Majesty, that is not my applications, and when I go to me down loom there, he is hey man and will simplify his name so it's not a big giant string of characters call him.
Michael T Ganschow Green: call him.
Michael T Ganschow Green: alright.
Michael T Ganschow Green: So i'm going to open up this image in photoshop and basically copy paste them into my document and then trim him down so that he will fit nicely in our lovely a photoshop file so.
Michael T Ganschow Green: To open some to open anything in photoshop on a MAC you simply drag it down over the top of it boom and it POPs it open in here hi photoshop yes, I can open another image on are you thinking on it, I know man.
Michael T Ganschow Green: I know pop it up there, we go open up one of the areas there's my boy alright so.
Michael T Ganschow Green: I could take a rectangular murky tool and drag around and select a portion of it, but I kind of want the whole thing, so that I can size him in my document and then flip him.
Michael T Ganschow Green: In photoshop okay so.
Michael T Ganschow Green: i'm going to grab the whole thing to do, that I want to do a select all or a command a i'm going to copy stitch and i'm going to paste them in here.
Michael T Ganschow Green: paste him right there, he will paste in right over top of everything, look at that OK cool so now, I can make him fit Now I would like stitch to be on my top bar okay so i'm going to give you this layer named stitch.
Michael T Ganschow Green: And i'm going to drag him down one underneath my navigation, so there, he is so papi and underneath my navigation.
Michael T Ganschow Green: So now, if I want to move him around I come up to the top of my toolbar to this move tool and I can click him and in photoshop feels like showing me moving something here it is.
Michael T Ganschow Green: I think between running running zoom and a couple of big open images and all of that my poor photoshop having a moment come here, we missed it.
Michael T Ganschow Green: Yes or no color wheel.
Michael T Ganschow Green: All right, there we go hey a Monday i'm gonna come on buddy now yes grumpy you guys right.
Michael T Ganschow Green: Let me say this for photoshop crashing on me save.
Michael T Ganschow Green: You to do to do alright cool so.
Michael T Ganschow Green: yeah as soon as you know, my Ram that.
Michael T Ganschow Green: it's actually all the effects that are eating all around my turn them off.
Michael T Ganschow Green: Sorry facts turn you off it'll make stitch easier yeah I got that okay well during the effects off will flip those back on later okay.
Michael T Ganschow Green: So I got stitching here let's say I want say just like a view, whose eyes and the ears across my top bar that's my top bar image will use that this image is actually a little probably a little small for that, but.
Michael T Ganschow Green: uh but we'll make do it's Nice and pixelated let me see here, let me these a little bigger now it's not any bigger.
Michael T Ganschow Green: that's not that's not any bigger OK cool so we're going to take him we're going to stretch him alright so to change the size of something in photoshop.
Michael T Ganschow Green: You have to transform it Okay, so in order to transform something you can either go to edit free transform or you can do a command T.
Michael T Ganschow Green: Now, what does this do this gives me a box around with little boxes on the sides Okay, and these little boxes are boxes that I can drag to enlarge or shrink things okay.
Michael T Ganschow Green: Now i'm one of the areas where photoshop works, a little differently than most graphic software is that if I click these corners and drag.
Michael T Ganschow Green: photoshop will automatically scale them evenly that's a new feature they put in a couple of versions of photoshop ago, and if you learned pretty much on any other graphic software or on an older version of photoshop.
Michael T Ganschow Green: The.
Michael T Ganschow Green: Is it didn't used to be you used to grab one corner and it would just kind of.
Michael T Ganschow Green: All you wanted and you had to hold down shift in order to scale evenly, by the way, that's the way it still works in indesign illustrator.
Michael T Ganschow Green: But photoshop decided to change things up, and if you hold down shift in photoshop it does not scale it evenly it scales it utterly.
Michael T Ganschow Green: unevenly Okay, so if you want to scale it evenly you have to leave your finger off shift against every one of your designer instincts.
Michael T Ganschow Green: And in large so i'm just going to click the corner and enlarge stretch here so he's Nice and big.
Michael T Ganschow Green: I might even back out a little bit to a command minus to shrink my art board a little bit so that I have his eyes and ears ready to go for my top bar.
Michael T Ganschow Green: Think i'm gonna do there we go Nice and big and now i'm going to take my move tool i'm going to move him up so that just his eyes and ears are in my top bar.
Michael T Ganschow Green: There we go so again I moved I moved i'm using this move tool to move them around I scaled him by doing a command T or edit read transform I also moved him down layer underneath my navigation.
Michael T Ganschow Green: And i've just as eyes and ears right here in my top bar yeah.
Michael T Ganschow Green: I great but i've got all this excess stitch spilling out all over the bottom of my website, what do I do well, I have a couple of options here you guys I can either.
Michael T Ganschow Green: Take my rectangular MARQuIS tool here.
Michael T Ganschow Green: i'm going to highlight the bottom of stretch here by basically just drawing a rectangle all over the place and hit delete and what that will do is that will cut the bottom out of him okay um but I don't think i'm going to do that.
Michael T Ganschow Green: I think i'm going to introduce you guys to masking and photoshop because I think this is a good opportunity to do it.
Michael T Ganschow Green: And we got a few minutes left, so I can cram in one last little nugget of knowledge, before I release you so masking in photoshop is pretty straightforward okay.
Michael T Ganschow Green: i'm, in fact, this will be your first off this will be your first use of a paintbrush tool in this class cool okay so.
Michael T Ganschow Green: um the masking the mask or layer masking is available down at the bottom of the layer palette it's 123 in right next to.
Michael T Ganschow Green: layer effects it looks like a little square with a circle punch through the middle of it right down here, so you go down to your layers palette on a stock photoshop at the bottom, you have.
Michael T Ganschow Green: You have a little link symbol and affects a circle, with the square the circle punch down a circle it's divided into a yin Yang symbol, a little folder which will go over.
Michael T Ganschow Green: Next class and a little plus sign and a trashcan trash can, by the way, is for deleting layers you if you click on the layer click on the trash can photoshop will delete it.
Michael T Ganschow Green: Now we're interested in is masking that's this layer right here okay.
Michael T Ganschow Green: So to do that I click on that layer right there and it draws a second little preview box on the layer so I have my main stitch here, and then I have a layer mask.
Michael T Ganschow Green: Now, be aware, if you have any layer of fat, if you want to add any layer effects, you have to make sure that your layer preview is selected and not the mask but.
Michael T Ganschow Green: This little mask right here, if you want to have, if you want to cut out a piece of an image, but you don't want to delete it, this is a way you do it so.
Michael T Ganschow Green: You come over here, and you click on this little mask and then about a third of the way down the toolbar right here is the paintbrush tool okay.
Michael T Ganschow Green: And you come in here I got a tiny paintbrush so you can click on it, and as I draw across you can see.
Michael T Ganschow Green: My website coming through as i'm drawing the world's tiniest mask with my teeny brashear so i'm basically just cutting little non destructive holes in the middle of stitch.
Michael T Ganschow Green: And if I if I don't like my mask I can simply come over here to my layer click on my mask and drag it down to the trash and it says.
Michael T Ganschow Green: Oh no do you want to play anything of the mask no bs and my mask is gone and click to make a new one.
Michael T Ganschow Green: Now to enlarge my paintbrush I have a few options, I can come up here to my brush palette options and click right here, where this little dot and a nine is up here in the top.
Michael T Ganschow Green: In my brush properties here so with breast selected that come up here and I click on this little area in the top Left and I go, I would like to increase the size of my brush or.
Michael T Ganschow Green: I can hold down my hope don't want to do that, I can hold down my.
Michael T Ganschow Green: Oh, what did they move it to own they changed it again.
Michael T Ganschow Green: They changed it again, why did you move it to on here i'd hang on i'll fit OK, so the change the keyboard command again I just downloaded the new version of photoshop so we get to see you know don't want to hide that or move that where did you move.
Michael T Ganschow Green: Where did you change that selecting between layers okay you moved in on no, no, no, no, no, would you like to enable no i'm good Okay, I just want the mask Thank you.
Michael T Ganschow Green: I just want to enlarge my brush so the change the keyboard too large to brush I will find where that ran off to but i'm going to drag the size of my breath so it's Nice and big.
Michael T Ganschow Green: will go and down here is hardness hardness basically is the date is is zero percent hardness means it's an airbrush it sprays, with a soft edge.
Michael T Ganschow Green: A 100% hardness needs is like a wet paint brush and it makes us absolutely hard crystal clear edge when i'm making my masks typically i'm working with 100% hardness brush and I just come in here do to do to do to do to do and I just paint out.
Michael T Ganschow Green: anywhere that I wanted to lead.
Michael T Ganschow Green: From.
Michael T Ganschow Green: There we go, so now now.
Michael T Ganschow Green: He is open, now I don't necessarily have to use paint brushes, by the way, to make a mask I can also come in, and I can use selection tool so, for example, this rectangular selection tool here, I can move it in, and then I can go edit.
Michael T Ganschow Green: feel.
Michael T Ganschow Green: Black boom and that also will make a mask on the masking layer and clip him off so that was adding images and masking as well as highlighting piece of image pieces of images, with a selection tool.
Michael T Ganschow Green: Again notice i'm clicking from my mask back to my image, so you can highlight pieces of images with your selection tool and cut them out by doing simple deletes.
Michael T Ganschow Green: But I don't tend to like to cut things in photoshop unless i'm putting them to move somewhere I tend to prefer to use masks because.
Michael T Ganschow Green: If you want the rest of your image back, while you're going to go back to your original image copy paste all of that blah blah blah blah blah, whereas with a master image I just come over here and I delete the mask and suddenly the rest of the images back.
Michael T Ganschow Green: So image questions gradient questions layer effects questions questions about the meaning of life.
Michael T Ganschow Green: Alright, so that being said that.
Michael T Ganschow Green: concludes our broadcast day I will be spending the remaining time narrating my way through adding.
Michael T Ganschow Green: Last last classes recording to the website so if you guys want to follow along and watch me add a recording to the website.
Michael T Ganschow Green: i'm going to i'm going to do just that here for a little bit, if you want, so if you want to stick around and watch that great otherwise you are free to go and I will see you next Tuesday, hopefully with things to show me on the forum designs your project, who knows, or do then.
Michael T Ganschow Green: Alright, so let's toss up that new class recording so we're going to close the.
Michael T Ganschow Green: chat there so let's see here let's go to my website Oh, I know first things first first First things first i'm missing something here i'm going to delete this class files bye bye find her empty trash we're going to make this GMC 175 inch yes i'm aware into a.
Michael T Ganschow Green: Why not let me click on my own desktop.
Michael T Ganschow Green: Okay you're being really weird you got a minute, let me stop and restart the cheer.
Michael T Ganschow Green: up so we're going to share that Okay, make sure you want to Oh, I see it hit the menu empty trash okay so we're going to take JRC 175 and we are going to draw click on it to make a compressed version.
Michael T Ganschow Green: Which we're going to call colors fine.
Michael T Ganschow Green: Alright, so now we're gonna open up a file zilla.
Michael T Ganschow Green: Alright let's go GR C 175 dot net firms.com username GR C 175 okie joker's then we're going to put in the class password class 170 phone spring.
Michael T Ganschow Green: To zero to one there's an exclamation point there and it would go to to do to do to do to do to do Doo alright cool so now we're in like seeing him.
Michael T Ganschow Green: Okay, so.
Michael T Ganschow Green: let's go in here and we'll go to images.
Michael T Ganschow Green: And we will make this class files are going to change the date on it to what is today today is two to four.
Michael T Ganschow Green: Bam there's that and then we're going to toss up the class files for you guys to download first then well that's doing its thing.
Michael T Ganschow Green: We will go and we will find where my website live we're going to go to the drop box we're going to go to you we're going to go to here, we are going to go to here and recording classes.
Michael T Ganschow Green: And we're going to go, these are all going to be equal.
See to.
Michael T Ganschow Green: What can I call this Tuesday.
Michael T Ganschow Green: This is Tuesday.
Michael T Ganschow Green: Tu Tu.
Michael T Ganschow Green: Tu Tu to 21 Tuesday two to.
Michael T Ganschow Green: 20.
Michael T Ganschow Green: And we go.
Michael T Ganschow Green: Here and we're going to change the nope that's the transcript of the class, it would go change that out.
Michael T Ganschow Green: yeah we do.
Michael T Ganschow Green: will change this out as well there we go.
Michael T Ganschow Green: All right now that want to take these guys stick them in your in my dropbox while they're rolling hi there guys let you update let you eat for a bit all right now and back out here and we're going to go to the recordings.
Michael T Ganschow Green: Class recordings html and we're going to open this up in dream weavers let's crack dream Weaver open here and we'll get that open up instead of brand new class here.
Michael T Ganschow Green: See chat let's see here when I was buried in here so i'm just saying, have a great weekend yeah indeed.
Michael T Ganschow Green: Alright, so now, then we get to.
Michael T Ganschow Green: let's do this Okay, so we got class recordings is dreamweaver really we're still firing up, we will fire up dreamweaver here real quick.
Michael T Ganschow Green: De de de de de de de de there goes.
Michael T Ganschow Green: There goes.
Michael T Ganschow Green: who's elko.
Michael T Ganschow Green: Fire dream Weaver up here chucky chucky chucky chucky.
Michael T Ganschow Green: And we will put up a fresh student recordings now that dream Weaver is done it's deal are so there's that you may Oh, I see I see dreamweaver you remember that's a good one dropbox cool alright so let's go to class recordings.
Michael T Ganschow Green: To do to do okay so we're going to go.
Michael T Ganschow Green: Do all right.
Michael T Ganschow Green: Show me my source code Hello Hello.
Michael T Ganschow Green: Are you still booting dream I think you're still booting.
Michael T Ganschow Green: All right, you're booting we'll get this thing started so we're going to go if you know we'll get this thing done come on come on come.
Michael T Ganschow Green: Close this close this and let you get finished thinking yeah You see, I see you're still thinking Thank you well, I want you to i'm thinking now we'll put this up here we go let's put this up let's open up class recordings come on show me.
Michael T Ganschow Green: Show me the code i'll do this in a text file, if I have to if you're not gonna be a go dreamweaver as a good boy alright so let's open up a let's copy paste one of these classes and we're going to go that was Tuesday.
Michael T Ganschow Green: Tuesday 126 there's day 128 there it is so we are now going to go.
Michael T Ganschow Green: Return turn boop boop and we're going to go Tuesday.
Michael T Ganschow Green: US day.
Michael T Ganschow Green: 02020202020202020202 swapping these out and then we're going to change the names here we go this name is.
Michael T Ganschow Green: minimize you grab this name.
Michael T Ganschow Green: Tuesday
Michael T Ganschow Green: Drug and Robin already all right let's go close the chat up here we're going to go to images recording.
Michael T Ganschow Green: classes.
Michael T Ganschow Green: we're gonna go Tuesday.
Michael T Ganschow Green: cool Kathy change that out and dreamweaver so that will get.
Michael T Ganschow Green: All the links will point to the right class.
Michael T Ganschow Green: And we go.
Michael T Ganschow Green: And then we're going to do, there is a lecture recording chat transcript voice recording zoom link alright cool, so now we will go grab the zoom link Doo Doo Doo Doo Doo Doo my recordings hi Tuesday Hello so we're going to go share.
Michael T Ganschow Green: Information copied is that just the link let's see.
Michael T Ganschow Green: let's go drift Doo Doo Doo Doo Doo Doo internal me.
Michael T Ganschow Green: till the end there, we go, so no no blanks, no, no, nothing on that so there's that proper link right there to here and i'm going to go.
Michael T Ganschow Green: click on that that that that that that no no stop of the drop Downs there we go click on the Tuesday lecture there it is.
Michael T Ganschow Green: And there is the copy a shareable link double check that I don't know if this is quite the right link.
Michael T Ganschow Green: Well, there we go that's much better okay so there's direct share link we're going to save this and we're gonna put this class recordings file.
Michael T Ganschow Green: let's go i'm going to toss this online so that class recordings is up and running Doo Doo Doo Doo Doo Doo Doo Doo Doo.
Michael T Ganschow Green: it's taking forever for you to sync okay so we're gonna go make sure this is all saved, there is a now let's put this online and then we'll put the files up so you guys can download them alright so we're going to go class recordings.
Michael T Ganschow Green: into the main Jesse 175 yep there's one that's currently there overwrite air goes and let's go to Jersey 175 fresh and collapse recording fresh air, it is I Qu so Now let me put the files up we'll get those going should take a little while So there we go and recording.
Michael T Ganschow Green: Yes, yes, I know, going to menu somewhere classes and we go.
Michael T Ganschow Green: All right, we're gonna add these recordings in images recording classes.
Michael T Ganschow Green: there's all my recordings.
Michael T Ganschow Green: alrighty.
Michael T Ganschow Green: For those of you who are still here, this is going to take a little again another chat.
Michael T Ganschow Green: and find out their journey later.
Michael T Ganschow Green: Alright, so this is gonna take a while so i'm gonna go ahead and stop the screen share and.
Michael T Ganschow Green: we're going to stop the recording there, so you guys watched me change some things up and ftp things up, so I will see you guys around see you next week have a great weekend you guys alrighty then so later gators.