?

8. Visualizing Your Story---1-1.Lesson Overview

P81 - 00:00?

Welcome to our final lesson number eight. So what we will be doing in this lesson, we’ll be going back to our abstract composition, picking up a few frames, refining those sketches,?

P81 - 00:17在抽象合成中調(diào)整草稿。?

making our final illustrations for our story that you have guys in mind. So I did finalize two of those images. It's basically a small story of this knights walking towards this bright object over there like and.?

P81 - 00:35騎士朝著曙光走去的故事。?

Also, I will be showing you how to actually deal with the color and give you the basics with color.?

P81 - 00:42如何給基礎(chǔ)上色。?

So we will be also being quite a few studies when we will be having a black and white sketch in trying to colorize it. ?

P81 - 00:53黑白草圖最后如何上色？?

So my hope that towards the end of this lesson, and you will be having everything you need to paint stuff in colour and also using all the knowledge that I gave you so far, you will be composing some final images.?

P81 - 01:11最后合成終圖。?

So I'm pretty excited. And let's get started.

?

8. Visualizing Your Story---1-2.Color in Photoshop 3D

P82 - 00:00?

Let’s talk about color a bit right? Color is true based upon a slight, learning a master color is another life time challenge.?

P82 - 00:12顏色學(xué)好是一生的挑戰(zhàn)。?

That’s why I felt like giving you color last lecture could be a good things to do. Because before I felt that we need to concentrate on creating good graphic design, which Is a very solid fundamental knowledge or story telling,?

P82 - 00:33先專注黑白灰設(shè)計(jì)，后談顏色。?

and color is another very strong storytelling element. it complements the graphic design that we were trying to learn previous eight lesson.?

P82 - 00:46設(shè)計(jì)占用前面8節(jié)課時間。?

And I think this is a good time now, to show you some color basics. And once again, teaching color is really needs another eight week course.?

P82 - 00:56顏色需要另外8節(jié)課的時長。?

But I will be trying to show you different very simple techniques, how you can use everything I showed you so far to kind of make those shortcuts and to create convincing colors without actually painting color from scratch. ?

P82 - 01:15不用從素描開始上色。?

So the first step would be getting a good reference. If you go to my reference folder, you will find a different good skies and stuff like that.?

P82 - 01:26參考圖文件夾有很多天空等。?

And make sure when you’re looking for references that you're picking up a good reference note, like heavily for the edited one.?

P82 - 01:38選好的參考。?

I will do a separate chapter on that one. Just make sure that you always find a good reference that hasn't very kind of nice ballot because we’ll be using that as a starting point.? So right now what I'm having here, I'm having a background that is beautiful sky.?

P82 - 01:57現(xiàn)在我有背景有天空。?

I'm having this 3D sphere like I created, because I think, showing you how it works in 3D is much easier and less time consuming for you as well.?

P82 - 02:093D模型在PS省時間。?

So I just created this sphere. And I’ve got one light over here.?

P82 - 02:17創(chuàng)建球體和光源。?

So there is this one light. And by rotating it, I can match the direction, because I can see the photo behind the sphere,?

P82 - 02:26旋轉(zhuǎn)光源匹配3D球背后的光源。?

And I can start actually matching my lighting with my plate. So if I go proximity here, if you see it's almost kind of a lining with that,?

P82 - 02:43光源方向匹配云層太陽光。?

So now also I would choose color which I already did, if you click over here. and then you basically need to find a good space. try not to use the hot spot overhear. because it will be very heavy and strong. so I would choose some color over here. It will still give us this really nice red team. And still be lighting this sphere very nicely.?

P82 - 03:20拾色器不用選擇太耀眼的陽光。?

And now basically what you have here, I have a very strong, light source coming from the sun. But also we have all those beautiful balls lights, like coming from the sky, From all over the place.?

P82 - 03:47除了太陽光，還有天空中散落光。?

So in order to get that, you need some kind of bounce light system. And it is very easy to do it, to fake it in photo shop 3D.?

P82 - 03:59平衡的光源系統(tǒng)3D做出來。?

All you need to go to the environment. And first you need to copy your sky. So I'm copying my sky and I'm going back to my environment. And over here, you just say edit texture. And copy paste it. So I already did it.?

P82 - 04:27環(huán)境-編輯紋理，復(fù)制粘貼。?

I'm just trying to show you how I made those. For example, if this was black, like imagine if he had another sky, And we wanted to create the fact of that sky.?

P82 - 04:41比如可以創(chuàng)建另一天空。?

