Color Your Animation With TVPaint

1. Introduction: Hi. My name is Melanie and eminent mater. In this class, I will show you have to call your animation into the paint. I will show you how to use the color panel, and it's different options and how to use the paint buckets. And for those who have the professional edition, how to use the CTG layer, which is a special color layer, which allows you to color your animation very quickly and change your colors easily. For this class, I'm using the animation I made in the previous class about the jumping Tote road so you can use a fire there or use what you've already produced following this class or you can call your own special animation. 2. The Color Panel: There are plenty of features in the colour panel. After seeing them all, you will be able to use it efficiently for any coloring process, the panel can be enlarged to get a closer look at the colors. By default, you get the chromatic wheel. You can choose the color you want in the external wheel, the hue and inside the triangle are the saturation and lightness of the color. With the right-click, you can access more color options. Mano is a default display and lets you see what color you are currently using. Complement and displays the complementary color of the current color. Complimentary colors cancel each other by producing a greyscale color like white or black. The triad color scheme uses colors that are evenly spaced around the color wheel. This one has two other colors closer to each other, which is more recognizable as the split complementary color scheme. The split complementary uses the two colors are just sends to the complement of the Mono we first saw. And that allergic or analogous color scheme uses colors that are next to each other on the color wheel. And the accented analogic simply adds the complementary color to the analogous colour scheme. The complimentary color will stand out in an analogous environment by ground. The color a on the left is the current color, the color B on the right. You can swipe between the two colors with this button or by pressing the key n. There are pickers for a and B colors, but you can also get the picker for the a collar with semicolon at the bottom of the panel, you can switch between several displays, RGB, HSL, and hexadecimal. Click here to change the color mode a and B colors display only the two-color fields. They are displayed on every other modes. The Down Arrow lets you see all the colors that you used since you open the program, click on this curl to delete them only the current color will remain. In the slider mode. You can control separately the values of RGB and HSL. You can press the plus at the bottom and copy paste the hexadecimal value. The picker is more friendly for people used to Photoshop. This is a huge display, which means that you can choose the hue with a slider. On the right. At the bottom, you can see the RGB and HSL values and the hexadecimal. This is a luminosity display. So you can control the luminosity from bright to dark with a slider on the right with the RGB, HSL, and exit decimal values at the bottom. The saturation display lets you control the saturation value with a slider on the right. The blue display lets you control the quantity of blue color scheme. Same story with the green display. And same thing with the red splay. The edges v display, HSL display lets you choose to hue, slider and the saturation and luminosity directly in the colour area. The mixer is a pilot on which you can mix colors together. You can start by adding the colour and mix it with the colors on the mixer. And in the bottom are the values of the selected color. In color. A. Click on the locker to lug the mixer and be able to use to left-click to select the color. By invoking the left-click is used to mix the colors. You can also be the cause by pressing the Control key while clicking on it. If you right-click on the mixer, you can access more mixes of colors. Default is empty. You can then make your own mix with your own colors. Peak colored selects the color you clicked on and places it in the a field. If you click outside of the mix, you will get the color black, as there is no color, their peer mixer removes everything from the mixer. You can also create your own listserves by clicking on new mixer empty and give it the name you want. And now I can add any color I want. I can create a mixer from the current image. If I have a big image, I need to enlarge the panel to see the image in the mixer. And now I can mix the colors of my image together. Well here I only have white and black to which I add some purple. I need to click a few times to add more of the color. You can also duplicate the mixers. Now if I go in my mixes list, I can see the ones I created. If you want to rename a mixer, you need to select the one you want and then right-click and choose Rename mixer. You can also delete the mixes you don't need. If you want to reset the mixers to default, right-click and click on File default mixers. Now all the mixes are back to the way they were. Pilots is, I think the most useful mode of the column panel as this is where you can store your own pellets, save and export to them. So this is a small pallet. I made those. If I right-click, I can access all the defaults pilots. The untitled pilots are the ones I created. I'm going to get the missing color in the other pilot. So I simply click on it. Go back to the other pallet, right-click and choose add color. I am going to choose another color. And I can also add it by simply clicking on the empty space like this. If I want to remove a color, I click on the color and choose Remove color. Spread, spreads the selected color to color a. It has the same effect than just clicking on the square. If you have a different color in the colour area, click on swap to swap the collar and the collar r-square in your pilots. Use replace color to place the current EI into an existing color square. Custom panel from current palette creates an independent panel containing only your color palette. To rename your panel, right-click on it and choose these panel rename. You can place these custom panel wherever you want in the interface. You don't even need the colour panel to get your colors. If you think that colors queers are too small to be, you can change the size in color size. Infile, you can export your palate with safe palette and load exploited pallets. Default palate will reset your palate list to default. And color variation is the only mode that doesn't allow you to resize the panel. The first two lines show the lightness variation of the current color up to 18 colors. The third, fourth lines show the saturation variation. The fifth line shows a gradient between color a and b. The sixth line shows a gradient of the complimentary colors starting at the middle. And the last line shows a gradient of the current color in the middle to its analogous colors at the extremities. You can create Augustan panel of these colors with the right-click. The step controls the value between every color of the gradient. 0% chose the same color. And a 100% shows the nine different colors of the gradient. All the colors displayed adapt to the current color a. I still have the different color values at the bottom of the panel. If I click on the look, I can click on the different colors without having the whole colors adapting to it, so I can switch between them freely. There you go. Now with all this knowledge about the different column modes, you will be able to choose your colors comfortably and efficiently to color your animation. 3. The Paint Bucket: I will color the animation of my bouncing character with the paint bucket. To find a bucket to go to the main panel here, and click on the bucket icon. If I use it now, it covers the entire space. I need to configure a few things. First, in the tool panel, I need to say the source layer, if my reference line is in the same layer, and now the vein bucket fills that space according to the lines of my character. If I don't want my colors to be on the same layer as my lines. I first need to create a new layer. In the layer stack. I click on New and choose duplicate structure. And now I have a new empty layer with the same frame structure as my character animation. I'm just going to rename it color. And I place it under the line layer because I want my lines to be above the color so they won't be hidden by the colors. Now, if I use the Paint Bucket, it won't work because I need to change the source in the tool panel. So here the source, which is the layer with the lines is above. And now I can color the character on a separate layer. I will undo and choose the colors I want for the character, you can choose your colors using the different modes of the colour panel. I already prepared a palette of colors in the palette mode. Now I choose these light-blue color for the belly. I want to show you what you can do if ever you have a hole in the line which would result in covering the whole space. Set the parameter gap closer to one or more depending on the size of the hole. This allows you to feel this base with a tolerance of a few pixels. Let's undo everything. In the parameter. You can set the number of pixels to which the color will expand beyond the line. Three, expands the color of three pixels beyond the line. If I set it to minus five, it narrows the color of five pixels before the line. So now I'm going to start coloring the animation frame by frame. 4. The Color Process: So now I will color my animation frame by frame using the bucket. I'm speeding up the video so you don't have to watch it in real time. On this frame, there is a line missing, but the missing part is too big for me to use the option gap closer I need to do to the line art layer and draw the missing part. Now I can continue on the other frames. On this frame, there is a hole in the line. This one is not enough to use the option gap close up. I said the gap closer to one and he trails only inside the Shape. Now let this color is done. I will add the other colors on the first frame to see how it looks. You can also create a new layer for each color and separate your colors into different layers. But I'm just going to put all my colors in the same layer. And this is what it looks like without the line. Okay? Do much with them. Even though too. 5. Checking & Corrections: While I was coloring, I noticed that a few pixels were not affected. So I'm going to check where it happened and fill the gaps, seeing the weights but with a white background and the light blue color is not easy. So I'm changing the background color to red. And now I can more easily see the gaps in the colors and fill them with the appropriate color. And then taking frame by frame. So let's speed up the video. Right? All the frames are good. I can change the five ground back to whites. So now the coloring is done. This is what it looks like without the light. And now we're going to see the coloring process with the color and texture layer. 6. The Color Layer: And now I will show you a different way to color your animation, the color and texture layer. These feature is only available in the professional edition of the program. In the layer stack, click on New and choose color and texture layer. New layer is created under the current layer. It is orange by default. Now if I look at the tool panel, it is different. I don't have access to all the tools. I get only paint or erase. So now I choose a color and draw a line on the character, which automatically fears the area. The Eraser tool affects the stroke I just drew. The color disappears only if there is no more stroke. The strokes are just indications of where the current should be. The same stroke can be repeated on several layers, which allows you to cut our animation with only one stroke. For example, I get rid of all the other instances of my color layer by dragging the small square at the top right to the end. I now draw a line that follows the movement of the character. In the tour panel. I check the box exclusion to draw with a line that indicates that I don't want any color where this blue color will be. And now I can see that there is color on all the frames of my animation. This method is only efficient with very simple shapes. In this case, I need to add a few more colors. So I'll proceed differently. I just didn't do everything to be back at the beginning. I can proceed by drawing a stroke, frame by frame. You can see that for the frame with a missing line, the color didn't fear the whole space. Now I feel it every frame with this color. I can see that I went too far on some frames and the color field, other parts of the body too, but it doesn't really matter. Use, now I choose another color and I draw a stroke on the forehead of the character. The lighter blue is pushed back and the dark blue feels the shape correctly. And I continue this process frame by frame. When I hide the line, I can see that the colors touch each other. There is no gap left by the lines. This is a huge difference compared to the bucket. The color layer, if you click on the goggles, each will hide the strokes that you made. These strokes are only referential. Be part of the final render. Continue filling the other thoughts over the body, frame by frame. This process is very easy and I'm not left to his lots of missing colors near lines, like it was a case with a bucket. Everything is filled correctly, all the colors are joined and there is no blank pixel. I'll quickly show you what the little lightning icon is for. When disabled, the color layer will not compute the data. It is useful to disable it when you have a big sized project which requires more time to compute. In that case, you need to disable the computing, draw your colors strokes on every frame, and after that, activate the computing to see the result. I'm just taking quickly frame-by-frame to see if everything is filled correctly. This is the frame with the missing line. I'm just going to add the missing parts in the line layer. And you can see that the color adjusts to the line I draw to close the shape. You can then still work on your line even after the calming step. Here, there are some pixels I need to change. So I take the blue color and draw some strokes in the area. If the color reaches outside of the shape, I can use the exclusion to chase it from the area. Now, the coloring is finished. In the next video, I will show you how you can easily and quickly change your colors after coloring. 7. Change Colors: After using the city julier for coloring, you can easily change the colors using these same layer at the bottom left of the layer. Click on the small pilot icon and choose edit Colors, which opens a small panel with the colors that you have used and the exclusion color. You can also use this panel while you are coloring to make sure to pick the right colors. Rename on your colors. This is important because the city Julia can be used for texture ring and will use this colors as reference, and it will be easier for you to find the right colors later. After renaming all the colors, click on apply changes. If you don't, the names will not be saved. If you check the box used these colors on Lee, the panel will be inserted in the color panel. This way, you can't make a mistake and use other colors. It is only active when you are on the color layer. It is also useful when you change layers because if it is not included in the color panel, this panel will close every time you change to another layer and you will need to open it again to exclude it from the color panel. Uncheck the books to change the colors. I will use the color wheel. I choose the color I want and switch color a two color. Be this way. I keep my color safe. Then I click on the color I want to change, which is picked to color A and I click a second time on the color to get the color picker. And now I can pick the color I placed in the color Byfield in the Edit Colors panel. He tells me that the blue color will be changed into green, but it is not done yet. I need to apply the changes before this color has changed. And now we see that the blue has been changed to green for the whole animation. And you can do that for all the colors of the panel. I'm gonna continue with the other colors. I choose my color and place it to color be. Then I click twice on the stomach color and pick the color be. I apply the changes and it has changed for the whole animation. And I continue to change all the colors of my animation. You can also change several colors at once Before applying the changes, I am going to change my colors back to the original colors. For that, I had created a pallets in the pellets. I click twice on the colors and pick the colors in my palette. I do that for all the colors, and then I click on apply changes, and now everything is back to the way it was before. 8. Extract: after calorie. No frames with the color layer. You can easily extract them from that layer into another common layer. To do so, click on the palate icon on the layer at the bottom. You have the option extract color. You can choose to deactivate the color layer after the extraction to extract with or without until using. And you can remove the colors you don't wish to extract. If you choose all colors in the same layer, all the extracted colors will be found together in only one layer. The color layer is still there, but it has been disabled after the extraction. Now I will show only the extract his colors layer, and you can see that all the colors are all gathered in the same layer. I will believe this new layer and extract the colors in a different manner. Now I choose all the colors separately, and it will create one lier for each extracted color. You can see that each color as its own layer. All the layers that have been created have been named like this, with Coehlo at the front and the name of the reference line layer and then the name of the color all separated by underscores. If you change the name of the color layer, then you will simply get the name off the color layer under school and the name of the color. With these new layers, I can use all the other tools, as I usually do in to be paint. These are common layers, and they are not limited the same way the color layer is. So if you need to use certain types of features on your color layer, you need to extract the colors toe work on them. And, of course, you still keep your color earlier in case you need it later on. If I extract the colors with anti liaising, the extremities of the pixels are smooth. This is the way I prefer to extract my cars. 9. Conclusion: I hope this class was useful and that it helps you understand better how the colors work in t paint. And I hope it can improve your workflow in your productions. Don't stay to share your work with the other students. With what you've been able to produce with this class and you can ask me, there is a topic on TV pains you want me to cover, Have fun, any meeting and I'll see you in the next class.