Let’s actually do it so you can see how it changes. So now you can clearly see that my sphere takes all the lighting Information from my reference and now I know how the lighting will look on the object that has this color. ?

P82 - 04:58比如球體被參考圖光籠罩著。?

let's quickly just change the situation. And go to my reference folder. And pick up some kind of sky. Let’s do something different now. let's go look at it like this, And it's going to be fairly dark, because you can see like over here. But let’s see if we can match the color of this car over here, Through all this sphere.?

P82 - 05:32落日余暉打在車上。?

So we select this. Go to my example. Going to destroy this guy.?

P82 - 05:44球體粘貼到新背景上。?

We can actually do this way. We create the second version. And we create this version. copy the sphere. And this sphere, let's go back to our 3D mode.?

P82 - 06:02創(chuàng)建副本?；氐?D環(huán)境。?

Pick up our light. let's move on a sphere, maybe over here.And now having a light. And the problem with this picture is that we don't have a direct source of light hitting our scene.?

P82 - 06:29本場景并沒有明確的光源。?

Because if you look carefully, the sun is blocked. And this car is picking some highlights because there is a reflection. So it would be very kind of smart with it.?

P82 - 06:40陽光被云彩遮住了，車上是反射。?

And I think what we need to do, we will have a light. It will be not as strong. It will be very diffused as well.?

P82 - 06:51光并不強(qiáng)烈，漫射的。?

So we will have a light. Let's pick the colors. I would say it's gonna be a very reddish kind of color. so this is exactly what you are getting on this people. If you take a closer look.?

P82 - 07:28看人拿的燈火，很多高光。?

There's not much highlights, because the sun is blocked by the shadow. But what is there in this picture from the sky is a lot of these balance like quite a lot of like dark blue. So in order to get that one will copy this one, go to our HTRL. Go to our environment. Edit texture.?

P82 - 07:56復(fù)制，環(huán)境-屬性-編輯紋理。?

And we will replace that one. Now, as you see, environment was replaced by that different environment.?

P82 - 08:14看環(huán)境就這樣被替換了。?

And if we go back to our scene, suddenly you see our sphere is picking up all the calories information in that scene. So in a nutshell, if you're doing a scene, and if you are not sure how to proceed with the color. First. We will find a good skier.?

P82 - 08:36選對顏色第一步選擇天空。?

You will find a good reference. And then even by using photoshop 3D, you can fix this color. you can make it like your own study inside.

?

8. Visualizing Your Story---1-3.Understanding RGB Sliders

P83 - 00:00?

so let me show you how to apply color from a reference today's very simple graphic shapes that they usually create when we are doing our graphic design stage. ?

P83 - 00:13如何把色彩用到二維設(shè)計(jì)上。?

We just broke out stuff in black and white and then we will hit the point where we will try to put some color Information.?

P83 - 00:21分解成黑白色，哪需要上色點(diǎn)哪。?

And I will show you how to do it. So the first question that you usually need to ask yourself before jumping into color,what is the local color of the object? Local. ?

P83 - 00:32問自己第一個問題，局部閾值是。?

So what is the actual colour of this object? When there is no light??

P83 - 00:45沒有光的時候應(yīng)該什么顏色。?

So let's just drop a random set of colors. Like that's just big base color. Let’s pick something bluish color, All of our first questions was local color. And the second question would be you value, ?

P83 - 01:12顏色 一本色二光影閾值。?

Like, what is my value? Because in order to be physically correct, color wise your object needs to have the proper value to it. And by saying what I mean is that, for example, this kind of looks like it can exist in this place, When it comes to this guy, it's kind of too bright, isn't it??

P83 - 01:37如相對于背景有的融入有的醒目。?

And I'm not saying it can not exist in this place because be glowing object.?

P83 - 01:45可能是冉冉升起發(fā)光的顏色。?

The same with this one.but if this was a regular object with one emission, If this object is not creating light, for example, If we are considering the object that is not creating the light, then it can offer proper decent to it.?

P83 - 01:59如果有發(fā)光體，可以產(chǎn)生默認(rèn)值。?

if you consider this object, they're not creating the light, make sure that your value like the brightness of your object stays considerably integrated in the scene.?

P83 - 02:13不產(chǎn)生光，融入背景。?

So probably I need to go back and kind of changed the lighting of these guys.?

P83 - 02:17比如可以去調(diào)節(jié)物體的顏色。?

Then this guy looks like it can exist in this scene, And I'm kind of eye bowling. There is no extreme rule of this in this scene. So don't overstress yourself. Trying to create the perfect match.?

P83 - 02:32眼睛測量大概的。?

But just understanding that you need to have watch the brightness of your value is very important.?

P83 - 02:37注意到價(jià)值明亮度是重要的。?

After the deciding what is your local calories. So now it is time to kind of start dropping. Let me actually combine those three guys. Start dropping the lighting Information from this reference,?

P83 - 02:53從參考中選擇光的信息。?

And now it's very tricky. Is it just a matter of color or something? Like, can you just go and do this? selected bright color of the sky. And paint this.?

P83 - 03:09比如選擇天空顏色涂抹。?

And as you see it, it doesn't work that very well. And the reason is because unlike traditional media, when you mix your colors in digital media, when you just apply color, it just applies some top of it with actually not mixing it with the local color that the object has.?

P83 - 03:33問題光色替代并沒融合本色。?

So in order to fix that one. What do we need to do? We need to use our RGB sliders.?

P83 - 03:41用RGB滑塊來調(diào)節(jié)。?

If I press up six of my machine, you will get these guys over here. And these guys will help you to actually start mixing this local color with the light source or whatever like a balance color or stuff like that.?

P83 - 03:56RGB幫助融合光與球體顏色。?

So let me actually kind of move of the spheres closer together. And I want you to get some balance happening in between.?

P83 - 04:09融合顏色平衡顏色。?

So now we will pick up this color, and it's kind of bluish color. And we know that the light source has some redness to it,?

P83 - 04:16光源有點(diǎn)泛紅色。?

Like because we can see in the sky and wherever the highlight is, it's kind of reddish, right? So instead of picking this color and painting it, it will never give us a physical representation, a real lighting model. We’ll go and start increasing our yellow colour inside these bluish color.?

P83 - 04:44不能涂抹光。里面含有藍(lán)色。?

So you see this red over here, we'll start increasing it. And also going and probably also making it brighter as well.?

P83 - 04:56增加RGB藍(lán)色，球體藍(lán)色亮些。?

because it's being lead by that that color. So we’ll go and make it brighter. and we’ll move and do this.?

P83 - 05:04選擇藍(lán)色主打色RGB調(diào)節(jié)后。?

And now let's try to paint this one. now it's much better. It's because now it's a blue sphere. picking up nice warm color from there. ?

P83 - 05:18現(xiàn)在再用光涂抹藍(lán)色就對了。?

So we cannot even take this color at a little bit of a yellow. same with this guy, Like the green guy. Go and increase to red this. decrease the blue, And I think these guys probably too bright, so let’s drop the saturation.?

P83 - 05:59比如綠色太亮了，降低飽和度。?

Same with this guy. you can see over here on the sand. The way it works. So we will go like this. and we'll apply some color. same with the color balance. We know this kind will bound on this back of period.?

P83 - 06:22類似沙土顏色涂抹。比如這階段。?

but instead of just painting it like this, which will never give you a correct model of the lighting scenario. what we will do. We know there is some science, And we know there is some blue as well. We will pick the lucky color and it will just reduce redness, To get more silent and get more blue. ?

P83 - 06:46藍(lán)色可以中和陽光中的紅更靜。?

Especially put these guys over here.once I increase the blue we'll start painting. And now it's picking up this color, same with these guys over here. So you can already see it happening over here. And because we pick the local color of this object,?

P83 - 07:32比如給球體涂上藍(lán)色。?

you can see it’s almost would you see over here. So you kind of referencing it from the existing picture. And it's almost matching like it's not 100% perfect,?

P83 - 07:45可能并不是100%的完美。?

but at least it does show you a better model of what you would care if you would trying to play these objects into the scene rather than just colour picking and applying that will never give you a good result.?

P83 - 08:06都好過直接選擇顏色涂抹效果。?

And also, like, for example, these two spheres, like all these three spheres, they will have bounce light between each other. ?

P83 - 08:14比如三層顏色彼此平衡。?

So you cannot just pick the green light and paint it just over here. it wouldn't be right. Instead of that, you need to pick up this color. you can add some more green, because we know the sphere is green. I need some less blue.?

P83 - 08:29比如綠色的可以稍微加入藍(lán)色。?

And then once you paint over here. Same with this one. You can pick this color and say, okay, I need some blue balance.?

P83 - 08:40比如藍(lán)色的加入綠色平衡。?

I'm kind of exaggerating right now. But you got the point in order to paint the change of light color and to get affected by environment, you need to start with local color and actually drag the slider to get where you want to get. And before I discovered this matte, it was very extremely, very difficult to kind of readjust my colors. Because I wouldn't know, for example, if I'm picking this blue and I want some red. Should I go over here? Or like, should I go here??

P83 - 09:25比如藍(lán)色中和色不知道選擇上下。?

It was very confusing. But now I know if I want something a little bit more red. I would just pick this color and say, okay, for some reason, I wanted a little bit more red and you're paint the red, right? ?

P83 - 09:40比如需要一點(diǎn)紅色，就涂抹點(diǎn)紅。?

So for example, you can pick this one and say, okay, I need you a little bit more red as well.?

P83 - 09:49比如選擇中間的可以加入紅色。?

Let's see if I pick up this guy over here. Put the ball over here. Just paint out of the color.?

P83 - 10:04比如選擇綠球，涂綠，打高光。?

Bring back the balance line. And now I know that this sphere should get some balance light from this reddish kind of sand.?

P83 - 10:23比如球體可以用紅色平衡下。?

I could not just pick this color and paint it in. It wouldn't give me a proper model. As I know, as I already know, what I need to pick this one. And I say there is some orange, So I will get some red. And decrease in blue light.?

P83 - 10:44橘黃色是紅色減去藍(lán)色。?

Probably we readjust value as well.so now I'm getting a very nice kind of bounce light. And yeah, and you can see like this sphere becomes more and more integrated inside the scene.?

P83 - 11:08綠球裝上沙土色，融入沙土環(huán)境。?

And the more work it out, the better it will become. And I'm really picking a very crazy colors. if I would stay very sad, I would probably get even better results with that. So don't forget, let's just summarize. ?

P83 - 11:25開始總結(jié)要點(diǎn)。?

First, you need to ask yourself, what is the local color? Then you need to check your values. And then use RGB sliders to add colors. Very straightforward.?

P83 - 11:59本色 光影 RGB顏色。?

And just by checking those three questions, you can always see if something is all right. If something is not looking good in terms of unlike if it's not for the real or not, it just means some of these guys are all fried, like either we used the wrong values or didn't use RGB sliders.?

P83 - 12:21沒用RGB滑塊的或錯誤閾值的。?

So that's why it's a very safe way to start from a very simple shape with a graphic design, which was first step graphic design. And then he said we had some local colour checked values and used to be slide as to add some colors.?

P83 - 12:40圖形設(shè)計(jì)后選擇加入顏色。?

All right. That's pretty much it about color. And to be honest, colour is it very different type of beast itself. So don't get stressful if you're not getting color from scratch. And the good news is you don't need to do so. And I will show you how by just using a very good preferences, it will create a very complicated pictures and very nice looking beautiful indeed colorful concept designs.?

P83 - 13:08概念設(shè)計(jì)中的顏色上色。?

So yeah, see you in the next one. Thank you very much.?

?

8. Visualizing Your Story---2-1.Demonstration 1

P84 - 00:00?

?let me show you how to actually go and apply color to your black and white sketches. It's always a big question. How do we proceed from black and white graphic design towards a final colorful illustration and concept.?

P84 - 00:17繪制黑白概念的顏色。?

So let me just do it very quick. sketch over here, black and white sketch. if we are aiming to get some likes on Facebook, we definitely need some rocks. Maybe introduce some clouds, A very basic simple sketch.?

P84 - 00:58勾勒出云彩和巖石。?

So how do we get from here? towards nice colorful picture. it is actually very simple. What are going to use. Once again, we will get recognized for reference. Like for example, let's see. You can even use this one. Take this one copy it. Bring it in.?

P84 - 01:34參考圖，粘貼到繪制圖上。?

So so now, or what we will basically be doing, we will be using blending modes like double click and let's say exclude darks, To establish the sky.?

P84 - 01:48雙擊修改天空。?

So we'll move around in the sky. Don't worry about the tree. at any point, we can get rid of the tree. But what we want to get in and we want to get some really nice mood and sky.?

P84 - 02:00移除樹木，得到天空和基調(diào)。?

And let's say that's actually copy the tree, because we will be using some Information from that tree as well.So we will now use content aware filter to shift at five.?

P84 - 02:18復(fù)制樹shift5內(nèi)容關(guān)聯(lián)。?

I just get rid of the tree itself. so I'm not sure if we need this clouds right now. So it'll definitely be. And I want to bring those back from now. I've got a really nice kind of lighting in the background.?

P84 - 02:41去掉云彩，背景色變成光亮的。?

And as for foreground, what I will be doing like, i'll still have my tree, This guy over here. And I like the colors over here. So basically, i'll take those. For example. Now we will exclude whites. So when I stretch this. I’ll go down, It just shows me the structure where the dark color is. So basically what I can do, it can quickly fill out rocks or whatever they are. anything big and monumental will get a lot of likes on Facebook. ?

P84 - 03:31前景裁剪出樹木的樣子。?

I will just fill the gap over there. So it's kind of very squashy and blurry. But when we zoom out, we actually see a lot of cool things, so afterwards would basically we'll do. We'll start painting over, introducing some textures like some painting information on the pool. Because we color sampling from an existing image. It will be already having a very good solid base to start painting.?

P84 - 04:15材質(zhì)刷子，在好的繪制基礎(chǔ)上。?

And you can do the same for the rest of the picture. like go on. We're here. And now it's for the ground. Kind of do the same, I will take this grass. Apply it over here. Doesn't necessarily need to be. exactly the same grass. It's just a nice ground right. And now it's because we were using a picture with no fault whatsoever.?

P84 - 05:07用原底圖的默認(rèn)值。?

But because we've got a lot of colors, you can go and start actually applying some really nice atmosphere as well. just by picking those colors. Just knocking everything backwards.?

P84 - 05:33用材質(zhì)刷給背景涂上云煙。?

It may be introducing like a lot of these bounds like that we have in the sky. Now we need to have kind of the same on the ground as well. And that's actually pretty much it. that this is the way how you do it. And like you can start because that's the good thing about having a very nice solid reference. you can start color sampling from that reference and just bringing some clouds and all sorts of different things.?

P84 - 06:49草地綠色的。大山云霧繚繞的。?

Even increasing the amount of fog we are having. And as for sky, because they are already having a nice base, where you can start sketching like refining this guy. Make it a little bit more graphic looking.?

P84 - 08:08放大霧氣。精調(diào)天空。?

And as a final touch to blend those colors together, we will be using mixer brush.?

P84 - 08:12用混合刷子工具。?

So general, I'm using this one, and I will go simple all layers. Same with this smudge tool. As I’m almost using, this magical j softer because it gives me, it helps me to soften the edges. to blend those together.?

P84 - 08:40用混合刷子和柔化工具處理。?

What is the basis of the problem? Now use burn tool. Maybe we can indulge and burn tools. Dark a little bit here and there.?

P84 - 09:25用暗化工具加深。?

Got some birds then. Birds always bring extra likes. So everybody likes birds.?

P84 - 10:30天空中繪入一些飛鳥。?

And that's it. you can see like starting from a black and whites cage, we were able to quickly get a very decent kind of color composition, without actually spending a lot of time trying to paint everything from scratch, which is true.?

P84 - 10:51短暫時間從黑白圖層到目前圖。?

It is a good exercise to do. But now, I don't have time to do that. like if they ask me to deliver four different concepts by the end of the day.?

P84 - 11:04比如做出4種不同概念藝術(shù)來。?

I don't have the luxury to paint a reference from scratch. And there is no need to do it because using for reference and using all different shortcuts. It just gives us so much flexibility.?

P84 - 11:17快捷方式比參考圖省時間。?

And like colors that you would probably never get. If we were painting from scratch, Introducing a couple of storms will be nice.?

P84 - 11:36加深輪廓，加亮湖泊。?

And all I'm doing, I'm just picking the balance light. because like stones will always pick the really nice balance nice. those bars light on the sky. I'm introducing these bright spots just to create some foreground elements. And ultimately to create this zigzag motion remember I kept talking about all the time when we would take our first lectures, you always want to have this motion inside your picture, some kind of curves. So to do that. It’s very good to introduce different bright spots here and there. ?

P84 - 13:10帶亮的石頭。黑色遠(yuǎn)山，之字形。?

let’s just smudge it a little bit here as well. is also one of my favorite tools because it allows you to kind of separate things and make selections without actually going properly heavy on precise on the way you select things.?

P84 - 14:59選擇工具不用太明確分別的選擇。?

It's all about efficiency, this is some of the birds back. It is pretty cool. So if you only can include a character because including characters always get you more likes. Just a very foreground element. that's pretty much it,?

P84 - 16:38前景加入角色。?

It's not just. The birds is very 2D dimensional. a little bit of life. why should they be birds. let's create dragons, So we’ll pick everybody likes dragons, from here to there very quickly, just because I was using a good reference. I was trying to sample and get a lot of things from that reference.?

P84 - 18:30繪制龍。從參考圖中獲取的信息。?

So let me do another example just so you really understand how to move starting from those black and white sketches because that's what I think is very important.?

P84 - 18:42從黑白草圖繪制起來最重要的。?

And even in the first composition is much more important than trying to further bash something from the very beginning.?