Affinity Mega Course: Complete Beginner's Guide — Series 1 | Fathoni Ashari | Skillshare

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Affinity Mega Course: Complete Beginner's Guide — Series 1

teacher avatar Fathoni Ashari, Design and Content

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction Series 1

      2:39

    • 2.

      Affinity Installation and Setup

      14:10

    • 3.

      Document Setup

      10:19

    • 4.

      Exploring Menu and Features

      27:13

    • 5.

      Start Learning Vector Mode with Shape Tool

      11:03

    • 6.

      Combination Shape Tool and Node Tool

      27:57

    • 7.

      Create Our Own Shape with Pen Tool

      17:43

    • 8.

      Practice Tracing with Pen Tool

      11:39

    • 9.

      Continue Our Practice Pen Tool

      11:01

    • 10.

      Manipulating Shapes Into Objects

      19:53

    • 11.

      Practice Create Label Design Product

      13:36

    • 12.

      Finishing Label Design with Pen Tool and Color

      16:59

    • 13.

      From Label to Product Design

      7:38

    • 14.

      Start Learning Layer Effect

      19:31

    • 15.

      Adding Shadow and Lighting to Design

      13:15

    • 16.

      Create Copywriting with Text Tool

      26:03

    • 17.

      Start Learning Pixel Mode

      9:02

    • 18.

      How to Selection Tool: How to Make Object Selection in Affinity

      9:00

    • 19.

      Object Selection Using Pen Tool

      16:48

    • 20.

      Make the Clean Selection

      15:30

    • 21.

      Practice Selection Session

      8:45

    • 22.

      Selection Feather Object and Animal

      13:30

    • 23.

      Fill Tool and Flood Fill Tool to Fill the Color

      19:41

    • 24.

      Learn Brush and Mixer Brush Tool

      13:34

    • 25.

      Replacement Brush: Replace The Color of Object

      9:03

    • 26.

      Practice Brush Tool to Create Shadow

      15:01

    • 27.

      Erase Brush: Make Object Selection by Erase the Background

      13:17

    • 28.

      Adjustment Brush: Applying Adjustment Color Through Brush

      21:17

    • 29.

      Tone Brush Tool and Burn Brush Tool to Ehance Color

      11:14

    • 30.

      Dodge Brush and Sponge Brush to Applied Color Adjustment

      8:10

    • 31.

      Implementing Adjustment Brush Tool in Our Design

      7:13

    • 32.

      Ehance Color With Adjustment Brush Tool

      6:31

    • 33.

      Filter Brush: Applied Filter Using Brush

      21:30

    • 34.

      Sharpen and Smudge Brush Tool

      12:43

    • 35.

      Clone Brush Tool: Uniqe Way to Cloning Object

      15:22

    • 36.

      Undo Brush Tool and How to Implemented it

      8:08

    • 37.

      Inpainting and Healing Brush Tool

      20:22

    • 38.

      Patch and Blemish Removal

      10:42

    • 39.

      Text Tool and Finishing the Project

      20:21

    • 40.

      Level: Modify the Tone and Color Composition

      13:29

    • 41.

      HSL: Applied the Hue, Saturation, and Luminosity

      7:29

    • 42.

      Recolor: Change to Targeted Color

      8:55

    • 43.

      Black and White Brightnest and Contrast

      8:36

    • 44.

      Posterize: Flat Color or Tone in Images

      8:13

    • 45.

      Vibrance: Modify the Intensity of Subtle Colors

      6:37

    • 46.

      Exposure: Correct Overexposure and Underexposure

      8:35

    • 47.

      Threshold: Create Two-Tone, Black and White

      7:04

    • 48.

      Curves: Modify Color by Tweaking the Master Curve

      19:24

    • 49.

      Channel Mixer: Adjust the Color of Individual Channels

      10:06

    • 50.

      Gradient Map: Change the Tone Color by Gradient We Make

      16:44

    • 51.

      Selective Color: A Way to Subtly Adjust Colors

      9:29

    • 52.

      Color Balance: Ehance Color in Shadow, Midtones, and Highlight

      10:39

    • 53.

      Invert: Convert the Color to Opposite Color

      4:15

    • 54.

      Split Toning: Recolor Highlight and Shadow

      6:34

    • 55.

      Lens Filter: Add Certain Color Like Lens Camera

      10:17

    • 56.

      Conclusion

      4:15

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

10

Students

--

Projects

About This Class

Hi everyone,

Affinity has officially teamed up with Canva and launched Affinity Version 3. Bringing together Designer, Photo, and Publisher into one powerful platform.  The most exciting part? Affinity Version 3 is now completely free to use. Just log in with a Canva account to unlock all the features.

In this class, we’ll explore Affinity step by step—from beginner basics to advanced techniques. You’ll learn how to create designs for a wide range of purposes, including digital marketing, professional projects, and other visual design work.

 What We Will Learn

  • We’ll dive into Affinity’s tools, especially in Vector Mode and Pixel Mode.
  • We’ll break down the user interface so you can edit faster, access features more easily, and make your design process more efficient
  • we'll learn the foundations of graphic design software. When working with images, we'll often involved with color adjustments, blending modes, and filters.

Why You Should Join

This class isn’t just theory. We’ll get plenty of practice through real-world projects such as designing mockups, social media design, creating product designs, retouching photos, and many more, and we experiment with creative effects.

By the end of these lessons, you’ll have a solid foundation in Affinity Version. Once you understand the tools, adjustments, filters, and blending modes, you’ll be able to create design you want.

Who This Class Is For

This course is designed for beginners who want to learn Affinity from scratch. Step by step, we’ll move toward more complex methods. I’ve structured the lessons in sistematic way so you can follow along easily, gain practical insights, and apply what you learn through hands-on practice.

Meet Your Teacher

Teacher Profile Image

Fathoni Ashari

Design and Content

Teacher

I'm Fathoni Ashari.

Passionate in creating content and sharing ideas through video and design. I enjoy learning and growing together with others in the world of content creation.

Through Skillshare, I share my skills and experiences, especially in creative writing, graphic design, and video creation. What I have learned comes from God's love, the kindness of others, and the experiences along my journey. That is why I want to share my knowledge and give back to others.

Thank you to everyone who has taken my classes. I hope they help you learn, grow, and become a better content creator in your own field.

See full profile

Level: Beginner

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction Series 1: Affinity is officially updated from Version two to Version three, and the changes are huge. The most exciting part, Affinity Version three is completely free to use. Just log in with Canva Account to unlock all the features. This is game changer. Well, many competitors continue raising subscription fees or charging high cost, but Affinity is offering professional design software at no cost. That makes it one of the most accessible design software available today. This class, we will explore Affinity version three step by step for beginner level to advanced level. You will learn how to create design for a wide range of purposes, including digital marketing, professional design, and other visual design works. So what do you will learn in this class? Well, we will dive into Affinity tools, especially in Vector Mode and Pixel Mode. Well, they look similar, but each other has different features. We will also break down the user interface so you can edit faster and access features more easily and make your design process more efficient. Next, we will learn the foundation of graphic design software. Everything in Photoshop, Illustrator or in Affinity has similar foundation. When working with images, we will often involve with color adjustment, blending modes, and filters. Color adjustments are essential for image editing. We will learn how to fine tune colors as we want, and blending modes are key to applying colors and effects in unique ways. Well, Affinity filters are packed with creative possibilities, and we will expore them one by one, learning how each filter works and how to apply it to our projects. This class isn't just theory, you will get plenty of practice through real projects such as designing mockups, social media design, creating protect design, and retouching photos, and still many. By the end of this lesson, you will have a solid foundation in Affinity software. Once you understand the tools, adjustment, filters, and blending modes, you'll be able to create design you want. Instead of just admiring create design, you will start analyzing how they are made and even start to analyze how to recreate the design. And that's the power of learning the fundamentals. This course is designed for beginners who want to learn Affinity from scratch. Step by step, we'll move toward more complex methods. Have structured the lesson in a systematic way so you can follow along easily. Gain practical insight and apply what you learn with our practice. My name is Fathoni Ashari, and I'm excited to guide you to learn affinities software together and see you in the next session. 2. Affinity Installation and Setup: Before we begin the learning in the first session, there are several steps we must prepare. In this session, we will walk through how to set up Affinity from installation setup to a few key settings that will make the software easier and more comfortable to use. You can install Affinity on laptop or pc's that running Windows operating system, or devices like MacBook or Mac Mini that running MacOS. However, I don't recommend using iPad version since its interface and features are not as complete as the desktop version. Before installing Affinity, make sure you have a Canva account. It doesn't need to be premium Canva. A free Canva account works perfectly as long as it's active. Next, we will visit the Affinity studio, Affinity website to download the latest version of Affinity software. So you can using the browser you want. I will die Affinity studio. The studio. Here in the website, we click Get Affinity, right? And then we need to sign up to get the installation file. So we click sign up to download. And because I have a login Canva in this browser, so I just click Continue. And here in the page, we'll bring into two options. Mac desktop with Mac OS and dekstop with Windows. Because in this class, I will use the Windows ecosystem, the Windows operating system, so I choose the Windows here because my system busy using Intel processor, so I choose Intel or AMD here. I just click here. If you using MacBook or MacMini or using the Mac operating system, you chose click Download for MacOS because I am using Windows, so I just click Windows Intel or AMD here, and the process download will begin and we go to the download page. And please just waiting the download process until it finished. After the tunnel process is finished, you just click Double click in the file we have downloaded off. Maybe you go to the directory file, you save this file. I just click Double click in here, and automatically the window will appear like this and just click Install, and the network you are connected to this matter, would you like, Oh, this is just a Window setting. It doesn't matter. Click yes. And the installing process will begin. We'll wait until the installing process finished. And automatically, the Affinity will launch, right? And just waiting here until the Affinity loading into the first page like this, right. So before we continue to the next step, I want to set up the setting in Affinity because in my experience, I found several uncomfortable experience. So we have to set up the setting first before we get continue to the next session. So before I go to the setting, I will set the page or new document, like new document here, right? Like new document, and here. In this document, I will ooe the Document unit two Pixel and change the width to 3,000 3,000 pixel, 3,000 pixel like this, and the way ahead to 2000 Pixel like this. And after that, I create the document. So if you still curious up this page up this window, we will deep dive more letter in this practice session, but for right now, it just for demo in the setting. I will create document like this. And the first setting we have to set up is Mark selection tool. For example, I will create this some shape like rectangle tool here, here, rectangle, rectangle tool, and I will draw rectangle tool here and maybe I will drow the oval or a circle with hold shift like this, or maybe I will draw the triangle just like this. So I want to show you how the unconvenient one. Like this, I will change the color, click the color, this one, and move to the red. We changed color to Blue, for example, and this one to green, for example. This, for example, like this. Now we'll make it more closer. So I want to show you the unconfortable one. This one is a mark selection tool, marquee section tool. If I want to choose select this rectangle, I can select like this, but when I try to select like this and my selection just a little bit touching the lu circle and automatically, the Blue circle is included. Same case when I want to choose the blue circle and my selection is touch the rectangle and also green triangle, the result will be like this. Sometimes this is not convenient when we working a lot of project, a lot of object. Let's try when I open when I copy, let's I copy this one. Again, I will copy in a little bit complex object like this one. I will go to the edit setting and go to tools like this and select Marquee selection, behaviour and click enclosed required Object to be enclosed by Markey just like this. And for example, if we click here, click here, here. So when I try to just only choose this one and this one, it like here. And then I think it's more so I think it's more convenient when we editing with this marquee tool behavior like this. We need to cover all of this area to get selected. And then the area is not fully covered, is not selected here. So this is the setting number one we have to set. The next settings, I want to explain about the selection object selection tool. So the next setting, the setting number two, I want to explain about this one Object Selection tool. When we click the Object Selection tool, so this will appear machine learning models. Before I explain, I will import an image. In the project section, I have uploaded all of this file, all of this material file that I use in this class. So don't worry, you just download this file and use we can using the same file for the next practice. It contains all of the material we needed in this class. So don't worry if you want to follow step by step in this class and you don't have the file. So don't worry. I have provided all of this file, you just download and extract. So in this adjustment layer, there is image the apple image. So I want to use this Apple. I will import, just drag and drop. Bring the inside of this document like this. So like this. We want the size of Apple is too big. So I think I'll need to scale down transform smaller scale down like this. Think I'll make fit on the page to the document like this. Usually, when we're working on the image like this, we want to select this apple and to separate apple from the background to make selection and then to remove the backgorund. We will very often doing that. To make selection, we can use Object Selection tool. But when we click the Object Selection tool, there is the notice will pop up. Mochine learning models. The Object Selection tool requires the segmentation model to be installed, manage installed models in settings. So we is click Settings and in the machine learning, the segmentation, we click turn on here. And we need the Affinity software, we'll download it additional file, additional model to make this segmentation setting available. So we just waiting until the download is finished. We just waiting one or 2 minutes. It depends on the Internet connection, guys, but I think it's not waiting too long. So just wait until the loading model finish and Okay. The downloads finished, and we can close this page setting page. And let's try again in the object selection tool. Like object session to, and we bring the cursor in here. We wait We will wait until this sign appear because the Affinity software will analyze the object, we'll analyze the image, and they will doing some automatic selection using machine learning model. Just click here and automatically, the Apple has select and we literally making selection, easy like this, and we just create selection. Very easy. After that, if we remove the background, just click the Musk layer like this. It's easy, guys. So this is the segmentation model. We have to in this setting, click machine learning and segmentation model. So this is the second settings that we need to set up. The third settings, I want to setting about the performance. I experience many times that the Affinity is crash. The Affinity is sports clos during editing. Or sometimes when I open the Affinity, it will crash. The third settings that I want to share with you is performance settings because sometimes I experience many times Affinity is crash. Affinity force close during editing and it's not convenient. If you also experience rising in your Affinity, maybe this setting is worth to try. go to the setting, go to the performance. And with these settings, your Affinity is fine, so you don't need to change. But if your Affinity is Crash, this is worth to try. In the renders settings, you choose the most strongest graphics card on the system because I use the I graphics card. So I choose Intel Arc A380. So it depends on your system, depends on your PC specification. And if you experience the press many times, you can try to disable the OpenCL compute acceleration. You just disable like this and just close. And the Affinity will ask us to restart application. Just click. And because our document is not save, yet. click yes. Like this in the same direction as a file demo, I will click Apple like this and Affinity will restart this. And we can open the Apple pile that we have open here, Apple, that we have created previously too. So, guess, so we have set three settings. The first is the Mark selection behaviour here and then select objects section two. And then the third is the performance settings if your Affinity experience crash, right? And after that, we will start to learn Affinity and break down the features one by one. So see you in the next session. 3. Document Setup: Friends, in this session, we're going to talk about how to create document in Affinity because the Affinity has unique features. Divide document into port and multi pages. So let's move to the software. When we click the file, click the New. We can see this is a lot of preset paper and then also available in the RGB mode and also CMYK mode. So you have to careful here between the RGB or CMYK. And also, this is the Photo size, Canvas and also fed you in web like on social media and some device Potrait to create, you know, the portrait mode. But I want to highlight about these features. When you look at the setting, this is the artboard. And this is the multipage. So I want to show you the difference between when we turn on the artboard and when we're using the multipage. We have three mode how to create document in Affinity. So let's practice one by one. So the first document we have to create. We turn off the artboard and also we turn off the multipage. What we look like. I change the document unit to Pixel, and I will change to let's say 3,000 pixel by 2000 Pixel. More easy to remember. And then click Create Document. Here. Here, when I import this image, again, this apple. The layer just like this. And when I copy, or duplicate CTRL plus G, for example, when this copy of Apple, I bring to the outside, so the image doesn't appear. So the image, it's hide. So mode in this document mode, the object just appear as long as the object still inside in this document. For example, when I create the rectangle in here, let's say I will bring the color rectangle in blue here. When this rectangle, I bring to the outside the rectangle will be vanish will be gone, or it's like hide. So in this document setting, the object just only appear as long as this object in the inside of document. While the object in the outside document is not appear. So this is the first document, the first first and this is gone and this is back. I will save with default document. So the next document, we click New here. What if if we turn on the artboard here. Turn on the artboard and unit, we choose the Pixel, and we change to 3,000 by 2000. Just easy to set the number. Right? And then Color format, we choose the RGB. And then we click Create Document. Remember, the artboard d is active. Create document. Here I will save the document first with artboard document like this. So if we import or drag and drop the object here, for example, I'll using the same object here. When I click copy and paste bring this apple to the outside and here, it will still appear and it will still visible. And some cases when I create the rectangle here, for example, and I bring the blue color, in the blue color, still appear because this is in the inside. When I bring to the outside, it's also still appear. So this is really suitable for us who are working with a lot of objects. Sometimes the object unnecessary object, we bring to the outside temporarily and bring the object inside letter. And also, we can create the another artboard We can also copy the artboard, this one. To copy the artboard we just click Copy. Just click the artboard all of this and hold ALT and bring to the bottom, to the side or to the bottom. Now we have two Arboard. The artboard, maybe we can rename artboard, this one, artboard two. So this is the artboard one, this one, and this is arboard two. It's very easy when we're working with a lot of Project with the same document. So this is we can create document in this artboard, and then at the same time we also create another design in this arboard still in the same document. Maybe we can change the color. We import the another image. Maybe I will use this one. This one. We bring the stop under the layer like this. So it's very useful if using this document with artboard active because we can working a lot of design at the same time in one document. The third mode in Affinity offer when create document is this one, I will turn on or activate the multi page like this. These are facing pages and arranged horizontally right number page one. And yeah, and also we create the document like this. This is the page mode. The page mode is only available in layout. So because we're in the pixel mode, we moved on the layout. And if we add the page two, Okay. So the multipage is very useful when we're working on, you know, the many page like a newspaper, magazine or brosure. So this is the multipage mode. This page one, we can create rectangle, for example, in here, and this page two. When we draw the rectangle with, for example, with green, this is page two, and also this is page three. Like this. So on this page one, patch two, page three, and then when we add the pages, we automatically we can set. The number of page one, for example, or two, and insert in the after, it will insert in here and insert before, it will insert between page one and page two. So you can doing some experiment. And this is page four and page five. So we'll continue continue and continue. This we have learned three mode to create document in Affinity. First is a default or command, the default or command, will by default when we working on the Photoshop or we're working on the other editing, right? And the second mode is artboard document. This is very visible when we're working with many design, but still in the same document. When we bring the object to the outside, still visible and bring to the inside also visible. In this mode, we can create a lot of artboard, so we can working on with a lot of project, but in the same document, still on the same document. And not only copy, we can also edit in the artboard, edit the dimension of artboard. For example, when I click this Arboard one and I click Transform here, so this is the 3,000 by 2000, so I can change, for example, I will change 3000-3 thousand. So the size will square like this. So it's not only we can copy in the artboard, we can also edit the dimension of artboard. So the artboard mode is very beneficial if you're working with many design, but still in the same document. next session, we will explore this user interface, user interface in the Affinity software. So in other you more familiar with the tools, and then we can more easily recognize which tools that we want to use later. 4. Exploring Menu and Features: Hello, everyone. So in this session, we're going to type about the user interface of Affinity. So we will explore the Affinity user interface from the menu, from the tools and the window. So this is very important for us before we doing before we learning into the next step because sometimes when we often using the tools, we often using the dialog on the window setting on the window, so we have to explore one by one first before we next to it. So let's move to the Affinity software. First, I want to create the document. As I remember, guys, I will using this Pixel. And this one, I will type 3,000 pixel and by 2000 pixel, right? And I will turn on the artboard like this. Well, I turn off the margin. And I want to save to my preset. So I save to my preset, I will name it demo, click Okay. And that's the way we can serve the preset in this affinity. And then we just create document. Like this. Okay. The next step, I want to explore the user interface from the menu first. As you can see here, there is a menu from File Edit Document text, Vector Pixel layer view Window help, Window and help. In the file, this is like usual software. In the file menu, this is home. I basically when we open a new document. In the studio, this is a very important guys. This is very important. Basically, this is a preset or as a layout preset of user interface. This is this Vector Mode. Pixel Mode layout mode slice canva retouching, color creating Typography, and compositing. This is basically like the preset. When we click the vector, we are in the Vector Mode. When we click the Pixel, that the window, this window in this menu is automatically changed into Pixel Mode. Usually, in the Pixel Mode, we often editing the image editing the photo and containing design that based on the Pixel. And if we moved to the layout, the windows automatically change. The windows automatically change in the layout mode. Usually, we working on the browser or newspaper or magazine or Pook or layout in Book, something like that. And canva AI is the Canva AI. The menu is also changed. So in the Canva AI we have to use the feature. And retouching is also available on the Pixel mode. When we look at the color grading too, it's also often when we editing a photo, right? Maybe the color correction, we doing some adjustment in the photo. So basically in this color grading and this one is basically just a panel of this one, the adjustment. This one is also similar with this one. And the last from the studio is compositing. Typography Typography when you're working with the paragraph and then also working with text, this one to manage the paragraph. This one to manage the text individual text, and thing like that. This is just about distribution distribution feature from Vector Mode and Pixel Mode. So the vector and Pixel mode, it will distribute to other format. This is just about the format, not about the different tools or different application. Because mostly all of this feature in the layout to the compositing is also available between vector or Pixel. So that's why in this class, we're going to focus on the vector and pixel because when we more familiar with vector and Pixel, we deep dive up the tos in the vector and Pixel. I think all of the rest of it is just it's more easy to understand, right? So in the file, when we click Open, so basically we open an image. So for example like this. So there a thing when we drag and drop in here in this document. So the image imported into the document like this. My we scale down like this. But when we click, just click Open and then click to click into the image, the Affinity will open the image into the new type this. So this is untitled is the document that we have created before. And then this one, this is the image we just click File and click open, and then automatically, Affinity will open the new type like this. So next close, the close is just for close the image like this, close. So to set document, for example, like this untitled, I will save enter interface demo, for example, like this. So this is the document we have created has a name document name. Then save us to save the document in a different directory next in the edit. There is an undo do redo. For example, for example, guys, I will put in the burger here this so in the undo transform, just like this to undo transform, basically undo CTRL+ Z. And then redo redo. Maybe you're familiar. That copy a copy flatten here. Copy flatten here means when we click the copy this one and I copy and I paste here. So the flatten will be like this. It will literally same like screenshot like screenshot this case, this one. So I delete, Okay. Copy flatten, duplicate, duplicate layer, link selection. Yeah, I think for duplicate, let's literally same copy and paste. delete paste, default, create style settings, settings we have explored some settings previously in machine learning, some settings just only available in a premium account and color user interface, maybe we not really need to change in the settings. But right now, maybe in the next step, we will discuss a little bit about setting, but for right now, we focus on the menu first. Next, in the document in these pages. This is only apply when we create document, when we create document without artbord without artbord and using multi page, right? We create this one. We turn off the artbord and turn off the multipage. When we create document, and this one, the pages document pages click new here, the new document will lie in here. When we put this object in here, for example, this rectangle and this rectangle. So we move, change the color, and this one change the color. So we can we can work many document at the same time here too, actually. But again, it's like more organized too, like this. So it's not combined into one layer. The layer is separate. But when we close to here, yeah, it's not visible. This one is kind of different with artboard mode. So this document features only available in a multi page. And also, new add, we can add also multipage at multipage. For example, this one, I delete the second page, and I will using this one pages. We can add multiple pages. For example, the number pages, I will add a number of pages to, for example, and I will insert after page one, absolutely. And then, yeah. For example like this. And automatically, you will add two pages at the same time like this guys. And if we move to the layout here, Page one, patch two and page three, like this guys. So this is document for document setup. Move on the user interface again, Document Setup. In the document setup, we can create the resize or resize the document or convert the color convert the color format for example. Basically, in the document setup is also available in here. This one. When we click the output one, this one. We can also change the document set up in here too, like resolution document. Beside this one. And then rotate, rotate here means to rotate in the document. We need to change the rotation of document, just like this, like this. Just like this. Bring back to normal and flip horizontal. So the flip horizontal here means is not to flip the object, but flip the page like this, like this. So basically, like rotation, but it's not rotate. This is flip. We moved to the text. In the text, this contain a lot of features. But basically, in the text, when we're working with the text, for example, I will hide all of them first. When we working with the text, here, for example, I will type. Hello world. So this one, this one, this one, text from the size spacing, ligatures, baseline, all of this one. Basically just available in here, this one. This one. This is for like font, typefont, size, both Italic sometime like that and alignment. And to edit the character, we can click this one character. Make it more wider, this one. This one, too, we can make it shorter like this. So many things we can edit what we want. And we will discuss it more later. Next, next, we have discussed about text and vector. So in this vector, I will hide this one first. So in the vector, I want to headlight this one. Geometry, a convert to curve. Geometry, new b grown. So I want to headlight all of this one. So for the example of demo, I will draw on the rectangle or some shape for example the rectangle to draw the precise rectangle, hold shift and draw on the rectangle one like this. And I also draw on the triangle Hold shift draw on the precise triangle like this. I will make it more bigger, for example, like this. And then I will change the color. For example, this is blue. For example, this is red? So, I want to explain about this vector menu because this is very important, one of the very important features. I want to start with convert to Curve. So before I convert to curve I can't edit. I can't edit the corner. I can't edit the corner, right? I just be able to edit the corner, maybe to make rounded it like this, to make straight like this. Concave. I can't edit it from the node. I can't edit. No. Just scale up, scale down, rotate, something like that. But when I this vector, convert the Curves. So this corner change into node. So this is not only rectangle, but it'll become shape. So after I convert to curve here, it's easy to edit. Like here, I edit here, I edit here. Like this. Very easy. So I redo. The converter curve here means to convert from the rectangle tool into into curves. And now we're talking about the geometry, the geometry. For example, this is the rectangle is the triangle. I will making it overlapping like this, right? So when we select all of them, In this vector in the geometry, there is a add, substract, intersect, xor, divide and compound. Here is basically the same like this one, like this one. So when we click add, it will combine between the rectangle and triangle. It come like this. So I undo. Oh, no, no, I undo. So this is kind of different story when I move this rectangle to top top of this one. So when I click the rectangle and click the triangle and I add just like this. So the base layer, the base layer will influence the top layer basically like that. So when I select all of them, and I click substrate so this one, this top layer will influence the base layer. Basically, it will crop, right? And when I click the intersect, so the shape will cutting each other. The part that overlapping overlapping between the rectangle and then this one. And then this one, when I will take XOR just like this, the effect, this has become one shape. And the last when I click this divide into three object at the same time. I undo. What if you maybe you curious about what is compound when we're using the compound? It's not broken the shape. When we add the compound subtrack intersect the using compound, it will not broken the shape. For example, when I click at compound. So when we break down in this compound layer, there is still consists of triangle and rectangle. So the shape is not broken, right? The shape is not broken and still be able, we move from here to here. You know, geometric effect still apply, but the object is not broken, just like this. We move to the image image tracing to tracing image. We will practice letter. We will practice letter and expand the stroke. So expend the stroke here. Basically, when I try to, for example, this one with the blue rectangle, I will add the stroke. The stroke here, this one, the stroke, this one. The size of stroke, for example, this one, this one, I'm going to use this one, the stroke, right? And when we click this, you know, expanded stroke, separate from the rectangle, just like this. Then the stroke will separate. Next fill holes, fill mode. fill holes, fill holes what is Fil holes. Yeah. fill host. That's the vector menu. Move to the Pixel. Pixel selection from the filter, Pixel selection. This is also very, very, very important part. So I'm going to delete this one just like this. This filter contain a lot of filter. So maybe I bring back this one. Or hello world. I will make this triangle and rectangle to under this this pixel. The filter, for example, there's a blur average, gaussian blur, sharpen. We start noise to take lighting colors, and we will deep dive one by one in the next session. So don't worry. This very exciting when it comes to the pixel and filter like this. Let's say I'm going to import this one. This apple again, right? And then when we talking about Pixel selection, there's a color range, tonal range, Alpha range, so many things, actually. But yeah, I will, you know, like selection in the red color when we select color range to green our blue because there is no green or blue. So yeah, absolutely, it's not really impactful. And we will talk about all of this later. This is very, very important menu when it comes to selection the object. I think for right now, we will set for letter. The new layer, new mask, e. So this is new layer, news new adjustment layer is basically to add the layer. Basically, you can add this one. Pixel layer is similar to the new layer, group layer or container layer. Basically the similar one. For example, when I click the new layer here, and this one will create a new layer. This is also pixel layer. So same. In a pixel mode. So I delete, I delete it. So basically the vector and the pixel, new layer, mass layer, Adjustment layer is just to add a layer, but in a different purpose. It merge is basically to infer the color. We will also talk about later and merge to combine all of these layer. For example, when we like this. This one, when I'm going to when I click this one, merge, merge visible, and we create the This is basically just screenshot, like this. This one. No, no. Yeah, this one. For example, this one. It's basically like screenshot. So I delete this one. And then next livestock group, live tone blend. We will talk about it later, Rasterize. Rasterize here means to change this mode. This mode, for example, this picture. The first. This picture, this is still on the image, this original image. You know, when we first import, the size is so big, right? The size is so big. So this rasterize layer is to make this image into the exact resolution. Previously this image, this blue car resolution is absolutely more than this one, more than 3,000 by 2000. When we click rasterize, the resolution will change depends on this resolution like this. So when you rasterize like this, yeah. The image is not as big as before, following the resolution in here. And then the restoration is also important because every time when we apply in the pixel layer, also need to rasterize the image first. I think in the layer is also setting to apply this part. Set to apply in this part, the layer, select Layer Effect, we talk about layer tpo, group to make a group. For example, when I click here and click here, I group this. So it become one layer, but actually this is just group. So this is not merge, screenshot or snapshot, group layer into one. This layer, new group, lock unlock to lock the layer like this. When we lock the layer, when we lock the layer like this, this one, this layer cannot be clicked and cannot be selected or cannot be removed or delete until this tangle lock is unlocked. This one, too, yeah. And then we can edit layer. Just like this. Master page, hide show. I think it's not. We can talk about letter view in a view. In a Zoom meter, we can zoom in, zoom out, zoom in, for example, like this. Zoom out like this. Document, Document and fit is maybe same. It is 100 100% or actual size. Next, we moved on the window in this window is to place manage all of this window from the color swatches, stroke appearance, this one, layer, path brushes, style navigator history transform. All of this window also available here, for example, color, history layer, Navigator, switches transform, and all of them also be able to edit in here. Like maybe we can edit also this icon, the tools to arrange all of them. Like Pixel is like Histogram Info Library. If you want to, you know, like, using all of these tools, we can appear the window. So the window is to manage the panel, this more or less. And help, this is help the Affinity provide to make us to ask or to, you know, Check for update, for example, and send feedback if you experience some error and you want to report to the developer and about this one. This one using Affinity March 20 206-40-2301, right? Okay, we have explored the menu. Next, we're exploring the from factor and Pixel. But the first, we want to expand the factor. Well, we exploring one by one these tools. We also practice to create design, to create project. So see you in the next session. 5. Start Learning Vector Mode with Shape Tool: Hello everyone. So previously we have learned about the menu in Affinity. While explaining the tools, we also practice to create little project to implementate the tools that we are learning. So at the same time, we explain tools and also practice. So let's break down the Vector Mode. We move to the Affinity software. So in this session, we want to create another document. The new document, I will click New Document. For this one, I would go with 2000 by 1,200. And I turn on the Airport and create document. This for Vector Mode, right? Create document. 2000 by 1200 and turn on the artboard create document here. I'm going to explain about this one, this rectangle, how to create shape in Vector Mode, right? This one, this is the shape tool. We can create rectangle tool, ellips tool rounded, triangle, diamond, trapezoid, so many things, polygon, star, double star, so many things. I'm going to explain in a simple brief that the vector is different than the pixel. vector, when we create the rectangle, for example, we bring the color green, for example, or maybe blue. And I will copy. This just for explanation. I will delete the color and I will add the outline like this. When we in the Vector Mode, when we zoom in, so there's no one, you know, like the pixelated, the Vector Mode working with coordinate. When we zoom in until the maximum, there is no pixelated, right? It also happening here in the outline, there is no pixelated at all. Even when we zoom in until in the Pixel Pixel view, there is no pixel at it. It's a very sharp because this is the different mode between pixel and Vector Mode. But when we import an image, for example, when we import the image, there is a pixelated or on this one. For example, this apple, I print here. When we zoom in until the pixel view, there is pixelated, you know. You know what I mean? Just pixelated. The edges it doesn't clear and then pixelated. When you zoom in here, there's no pixelated. When in this one, Yeah, of course. Because this is a bitmap. Because this one is bitmap and this one on the vector mode. So this is also happen when we here. This is factor view mode and this one a pixel view mode. When we on the factor view mode, there is no pixel at it. But we click this one Pixel. Yeah, there's a pixelated. So the transition between the background and the shape, we bring back to the factor view mode. So I will delete all of them. So back to the shape tool here, this one. So in this one, I'm going to create rectangle tool like this. Create like this. Because rectangle tool has outline. It's a very thick outline, right? This one, this outline, I will drop to zero like this or maybe just a little bit 0.1 like this. And I can add the color. I will fill the color this one. This one, displays when we put the color into the rectangle or maybe which is like this. Or more visible rectangle. This one, the color, the color window is the place to put color. We can put color we want, like this one. This is for set stroke and this one set fill This one. We can set fill what we want, right? And this is one. This is the wheel color. Maybe I will set to Blue. Like this one. And in this color, we can also change this one from wheel to sliders here. And we can change the color like this, like we want. And we can change also boxes like this one. So we can change so many things, so many things form to create the color. This one is to set fill to set color like we want. And this one set stroke. I want to remove the stroke, just like this. Remove remove the stroke like this from this from this one, from a black stroke. Just click one set fill to no. And yeah, we have created the rectangle without outline. Or maybe we just click here from one point to zero, and then the outline is gone. Okay, I will change the color maybe a little bit here. Like this will change and stretch to full from the page like this, right? So, I will create the another the rectangle tool. You can follow step by step what I'm doing right now. Here and I can change the color to a little bit brighter like this. And we can also create this elipse tool. So elipse tool here. When we draw elipse tool it will become the, you know, become the elipse. But when we sift when we hold the sief become circle. When we draw like this, it's become lives and hold become circle like this. Here, maybe I will reduce the size with hold shift like this. I will put in here maybe a little bit bigger. Yeah. And the circle I will bring to here and this rectangle. One, I want to change the color for this wheel. I think it's more like this. Well, we also change the color with trough wheel. We also change the color with this. This is circle. This is circle, and this is the color. And here, the gradient tool and just the Gradient tool and click here, right? So the oval and the circle has gradient effect. But I want to change the color. This one. This has 2.2 dots or two points. So I choose this one and I change to maybe a little bit blue, blue, This one. Click this color, click Gradient. And this is when we click here, it will become the gradient. So we can also inverse, we can also click reverse to flip this blue become in here and this white bcome in here with reverse like this, right? And here, I will click here in a white color and I change the color. Or is more darker. Here. And I will also copy and copy this circle, I will copy here and bring here, right? Just like this. So we have create, what is it? The rectangle, this one, also rectangle, maybe a little bit too lower and this one rectangle. Little bit to here, maybe I will revise the color for this rectangle. Just and reduce this one to a little bit darker. Yeah, like this. What we are going to make, actually. Yeah, let's see later. So we have created the rectangle and utilizing some color grading. And next, we will create the shape with Node Tool. See you in the next session. 6. Combination Shape Tool and Node Tool: So in this session, we're going to continue our practice in vector mode. This session, we're going to create the shape but using the Node tool. So we will create the shape that utilize the node tool. For example, when we create the shape like rectangle tool, we can't change the shape except height and weight, right? And we can do nothing. Maybe just give him rotation or something like that. After we convert this rectangle to convert to curves on this vector, right? And convert to curves like this editable in nodes. So we can edit with this one. This node tool, we can edit. We can edit here. We can edit here, for example, we can edit here, for example, things. So this is the from the rectangle, we can edit the node. So I did two or even I can edit. I can make little bit curve like this. I can a little bit curve like this. Just when we convert from the rectangle to Curves, and it will also apply in every shape. You want to make a polygon tool, for example, in this polygon converter Curves, and we can edit like this, become trapezoid. In this project, we will utilize this elipse tools first. So I want to combine with rectangle, this one, right? Like this. In this tube, we bring here here. In this tube, I will give the color. I will change the color. Maybe in this ellipse, I'll bring to the top, this color to a little bit like this. And this rectangle, this is from rectangle. I will bring the color blue like this. I want to make a tube. This is as a tube. So to make it curve, we have to change. We have to convert this rectangle to curve. Right click and click convert to curve. And right now, we're using this tool, no tool, and using the center point and make it a little bit ending like this, like this. Right. Or maybe it's too much or we can zoom in like this too much. And this one, we can click this corner, this node and make it until it's similar to this one like this. Yep. More or less, it's like this. We can put object in the top here, for example. So maybe this is not really connect, we can touch little bit like this. All right. Next, I want to change this color. I want to change this color. Just a little bit give the gradient effects. like here, click Gradient, and this is a very unique gradient, guys, you can see, maybe you can pay attention this one. So in this color, So in this color, you click here in this is like gradient color, right? This is white, and this is blue. This one in the blue part, I want to copy the color code, right? I want to copy the color code. To get the color code, you just click color here and you get the color code. You copy and click here in the white area, white color, and this is color code for white. And you copy like this. And enter. So it's like this is a solid color, right, but actually not because we can edit and this one in this one. So I want to make this one. In the center, it will gradient with new color. Just click double click in here in the center or in this line. Just click Topo click in here like this. Right? So in this center, I will change the color to what like this. And a little bit wet from blue, just a little bit wet like this. And I will make it narrow. Tend to like this, this one, too. So it's like the color is, like, different from here to here. Right? So we can also use utilized gradient like this. And this one too, this one, too, this one. In the top part of tube, we can also change the color. We can click gradient like this. Or if we just click in here and change the color, we change the blue, for example, like this, maybe it's more blue. This one, too. The more blue. This one is also a little bit blue. And in the center here, we make a little bit better. Right? So we have created this tube, right? So as if this tube is, you know, stand in front of the background and the top of what they call it, maybe low or something, as if. So in a vector mode to create a shape, we usually using this one rectangle mode, and we at it with node tool. Okay. Next, we'll add another attribute. I will import an object. You put in the folder, vector demo. I will impart this leaf and I will track and drop and put in here. Right. So well, previously, we have created the shape, combination shape with node and modification shape with node now. So number two, with this image, I'm going to modification the shape, this one, in order to get similar with this one. So what if we use the combination of this shape to make this one, to make this one? I'm going to show you. Maybe this is a little bit longer, but it will very exciting. So if you look at this leaf, it's similar to the love heart tool, right? We will create with the heart tool. For example, like this or maybe just similar like this, right? Similar like this. More or less. Will be like this. We change from the color from the gradient to color, and maybe just choose a like this. So after we create this hard tool, as you can see, when we click topple click in using Node Tool here, you can see this is the little bit dot we can drag in here until divide it into two or make it a little bit here like this. So I want to get like this. So and then I will rotate. To be able to edit in Node Tool, we have to convert to Curves, convert to Curves. In order to this side, these Curves, be able to edit with Node Tool. So we click right click and then click Convert to Curves. And right now, the Node Tool will provide the feature to edit the to curve of the shape. For example, I will little bit make it here like this and just like this. This one will bring to the top and make it this like this. Just like this. All right. It's not fully, you know, precise, but we can create more precise, actually, maybe, like this. Just like this. Or like this. Or this one is I think is maybe we can also reduce a little bit. Yeah. Right? This is more similar than compared to the previous shape, right? So how we can create this one? So hole in this leaf. It's not easy tho, but yeah, we have to learn about that. We're using the node tool here. If, as you can see here, this is the curve, right? If we double click in here, we will create the new point point node. And we click here, again, we will create a new point again, and I will create this one. So we have three new point, three new node, and I have one. Okay. Yeah. So this node, it will hold this curve. So it's not affected if we change this one. And this node also hold this curve in order to not effective with this one if we change. So which is through grab like this to the center. Maybe it's too much like here. Yeah. Oh, mybe just a little bit here. Yeah. And this is like curve, right? So between that, we create two nodes, again, in here and in here, right? So this curve, maybe we can create convert to smooth like this and little bit draw to here. Right? And this two, we can convert this one to smooth like this, this one also too smooth like this. So we have created the first hole for this part, for example. Maybe if it's not really precise, maybe we can grab this one and little bit grow like this. And this one also modify like this. This is the first hole we're going to make this. Right? Okay. And one, this one, too. We also using this one. We create the fourth. And we grab this one maybe one and this one we grab here. Like this, right? And maybe just a little bit closer. The example in this one, a little bit closer, like this. Which is if we make it more rounded or more smooth in the corner, just like this and click convert to smooth, like this. This is also conferred to smooth. But the consequences it will be like this, right? So we need to make two node, okay, here and here, for example, and this one click smooth. And this one will bring here. So this node will hold. This course is not affected by this modification and this one too. For this one, this node, I want to make a little bit corner tool using this corner tool, right? A little bit like this. Make a little bit rounded and this one, too, I this one too, a little bit round it like this. The next hole in this one, we add the shape, this one, Oh, it will affected This one, I will create again, this one, I create and i just draw here. Is through here. It's true here. Again, this block like convert to smooth like this, for example. And this one for the easy part, I think I will go with this corner tool. And this one, I'm going to make a little bit around it, but to make it a little bit rounded, you have to make sure that this one sing this one, Convert to sharp. Convert to sharp, and you'll be able to using the corner tool like this little bit rounded. Just like this and this one too in this side. We create for node Like this. Again, click Smooth here, and I want to make this round it with this one. Just like this. And this one like this. Rather than we start using, you know, to make it a little bit rounded it with tool, we can also using this one using the corner tool, as long as this not using convert to sharp like this. Next, we create the fourth hole, this one and throw like this. Make it smooth and this one using the corner tool, make it here and to design here. Also the same. This one, using the pen tool at the pentool using this one, no tool here here for example, we draw like this. and I convert to smooth, smooth. And this one using corner tool and using corner tool. Alright guys, maybe we can rearrange the node using Node Tool little bit here. We have to create the hole in the side. Next, we will just add this rectangle. We will just add the pentool. So this one, I'm going to use pentool to make the bone leaf. This Pentool if we click this Pentool here, the pentool Pentool and click one, we will create the dot. And this dot will so we can drag and drag and slide and moving carefully to make a shape like this. Right? And we need to click this again to make a little bit another curve, click like this and two and two, and I will change the Pt maybe 0.5 to make it more small Outline. Right? And I'll start from here and try to like this and click here to make it new curve to make it curve direction, right, this and click here again. Maybe click like this, click like this and bring back to maybe to here. Head and click here and click here. Right? And back to first node s in the curve will join, will cover or closed. It's not open but close. I join, I connect it from the last node to the first node. After that, choose bring color because this color is more brighter, so we bring color more brighter. So we can remove this a stroke like this. So this is a bone. Because the bone is too, you know, it's too thick, right? We can edit it with a no tol. Maybe we just, you know, moving a little bit, make it more thin bone, like this. Just like this. And like this, right? Right. More or less will be like this. This is the first bone we have created. The another bone, here and here, we will draw the another bone using pentyl two. This one this one and click here, and we can also using with this. Give the color. So if you want to give this color that precisely with this or the same with this, there's another change to copying the code. As you can see here, this is the color that use the last reason use. Or you click Color Picker. We repeat. Just this one. This is for set stroke. We set fill first like this and click color picker and move it so click in the color picker and move into the target and let it go the left click like this, right? So the rest of it, which is remove this outline like this. Maybe a little bit correction. I think, just like this, for example. Yeah. To save the time, you just copy paste and put in here, for example, and just, you know, doing some transform or scale up. Again copy paste. On this one, maybe we can rotate a little bit like this and put in here. Again, with this one, node tool, we can modification this tool like this. And we can draw with this, for example, this one. Next, this one. Right? If we practice it more often, I think it will easy to create the modification. Next, we need to draw this bone, we select four of them and copy paste, right? Okay. And then we flip this position, right click and arrange put in the transform and flip horizontal like this. Or maybe we can just click here, transform and flip horizontal like this. Using rotate like this and put in here, for example, We can readjustment the position. All right. So the rest of it, I will just creating this one or a little bit, make it like this one is a leaf bone And convert to curve again, and I will make it as if it is one of leaf. So more or less is like this. Or I think we can change the color too. I think for this bone, is more darker, right? Maybe I will here in the bo line here until this curve. And we select this one, this curve, hold polyline, and change the color. I think to dark, it will be awesome. Yeah, like this. It's more appropriate, right? Okay. So this is the first way to create the leaf using combination between shape tool and also node tool. So the next step, I'm going to show you how to create this leaf using tracing image tracing image. And I'm going to use Pentool one. And previously were using not with rectangle tool Shape tool next, we're going to use pen tool. Previously, we using the corner tool to make it more rounder and also we can using pento and also sometimes also using corner tool. So see you in the next session. 7. Create Our Own Shape with Pen Tool: Hello, everyone. So previously, we have created the leaf with combination of heptol and Node tool. We're going to make a leaf with Pen Tool and we're using tracing image. We will practice our skill, our pentool skill and tracing image. So let's we tidy up first, this one, this artboard. I want to duplicate this artboard, right? Just click hold ALT. This one and I have to artboard two, and this one is artboard one. This one is artboard two. So I want to delete it all of them. Just leave it this leaf. So we're going to make another leaf and we will compare the leaf letter. Next, I'm going to till it in this leaf and still using this leaf. If you difficult to create to duplicate port, just click artboard one copy and paste and then you bring the artboad one. Maybe to the bottom or on the left. If you difficult to doing that or I repeat again. In artboard one, just hold ALT and drag the put one like this. It's very easy to very easy. Okay. Next, we're going to tracing image. There is two methods using pentool here, using pentool and we tracing all of them using pentool and also using this one. Vector image trace. We are going to try the first method using pentool here. So the pentool is basically to make a line following this line, following the shape of leaf. So to do that, I'm going to start from here, which is follow the line here. So the pentool, this is the first node I make and the second node, Oh, it's too thick, right? If the you know, if the outline is too thick, we can reduce maybe to 0.1, 0.2 or 0.1? Yeah. 0.2. 0.2. Yeah. This is the first node and second node. And I'm going to make a three node. Third node. Next, I click here to make a new curve. This is also as a practice skill, our racing skill using pentool like this, click here to make a new direction. Here Click here to make new direction. Here, here. Maybe click here, right. I here, click. Just remember if you want to make this curve curve line, you just click and hold and move it carefully. Click hold and move it carefully. Click here to make a new direction, click hold and move it carefully with your mouse. Hold and move it carefully. Again, click here to reset the direction. click here, hold, move. Click here, hold, and move carefully. Click here like this. Click here, move like this. And we're following the path of this leaf, the shape of this leaf. A and the latest node will join in the first node here, guys. And we can give the direction, set fill this one and with this one here. Here, the result will be like this. So if this has a outline, so we can delete the outline like this, right? And finally, you can create this leaf and the rest of it we just create this leaf bone. Maybe I will reduce the opacity first like this. This one, right? I reduce the opacity to help to help the visible of this leaf. So because, you know, the top of this leaf, there's a curve that we have created previously, this one. So I reduce the opacity to make it visible. This one. Yeah. So I'm going to draw this hole, right? This hole. This is very important, this hole. To throw this hole is very easy. Still using the pentool draw this which using like this, following the shape of this leaf like this. Then All right. Because this curve is under of this one we bring to the top, like this. And next, we also draw this one, this one. Using pentool like this. This one. And I also draw, oh, I don't know what the name. Leaf spine, leaf bone. Just draw like previously. Maybe I will draw like this. I will following the dark, the dark bone, right? Following very carefully. This one, this one, like this. We bring this curve, the opacity to 100 like this. And then we fill this one, this spin to more darker. I'm going to use this one first, color picker or the set fill. So I set fill this color picker, exactly the same. Maybe I will increase the, you know, more daker. All right. And I will remove the outline. Like this. And for this one, for this hole, I want to use this hole with this hole using defied like this. So it will hold, divide this shape and the shape. And also this one, this one and this one will divide. So we have created the second leave by tracing this image. Maybe for the color, I'm going to make, you know, a little bit gradient here. I think I will make I will give the color. This one is more darker, and this one is more brighter. But just like this. So we have created two leaf. I think this is too dark right? We make it brighter. Just like this. Alright, guys. So we have created the leaf. This leave this is the first leaf that create previously This combination of shape. Yeah, heart tool and Pen tool. This one node tool. Node tool. And this one is the result of tracing image from this image, this leaf and will become like this. Which one do you prefer the method to create in the leaf? There's still one more. There is still one more method that I'm going to show you to create this leaf. We're going to make with tracing so I will choose I will choose the artboard, CTRL+ zero. I have to rasterize this first. Click Rasterize here. And then after this image from not rasterize to be rasterized because sometimes the Affinity, if you want to apply some filter or some effect, we need the image in the rasterized mode. So we convert to rasterize refusly before we apply this image stress. And I think I will increase to 50 50 to 50 here, when we click in here, it will contain a lot of shape, a lot of shape because this result of tracing is accumulated from small shape, small shape, from the tracing until it a lot of shape here. And after that, if we just want to, you know, select selection in here, maybe we can ungroup because this is in the group mode, right? In the group, we need to ungroup first ungroup here. And as you can see, this contain a lot of shape, lot of shape that from the leaf. So we need to, you know, make selection here. We cover the selection. We move the leaf like this, and we delete this and we need to tidy up about the residue, the residue of shape that we unwanted. Or maybe I will bring. Okay. This residue. By carefully. By carefully. This one is need a little bit patient, right? I think I will bring to a little bit like here, and I will lock this one, this layer, this rectangle. This rectangle, I will lock here tangle lock and not moving to anywhere because I lock the layer. And we can let you remove unwanted right? This one, maybe it seems very exhausting, but this is the way we dressing in Affinity. Yes. So we group here and we ring to here. So this is the first method with tracing. We create the leaf, the combination of shape tool and also from Node tool and and this is using the tracing image trace. So this is the three ways we create the object. I'm going to use this one using here maybe. I'm going to put this leaf. Maybe this leaf is in here, right? And this leaf in here. Yeah. So I think it's too bright, right? So I'm going to change this color more darker and select one by one this tone leaf. By hot shift and click one by one. And yeah, more darker than before. On this one left. All right. I'm going to group this leaf. I'm going to group this leaf, become this one. So I will give them leave leave one. And this one, so I'm going to group this one to become leave two. I think I need more, you know, more darker. So in this one in the leaf one, click a polyline to curve, except this one, except the mine image, and I will make it a little bit more darker. And I will do the same in leaf two here, First, here I will make a little bit darker like this. Okay, guys. Next, we will create more complex shape, more complex shape, or maybe next we'll create the same, the combination of shape, but resemble a certain product or certain mockup absolutely exciting. So see you in the next session. 8. Practice Tracing with Pen Tool: Hello, everyone. I'm glad to see you again. In the previous session, we have practiced to tracing image to become the object. Now, in this session, we're going to practice to tracing again because the essential in the vector mode is we'll be able to create a shape, we'll be able to manage the color and also utilizing pen tool and node tool create object and object. So I think these skills that containing the color gradient and then also Pen Tool, also Node Tool is very, very important. So I think it's worth to sharpen our skills with practice. So let's move to the software. So this is the letters, our work from the previous session, right? Click on zero like this. So we have created this leaf. We have created this leaf and this tube and then the background. Right? From the tracing before, I'm not using this lip, so I will just deal it. Just deal it like this, right? So because this document is not saved yet, as you can see here, the name still untitled. So I need to save this document. To save this document is easy. We can combination CTRL+S like this or to save the document, it's a very easy. You can in the combination CTRL+S, and we'll give name vector demo. Like this, and we save. And then the vector demo, the document name to vector demo. Or practice tricing is I want to use image this one. Vector demo, this one. This one, banana leaf So I found this image on the Internet. But unfortunately, this banana has a white Background, right? And then there is the easy way we can confirm this banana. This banana leaves from this one, white background and we remove the background not in a bitmap mode, but in vector mode. The solution is we can trace using the previous way we have learned previously trace image and magically. When we click group like this and we put out this background and we have the banana leaf right here. This is fully vector and sellect able like this and we can change the color, for example, like this, the change color we want. That's the first way to convert this picture. This picture in bitmap in to vector mode like this. But we are not using this way. Maybe this is very, very practical, very easy in a short time. And you can use this method. But because this session we're going to practice to sharpen our skills. So we are going to use this pen tool also node tool, Node Tool to draw this one. So we back to this picture, this one, like this. And I think I will edit in here, just in here directly in here. Yes. So I will fit the page like this. So we will draw the line following this path because I think in the next step or maybe if you're facing a lot of project in the future, this skill is very useful. How we can use Pen tool not only in a vector mode, but as in Pixel Mode, it's not only, you know, creating something like this, but sometimes when we editing in a photo editing in bitmap, this one is very, very useful. So again, we click here using Pen tool? Using pen tool, we click here. Remember, this one, this stroke if this stroke is zero, and maybe our line is not visible. Okay. Oh, 0.2. So okay. We repeat, click here and click here. Like this, by gradually, click this point to another point and move slowly. Reset the direction, use this point and reset the direction, this point. Moving gradually moving carefully. This one, this one, like this. Right? So this is indeed takes a long time. But as a practice, this is very important. We sharpen our skills, that the pen tool is one of the most important features, and we often use it in a in a many use case. So at the end of the day, when we create an object, we will use this it's not only creating the object, but to make a selection, for example, to fill many other things, we will use and utilizing this skill on this pen tool. Remember, when we come to the pen tool, we have to connect the last node to the first node like this. So it will cover like this. Next, we're going to create this part. What do you call it? Spine leaf or bone leaf this one quick here moving gradually, reset the direction. This one, as you can see, this is a shadow some shadow so has different different color between this one. The first shape we make and then here. So from this shadow we also select. But in a simple way, just in a simple way like this, we don't need to really precise. Just again, that if your node is not following this line, just make it a little bit similar like this. It's okay. Indeed, it takes time, a lot of time, but our practice is worth to try. In the process of creating object, this is using the Pen tool using using imagination to create the new object, right? Maybe I will speed up to make the duration shorter, right? Right, we almost done here on the first leaf because there's another leaf we need to create. Don't worry, this is part of practice, right? If you still feel difficult to make a node, this method, this practice is worth to try. Like this. The next, we just is fill the color. So we click this one and make sure that we set this fill and using the color picker, if you want to get the same color as the example. And then for the shadow maybe just a little bit darker like this. And for this one, I think it will more brighter. Just give a little bit brighter like this. The rest of it, you can select this one, one, two, three, this one, right? And click here. Set field to none. And here, the result will be like this. Like this guys. So it's very resemble with this example one, right? So maybe for this one, this one, the leaf bone, I will little bit make it yellow, like this. Okay, guys, very similar, right? So I put in here for this banana leaf. Or maybe I will make it a little bit brighter. Like this, and this one make a little bit brighter. And don't forget we still have one more, yeah. So as you can see here, this leaf contains three color, first color, two color, and three color, and even four color for this bone. 9. Continue Our Practice Pen Tool: Let's practice the leaf number two. It would be exciting, right? here. We click the next poin reset. click again the next poin click reset, lick next. Poin reset curve like this. Right? Maybe we will draw the bone first before we leave like this. Let's create the bone. Okay. Maybe here like this. And like this. The leaf bone Next, we will draw this one. I will hide first. This one I will hide to get easy when we draw on this one, this leaf. All right. Next, we throw on this leaf. We start from here. By gradually draw the leaf. This is very exciting. When we finish to create the object and our object looks good, feel happy and satisfied at the same time, like, Oh, I can create something amazing like this. Sometimes in a small thing, small achievement, we have to grateful, and then we have to celebrate sometimes. Just celebrate for ourselves. You know, we have made small progress, but we are happy. Next, the number two, we will create this with this method. It's exactly the same. Like this, throw carefully, like this. Because this class is from basic step. I think don't worry by gradually in the next session, maybe it will literally more complicated step, and it takes a lot of them again to learn. Yeah, this is part of practice. And my concern why this Vector Mode is important because it's like more basic, I think, it's more easy to learn Vector Mode first, then we move to the pixel mode. Right? Because in a vector mode, we more depend on our skills like this one. Just like this, more dependable in our skills, right? So we bring back the curve. So we have created this one. bone, this dark leaf and the brighter leaf. And the last, we will create, you know, shadow here. But yeah, we will create Shadow letter. First, we will give the color for this bone. Just click here, Color Picker, and take the sample like this. Then in the dark leaf, we also click Color Picker, drag and draw, and use the target and release like this. And also, this one, because this one isn't the bottom in the bottom of this one, so we bring to the middle or to the top to the top. And we bring the color. I think I will color picker, I will take this color like this. Here, guys, the result and we can select this one, this curve, hold shift, and chose this one, this one. So we select all of them here, and remove the set stroke. That's stroke here. So this is the early result, right? This one is the example, this one, the one we recreate. So the next, we will make this one. The shadow. Just throw with our imagination, guys. Sometimes we, you know, based on our imagination like this, sometimes just like this. Even though the result, maybe the result is not like what we want, but, yeah, it's part of practice. This is important. So the key is don't think that our design is a bad. Maybe in our eyes is bad, but in other people's eyes, maybe it looks good. So yeah. Yeah, everything we create, we need more appreciate. Just draw like this. Nah, like this. Maybe you're wondering why we draw like this? Why we draw like this? How we can create the shadow like the example one, remember, guys? When we select two curve like this, it will appear some option geometry like add substract, intersect, XOR or divide. So in this case, I'm going to use divide, you know, this one, and also got this one overlapping. So to be safe, this one, for this one, for this one, this curve for this curve, right? I want to copy, first, I want to copy this iter plus G to copy in that. So we have two this one, two, this one, right? And I want to choose this select these Curves, one of this one, and also hold shift and click the latest shape we want, this and choose the divide. So we have three Actually, this what? Oh, this is just part of small like this, so we don't need that, which just delete it So we have two separate it. And we start to give the color in this one, change the color. So in this one, the object we want, and this one part of another part of the shape. So we're going to change the color a little bit brighter. This curve. Yeah, this one in this curve, this layer. So we click the set field here and a little bit brighter this. Or maybe we set two colors like this. Yep. So here the result. Similar right? It's very similar, right? Yeah. Like this. And I'll bring back to here. Little bit rotation. Yeah. So Okay, we have created and practice do an advertising. I think we have created three leaf, right? Three leaf. So I want to delete the example one. Okay, we have created three leaves. That was absolutely awesome, right? Awesome. We need to, you know, appreciate more about what we create. Okay, I think I think I will create a little bit more writer for this one. And this one. Like this. Yeah. Okay. Oh, this one is too dark. So you can re edit, re edit what you want, right? So the next session, we're going to create the combination of shape and combination of pen tool to create an object. We will playing some shape and color gradient to create an object, more precisely to create a certain product So see you in the next session. 10. Manipulating Shapes Into Objects: So in the preview session, we have practice to create the object to create the banana leaf with tracing and utilizing pen tool and also not. Right now, we're going to create a product using combination of shape tool pen tool and gradient color. So let's do it. We move to the affinity software. So the product that I want to create is sunscreen lotion, and it will stand in here. Like this. So let's create the product. Before I doing that, I will tidy up this layer, right? Because this layer a little bit crowded and unpleasant to see. So this one, this one and this one, this ones become one. It's become a leaf, right? I will group here, and I will give the name leaf four. Right. So it's more little bit organized, right? So I will create this little rectangle here like this. And I will make it more bigger like this. And then I also create another rectangle, too. Here, like this. Maybe this tall is more or less like this. Here. Right? Like this. Maybe I will bring the color to orange and this one to, to white first. And then this one, I'm going to convert to curves because I want to d it in this part and in this part. I will convert to curves, convert to curves like this. And this one, this note using this no tool, I will click and gradually and be careful I ing to connect this node. And also, I did like this. bring until this node is meeting. Next, I also create the can, this rectangle tool here, like this in the top of this one. This one is more need to more wider like this. And this one need to re edit like this. Re edit like this. Yeah, and this one too. Okay, this rectangle, if we stretch, gradually like this, and the stretch is just on the side like this. But if you hold the CTRL from the right side and the left side is also changed like this. Yeah, I think it's more appropriate. I will add the gradient. I'm going to use the gradient to like this. When we click in here, the color immediately change to gradient. I want to copy this color here. So in the right and also left is the same. So I will click here, and I will copy this one copy, and I put in here and paste in here. So the color back to solid. But actually this gradient, it's look like solid color, but this is in a gradien form. So I will click here, like in the mid center like this and I bring to this side. This one, I will make a little bit brighter. This one. And then I will narrow, you know, the space, narrow the space like this. Maybe it's too bright. It's a little bit like this. And I will add this one, this area add node table click like this and make it brighter. This one. And I will create one more this one. This one. In this middle, I will go with more darker, little bit darker. This one. Or maybe les like this. This is to dark, maybe I will go a little bit, temporarily, I think it's enough like this. So because this is like tube, right, remember, previously we create a curve like this. So we also create this one. So we convert this one to convert the curves to be able to edit this side. And by gradually here using node tool right? And we draw a little bit to curve like this. Just a little bit. I repeat, just a little bit. Like this, little bit. And this one too. Just a little bit. Maybe I will go with this one. Like this, and this one. This This one, too, like this, like this. All right. And then I will bring this little bit to bottom. And we using the node tool to bring down like this. I like this. Right. Next, I will add some separation in this area. Using rectangle tool, still using rectangle tool, like this and change the color. Maybe for the temporary, I will change to solid like this, maybe more darker, like this. From here, I'm going to convert to curve. Just click, right click and convert to curve and gradually using node tool, we also bring back this one like this. Right? Maybe a little bit. Just little bit. All right. Cool. And then let's fill with gradient like previous shape before. Click gradient. We click here, this color. We get the code, we copy, we put in here, we paste in this code, though the color look like a solid color, but actually this is the gradient. And then we edit. In here, we create new node, new point, and then little brighter this one too a little bit brighter. In the center, I will make a little bit darker. Little bit darker. Yeah. Like this, maybe too dark a little bit dark. Mm. More or less be like this. So next still in the cup. This area, I want to add a little bit attribution. I will using the segment tool, this one. Segment, I think. And now we put in here, for example. Here. Wait. Where is it? Segment. Oh, this one. We bring under the curve. This one, like this, yeah. I put in here example here. So to reduce the size, hold CTRL+Shift and this mouse CTRL+Ship and gradually you reduce the size. So the size will be reduced at the same time. Size center. Next, I want to change the color to solid temporally. Maybe like this. Right? When we look at the here, I'm going to change this one, the segment tool to convert to curves a little bit make it curve in this bottom like this, right? And for this color, remember, this color, I'm going to a little bit apply a gradient like this. But Again, I want to change the color first here to make it look like solid. But actually, this is the gradient and maybe just a little bit change little bit like this, right? And this position, we're using this one. Fill tool, right? Fill tool. This one is exactly when we edit in here. This isn't the same. This node with this node in this point, with this point, this point with this point, the same tool. In a different form. I can grab and move this gradient direction like this, right? Right? I can move with gradient direction. And in this gradient, this is in the dark area and this is in the bright area. And I can make in this middle is more brighter, little bit brighter. And this one in the bright area, I will reduce like this and this one, I will reduce more or Maybe you go to here like this. Oh, I think I will edit this one. This line. This line, I will edit the color. I will make a little brighter. Like this. Like if this area is placed in our thumb to open this bottle. This one may be a little bit Yep, more or less like this. Yeah. Nice. All right. Alright. So I want to duplicate this one curve this curve. So I have two curves, right? And I will bring this curve in top of here. And I will reduce the opacity to maybe 230, 30 or 25. Like this. All right. Like these guys more or less. Maybe it's too thick, right? Too thick. I'm going to use hold+shift or CTRL here and hold. So I'm going to make this lines a little bit thinner. I hold CTRL and then stretch to down just a little bit. Yeah. All right. Yep. I think it's enough. Yeah, I think it's enough. Okay, guys, so we have created I think this is not. Okay. Sometimes it's, like, it's too strong in this line. Mm. What should I do? Maybe I will little bit revise. I'm going to revise this one. In this curve, I'm going to revise on this color, little bit darker. Like this. Yeah. And for this line, too, a little bit brighter this one. Brighter. Yep. Little bit brighter. Yep. Nice. Nice. Alright, everyone, in this area, I also want to create the gradation to do that, just click in here, right, click here and click Gradient like this. I want to change one of these point, color, maybe just a little bit dark like this. So we know which dark which bright. After that, we will use this filter like this and I'm going to change direction. From here to here. And we can also adjust the gradient, you know, the gradient amount with this slider. Maybe this one is to talk out make a little bit brtter like this and like this. And for this one, I also want to make the gradient. This one. Little bit darker. And change this position with fill tool. Put in here. Here. And then we bring like this. And for temporary, I'm going to create little just a little rectangle tool. Rectangle tool. I just create a little here like this and make it darker. Okay, this. Maybe a little bit Brighter like this and this one, too. Just here little bit brighter A little bit darker. Yeah, more or less like this. All right. Next, we're going to create the label, the label product. So after we create this prduct placement, we create the label product. Still utilize the pen tool and shape and color gradient. So see you in the next session when we create the label product. 11. Practice Create Label Design Product: Hello, everyone. So in the previous session, we have created a product shape using combination of Shape tool and two and this one, node tool. And also, we fill the color with gradient tool like this. So in this session, we're going to create a label, label of the product because this is a black. This is a space. We will fill this with a label from this product. In creating the label, we still utilizing the Shape tool. And then Pen tool and also Node tool and again, we will fill the color with, you know, with Fill tool Either we're using the Gradient gradient tool or solid color. So let's move to the creating label. Because this label will fill this area. So I'm going to create a rectangle here. Like this. The size is exactly like this package size. So I want to move this here to Artboard In this rectangle, I moved to Arboard beside Arboard number two. So in this airport, we can make the label in here. Maybe I will bring here to the center. So if you curious how to make this rectangle to the center. It's very easy, guys. If you just using this one, alignment, and click here and click here, automatically this rectangle into center. Maybe I want to make a little bit h like this. Other than that, I'm going to draw some accent for this label, and then I will fill with some, you know, copywriting, headline or text. This step, I'm going to use this one pen tool Usually, the lab bell has some accent. Sometimes the accent in the top area or in the bottom area or in the side area, the label from the product. So I'm going to draw this one. I think I will start with this one. Creating small first. This one I will draw this one, draw this one like this, make it little bit curve, little bit curve like this. And then make sure that this last node will join the first node like this. This is the first shape. I will create again this one. This one, like this. Still creating the like this, this one and this one. Using the node tool, I will make maybe a little bit here and a little bit close to here and maybe a little bit here and this one. So we can adjust the node like this. Next, I will create some accent or maybe I will make it a little bit like this. All right. And this one like this. Next, I will create again, this one, for example, and this one like this. The little bit closer to the bottom. And like this. So this is also practice. We manage the node. That's still one more, I think. Still create here, maybe just a little bit accent. Like this. Yep. Right? If we feel that it's like we need more bigger, which is like all of this here. Lock all of this. And then we hold sift and then we stretch to the bottom like this to make it more bigger. Like this. Right? Sometimes, I'm going to make this one more close to this one close more closer. Like this. And then make, you know, little bit accent to here little bit accent here. Little bit accent here. All right. Next, I want to also make this in the bottom. Here. I want to make accent in the bottom, like this, this one, like this. So I can This one like this. And I will add a little bit here. Like this and maybe just little here. Ohh. i repeat. Right. So after that, let's fill the color. I'm going to fill this color. This one. This one, first, this one. This one first, with orange, maybe orange like this. And this one is white. This one, I think it is more orange, more tend to yellow, and this one is yellow. This one also, yellow, but a little bit brighter. Like this. And this one I also fill with yellow, but a little bit orange, like this. And this one to yellow. Yellow. Yeah. This one also yellow. This one I will put in white. Look here. I will remove the outline. Block all of them, select all of them here. And set stroke here, set stroke. I will set fill none. Like this, this one also here, click Set stroke and then click Set fill none. So the outline will be gone. This one, I will add gradient I'm going to add gradient, this one. And for this one, Maybe tend to orange like this. And this one using fill tool I'm going to change the direction like this. For example, Yep. This one, too, the gradient here. And I'm gonna change to a little bit yellow and more brighter like this. And this one is more like this, right? It's like a little bit gradient effect. This one, gradient. Here. Maybe we apply like this, and this one is more darker like this, right? And this one is also too. I'm going to add gradient, here. Like this. But I'm going to use this Fill tool for this one to change the direction like this. Alright, I think pretty enough with this one. Just sometimes maybe to make a little bit correction for example like this. Yeah. Yeah. Alright, we have created the accent, and then next we fill with the text and logo. So I'm going to put in the text. So in the text, there is two options. There is a artistic text tool and frame text tool. The difference is the artistic text tool when we want to type the individual text. When we click the frame text tool, we use the frame text tool when it comes to the paragraph. So the frame text tools more advanced when it comes to the paragraph. But when it just type the headline, typing the title, typing the short sentence or short text, maybe it's more, you know, more easy when we're using artistic text tool. So I'm going to use artistic text tool here. I'm going to create it here, and I will type the name product. The name product is sunny, like this. We'll put in SUNNY. Okay, so okay, I'm going to explain the difference between artistic text and frame text. So in other that, you can understand the differences. 12. Finishing Label Design with Pen Tool and Color: This is the artistic text tool, right? But when we create frame text tool, we have to create the area first like this and when we can type Sunny. So the difference is when it comes to the frame text tool, it will type with the sunny sunny, I will only feel just on the frame. When we bring to here, but when we are using the artistic text tool and we click the Sunny and Sunny, again, it's not dependable or it's not limited by the frame. This the early difference is, we will talk about the difference letter in different section. So I will tell it and I will use this artistic textol using Sunny. Sunny, and I will change the color to this one or maybe this one. Yeah. I think, yeah, temporally is okay. And I will use hold. If you're not pleasant with the font, we can change the phone as you want. Maybe I will use the Helvetica example, Helvetica Like this right. If you don't have the Helvetica font, don't worry, I will put this font Helvetica because the Helvetica is also free, free to use. I also include it in the set section. So you just install the font and use it in this practice. So I will type this sunny here. And then I will create this another artistic text tool here, I will type sunblock protection, for example, I think I will use helvetica too, but I will reduce the size. So we can this one helvetica to change this font, this one to change this font type. So we have ultra compress, lightens condensed, bold. So many things we can choose. You can choose this one. Bold. And I'm going to change to this one. This. Reduce the size like this. Bring to the center. If you want to easy to get in the center, you just click to here Alignment and click Center Align Center in this. You bring to top under here. Sunny, Sound block protection, if you want to change this another font is fine. I will use the helvetica. Helvetica, maybe I will use helvetica light Yeah, just like this. Helvetica Normal. The interesting of the affinity features, we can also create manage the character. Each character with this one character. We click the A and will appear in the window here. And we can edit the space between a letter, for example, this one. What do they call it? Tracking and to make it more distance from each each letter, like this. Sunny sunblock protection. And I'm going to make a little bit higher like this. Next, we can close this window if we turn, and we can just click here and if we just close panel. Is as next, I'm going to add this rectangle for this one. Here, And then in the middle of this here, I'm going to fill with text like this, will type done. Again, we click here at this distance this percentage to add distance. We can also reduce the percentage to make it more closer. We can increase the size increase the size or change the bold Semi bold. Now I want to change to Okay, and I will type again here ultimate protection. Ultimate protection. Like this. Just for example, guys. We can also align the justify center or maybe we can align the aligned center. This one? Yeah. Align center. Which one? Yeah. reduce size, like this the ultimate protection. I think we need to reduce this one, right? Yeah, maybe 10%. Yeah. So ultimate protection. For this color, if we don't like it, just change in the Gradient color. Maybe I'm going to change with this one, and in the middle, I'm going to add some light, maybe a little bit, little bit lighter. Yes. And then it with fill tool like this. So in here, we can edit with O I think we need to make it more darker here in the center here and a little bit brighter. And here, too. Yeah. Ultimate protection. Next, in this area, I'm going to type this another text here. Maybe I will type SPF. 30. So this is like the contain of sunblock protection. The contain SPF 30. But I don't know what exactly is. I just saw some sunblock protection product and there is SPF 30. So I just type in here. Maybe I will google latter. SPF 30 and I will bring their color like here or same like here. Oh no, maybe a little bit. Yep. Okay. SPF 30. And then I'm going to create Text about essensial sunscreen. I also don't know this meaning, but yeah, I just saw some sunscreen product and they write it write this helvetica use helvetica also. Helvetica using this. Mm Light Helvetica if when we using this one and it's overlapping, we can add this one. What it called it leading overide like this. Make it to the center like this and reduce the size, I think, or reduce this leading override and change the one and the color to this one, essential gel for this one. Yeah, I will copy in this color code, and I will paste to here. All right. So maybe I will bring a little bit to up. And the last, I'm going to create some logo unique, some logo here in the top of Sonny. Here, the top of Sonny. Create a little bit logo identity as a brand, for example, to create logo because this is the sun sun. So I'm going to create a logo that represent the sun, simple logo. I'm going to this one. That leaves too. Yeah, Ellipstol like this or maybe I will draw in here Ellipse tool like this in a blank space. Here, I will add this outline set stroke here and delete, you know, the set field to none. And I will use rectangle tool to divide to divide this. So I'm going to use this rectangle tool. Remember, when we click this rectangle tool and then we can see in this here is a zero PT. So the shape that we create doesn't has outline and it will later rec. But it's just height. So when we click this one rectangle tool, make sure that we before we draw, we see in here, and this is not zero, maybe 0.2 or zero point something. As long as there is a number in here, it's fine. we can add this to 0.2, like this. After that, this rectangle will divide in this circle into a half. How to do that, we will utilize this feature a geometric feature. You just set in the center in the center of a circle, and we set all of them, and we click, subtract like this. It becomes a half of circle. After that, we are going to use, you know, start. I hold the shift like this. and put the star in the center. Like this. Maybe I will make a little bigger, hold shift+CTRL Like this. And in the star, the star, I'm going to add the number points to how much? 15? One, two, three, four, five, six, seven. Yeah, 15, for example, right? After that, Maybe to big. The star is too big. But it's okay. Yeah, more or less like this. Bring to the center. Yeah, center of This one center. Right? In this star, I'm going to edit this inner radius, maybe this one and outer radius This one. Like this. So as if this logo will slicing, as if this logo will slicing and we will slice this half circle. So next, we cycle of them and like subtract here. And the last, I also add this elipse tool. Here. This is as a representation of sun. And I select all of them and click substract here. So this is just simple simple logo. I will put in here in the center of sunny shift+ctrl little bit smaller. Yeah. And I will fill the color like exactly this color You know, like using color picker and target Sample and release here and remove the outline line like this. Sunny. All right. 13. From Label to Product Design: Okay, friends, let's review about this design. And right now, we want to move this label into this space, right? Before we doing that, I think I will go. First, we need to group this one group CTRL+G. Here. So we can move. We will move this label to this space. We move this label and this space. So we will see later which pattern using the white background or in the orange, red, orange background. Background, this Background or this Background, we will see later. But let's copy this one. We copy this label. And we move to here and click paste here, and we put in here. Yeah, I think it's correct in this position, right? So let's pay attention to the layer. This layer is for the label layer. This layer is for the package, the product package, right? So I'm going to copy this one in this one. I want to copy Ctrl G or r C and V. So again, this layer, this copy layer, I will bring to the top of group. So this label, we will name label right this one in the top curve, I will click right click and click creating clipping mask or create clipping mask like this, right? So it will crop this label and following this shape this clipping shape. So we will see is it better with this background here when we break the croup here this is a clipping mask. We place in the object under this layer. This one is the rectangle. And if we hide this rectangle, and the result will be like this. And we hide this rectangle, the result this product label without a background if we unhide this rectangle here, if we unhide, this is the orange color. Which one better? This one or this one? I think this one better, right? Yeah. This one better. And then a little bit. Correction, I think it is too much. Like this is better. Yep. Alright. After we put the label in here, the more or less the result will be like this. Or this is too thick. I will reduce a little. Yep. The result more or less will be like this. I still maybe. The result will be like this. And we can adjust the position, right? We can adjust the position, maybe I close this one first. We can adjust the position of the bottle or with the stand. Maybe it's more to this, right? And this one. Which one? Or for and this one, maybe I will reduce turn the bottom like this. Okay. And if this is too high, we can reduce also. If we so I'm going to show you guys. If we just stretch like this, so the shape is, it's not appropriate, right? So how we can reduce this high without distracting the shape. So using the No tool and we entering this one. And we select both of this node tool and gradually, we reduce the size or maybe we can draw like this drag like this. More or less like this guys. So if you want to make the du bigger, you just select all of them here, this and hold sift and start to scale up like this. Right? This one. Nice. Yes. Yeah. Maybe a little bit to bottom. Like this and this one, too. And I want to using this one. Oh, background maybe still unlock Oh, yeah. I lock this rectangle. First. Yep. So we have created this what they call it? Let's review. We create the shape and tracing how to create the leaves and create the product, you know, with combination of shape, combination of gradient. And the next, we will working on the effect, the Layer Effect. The layer effect will help to make some effect in this shape in this property like this to get more, more proper editing, more proper editing like giving the shade, giving the headlight or something like that. So see you in the next session. We put some effect, and then later, we put texts like headline, title, copywriting and another title. 14. Start Learning Layer Effect: Hello, everyone. So in the previous session, we have learned to create a lot of design, right, from creating the background, creating a combination shape and gradient. And we have also learned about Pentool and Node tool to create some object like banana leaf or leaf. And in this session, we're going to apply some effect in each object. For example, this circle, Background, this one, and also in this leaf, we're going to apply several effect with Layer Effect. So let's move to the Affinity software. So the layer effect, what I mean is here, the layer effects here. We will learn a about this window and layer effect has a feature hinder and we will deep dive about this because this is the easy way, the easy way to apply some effects, right? So let's learn. We recently, the design that we have created is up to here. So I'm going to apply some effect in this circle in this circle and then in this circle. So let's click in here and we'll explore the effect one by one. Click here, and then click Layer effects here. Let's learn. Let's explore this feature one by one. You can pay attention here. All right. The bevel or emboss when we click the checklist, this one. So maybe we can doing some experiment like this. So the bevel emboss will give the some shadow to the inside and in the outside at the same time. And we can adjust the shadow with the radius, how much thick is. And then in softness is about how the shadow is distributed. And then also the direction, which one the direction between the shadow and hightlight here like this. And we can also change the color. For example, yeah, I'm going to use the blue color, something like this, something like that. So the bevel and emboss practically creating the Shaow and headlight. And we can also adjust the direction of hightlight come from and the shadow will create. So basically, it's like this. If you feel that this effect is not suitable for this background, we can move to the next background and to next effect. This one is outline. So in the outline, it's just literally same like when we bring the outline through here like this. This is the outline with the stroke, the outline by stroke. And this is the outline like this. And then we can also in the rat use, change the color here, the same, like the same. Maybe it's too thick here. And alignment you can do just the center outside or in the inside. So it's basically the same. And we can also change the blending modes overlay. We will learn blending mode in another section. We will dive about blending mode. One, each one of them, we learn about all of this one. We're just learning using the normal painting mode because to explain all of this, it takes a lot of time and a lot of understanding. Okay? This outline map is not suitable. We moved on the 3D. So this is very interesting though, because the treaty is not actually make it a treating that we can move from side, top bottom, it will give the 3D effect. For example, like this, treaty effect when we run the ratios like this. So this rectangle and this circle is as if if the effect appear, right, the effect appear. And we can do some experiment like soften the lighting, right, and opacity, maybe we can reduce the opacity, you know, diffuse make it more darker, right? So diffuser here means to make the light is not strong heating. But the light is more darker and darker or to a more, you know, when when the lighting is focused, so this area headlight is in here. But when you diffuse here means the lighting is distributed to other direction. So it will give the darker effect. And we can still experiment in some effect like this. This is for the headlight, for the shyness, many things. Ambient or maybe we want to create another source of lighting. So things we can experience about it. So practically, we can add the 3d effect in the shape without layer effects. But again, we need to doing some experiment. If you feel that, Oh, this one is good, this one is good. Okay. You can move to the direction like this. Okay. Yeah. For temporarily, maybe we'll move to the inner shadow. We move to the Layer Effect. In the inner shadow too, it will produce in the shadow too, but only in the inside. Let's click inner shadow here and we slide the red ice. So in the inner shadow just creating the shadow, around of them to the inside. So in the shadow that we produce is from the outside to inside like this, from the edge to inside. And we can also adjust the shadow the opacity of the shadow, like this and offset is like this. Intensity. How the, you know, like how strong the shadow is using the intensity. Again, this is the inner shadow to give the shadow from the edge to inside of shape. Next, we move to inner glow. So the inner glow is basically like inner shadow, but it's not a shadow, but inner glow will give the highlight or glow effect or like this, from the edge to the inside to the center. And we can change the color actually. It's not white. We can change color as we want, for example, because this piece of color is blue. Maybe we can choose blue. This one like this. Maybe this is good for preferences. Well, this is okay, too. This is fine. Nice. Maybe a little bit, shining from the edge like this. It's fine. Like this. And you can also change the painting mode, normal screen using screen, right? Yeah, using screen. Okay, we move to the overlay. So the color overlay here means we can add solid color here, solid color. But we can just reduce the opacity like this. So basically the color overlay here means the image, it will cover with the solid color, which is when we took this, for example, when we increase the opacity. I will bring the solid red. But when we reduce the opacity, it will close to the blue, like the original color. Something like that. We move to the gradient overlay. The gradient overlay is the same. The object will cover with gradient color. And then if the opacity ratios closer to zero, it will pack to the original color. When we draw the 100%, it will close to the gradient we can also create color in the gradient here. Maybe it will combination of gradient it will also throw for example, like this. Here we reduce and here at the same time. So just to close the original one, and this is close to the gradient overlay Maybe we can choose here at the same time like this. Okay, we moved to the outer glow. The outer glow, it will give the glowing. From the edge to outside. So this is opposite with the inner shadow inner inner glow from the inner glow from the edge to the inside and then outer glow to the edge to the outside, from the edge to the outside. Like this, there's no other editing option except an intensity. Yeah, it's just intensity just to adjust how much the strong the outer glow is. We moved to the outer shadow. The other shadow here means, is to get a shadow in the out. So basically, out shadow opposite with inner shadow, just like this to give the shadow from the outside. And this is the opacity and opacity to intensity, and then the upset. Set maybe change the miss of shadow I don't know how to explain it, but it's like the shadow a little bit move. It's not on the right place. We can still applying the direction like this. Right and last of it is a gaussian bluer. gaussian blur give the blur effect from the object like this blur. And also, if you still not sure, maybe this one from the leaf and I will apply gaussian blur like this. All right. After we introduce with all of this effect, so I'm going to create little effect within this shape using outer shadow here. So I'm going to apply some shadow in here, and then the rate I will reduce the intensity, I will also reduce like this, right? Alter shadow, maybe I will increase the rate a little bit. Yeah. I'm going to change the color from black to blue because this one has a blue object. Maybe just a little bit, darker blue like this, right? And I also apply gaussian blur, this one. Because this is the object, it should be a little bit blur, right? Like this. Have you seen the differences? This is the gaussian blur. When I turn off the gaussian blur, this or maybe the caution blur result to a little bit. This is the gaussian blur when Turn off and then turn on gaussian blur a little bit, give a little bit. This is the shadow using this. It's a little bit blur. And also, I apply with this gaussian blur too and also some shadow, right? I just here and click Layer Effect. Just the outer shadow first like this. We move in here and increase the radius the offset, maybe nope. Intensity. Oh it's too much. Just reduce the and reduce and reduce the radius Like this, right? Maybe the angle here. So angle is just apply when we're using the upset. Angle just apply when we're using the upside. And the color, remember, we move color to here. To blue darker, like this. And don't forget we apply some gaussian blur like this, maybe one pixel. Yep. So as if the object is in the in front of the background like this. I also want to give this effect in the leaf effect with Layer Effect also Layer Effect and using the outer shadow again, outer shadow But for this one, I'm not going to use so from the bending mode, I will use normal Normal. We using normal just for normal, maybe reduce the opacity and I'm going to use offset like this one, upset like this, for example, Yep. But it will reduce the opacity a little bit reduced like this and change the color too, maybe because the base is blue, so we can blue like this. And click. Late. And also, for this one, for this leaf, I also going to use the shadow. What if we add the shadow for this banana leaf? So the result will be like this, the shadow which is the offset with the direction like this. Like this. Reduce the opacity. Like this. And we can change the color because this space is green, so I'm going to use green dark green. Yeah, like this. Right? I will give a little bit shadow in here and also apply with this leaf. I will create the effect from outer shadow like this and increase the radius, increase the offset like this and reduce the opacity and also change the color, this one, using the dark like this. Maybe in the offset I will reduce the offset, no, no. No upset. Intensity, I will increase the intensity. Yep more or less like this. So it's more pleasant in the eye. Maybe I can I can move a little bit here. Or this one, I will make a little bit smaller. all of them, hold CTRL Yeah. It's like this and this one too. So for this one, I think I just leave it here. Hold CTRL like this? Yep. Little bit moved to here. After that, we can close the layer effect window here. 15. Adding Shadow and Lighting to Design: Okay, friends, so next, I want to make some lighting in this area. So the light will be hit this product. So to create lighting, I'm going to use this one. I'm going to use the combination of star tool or double star. Okay, I'm going to use the double start tool here like this. I hold shift, make it more brighter and proper star tool here for example, like this and this one. In this point, I'm going to add two and 12 for example like this or temporally temporally, and I will increase to 18, for example, and then I will remove the outline. Yeah. That feel noon this, I'm going to put in here or maybe reduce the inner radius And on radius. I will increase a little this one. This one. 60%? Yeah, I think it's enough. Oh, no, no. 70%, 75. Yeah, I think it's not bad. Okay, next, in this I will increase again in the size, hold shift and then increase the size. And I will put in here, for example. Here, for example, I will increase more bigger like this. Okay, I will put in here like this. Yeah. And then we can change the color my pages little bit brighter like this. After that, I will apply the Layer Effect. I'm going to apply the Layer Effect and using the gaussian blur. And we put temporary gaussian blur, like this. This one. 8.8? Yeah, maybe. Yeah, I think it's enough for temporarily, just like this. And I'm going to make it more bigger and bigger like this. We can still edit with a point radius. We can, you know, I don't know, inner radius we can increase the inner radius like this. Yep. Or here, right? The double star. And if the lighting is so, you know, so strong, maybe we can apply maybe some increase the gaussian blur to increase again, like this. And we can also reduce the opacity. This one, will reduce opacity. The double star layer, will reduce the opacity. This one, maybe 75%. Just like this, right? So this is like a lighting, right? Lighting. Or maybe the color, the color you want to make a little bit too white, just like this. It's fine. Or if you think that, oh, this is not really, I'm going to make it a little bigger the lighting. It's fine. You can create like this, make it a little bigger. Or you want to increase the star and the start of increase the headlight or increase the line of lighting like this. This also possible, still possible. Yep. Yeah. All right. Nice. And next, I'm going to create a little bit shado from here. A little bit Shadow do using the Ellipse tool, right? Maybe I just create this a shadow like this. And this ellipse, I will bring under the bottle. This one, maybe. Yep. Just apply here Yeah, from shadow and this one, I'm going to change the color to maybe dark blue like this. And for this shadow I'm going to convert to curve like this. Just like this. No, no, no. All right. And then to make it the shadow with this, I will reduce the opacity to 50%. Yep. Or maybe 75, 50% is fine. From the color, little bit blue. Okay, like this. I don't know. Maybe better blue or yellow. Let's experience orange. Oh, I think it's better blue. Yep. This one, and we also apply Layer Effect, gaussian blur here. Like this. And reduce maybe I will decrease the opacity to 30. Okay. Oh, no. I think from the Gaussian blur, I will reduce this for zero. One pixel, one pixel? Yeah, one pixel. It's fine. Just fine. I think if there is an light from here, this array should be darker, right? This a should be darker. I'm going to change this curve this curve flyer, this one. Yep. This one. Yep, this one, the curve, this one, I'm going to change the color little bit. So I will make it more bright right, more darker little bit. But I want to change the direction like here. Here and here. But it's like it is too much. Maybe I will reduce like this. Yeah. Alright. Okay, so we've created some effect. Like, I think it looks absolutely different from the previous session from the previous session, right? Before we put a lot of effect in here, like a shadow, lighting, Gaussian Blur, something like that. And you can still explore the effect by yourself. You know, maybe, Oh, I prefer to create the 3D for this circle. It's fine. You can experience with yourself. But I think it's more prefer with here. Or maybe in this one, this one is also has a Shadow for example, it's fine. We will create the shadow. For this stand product, right? Create like this for stand product. Right? This ellipse bring bring to under this one. I don't know, which one? This one? Yeah. Or maybe I will hide first. Yeah, I will little bit give a shadow for this stand Right. Change the color to blue, dark blue here, reduce the opacity to 30. 30. Like this. It's fine. And increase the add a shadow. Which one? Gaussian blur. Like this. Like this. Here. It's one. And I'm going to give the tips. We can still using this one with some effect with fill tool here. Oh, this one. This one. Yeah. I or darkness, right? And we can click here, give the opacity. Yeah, right? It's more amazing, right? So the opacity. So we can also apply some effect too. And this is one opacity and to be to the left side, this is the opacity will reduce. I think it's a good shadow. So we'll just bring back the lift this one, and here. Here, we have created the effect. So in the next session, we will put the text from the title headline and detailed description. Or maybe you can take rest while before we continue next session. Yeah, I hope you still excited because still a lot of tips that maybe we can learn together. So see you in the next session. 16. Create Copywriting with Text Tool: Hello, everyone. So in the previous session, we have created a design with many tools, right? And right now we are focusing to learn about text tool. So in the Affinity, provide two text tool. The first is artistic text tool, and the second is frame text tool. So we need to, you know, know the difference is and how to use it in the design. So let's dive in, and we move to the Affinity. So the design that we have created previously, I'm going to add, you know, some text, like the title or maybe description or maybe a some text that help this design to convey the message that we want to share to audience to consumer to using that, we just click, right click click Artistic Text tool here and just the right to place in the text. I'm going to put it here, and we can adjust the size first. Here, which is hold the left click until and then we adjust the size like this as we want. Maybe I will go with this one, for example, this one, and I will type Sunny So like this. Let's break down one by one tool. Maybe this tool is the place when we can adjust the size, the phone size. We can increase the size and reduce the size. This tool is the place to change the color. If we're not satisfied about this font, we can change here with your collection font in your system. And then this one is to type the font because sometimes the font also using the variety of font like bold italic or sometimes it's like medium bold or light. So yeah, we can change the type the variety of font in here. And for this one, this is for changed like uppercase or lowercase. Or sentence case, title case. And then this one is to give the bold. It's like the same like this option. But this is just shortcut for bold bold italic and underline. This one is when we want to writing the square, for example, or a unit. So certain unit using this and this one for change in the color. Here, I'm going to change to white and I'm going to use this bull like this. All right. So it's the same like this. But they got sunny. And then this one is to highlight color to maybe to give a color background. A color background, color background something that we can change the color. We can change the color like this as we want. Right? So I'm not using this background color. And this one is to alignment, right? So, this one is to give the paragraph leading. Give a bullet, number list. Then I'm going to copy this logo. I think this logo is very unique, right? I'm going to copy this logo? Yep. This one, maybe I will close to panel. Transform. Yeah. This one, these Curves. Just copy and click in this here and paste. Like, bring here and hold shift to increase the size. Right? Maybe I will go with this one, increase the size again and it looks like in the logo in the product. I'm going to write this too SUN block protection. So I can also just copy in here. But again, I'm going to use this one artistic text tool again and just small font, right? I will type and Oh, the layer is under the background. So I will bring to top SUN block. Okay. Sun block protection. Remember, if I want to change this letter, this one, what do you change case. I just use uppercase this sunblock protection here and my bin too big, I will reduce this size and put in here. Helvetica normal. Helvetica, just like this. Unblock. Yeah. Sunblock protection. I will type on this one, like watering moisture moisture. Like this, I will increase the type and the size. And I'm going to show you the the character. So I'm going to explain this one, Typography and character. This one, Typography. This one, I'm going to bring back to here. So in the Typography, there is a containt of some features like when we want to using math formula, something like that. So we can create superscript, subscript fraction or ordinal. So again feature in here, right? And this one. Character. No, this one, I'm going to a little bit long to explain this one. The character is basically just cover this one from here until to here. But in just one window like this, if you more convenient using the window like this, character like this, maybe you can bring here, you can use this character. Or maybe just feel comfortable when using this one. It's fine. It's basically the same. It's also co from the Typography, too, here, the shortcut for Typography, the optical alignment, something like that. And language sometimes when we working on with the paragraph, and I'm going to show you this one position and transform. So the position and transform, right? If we want to add some distance between the font, for example, we can use this one tracking or maybe we can start from here from kerning. So the kerning is basically increasing the space distance. For example, when we increase this percentage, look at closely like this. And for this one, this is striking is basically to increase the distance between letter. For example, like this when we choose this one, for example, and we choose this tracking like this. It's basically increasing the distance between word. Maybe I will go with 25, again, 40, 50, 40, 30, 40. I think it's a more good look, 40. This one, base lene is to increase the difference between the top paragraph bottom paragraph. We will learn about it later. And this one leading off write Oh, maybe. And the next this one Base lane and leading overide. This is for editing in paragraph. We will using this letter. And this one she is to make like italic. When the font doesn't have italic feature like this Italic is not available, we can use this one, the manual Italic. Using this shear. So I'm not using Italic with this one, so I will set to zero. And this one to horizontal scale. What is it's like, basically, stretch the font, you know, stretch the font and make the font. I think it make the font is a little bit broken, like, not the same like the original one. It's like stretch, right? And it's not good. So I will think back to 100. Maybe for this case, it's not suitable. And for this one, is how to stretch to the top and bottom. Well, the breath is late is stretched to side and stretched to horizontal to vertical and stretch to horizontal, basically, this is just like this. Sometimes you're wondering, what if we want to create this, you know, the writing Curves and following the certain shape and then following a certain line or curve like this. So I'm going to use I'm going to show you how to doing that in Affinity. So this is the interesting feature, though. This is the interesting feature. This is the ellips tool or rectangle tool. Or you can use any shape tool from here. But from this case, I'm going to use ellips tool like this, right? And I'm going to throw like this. Just remove the pill to none and such stroke like this. So here I'm going to show you. I choose the artistic text tool and I will maybe I will zoom in, maybe just hover the most to close to the line until the letter from A, A sign to T sign, T and wave line, we click here. And right now, we can type for example sunblog protection. And this one. This one in the, you know, the rectangle, rectangle, we can move moving. We can move and set up like what you want, and this one, is also. So the red and green triangle is to adjust and to manage the font size and the font curve. And then maybe if you're not satisfied about this, if you want to change the font, we can block and change the font. To Helvetica Roman like this, right? And reduce the size, absolutely, reduce the size and like this. What if we, you know, put this change to change this one and I put in here and we'll bring a little bit like this. Sunny, sunblock protection. If you think that this is not suitable for this case, it is fine. I just want to show you that we can also create the curve writing and following the line, following the certain shape, like we create in this one. So if this is one, this is not suitable for this case, I just delete. I just undo and peel it this one. Okay. Okay, next, I want to put this paragraph text descriptive text to create that, I'm not using the artistic text tool, I'm using the frame text tool here. The frame text tool, before we writing the text, we will create the frame first, like a box like this. This is the place when we writing the text. So we can put the copywriting here maybe per additional information or, you know, like more specification, more detail or anything that really want to convey to the audience. So I will maybe I will reduce the size. Uh, maybe seven, I think. Yep. I will not writing the description for this product. For example, actually, I have prepared the text first here. I just copying the text that I have created before. Maybe if you have your own copywriting is just fine writing in this box. I'm just going to rewrite It keeps your skin stop and refresh. Refresh while shielding you from sunburn. Sunny ensures you glow with confidence. with confidence. No. Here. So in this copywriting, so I think from the copywriting, it's like the product should explain which problem that can be solved with this product. For example, like this product, we stay from worry from the UV rise something like that because sometimes from some people, due to the sunlight, maybe in the beach or maybe in the outside. It's like they worry about the skin burn. So the problem is skin burn. So this product maybe can help to reduce the effect of skin burn, so it will solve the problem. And then besides the solving the problem, also, we can emphasize or we can convey the advantages other advantages, maybe you ensure you glow with confidence. So this is the result to give the Audience confidence when using this product, to give the perception is not only just the effect, the real effect, but also the perception that when we use this product, like, we feel like more confidence and we more safe, for example, like that. So yeah, I think that's one. First is to answer the main problem with this product. The main problem that can be solved with this product and number two is to build a perception to build perception. When using this product you can more confident, you can feel glow and looks glow. You have to consider that when writing the copyright. Maybe, this is just maybe maybe you can consider this when you're writing the copywriting, right? So I'm going to change the color to white. This one. Or maybe it's two I will reduce the phone next maybe to 6.5 on this. And this one here. For this one, I'm going to use the best line. So the best line here means. So the best line here means to move the whole writing. The whole paragraph is more to the bottom or on the top, just like this, too simple like this. And this one in a lading of right here is more to give the space between one row on the bottom row on the next row. So this is just to give the space. From each row like this. Yeah, I think I will use this 18, I think it is enough like this. And if you feel like, Oh, this is not pleasent the eye, maybe we can change the alignment to just the file left or maybe align center like this. It's fine. I think it's also good. But I'm going to use justify like this, right? Yeah, I think it's right. Enough. So maybe I'm going to make a little bit here. Yeah. And bring to the top, adding to the bottom, giving the space like this. Yeah. So remember, when we choose the frame textool, this is the frame, the area we can create. If the frame I make it shorter or maybe I reduce the area. So the writing is gone, writing will be gone, and it's not covered all of this writing. So you can see here, some sign that has shown that some writing is not visible so when we make these areas more wider, more broader, so we can cover a lot of writing. So I will just using like that. All right. When I need to add the writing, I will increase the broad this frame size, just like this. Alright. Next. After that, I need to right, for example, just maybe here, using rectangle and giving the side and the color to orange maybe and set filled to none. And I'm going to use Artistic Text tool So in this area, I'm going to use the Artistic text tool to create the website for example, www.sunny.com. For example like this, I will bring to here, Maybe just like this and give him the song, you know, gradient like this. Like this. Alright, maybe I will relocate it the content like this. Honey. Like this. So make it more. Balance between lead and, I will go this one tiny sunblock protection or I will increase the size to seven like this and some sign and some part is not visible, and I just increase the sizes of frame like this. So here, guys, if not, this one or maybe we just click here close panel or bring the which is closed panel? All right. And here, this is the design we have created, right? From the early step, we introduce with the vector tools, right? And step by step, we using mostly almost covering the entire the entire tools that available in Affinity in a vector mode. So this is the first step, guys, this is the first step to introduce the tools. It's not ending in here. Those after that, maybe you can create your own product maybe with the own text with the own description and upload it into the project section, right, to show that to appreciate to yourself that your effort, right, maybe sometimes it's not the best your effort, but you need appreciate a little things. You need to appreciate a little progress, maybe, yeah, with at your own product for example, or your own imagination product and then the result, you can upload in the project section. And then maybe maybe I can give a feedback in the project section, right? And then this is a we have introduced the vector features. Next time we will move to the Pixel Mode, and we'll introduce from the start the Pixel Mode like we're doing in the Vector Mode, we will create a project and step by step, we will use each tool and then apply the tools in the project in the design. 17. Start Learning Pixel Mode: Hello, everyone. Good to see you. In the previous session, we have learned Vector Mode. We have learned about the tools and how to implement the tools into the project section. This section, we move to the Pixel Mode and we will learn about the tools that available in Pixel Mode, and also implement the Pixel Mode into the project section. So basically, we will doing the same previously on the vector mode. But this is we will learn the Pixel Mode with different tools and different implementation. Some features that are available in Vector Mode are available in Pixel Mode, and some features that difference between them. So we will learn one by one and then, more familiar with the tools. If we learn and the tools, both of them in Vector Mode and Pixel Mode, it will really beneficial to us in the future when we're working on a certain project. So let's move to the Affinity software. I'm going to create new document, right? Click file, click New Document. And this time, I'm going to use the preset. The preset that I want to use is you can scroll down. I'm going to use this one QHD 4K, and web. Yeah, this is the 4K resolution. Right? So the document that I want to use, I'm going to use preset, the preset document. The preset I want to is four k, QHD 4K k that has 3840 by 2160. Like here and here from the Batch width, 3840 2160. But I'm going to activate this artboard, right? I'm going to activate this artboard and I'm going to use the DPI to 300, right? So maybe it will creating the large document, but yeah, I think it will worth to try using 4K resolution DPI 300 and activate the artboard and create document. Like this. So why I choose the 4k resolution because in the resolution, the workspace is close to the screen here. So minimize the playing area, the playing area like this. So it's more convenient to us to more convenient in this tutorial because the resolution of the command is close to, you know, like this one, the aspect ratio of this our workspace in the Affinity software. Because when I working with, for example, when I create the tutorial with potrait, for example, A4, for example, portrait mode. Now the artboard. So yeah, a lot of blank space, and sometimes it's not convenient to us because this is our workspace is just in here. Next, our focusing in this session is to import the file, import the image, import the photo. The Photo later, we will manipulate it. So our focusing first is to import, and sometimes we also learn about the composition, like how to arrange the object in our design later. So. Alright, friends, you can go to the material that I want to import. I put in the Pixel Demo Pixel demo folder. You just go to the Pixel Demo folder and click. And here, this is the file that we want to use in our practice. First, how to import. Basically, to import the file is similar to the vector mode. We can also drag and drop. For example, I want to put this picture this picture, this one as a background. So I just drag and drop in here. drag and drop into Document Dan, and this is the picture as important to the workspace like this. So the second way to import document, we can also click File, click Open here. And then we can also import, for example, I want to import this one. But rather than the file automatically import in this document, but the Affinity will create another tab for asset for this material. So the difference is when we drag and drop when drag and drop we can also directly input into this document. When we click File and click Open, Affinity will automatically create a new document, right? And the new document is based on the picture solution. For example, when I click this Apple, here. So the Affinity will create new document based on the Apple picture resolution. And the third way to import the picture, we can click File, click place here. And for example, I want to click this uh Wooden and I click here, right? So the difference is when we track and throw, we can also directly into Documen and also when you click Open, the Affinity will create new document based on the picture resolution. And then the last is we can click Place two basically in the same like the drag and drop directly to the here. This one, we can move with most like this, we can also rotate like this. You can also flip right click and transform rotate, flip horizontal, vertical horizontal like this, maybe vertical. And this is where we learn about the import the image open and, you know, moving the rotation like this. For example, I want to put in here. So the next we can also CTRL zero to fit this workspace. Maybe I will a little bit bigger like this. And the next object that I want to import, I chose this one, please. I want to impart this one. This one. Which one? This one, if I put in here, leaf, right? And I put in here the leaf. Maybe I will zoom out a little bit, put in here. This is just how to import the file, or maybe just directly to open the folder like this and import it file one by one like this. Like this, right? Again. Oh, I want to import this leaf. Yeah, just track and throw is the most easy way to import the file, right? Like this. Maybe this one import like this. Here. This is just for how we import the file. And also sometimes we learn about the transform clip and sometimes about the center and the alignment. When we click here, for example, in this one, I'm going to sew this session. So we have learned about how to import the file into the pixel mode, right? And this is a lot of assets that we have to import. In the next session, we will working on the selection object because when we manipulating the object, manipulating the picture, we will doing a lot of selection in this practice. And maybe if you're working on the manipulating object or manipulating picture, the selection skill is really important. We will learn a lot about selection and see you in the next session. 18. How to Selection Tool: How to Make Object Selection in Affinity: Everyone. So in this session, we will deep dive about the selection tool in Pixel Mode. So I think this selection will take a long time because we have learned a lot of this selection. So in this session, we will focusing practice about selection. In Affinity, Pixel mode, there is a object three tools object selection tool, a selection brush tool and flood select tool. So we will tip type about three of them. And then because the selection is very important. So I think we need more time. Because we will discuss a lot of a lot of things in selection tool. So let's move to the Affinity software. So for the practice selection, I'm going to create the new artboard, right to create the new artboard, which is simply copy this artboard, right? This is when I breakdown, just like this and I just click CTRL+G the artboard so I have duplicate the artboard or in the simple way, you just click ALT hold ALT, and this airport is moving. Here. And then automatically, we'll create the artboard, right? So I'm going to create this under airport to met them when we practice. So it's like when we sketch something or maybe we doing some experiment, we will using this artboard We'll delete of them. So this is the artboard when we experiment about the tools, and this is the artboard when we create or implementing the tools. So I'm going to change the name to pixel demo. And this is just artboard one, just make difference, right? So for the explanation of these things, I'm going to import this image, this one to this board. Example like this here. So I want to explain the difference between the object selection two, selection brush tool and flood selection tool. Okay, so this is the tools that available in Affinity to select the Object selecting tool. To implement that, use this, we click this layer and click this object size tool, and the Affinity will automatically analyze, just like this. And we hover the most hover the most to which one the object we choose, we can use the background or we can use the apple apple. Please. And after that, we just click here, and automatically we have created the selection tool just simply like that. It's a very convenient when using the Object Selection tool. But remember, if your software, if your Affinity doesn't available in Object Selection tool, you have to activate it with this one to the edit to the setting, to the machine learning and active the segmentation. We have created the selection. And which is click refined or also directly to the mask layer. When we click the mask layer directly, so the apple will isolate it from the background, right? Here. So we move to number two, the selection brush tool. The selection brush tool here means this tool works like the common way the common way, we're using the selection, and we select carefully to this object like this. Just like when we edit in a photoshop or yeah, in a photoshop, it's very common to use this method and it's also available in Affinity too. So if we want to select one, this one, this area is a very small area. We can reduce this size like this. We can reduce and try to select in a small or in detail like this. It's very easy, though. Sometimes, when I selected is too much, it's cross the lend to outside like this or maybe like this. It's, you know, like crossing the edges. So we just click this mode, add and substract. Just click the substract and we can reduce the selection. Because sometimes we often, doing some mistakes in a selection. Our selection is cross to the edge. You like this one. And to add, just click Add here to add the selection. Like this, to add or to remove or to remove some part, which is click Add or substrate. And if we satisfy the result, we just click Mask layer and automatically, the Apple will eliminate it from the background, right? This is the number two, the second way. So I redo . We move to selection number three, this is the flood selection. So the flood selection tool is like it works based on the color. So if we click here in the background, because the background has color maybe tends to white, white gray. So everything that have similar color with this background will select it. For example, when I click here in the background here. So the color that resemble or similar to the sample that first I click this area, we also select it. But it's kind of different story when I click in this Apple here. So when I click in this red area, so it will cover just in a red area. When we click to the, you know, little bit yellow, so it's also apply in a little bit yellow area. So fruit selection is basically to select the sample color. So this is the three way when we doing selection. But sometimes when we pay attention closely, when we try to create the object selection, for example, sometimes here, click the layer here. And the result will be like this. Some area is not selected well, you can see that, right? Some area is not selected well. So how we can solve that, right? Because some area is not selected well, how to fix this one. So let's move to the next session. We will still learn about the selection, but we will selection our project this one. We will select this one. This is okay, some area is not selected well, right? And how to solve that, how to improve our selection to get the best result. So in the next session, we will make selection Make remove the background for this object or, you know, for this orange leaf leaves, this one, this one, and this one, and this wooden, we will select all of them, and I'll explain how to get a better result. So see you in the next session. 19. Object Selection Using Pen Tool: Everyone. So in the previous session, we have learned about this object selection tool, selection brush tool and flood selection tool. We have practice one by one of these two and right now in our mini project, right, or our practice. And later we will selection of this leaf, this orange and these leaves too, and also how to create the better selection result. Because in the previous session some area or some part from our selection from this one is not selected properly, right? This one. So if you could support what we are going to make. So I'm going to make the product promotion, like the breakfast before, but using manipulation of image. So from the next step, I'm going to import the asset. So I think for this page, I'm going to just delete we not need anymore here. And I'm going to import this one. But rather than we just take androp here. I'm going to import with open. I file, click open, click image this one. And we Affinity, will create new tab or new document to open this one. So we're going to promote this product. This is just image sample. In this session, we're going to selection of this plus and also selection of this material from leaves, orange, all of them, and also this wooden. So I'm going to make the promotional design for this product from the ice tea and the it will, you know, like, stand in both the tree wooden tree. And then this is some, you know, supporting object. But this supporting object still has a background, right? So we will make it selection later. So we will focus for this one first. Actually, I can just track and drop this image to here like this and make it selection in here. Right. And we also can create selection in here. But for this image for the get better result, the principle of selection is the bigger resolution of the image and still preserve the detail is more easy to us to select the object rather than when we, you know, like when this one, just make it small like this and just doing selection. So some detail is not selected properly. So I think the best way is just select it with open document. When we open document, the detail and the resolution following the image resolution. So the detail still preserved. And okay, next, the method that we're going to use, I will use the object selection tool here. And please wait until the Affinity analyze the object with some method of machine learning, machine learning method, and automatically with a simple and easy way this glass has selected, but some area is not selected properly. This area is not selected properly in this straw, this area. So we will fix with selection for us here, we increase the size here and maybe fix this one like this. Like this. Some area if some area is not covered up properly for this area, for example, if some area is cross tune the edge, which is click the substract and we can we click the add to bring back this selection. So it's close to the edge like this. We click the substract Add like this one. Maybe we can reduce the brush. The more smaller this brush is more the easy to select. And we click again. Maybe maybe we spend a little bit longer time to create this create this one. Like this, for example. I think it is more or less satisfied with the result. We click the refine. In this refine, as you can see here, some area maybe pixelated it, we pixelated it. So we will talk about later, this window because this window different use case also different configuration. So it's like to setting this one is more flexible, right? So we're working with this window depends on the picture we working. So for this one, I'm going to reduce the border width, reduce the border width like this. And make a little bit smooth. Just a little bit smooth. And I reduce in the ramp. Maybe just keep to zero. Yeah, we're doing a lot of experiment or smote we reduce the smooth like this. We little bit some experiment little bit reducing the ramp like this. Yeah. If we satisfy about the results, just click Output selection and click Apply. Like this, and then click the mask layer here. So this is the glass that we have selected. Right? And after that, which is copy or making rasterize, we can make rasterize or just copy. So the difference is when we click the rasterize, we unable to edit the selection, right? When this mask layer, when we click the rasterize, the rasterize will remove the mask layer and make it this image become uneditable in the selection tool. So it's become one image and it's not editable again. When we still keep this mask layer, this mask layer, when we still keep this mask layer, we can still modify the selection again, right? So for this use case, I will keep this mask layer. Just for maybe some case that maybe we need to editing the selection again in the future. Okay? So we just copy this layer, this layer, just click here and CTRL+C and move to this workspace and click CTRL+V here. This one, the product that we have selection, like this. All right. So the first object we have selected successfully, this is the glass, the icT. Next, we will making selection for this one. So this isn't the same method like the previous. We can directly selected this wooden table in here in the bookspace or we can open the file, click Open lay open and use the tree trunk, using the wooden, cutting wooden here, and doing selection like previous step. Before we move to the document the document in here. So I think, yeah, when the object selection is white here, maybe we can use this one load selection tool here, which is click in the white Background, right? So the white background will select it automatically because the background is white. So this white color will automatically select it, right. So maybe in some area that not selected in here, here, here, here, this one. So before we doing that, we going to invert because this selection is not select this wooden but select the background. When we click this mask layer, the object will cut and still the background. So we need to invert Invert and make this selection to select this object, not the background. How to doing that? We go to the Pixel, we click Pixel selection, and click Invert or using combination CTRL+SHIFT+I which is invert like this. Here. So for right now, this selection select this wooden. When we click in here, the mask player, the background will come, but we can still left on this one. It's not visible in the document. So just leave it here. I think this, you know, the selection is perfect. If you satisfy about the result and not need to revised, just copy. We CTRL+ differs to this select this and here is a fully function. Is fully selected and isolated with this background just copy CTRL+ C and we bring to the document and CTRL+V here. Here we remove this background. We not need this one. We put in here, yeah. Or maybe we make it more bigger. Here, make it more a little bit bigger. Yeah. This one. This one, I'm going to put a little bit. I'm going to make it more a little bit smaller like this or maybe like this. Yeah. And for this one, just a little bit. I and the next we'll make a selection for this orange. So previously, we selected in the different document, and then we copy into this document for this use case because the dimension of this orange just appear small in here. And I think we not need even though in this resolution, the detail still preserve, right? Even though in this resolution, because still preserve and we just doing selection in here. Just make it the resolution more little bit bigger. Still in the inside of document, right? It's not close to the document like this because the selection letter will just eliminate it to the inside and the outside part is not selected. So make sure that this when we zoom out here, still in the inside of document. Okay, between that, I'm going to use this one Object Selection tool because it's very easy, right? It's very easy. We just hover careful. And then click here and also click here. Just click click and then yeah. And then we have make selection. But some area is not perfect selection. Some area in here and here, we will fix with the selection brush tool, right? For example, for this one, and for this one, yeah. To move to the substract, we can hold ALT Hold ALT like this. And move to the AD, which is released ALT and add. Rather than we just click this one and move on this one, you just click ALT to substrate and release ALT to A. This one, small. Yeah. If we satisfy up on the result, fix some area. You can click Refine refine this. Maybe some area you're not satisfied. You can reduce this border met, for example, like this reduce the ramp. Yep, click Apply and later, we click the mask layer here. After that, we click CTRL+D So if you pay attention, this image, even though the a coverage is like this, but this document, this image, this line will still cover the resolution Prafus before we making selection, right? So that's why we need to rasterize this one. We need to rasterize this one. We right click and rasterize. After that, here the cover area just on this image area. The previously, sometimes when still in this condition, we have to make editing or make a transform. So that's why the rasterize and the resolution just following this image. It's more easy to us to manage later. We bring to here, scale down and put in front of this class. Yeah, put in here. 20. Make the Clean Selection: We also make selection for this leaf in this document. If we using the object selection tool here, maybe I will we need to make selection one by one, this leaf like this, like this, like this until it cover all of this image, right? Here. When I click CTRL+D, when we using the selection brush we need to make selection one by one. I also it's not efficient though. It's the same. When we create the flooding selection tool, the flooding selection tool is a very efficient too, but this flood selection tool only select this white area. If we click It click Invert, so we also apply in a whole document. So we kept using this flood selection tool. So from the pathway, we using this one object selection tool and start to choose one by one. Yeah, just like this. And then for this part here, I'm going to show you some little trick. Here, even though in this area in the inside area, this is white area, it should be not selected, right? So we can fix with refine. We click refine, click refine here, and this white area. Right? We click made here, click made and just like this. Well, automatically, we'll automatically unselect it, right? It's very easy, very simple. Maybe some area, it should be not maybe it's not to reduce the opacity. Maybe some area also selected and then and then it's like the whole like this, which just click foreground to bring back This one to bring back the opacity or this area deleted area like this. In the foreground when clicking the foreground, it will increase the area like this. When clicking the background, we will remove the picture and prioritize the background like this. And after we satisfy this one, this one is also Oh, no, no, no. click foreground and bring back. These some leaf that may be deleted due to the selection. After we satisfied about the result, we just click Apply and click mask layer here, the result. just CTRL+D and we have selected leaf with, I think it's a good result. We bring to front and put in here, right? Here. Next. So for this leaf. I'm going to selection in a new document. So I will open here and click this one. So it will open the new document here. And which one the best tool to select this? When I using the object section tool? So it's not working properly, right? It's not working properly. Let's wait. Yeah, it's not working properly. If I want to choose the Background, but the object section tool doesn't recognize which the background is. When I using the selection brush tool, yeah it takes really long the time. Just set one by one, and sometimes we making a mistake. So it's not efficient. So the best way using the flute selection tool. Just click the background in a white area. And we invert. CTRL+Shift and invert. And here, the selection select this object. But to pay attention closely, this area still selected. Include it. You just click selection brush tool to fix that. Here, Yep. To fix this selection. Like this, if we want to refine, just click refine. And then some area still, you know, still include it in a white area. Just increase the size maybe. Yep and draw. Remember, in the position in the matte posion just draw like this. So basically in the matte, it will prioritize the object. So because this leaf is a green and the background is white, so there's a contrast image. So the more contrast, the color is the more easy to this one. This mate will eliminate the background. So like this, even though this has a white position, but easy to remove like this which just click apply, and then click mask layer here. R plus D. Then you can also directly copy or click Rasterize to make this one to this area coverage is only in the image, not in the document. After we rasterize, which is copy and move to the document like this. Here. Like this. And we put in here, we just delete this document, put in here. Like this. Maybe small large. All right. Next, make selection, this leaf. The same method will open this one and click this one in the new document and using the flood selection tool or objects session tool. Let's see which one the best method to select this object. Maybe the object session tool will choose the background so the result will be like this. What if I choose the flood slicing tool and choose the background? The slicing will be like this. So I think what if I choose this object slicing tool and I choose this object. Oh, results I think it's better, right? I think it's better. So remember that in the selection object, maybe we use the different tools. So to choosing which the best the tools is base on the object. Maybe this object is suitable for objects and tool. Maybe in this object because the background is white, maybe more easy to set in a flood selection tool. So different object maybe using different tools. So after that, we click refine here. And this one, this area still has a white acron. Just click matte. And just draw. Just clean up. It's clean up. Yeah. It's clean up. I think Affinity has provide the solid features, right for doing selection because it's like it's not only one way or one tool, but several tools. And later in the different session, I want to share to you how to select the best way. Sometimes when we edit it, sometimes we editing the hair or editing the fur of animal or our hair, the difficulties the next level. So maybe I want to share this way to you, but different session. So don't worry. Mm. Oh, yeah, yeah, maybe sometimes. This one. Oh, this one is not good because this one should be deleted, right? So I will choose the foreground and reduce the size. No, no, no. Just the background. And remove this one. Right? Remove this one because this one is not unwanted part. Oh, yeah. You're right. We not need this part. I know this way in this part. Oh, yeah, yeah. The leaf is This one. select this one. Using background, remember? And how about this one? Yeah, this one, too. Oh, no, no, no. We don't it. And this one, yeah. Because this is shed though, right? Yeah. Okay, the last Oh. This one is also. Oh, a little bit tricky, right? Yeah, don't worry, but this is the step. Maybe it's worth to learn, too. Yeah, just like this. Okay. Maybe this is and there's some area that we unwanted. Maybe we can remove with pine crustol here still in this in this, you know, in this selection. If some area, the result is not good, right? So areas still left residue. So I'm going to remove this one. Doing that, we can utilize this one pine prestle and start to remove. Maybe it's not removing all of them, but it will reduce the this effect. So the overlay, basically, I will explain later. But in this use case, the overlay it will work with because this one area, this shadow area has a different contrast with the green area. So when the contrast is one, it will remove. Again, this area too, satisfied by the result is just click CTRL+D and rasterize. Posterize and we opeal and move to the object. This one, we remove this one and copy here. Like this. 21. Practice Selection Session: Hello, everyone. In this session, we're still learning about the selection because the section is very important. And I think in the vector mode, the section is in the core. One of the most important features that we have to learn is in the selection. And in this session, I'm going to show you how to select the object using Pen Tool. Previously, we have learned about the Object suction tool and Selection brush tool and flood selection tool, and now I'm going to use pen tool Like the previous before, we have traced leaves in the vector mode, and right now we are also doing the same the same method. We're using the method of tracing, tracing image, and then later, the result of our tracing is to make a selection and then to select the object. I think it's worth to try and let's do it. So I think this is a lot of tab. I want to just delete all of this tab I don't need it anymore. I don't need this one. I I don't need anymore. I delete. To make it safe because this is the untitled right? To save the document is also very easy. You just click File. Click Save here, CTRL+S here or combination pattern CitrL+S like this. And I want to save into the Pixel demo like this. I will give name Pixel Demo. And save. So the name letter will change to Pixel demo. So I want to open the image, the Apple again, right Apple again. Here, I will open the new tape, here, the new tape. And this here, all right, the first method that I want to show you is using pen tool. Besides the pen tool, we will learn previously in the Vector Mode. The pentool is to select the object. In the vector mode is to unit to tracing, right? So we're using the same method to tracing the image. To doing that is very easy. We will tracing this one, decide, and after that, we will make a selection here, make selection, and then click here. So let's doing that. I want to start with the most difficult one, this one, here, and to here. Like this. Remember, if the line has a color here as color, we will change this one, the color to set to none here or if you pay attention to this one, this is set background, and this is foreground as an outline and background as a color. So we just set field to noon like this. And if you think that the line is thick, we can reduce the line maybe to 0.50 0.5, like this. And this maybe 0.5 is not 0.8, right? So again, let's continue to our dressing. So my recommendation if you pay attention, this is the area for backgorund. This is the area for image for the object. So my recommendation don't choose in here. If this is white, you choose this one. So the transition between this objecck and this background, maybe you can choose this one or this one. This one. So, or maybe just close to the object color, maybe this one. Yeah, again, little bit to the inside. It's fine. Other than containing the white color, my recommendation just choose the, you know, it'll bit to inside and left the white residu two. Right the way si tool. So remember, in the previous session, we have learned how to dressing the object, right? And this is still beneficial in this method, even though it takes a longer time, indeed. So I want to show you that there is an alternative way to select the object. It's not only just selection brush tool, quick selection tool or flood selection tool, but still here and another way to select the object. I think too much, we'll start with this first. Here, here. Like this. And I'll start from here. Yeah. This is very, very, you know, very critical time. Remember, this is the background. This is the object. So we reduce the reside white. So maybe a little bit too in the inside, right? Maybe a little bit too in the inside like this. Even though maybe this area still part of fruit, but, yeah, we just left. We just need to eliminate the white area, right? So a little bit to the inside like this. Remember, like this. Just like this may be too much. Maybe we gradually. Recognize which part of object and which part of background. So in order that our selection is not left much residue residue from the background, right. So I think I'm going to spit up the speed up the video, right. So it will save duration Here, remember, guys, when we working on the dressing with pentool the latest node will connect with the first node like this. Yeah. After that, after we make a selection, just click selection like this and click mask layer. And here, I think this is very very precise, because yeah, because we working on this selection manual, we know which one a for object, which one a for background. This is very beneficial if the object is symple, but we need to precise, very, very precise selection. You can use pen tool to get the precise because we select it manually. 22. Selection Feather Object and Animal: Hello, everyone. So before we move to the next tool like fill tool, paint brush tool and all of them, in this session, we're still working with selection tool. And this tool, I'm going to show you how to select this fur. Maybe if you found that this animal like this, this cat has a really complex fur. Right? And then how we select this fur? How we select this object? How do you select this cat, where the cat has fur like this. How we can separate this object, this cat with this background. So I think this is a very interesting way. And the method I'm going to use is like quite the same like previously but a little bit with little bit tricks. And we will separate between this object cat and then the background, and we will make it isolated with better result, with a good result. So let's start. So I will open the file. I'm going to open the file and choose this one. This one here. We'll create the new tab like previously. And then this one because this is a very complex. And when we're using this one, the Object selection tool, I think the result, please wait until the Affinity analyze. We will see about what if we're using object selection tool? Yeah. Yeah, I think object selection tool doesn't recognize this object. If this is recognized, I think, it's not working. It's not working. Wait. But actually, we can use this way. But, yeah, we will use it later. So I'm not using this way. I'm not using the Obsession tool. And what if we using Ss and press tool? Yeah, I think it's not work also. What if and the background is included. So what if this one? Yeah. So area for this fur is also included. I'm going to use little bit trick. I'm going to use pentle we wear pentool this one. I just draw shape like this. It's not. I will delete this color. I just draw following the shape of cat like this. I maybe this is not common is not common way to select this object with four like this. But yeah, I think it's worth to try. Like this. Don't make this shape is far from the foot. I think the more closer is a better, but I want to make this claimer that the foot with this far away from the main object is still really hard to select. So yeah, we just doing the best try to try to doing the best way to select this cat. On that, make selection like this and click mask layer here. And after that, we will click this one mask, right click and refine mask. Here, click matte using the matte rights and increase the press the size is close to this one, like this. And we will try to little bit carefully. It's not too inside the cat, just around four like this. Again, with a little bit careful. Right? We're doing the same method to all of these like this. Maybe some area is hard to remove, we repeat selection like this and continue in this area. This one so basically, the cluster, this shape or the pen tool we create before is a better. So yeah. Like this, right? Maybe some residue. We till it. Still residue in here. We till it. Residue in here, we till it. Again. So we can select with perfectly. Maybe some part is hard to select. But yeah, this is part of effort. Sometimes our in the hard case is also really hard to select, indeed. Yeah, I think I think it's satisfied with the result. After we satisfy, we just apply here, and this is the result, right? This is the result of mask layer, this is before, and this is after before, and this is after. So after that, I'm going to add this pixel layer here. And using this fill tool, we fill with a ring to the bottom here and bring to black here. And with this one, so we have some residue here, right? So residue. So residue to doing that. In this mask layer, I will hold ALT, hold ALT, and then click the mask layer. So. Hold ALT and click mask layer here. So some area, as you can see, some area maybe has residue, right? So we'll using pine prestol here to remove the residue. If the residue in outside here, which is set for cron is black and we reduce the residue, maybe we'll reduce the opacity, to reduce the residue, we will using the lower opacity and maybe start to throw like this. Again reduce the opacity. Oh, maybe it's too low. Maybe 20%. Yeah. To reduce the opacity to reduce this opacity to reduce opacity to reduce this residue. Oh, yeah, don't forget this is the overlay layer. Maybe if you still on the normal, bring the overlay. Yeah, I forget the step is to bring the overlay. Yes. So sometimes some area will lose this part too. Sometimes some area lose this part. Like, for this one, this area is losing Color losing because maybe the effect of selection. And to do that, we just bring this one, foreground to white. This one. Oh, foreground. This one foreground to white. And back to normal we increase this opacity, we start to draw here in this area. Oh, still Or maybe it's still on the overlay. Oh, yeah, still on the overlay, it's fine. We set the background to back, but foreground this area still on the overlay, we draw a little bit here to bring back this maybe 80. And we reduce the size of this brush we draw with carefully. Maybe this area. And this area, too, right? Some area losing the part. Yeah, I think it's enough. In this part, losing the area. Okay. After that, we hold ALT and click again and hide this pixel here, the result. So here, to select the cat with fur. I think the result better, right? This is a little bit trick to select fur, select the animal that has fur or something like that. It will also apply when we select the hair or select the complex object. Here, I think it's better than forget. I think the problem that we forget is to when we in the mask mode, make sure that we're working on the overlay blending mode, not in normal. Yeah. That's the correction. And we have learned a lot about selection from using this one. Object Selection tool, and then selection brush tool, flood selection tool, and selection using Pen Tool, and also selecting for using some trick. And then next we move to understanding how we using field tool, flood tool, and then next Paint brush tool and a paint Mixer and color replacement. So see you in the next session. 23. Fill Tool and Flood Fill Tool to Fill the Color: Hello, everyone. I'm glad to see you again. In the previous session, we have learned a lot about the object selection, and we have learned about the Objects section tool, selection brush tool and flood selection tool. In this session, we're going to focus to learn about fill tool and flood fill and later, we will learn also about paint brush tool, paint Mixer brush and color replacement brush tool. So before we continue to our project, I'm going to explain brush field tool and flood tool first and how to implement this tool into our project. So let's dig the fill tool and flood field tool. Here, guys, in the fill tool, this one, fill tool is basically quite similar like in the vector mode. Or maybe I can say it's similar or precisely identic. So the fill tool that available in vector mode here, and a fill tool on this one. It's also quite same with the pixel that available in this one. This one. So to implement the object, for example, I will create the rectangle tool here. This is the rectangle tool with solid color with black color. I can change the color like this. I can change to green, yellow, and choose choose the color what you want. For example, like this, so when we using the fill tool, we can change from the solid color to gradient. So in the gradient color, it's also the same like the vector mode. When we click here, the shape will have gradient color. And this is like orange to white. So gradient from white to orange. And we can also edit the color like what we want. And also we can change like this one to midpoint. To slide here like this. And then the opacity, for example, like this, the opacity of red color, red color or orange color, the opacity, or we can reverse like this. This fill tool is not only to provide gradient tool from this one to this one, but also fill tool also provide these unique features. This one, when we click solid's back to solid, right? When we click Elliptical with elliptical like this. Right? The elliptical here. So elliptical is like to give the ellipse effect like circle put tends to ellipse. When we choose the radial, yeah, like this. The radial here means in the center is orange, and then to the edge is red. And then next features from field tool is conical. I think it's basically just like this. Yep. Conical, yeah. And one of the most interesting is a mesh in the mesh. So basically, we can create many points, horizontal or vertical, we can create many points. And each point, we can adjust the color. So this is very, very interesting features, actually. Sometimes, if you want to create a background, for example, you can using this mesh tool. For example, I want to add this one and change the color to little bit yellow. And this one maybe just a little bit darker. Or another color like this, right? So we can create many things, many possibility. We can also change this one and this one maybe use different color like this. And we can create many points here. And we can also edit this point. It's basically combination of gradient tools and Curves, right? Gradients. We can create gradient. It's not only in one direction, but also in vertical or horizontal, and we can also it this curve. So like this, this is the mesh tool and it's like common we use to create the background get the background. Like this. So this is in the fill tool, and the last and the other features from mass is bitmap. So in the bitmap is basically we using the picture to create a pattern. For example, when I choose this one, for example, the green apple like this, right? When I bring to here will be like this. Yeah. When I more smaller this one, the apple look like this. And when I zoom, so the apple is like a more bigger. Zoom out and zoom in like this. And then from the bitmap, we can also click Rotate. Yeah, rotate is basically just rotating the direction. It's similar to transform using rotate 90 decrease, 180, 270, and then hundred 60, right? It's like similar. And this one is a sa transform, bring to the original one. And then like this. And in this one, in the extend there is a wrap and then mirror to give a different effect like mirroring, right? And then repeat. So in the repeat, when we impart the original one, original one. This is the original one, right? So repeat it will extend this part, decide, and decide, and this one and this one. So the background looks more wider and then like the extend the extend fill, something like that in the refill. The last is zero. Yeah, just bring back to the original form. So basically, repeat and zero is opposite. Zero is back to original one, and then the repeat back will extend the space. So we bring back to none Yep. We buil to solid color, use this one to give the gradient color to the field color, we also edit it in the outline because the outline, sometimes we can also edit. For example, like this, if we add this outline like this. So we can also edit the outline color gradient like this, yeah. For example, I choose this one to choose this one, this color, something like that. So it's also payable to create like this. The Outline has a gradation. It's not only just fill that we can change the gradient but also the outline. This is the field tool. And how about the flood fill tool? The flood fill tool is basically to give the color best on the sketch or for example, when I create this one, this is the paint brush tool, right? And I choose this one I'm going to reset first. I choose the, you know, the bright color, and I will create for example, this one. And using the fill tool and using the flood fill tool, I can directly give the color for example, I'm going to use red. And then automatically like this. So flood color so flood color here means to flood the color as long as the inside of the inside of brass when we look at this one, when I create this rectangle to like this, and I delete this one. So this flood fill tool doesn't apply in this one. It can be applied in this one because the filter is just available with pass, right, with press like this. When I create like this, and then it will I'm it will flood by color like this. So the flood color here means to, you know, like to bring the color to flood the color, but still limited by brush and then covered by brush line. So this is very useful when we're working with a sketch or maybe drawing about drawing a manga, drawing a comic, for example. And then because the comic is when we drawing the comic, drawing the character, we mostly working with brush and then coloring from the brush using weekend using flood color like this. Next, we will implement this tool, this fill tool to our project. So I just delete this one. We move to check our project here. So I'm going to implement this fill tool. We can also change this one, this sky color using fill tool, or maybe a little bit correction because this sky look a little bit dull, right. So, we bring a little bit colorful or maybe strong color or pop up color. With object with this one field to doing that, I'm going to create this one directangle tool. Like this, the outline is so thick, so we can reduce the outline or to set to zero to remove the outline. And in this one, right? In this one, I'm going to change the color to gradient Of course to gradient. And then I'm going to change to to white. And this one in the orange, I'm going to change to blue because the sky color is blue. After that, we click this one. When we click the fill tool, there is two point right from white to blue. And then we can change the direction like this, change the direction like this. Like this. Right? And we add it in here again in the Gradient. In this color white, we can reduce to zero like this. Right. And this one in this blue, maybe I'm going to use this one slide a little bit to bottom like this. Right. And bring this rectangle to above background like this. So maybe just a little bit adjustment like this. Or I'm gonna change this background, maybe a little bit to little bit to bottom. I zoom, I zoom, zoom, zoom in like this and bring to a little bit to bottom. Like this. Oh, it's too much. I was too much. Hold CTRL to zoom out. Okay, I think for temporarily, I will set the background like this and I will create this one little bit to the bottom like this. And after that, This one, this one, in this rectangle, we will change the blending mode from normal to multiply like this. Or maybe to color burn, but so strong. So multiply, we can also click the screen or lighten screen to make more brighter, lighten and screen will give more brighter in the color. When overlay is too much saturation, right? Too much saturation. So I'm going to use multiply this one. It's like more strong blue color. But actually, we can also edit this one, this sky because this is too blue. I'm going to change a little bit like this or like this. Oh. And if our blue is too much, we can also register the opacity, for example. If you can register the opacity, Like this. When we slide this one, the midpoint, I'm going to put in here. I'm going to set in here here and mybe will little bit bring to top Yeah, right? So we have changed the sky color, right? We can also change the field. Using this fill tool. Doing that, you can also create this one, a rectangle tool and create tangle that cover this field green field like this and then change this color maybe to green this, you know, like this. For example, this one, right? And when I click this one, use this Fill tool, you can change the direction here from in a white, we put in the top and this green to the bottom. So basically, we also change the green red the green when we choose this color from this point this pattern point. And we change the color like this and basically we change the green color. We change from normal to multiply. Yeah, like this from multiply, and we can also still correct this green, like this. So this is the way we can change the a Color field color, this is before, and this is after. This is before, and this is after. Okay, so we have learned about this one fill tool and float fill tool. So because the layer is start to crowded, so I'm going to organize this layer that maybe it's more easy to us to change the name, right? To change the name is more easy. So I'm going to change this name layer from this one. This is leaves one, for example, and this is leaves two. Oh, no, no, no. Leaf two. This one. leaf one. This left two. This leaf three. And maybe this is grass shadow this one sky sky color. And this one for background. And this, I will give name orange. And it's a cut wooden. So it's like it's more easy to us when we look at the object in this layer because we have renamed this object. So next, we will learn about this one paint brush tool paint mixer brush and color replacement and Pixel tool. And then we can also, again, implement this tool into our project. This project is not finished yet. Still long process, still long process. So see you in the next session. 24. Learn Brush and Mixer Brush Tool: Hello, everyone. So let's continue to learn the next tool. In this session, we're going to deep dive about this paint brush. The paint brush tool paint mixer brush plasma presto, and pixel tool. And we will deep dive one by one. So let's move to the Affinity software. So the paint brush tool here means paint brush is actually very versatile. It's like this is so many function. It's like combination between paint brush and with the filter, combination paint brush with the color adjustment, so many things. But in the basic function, the paint brush is to draw is to draw a brush, right? Just sometimes to paint, painting or paint something. Here, when we bring to the brush, when we click the brush, this is the brush preset that we can use Right. And here, this is a category brass we can use from acrylics, basic try media engraving, gouches, inks, markers, masking, oil, pencil, so many things and watercolors. So the paint brush tool, we will use based on our needs. Sometimes when we draw a painting, maybe we're using the watercolor. Sometimes when we want to make a sketch, maybe we use a pencil and drawing to make a pen. So this to change the press size, right? The more the more pixel press. So when we slide to the left, it's like, smaller brush and slide to right is a bigger brush. For example, when I choose the 30, is like really small brush. When I increase the precise to 200, just like this. Right? So it is to change the brush size. Here, there's two. This is the opacity. Besides, we can create opacity like this. We can also create the opacity. When we reduce the opacity, maybe I will set the opacity to 50, for example, the result will be like this, right? There is a transparent between them. For example, when I put in here, for example, a solid color in this layer. I bring to here. So this one is like the brush. This one is 100 opacity, 100% opacity, right? 100% opacity, and this one is 50% opacity. And brush, when we create the brush, it's not form as a shape, but it forms as a bitmap. So when we draw on the brush, the Affinity will create new layer, pixel layer, and then as long as we not change the layer, the random brass we can create is become one layer. Here. So we can edit individual brush like this, right? We can edit because this is based on a pixel layer, based on a bitmap, it's like different with a shape. Like we create this rectangle tool or shape tool or pen tool. It's like, different different. So I just delete. Remember, we can also change the result of brush. Maybe I will try to using pencil, right? Using pencil with, for example, natural 2b, natural 2b. And we can draw something like this. Maybe we will draw sketch of because I'm using the moss I using mouse. So it's like it's not convenient, though, when we throw So it's like we can also draw, you know, throw for example, we can create something like this with pencil tool, right? Yeah, I just delete the pencil when we can also create another pencil preset. So different preset, also a different result. You can also create the watercolors. Maybe I will choose a different color. Green, for example, and I increase this one. So it will create the watercolor effect. Maybe little bit bigger. Here, the watercolor. We also can change to like this. It's like spray spray paint, right? Just like this. So the brush basically to draw and to give the color. Maybe if I using pen tap to drawing, it will more easy to walk in with brush. So basically, brush is to draw something into a pixel layer. We can change here the preset of the press from the texture, oils, you know, markers, so many things, so many things we can draw. Next, we will move to the paint mixer brush. So the paint mixer brush here means, as you can see here, so maybe I will deal it till this one. Okay. This yer pixel layer, I will till it. And I'm going to import this image, for example, this image. Pain mixer brush, right? This image Okay, next, we will learn the paint mixer brush tool. So in the paint mixer brush tool basically this combination between two or more color and then it will mix. For example, when I create this with paint brush tool create the yellow, yellow like this, right? Yellow. And also will create blue. This one, it'll be. This one, blue, right? And we will see the result after we create the paint brush tool like this. This yellow and this blue. We move to a paint mixer brush and click C to clear the preset and as you can see here, it will mix like this. Like this. We can adjust this strong like this one, like this. So it should be around 50% 50% like this. And in the paint brush tool mixed brush tool there is this one. This is the just, the flow of the brush if we reuse, like this. I will do. And again, if we in the mixer brush tool, this one, this is the flow of the brush. When I bring reduce the flow of the brass, the result will be like this. So it's so basically, it's like mix from yellow and blue. Make different different, you know, different use case. For example, I'm going to make this one yellow and green. And for example, blue, and also Purple, like this. Right. So what would happen if we using this with this one pine crust mixer. So we click here and then we gradually just like this. Right? Maybe I will increase this one, this hardness, right? The flow, yeah. Click when yellow with green this green with Blue like this, blue with this, like this. So when I click here, like this, like this. All right, this is the function of brush mix brush. And what if I import this image to this here? What will happen if the mixer brush apply in the image like this? To doing that, we need to convert this image to rasterize. After we create the rasterize, be able to use this one pain mixer press and the result will be like this. Maybe I will reduce the size a little bit. And clean the preset here, clean preset. And maybe I will reduce again, and the result will be like this. Yeah. So the paint brush tool is like combination between the first the first color we hit in the mouse and when we move to the side, it will also influence the color around the sample, right? But so it's not only applied in the brush, but in every object or every image that present in Bitmap mode like this. So when I close to the zero, for example, 10%, the result will be like this. It's more subtle, right? The more we close to zero is more subtle. The mix is. Sometimes it's also applied to blur some part with this one. The mixed Mixer brush here. So this is the mixer brush. 25. Replacement Brush: Replace The Color of Object: We move to the color replacement brush tool. So I'm going to save this image as a sign here, I will put here. And I will copy import again, this one. Maybe I will make the dimension like this one. Yeah. Just here. So I want to give name in the artistic text tool in Mixer. This one, paint Mixer brush this one for replacement brush tool. And I'm going to show you the difference between paint mixer brush and replacement press tool. To using the replacement brush tool, we'll click here Color replacement brush tool, and we can change the color we want. For example, I want to convert this apple yellow green. Use this layer first, click this layer first and go to the color replacement brush tool, and s the color, the color we want, maybe I'm going to use green color and buy gradually this one. So what if we set all of them 100%, and this one is 10%, use tolerance. So the result will be like Right. And what if we increase this one? So I'm going to show you that the important part is tolerance. So I want to headlight the tolerance first. When we increase the tolerance, the result will be like this to increase the tolerance. Here. So part is not selected yet. We increase the tolerance again. To 40? What about 40? It's not tolerance. We increase more to 60. How about this one? Yeah. So the more higher tolerance, the more higher area we'll cover will change its color like this. So this is how to change the color, right? Until we can also change the color in the shadow so that every contain the color, every contain the red color, it will change to yellow. To green. Yes. So I will undo. What if this one, this opacity, if I reduce the opacity to 50, right, the result will be like this. Still this one, choose this layer, still contain in the red. So it will the green will influence in 50%. So there is red mix from green and red. Like when we increase the tolerance, will increase the opacity to. So basically, to change the color is just one stroke like this. When we using the 50% opacity, just one stroke like this, the result will be like this. But when we add draw, so the second draw is like mores mores more from compared to the previous time. This is the 50% opacity. And then the second withdraw this is the more firm. And then the third draw is the more from. So there's a difference between the first draw, the second draw and the third draw. And the last draw maybes more foam again. So this is the opacity because we changed to 49%. So we bring back to 100 and this one is when we reduce the size, it will make more smoother result, for example, like this smooth result, right? Smooth result in the edges. When we more reduce close to zero, is more smoother like this. To change the colors more smoother. And then again, the importance of this replacement brush tool is this one in the tolerance. The more the lower tolerance so it's only affected the sample on the first we click here. When we click in this spread area, with the lower tolerance, it's also applied in this area. And we move to here, it's not affected. And we choose this area in the dark area, for example, it's only apply in the dark area. When we move to the bright area, it's not affected. So the most important part that we have to pay attention is this tolerance. Tolerance and some setting in here, maybe if you want to make, you know, like this one, more softer edges and then engage the tolerance like this. Maybe to 65, and the result will be like this. So it's like more softer in the edges. And then if you want to make a little little bit yellow from the Well, a little bit yellow, just like this or increase the opacity little bit yellow. Yeah. Just a little bit yellow, just like this. All right. And what about this one stabilize. When you click the stabilize, right? I will very stable. I will bring opacity to 100, for example. This one, 30 pixel. When you click the stabilize, so it will very stable very stop stable of draw, very staple. Compared to the unstople and the result will be like this. It's it's not stop, just like this. So to change the color, just click here, click the color replacement brush tool and set the size, right? And then maybe I'm going to use this one set this hardness, set this flow opacity, and choose the color we want, and then start to draw like this. Here. So this is the difference between paint mixer brush here. I will mix the color from the first, click the sample, and then it will mix with the surrounded. And then the replacement brush tool here, it will change the color from the red to the green using replacement brush tool 26. Practice Brush Tool to Create Shadow: Okay, friends, so we have learned about the paint brush tool, paint mixer pus and color replacement, brush tool and Pixel tool. Now, we will implement this tools into our little project. So as you can see here, this is the main object, this orange, this leaf. And as you can see, is not a placement properly, right? So we're going to create this shadow in this area or this area, this you know that is more natural. For this orange, right? For this orange, I want to create a shadow for this orange. Between that, I just click here. This paint brush tool then so I'm going to use this one paint brush tool we click brush the basic. I think I will set opacity to 30. Let's say to 30. And this one, I will reduce also to 20, let's say. And then this one, use the color to maybe to black. To draw the shadow I'm going to make the pixel layer here, the pixel layer, a new layer, bring to under the orange, this one, and gradually we draw this or a shadow one. Maybe I will reduce the size, right. The size I will draw This one. Yep. I think for this one, too. Yeah. Just like this, we can draw we can here. And increase again or reduce opacity, more softer. And then again, maybe ten or nine. Yeah. To give the good result to bring the good result. Alright So this is the first shadow we make. So if you think that this shadow is to dark, this one might be some area Oh, is too much. It's too talk. We can reduce the shadow. How to reduce? We can click Pixel, click mask layer, here, right? Click mask layer. And this one set foreground to black. And then here, gradually, we can reduce the the dark, the darkness, like this, right? To set to 10%, for example, doing some experiment like this. And then, yeah. Just like this. If we think that this shadow is to dark like this. Next, we will create the shadow for this leaf, too. But I'm going to try to certain method. It's not using this one, but I'm going to use in a different way to create this set, this leaf. Doing that, one, this leaf, I'm going to copy, right? This one I'm going to copy. And in this one, I will add adjustment layer to Curves. So maybe this is, like, should be discussed in a different section, but, yeah, it's fine. This one, this leaf one, and this curve will affect it with this leaf one. So before I it these Curves, I will bring the curve adjustment to leaf one to inside lift one. So it's basically create clipping mask. So the curve adjustment just apply in this leaf one, right? And then I will bring to bottom. So I will hide this leaf one, the top leaf one, I will hide and the leaf and leaf this leaf one in the bottom. So I will set a little bit to darker or darker side, like this, more or less. And then after that, I will bring back this leaf one, the original one, right? And in this leaf one in the dark leaf one, we stretch a little bit down like this. Like this. Set like this. For example, Right. After that, I will reduce. I'm going to reduce the opacity to maybe 55. Yep. So it's like the leaf has a background and I will add this filter. So this is just introduce. Introduce some filter, some adjustment, just the gaussian blur here and click radius. Here. So this is like the result is quite similar to the left when we create the press using paint brush tool. And sometimes I will increase the opacity to 75. Yeah. So it's like similar result, right, between this one and this one, but using different way. So I'm going to show you that in this orange leaf, we using shadow with brush, right? And this one we create shadow using a combination of Curves and gaussian blur here. And what if we implemented this one? This color replacement brush tool in this orange. It's okay. Let's try in this orange, right? We choose this color replacement brush tool, and we choose the color here. I'm going to make this orange, little bit yellow, little bit yellow. This one. And set to opacity to 10% is fine. Or maybe just a little bit to 20, 25, for example, and start to draw. Okay, we'll increase this to 50. If too much, maybe we reduce again, a little bit. Just little bit like this. Yeah, right? This we changed a little bit yellow for this orange. I think it's fine. Next, if you think that, oh, maybe this shadow is dark, but this orange is still brighter in this area. So this area should be darker. Red is not red like this. To do that, we will use this shadow a paint brush tool We will use paint brush tool also, but in a different way. So I'm going to show you. In this one, it is orange, right? I want to add Curves again. I want to add Curves again and bring this curve adjustment inside the orange, right, inside the orange and start to draw manage the curve. We until a little bit darker like this and after that, we will invert in this curve adjustment, clickt plus I. Yeah. After that, in this curve adjustment, we'll draw using this one paint brush tool. Set this baackground to black and then start to draw. I will reduce the opacity to 15, for example, and reduce the size of Maybe 15? Yeah. And start it draw. Or maybe, yeah, yeah. Set this background to white because we invert previously set foreground to white. And here, set things using opacity 15 and then the rest of it like this. And then you can start draw start draw like this. Still, it will also utilize brush tool right? So we can draw like this. Sometimes we also draw in this part. Or sometimes we also have to careful, right? Yep. It's more darker. It's fine. We can create more darker like this, like this. Right? This one, too. All right. I think it's more natural shadow, right? It's more natural shadow. And we also still implemented pain brush tool in many ways. For example, I'm going to make this part, little bit darker, right? This part a little bit darker. This area an area. Still using the paint brush tool. Using pin brush tool I will increase the size, maybe, more thicker to 400 like this. Yeah. And then I'm going to use this one, change the color to maybe to black. If I draw like this and then set the opacity to 15, if I draw to 100, the reduce is like this, right? It will cover all of this image. So I will reduce the size to 15 or 10% like this and maybe it will increase again, right? Doing that, just slowly to drawing in this area like this. Or I will set this pixel this pixel above above this background above this background above this, yes, above this background like this. And I draw I will draw this one. So it will affect it in the top of background. It's not affected in the leaf like this. So it's like giving more little bit dramatic effect here. So this is before, this is after. This is before, this is after. If we think this is too much, we can reduce the opacity here to reduce the effect, maybe to 75 like this. So before, this is after. This is before. This is after here. All right. We have learned about this brush to from paint brush tool to from paint brush tool, Color replacement brush tool. And we also learn about this one practice one by one, and implement it into the objeck. So next, we'll learn about Erase Brush tool and Adjustment Brush tool. We'll focusing this one the next session. And don't forget this project is not finished. Still a long way to finish this project. While we're learning one by one, this tools and to implement this tools, we will implement it in this project. So see you in the next to discussion. 27. Erase Brush: Make Object Selection by Erase the Background: Hello, everyone. So let's continue to our practice. The next tool that I want to discuss is Background erase brush. And the Background erase brush is contained erase brush tools, background erase brush, and flood erase tool. So this tool is basically to remove this object or remove the bitmap, actually, to remove. But each tools also has different each tool has different function and different implemented. So let's start with the erase brush tool. And let's move to discuss this tool one by one. The first tool is erase brush tool. First, I click this object, this object, erase brush tool, and I click the erase brush tool. So the erase brush tool is basically to remove this to remove this object like this to remove this Pixel. Right? So when I when I create this rectangle tool here, and this rectangle I will bring behind this one, this one. So when I erase, it's literally erase. So it will show the rectangle, the rectangle, right. So this is basically erase. And the erase brush tool just apply on the layer and that's selected, right? Yeah, it's basically like this. The erase brush tool. And in this erase brush also apply size for size. This is opacity. This is flow, this is hardness. If we want to use this stabilizer, this is important. Just eras. There's no any feature behind it. Just erast like this. When we erase something, that will erase totally. So the as brush tool when we set to this one, the hardness to 100, the erase brush is really really from edges, right. When I reduce this hardness to 50 for example is more softer, right? It's more softer. So it's like same like refuse brush we learn. The opacity, yeah, ah the opacity, it will hit different. Maybe I will choose hide one. I will hide the rectangle. So I will just hide this one. Just part of this. I will hide like this, maybe increase the size. So it will reduce the opacity. So basically, it's still removed, but gradually like this. Still, basically, the tool is to erase. Next, we move to the background erase brush So I delete this rectangle. To give the example, I will erase like this. To give the example, I will erase like this erase brush tool. Okay. Next, we move to the background erase brush. In the background erase brush here, I want to explain. So in the background erase brush only removing the background. But there is some condition. This object, the min object that need to preserve, right, must be different contrast to the background. So because the object is a red and the background is a gray, so from the contrast is different, from the color is different. So it will more easy for backgrond erase brush to remove the background, right? So let's chew it. We click this one, background brush and set this one to 100, 100, 100 and this one is important. The tolerance. If we choose 10% like this here, are we reducing the size first? Oh, okay. If we using 10%, the result will be like this. Or, we choose this layer. So we choose this layer. This layer, yes, and use this background erase brush and set it first like this, my configuration and start to. And this is very Yep. Perfect. Start to remove this set set like this. So because this apple and this background is the difference color is so strong, the contrast is also the colour is a firm difference. It's easy to press to remove this object. But sometimes sometimes some area like this is not removed. Still hard to remove, right? But sometimes when we click again, it's it's not selected. Maybe in these part it's hard to select. You know, sometimes it's not flown. It's not some areas not selected, it's not removed. But we increase the tolerance. We increase tolerance to, let's say, to 30%. Let's see what the differences. When I set to 30%, let's so still be able to remove this background, but sometimes it's not. Yeah, like this. It's too much, I will reduce to 20 like this. So after that, after we select it around it like this, and then we can using erase brush to continue to continue these erase. And then here, we can remove the background. Right like this. Maybe some area like this, we can remove background. But this is basically similar result of, you know, making selection, but using the erase brush tool. So I want to back, and I want to show you in the the sample of erase brush tool. So I'm going to apply Background erase brush tool in a different document, right? So I want to open this image in this blend mode, blend mode folder and I'm going to choose this image, for example, right? And I will little bit zoom zoom in and put in here. Like this. Then I will crop. I will crop with I will borrow the feature from Vector Mode crop tool. I will put on this feature to crop this image like this. Alright. It's basically just creating clipping mask with a rectangle and back to pixel, right? So I'm going to apply the erase tool with this one. So before I'm doing that, I will set a convert to restorize this stars layer and become one image like this. And using the erase brush this one background erase brush Using background erase brush, I will increase the brush 100 yeah, I think it's perfect. So and start to throw the background erase brash. Remember, in the sky, color is gray, and then the mountain is dark, right? Tends to black to dark. So the contrasts a very contrast from the color. So it's more easy to apply the erase brush tool. So I think from the tolerance, I will say to 20%. Let's see. For 20. This one, this one. Yeah, I think for this one, I will set to 50 or 80. Like this. Gradually like this, again hold the most, hold the most and hear, right? So the letter we just remove like this. You know, if this background erase brush hard to remove the rest of it, we just using this one erase brush tool continue our remove like this, right? So this is how to remove this background and the background is as a sky like this. And maybe we can change the sky, right? Maybe we can change the sky. I'm going to use this one, this one. The background we use in the project, and then put in here, and then yeah. Yeah. So we can remove the sky just using Background erase brush and then change the sky color like this. So next, we move to the flood erase tool. The principle is something like flood fill tool but it's not filling the color, but remove the color. And for this gas's remove the background. Between that is very easy. Click flood erase tool, right? First I click this layer first and click flood East and just click here in the background. And automatically it will remove or erase the background. But before we click here, we can set this tolerance. For example, when I reduce tolerance to 15, this is the result. When I set tolerance to 30, this is the result. So it's based our tolerance based our tolerance, and then our object, right? And our object. This is to flood vt erase. And we have practice to apply some distal, petron erase brush to remove the sky and change the sky color. So next time we will learn about Adjustment brush tool, burn brush tool, dodge brush, and sponge. And also, after that, we learn about this one Filter brush tool. So adjustment brush tool. So see you in the next session. 28. Adjustment Brush: Applying Adjustment Color Through Brush: Hello, everyone. So in the eraser tool, we have learn up the eraser tool. In this session, we're focusing to learn new tools. And the tools is this one. The Adjustment brush tool. As you can see here, this is lot of tools here from Adjustment brush tool, tone brush tool, Burn brush tool, dodge, and sponge. And we will discuss one by one. And also, I'm going to show you how to use it and also explain about the settings and also show in the demo. So let's move to the Affinity software. These tools first Adjustment brush tool because the Adjustment brush tool is very, very important, guys. It's very important. And it's like combination from this one paint brush tool and also this one. Adjustment layer. For more detail, let's start with the first tool that is Adjustment Brush. Doing that, I want to tidy up this layer first because this layer is start to crowd it, right? This is this one. So for the demo, before I explain that, I'm going to use this one, this wood cutting wood, and I will put in here as a demo, right? Because this one, this cut wooden still in the mask mode, so I'm going to resterize to make it a pixel layer like this, and I will scale down like this. Maybe I will put in here. Next, I also want to use this orange. But because this orange has, you know, like, apply some effect in here in here, apply some effect. So I'm going to making new selection from this orange. This one. Yep. I just doing quick selection. Quick. Alright. All right. Maybe I will tidy up some part, right? Like this. If you satifsy the result, just click mask layer here and diselect maybe if we see some part like this is not good, maybe we can fix with paint brush and clicking the mask layer just paint brush tool and reduce the size, right on this one in the foreground to black and start to little bit edit in this one. And then I'm going to rasterize this layer, rasterize here, and I just copy here, copy, and move to the pixel demo and copy here and bring to this page like this. So as say demo, guys. Alright and I just copy. This is for tone brush tool and this one for Burn brush tool. Okay. So I'm gonna explain one by one the difference between these. Adjustment Brush tool here. So we click here, let's pay attention to these settings. This one is color adjustment, right? Color adjustment from exposure level white balance, brightness, curve, Channel Mixer. And we can find and we can find the color adjustment in here, as you can see here. So when we click here, Adjustment Brush tool, let's set to 100, and this one is for 20%, right? And I will choose the exposure, right? And this one, we just full range. This one, we just full range. And we can choose exposure level, wet balance, curve, select color, HSL, recolor, some things we can choose. But for example, I'm going to choose exposure, right? And I'm going to start draw in this one. Start draw like this. Right? And automatically, this one will pop up. The adjustment window for exposure will pop up. And we can draw like this and increasing the value to make it brighter and decreasing the value to make it lighter, right? This one. So we choose the red value, for example, like this, 0.0 0.4, like this and we start continue to draw like this, tu brightening this layer. Because this layer, this exposure is in the top layer we bring to this one. Just for affected this cut wooden. And we can continue our brush to make it more brighter, all of them in this area. And if we feel that, oh, I think it's more and more brighter, increase this value. Just increase this value like this, maybe 0.6 and it will more brighter. Again, 0.7 more brighter, right? And if we reduce this size, it will more darker reduce. So when we here, it will affective in the headlight when we slide to the left, it will effective in the shadow. All right, maybe I will delete this one, right? And I will move to the for example, HSL adjustment and start to create like this. The HSL here means hue, saturated and luminosity, and automatically will pop up the HSL adjustment. We can continue to our draw like this. We can continue to our draw like this, right? And the HSL adjustment, we start to set. Like if we slide this one, maybe this one, for example, reduce the opacity, reduce the saturated and increase the luminosity or decrease the luminosity is fine. And maybe we change the color right. You want to change the color of the wooden tree, like this. It's also possible using this Adjustment brush tool and using HSL mode, right? Using AHL mode. So if we want to back to the original, just click Reset and back to the original, right? Maybe I was increasing the saturation just for saturation like this. And if you want to using another adjustment of brush tool, just click Add Adjustment like this. For example, so maybe I am satisfied about this color right about this tone about this color. So I'm going to add the adjustment. And I want to make this more brighter. So I'll just add adjustment. So I want to change to Curves for example. Oh, no, no. So what if I'm going to use more than one color adjustment? This is the HSL shift adjustment, right from here, HSL, and I'm going to also use these Curves. So it's still possible curve or exposure. For example. This is trips. For example, I'm going to use exposure and at adjustment here. This layer will create HSL, and also exposure adjustment that we just created. And in this adjust exposure, I just want to make this area. In the stop area is more brighter. Just draw overs like this and automatically it will appear, right? And I'm going to make this more crater like this. Like this and I'm start to draw the rest of it. Right. So this is the way we using this color adjustment brush tool. If you wondering, what is this one, full range, shadow midtones and headlight. So I'm going to explain the shadow midtones and headlight. Maybe you wondering how we can differentiate between shadows, headlight and midtones. Okay, we move to here. So I've created this one. So we will break down what if headlight, midtones and shadow? This is the original one. I give the name original one, and this is the hightlight bush. So we will highlight. We will push in the highlight. To push in the highlight, we're using the color adjustment, this one, and click Curves like this, right? In this curve, this is for highlight. This one in the top Curves is for highlight. This is for shadow. This is for shadow, and this is for midtones. But before doing that, I'm going to make this curve adjustment the inside of this layer here. This layer, this layer. So I will rename headlight. And this one for tones. And this one for shadow. And this one for midtones. Here, I bring the adjustment instead of headlight. So in the headlight, we'll draw this one. On this one. I will delete this one first. Delete. Yeah. This highlight I will put in here, you know, next slide to the left is more brighter and more brighter When we increase the highlight, this affected just on this area, right? The more just affected in the more brighter, just like this, right? Just affected in the more brighter like this, for example. This is highlight push. How about the midtones? Before we move to the midtones, I'm going to choose the shadow first. So I click the Shadow and I click this curve adjustment here. And bring the curtain adjustment in the inside of shadow this. And after that, I'm going to show you which one the shadow curve This one, this is the shadow, and we bring to the right like this, it will boost the shadow. So the shadow will affect it in this area dark area, right? And the shadow sometimes also increasing the saturation, but the point is it will you know, move to the more black and increasing black level from the image. So it's basically to increase the shadow increasing the black level, right? This is the shatow And then the last is, I'm going to show you which midtones is. I'm still using the curves, bring the curves inside of midtones and then this one, the me tons, the flow of midtones is like this. This is to boost midtones. This is to reduce the midtones. So I will boost midtones like this. More or less is like this. So when we push the midtones, it will affected not only the highlight, but overall the overall image, the overall image. Right? Because the midtones when we reduce the tons is like this, we will bring tend to a shadow, right? It's close to shadow, but the midtones when we push the tons, more or less is like this. So it's not only this one, the highlight part, which boost but also overall, almost overall part. So it will affect it in whole color, but it's not as strong as headlight and not as strong as the Shadow. So this is the headlight, midtones and Shadow. And when we bring back to this Adjustment brush tool, when we choose the adjustment brush tool, this is full range Shadow tons and highlight. So I'm going to edit the shadow this one, right. Before we move to the tone brush tool, I'm going to edit this one for the shadow of this orange. Before I'm doing that, I'm going to make this one. I'm going to move this one, this layer exposure and adjustment layer we have created previously to the inside cut wooden like this. So it will just affect it in the cut wooden. And then I'm going to create add the shadow. To do that, I just click here and then add Adjustment brush tool here. And using exposure at adjustment like this. I will create another exposure adjustment, and maybe we can draw this one. This one for orange shadow. We can draw. And then this one will reduce the shadow like this, maybe in this one too, like this. It's basically the same as we are doing previously right. Like this. And then I'm going to make this orange Area is also darker. Just click here background and then in the Adjustment brush tool, click this one layer, this orange because this orange, this orange, right? And I'm going to add this Adjustment brush tool and add exposure. Like this. It will affect it. And I will bring to the inside in the background in this orange, this orange layer. This one, orange layer. So exposure adjustment inside the orange orange, like, right? And then I will draw in this area like this. Maybe I will reduce the size. Yep. And start to draw. Increasing the size. start to draw. Like this. Reduce the size to get smaller. Maybe also reduce the opacity. Yep, to get a proper. Yep. And a little bit too dark. This one, too, like this. And if we, you know, like this one, some area is like the darker is cross the line, which is switch this one, switch for brown color to white and then to remove or to black to remove. Right, to remove. Increasing the saturate, opacity. I just like this. Yeah. We can also switch. So in this one, when the foreground in the white, we withdraw the exposure like in the value. When the foreground in the black, we remove we remove the foreground, refusely. Remember, when the foreground is white, draw we draw on the value of this brush and we switch to black. We delete the effect. We deletes effect, the brush adjustment, please. So basically, if you it's not natural for this shadow, I want to bring back to the wooden and then this exposure. Right, I'm going to increase this one. Just increase, darker, more darker like this here. This is the shadow We have created the fix change the tone to tone color or change the color of this wood, and also apply some shadow for this orange using adjustment brush tool. You can experiment with yourself. What if I using the level with balance brightness Curves and then HSL and also make it more, you know, multiple adjustment here. And again, if you said the foreground is to draw the shadow based on the value. And when we switch to black in the foreground to black, you to bring back to erase and back to the original one, this one. Okay, we move to the next tone brush tool here, tone brush tool. 29. Tone Brush Tool and Burn Brush Tool to Ehance Color: Okay, everyone, let's move to the next tools. The next tool is a tone brush tool here, guys. So basically, it's like the quite similar to the previous tools, but there's some different color the tone brush tool here means based on the tone color. So we can change the color. But not using the adjustment layer, but using this color. For example, I'm going to I'm going to rename this one orange orange one because this is orange two. I'm going to change to orange two. This one two orange three. Orange three like this. This one. Okay, the wooden cut wooden cut wooden two, cut wooden three. Like this. So I'm going to show you guys. This is to brush tool using ton brush tool. And this is the white color, right? And I draw on this white color. The will be like this. By default, the color the to brush tool on the mode overlay. So we need the overlay. We can also change the blanding mode, but by default is overlay. So it will change the vibe change the tone color by overlay like this because I chose the white color like this. So what if I red undo and I change, for example, to yellow. The result will be like this, the five turn to yellow like this. So it's basically to change the vibe color, right? To change the five color. Maybe I will increase the size a little bit. Yeah, to get more faster. Basically, to change the five color like this. If we change, for example, to this one, it's also possible. This is will brown color, right? Like this. So basically, the tone brush tool here means we'll change the color based on the color we choose. And in the dodge and burn mode, we can also choo inverse bland. But I think for commonly used is touch and burn and end the mode to overlay. And then if we create this draw across the edges, which is bring this layer to inside the cutten wooden two, and it will create clipping mask. And then here, cut wooden two, this one. This is before, this is after. And we can also recolor this orange too, which is click here using Ton brush tool and at layer. Click this object and click this Ton brush tool and choose the color we want. Maybe I want to make more red dish. Redish. This one. Yep. Just draw like this to make it more red. For example, I will increase this opacity to make it more red like this. Be careful guys like this. So we can change the color like this. Like this because we bring to the inside orange too, and then here. This is before and after before and after, we can recolor this one. This is tone brush tool. And what if I want to make, you know, add the other tone brush tool? You just click here. But in the same object, I want to make more one layer. It's similar to the previous one. Just click at layer here. All right, click at layer, and bring this one dodge Burn and choose the color. For example, I want to make a little bit yellow to the edges, right? Just reduce this one. Oh, no, it's too small. 22? Yep. Maybe reducing the opacity. 20? Yeah. But carefully, we can draw this one maybe more than maybe tend to green like this. Yeah, just like this to throw like this. Yep. This is before, after. Before after. Or if you want to change to white, more brighter. I will increase opacity. Yep. And if this is too strong, it just reduce opacity like this. This one layer opacity. And this is before this is after before, after. Yeah. This is the tone brush change the color, to change the object color. And then I think you can also doing some your experiment with tone brush tool. I think it's quite similar. This is to reduce the hardness. This is flow, opacity and size, and this is the blending mode. With overlay. You can also experiment with another blending mode, but by default, using overlay. Okay, next, we will learn about burn brush tool the burn brush tool. So basically the burn brush tool it will darker the midtones. So for example, this one, I'm going to move this one first. In the burn brush tool here, it will darken the midtones because this is one by default, it will meet midtones here. And if we throw like this, on this wooden wooden tree? Yeah. I will reduce this hardness to zero here. So basically, it will increase to darken and the midtones will as if bring the burn effect, right? Like, bring the burn effect. I will increase the size. Right? I will bring the burn effect. This is a burn burst tool like this. It's like the wooden is burning. It's it's like burn. Burn this tool is different, guys, because this burn is not create a new layer, but also directly brush in this layer in this original layer. But if you pay attention, guys, this burn brush tool is not creating new layer when we draw when we brush in the object, but it will directly apply to the object. So it will make the original object destruction and it's not repairable. When we switch to the set foreground to the black, for example, it's you know, it's not restored, but still increasing the dark. So apply directly to the layer, and it will cause destruction to the original layer. Here, guys. This is Burn brush tool. So what if we choose the shadow or hightlight? So I think the result is quite the same when we maybe I will reduce this one to 50, right? So it's quite the same. It will make more darker. So basically, this is just which color range we need to change. We can choose ton, shadow and highlight. It's not a big difference. And every mode this one bring this color is more darker. Basically, it's like, burn. We move to the dodge brush tool. Before we doing that, I'm going to copy this one. I'm going to copy this one, copy and paste here. And this is cut wooden four. And this is orange four. Right. And I delete the adjustment color adjustment like this. And I will copy one time more, one more to here. Alright let's move to the dodge brush tool. Before we doing that, I'm going to take a rest a while. You. 30. Dodge Brush and Sponge Brush to Applied Color Adjustment: Hi, everyone, so let's continue to next tools. The next tos is dodge brush tool. In the dodge brush tool here means opposite from burn brush tool. In the Burn brush tool is to create the object darker to create midtones darker or two darker the color. But in this burn brush tool, here means the opposite from Burn brush tool. The dodge brush tool will make every color is more bright bright, is more brighter. It's like boost the headlight. So I'm going to show you. This one, touch brush tool. Here, I choose the object first. This one, good wooden four. I choose this one, dodge brush tool. And here, by default, it will set to midtones because the midtones, it will, you know, affected with this toes. And then if we draw like this, so it will brighten this one. If we choose, if we draw like this more and more, the result will be more brighter and brighter. I will undo. And then we can also create this one to make it more brighter than the original one, right? Like this. And then absolutely, we can also change this opacity, change the hardness, and then change to this size too. And then, yeah, we set to midtones and with hes reset. So basically, it's like opposite from the burn brush tool. So like this. You just draw like this to make it more brighter. And it also destruction the object. Here means not create a new layer. So dodge brusht tool not created new layer, but directly applied to the layer to the object layer. So, you know, like it will distract this original image. And we cannot undo or we cannot restore. For example, when I set foreground, still, even though brighting the color foreground we choose, the effect will come is brighter and brighter. So just like these there is no other dodge brush tool basically to make the object brighter this more less is like this. There's no other set things we can explore in the dodge brush tool. Maybe we can change to shadow but again, the principle isn't the same. It will make it more brighter and brighter. Maybe it's just the color range that different from shadow midtones and hightlight that we have learned previously, right, when we learn previously dodge brush tool. Maybe I will size increase the size like this. Or undo, just like this. Yep, from midtones from this one, like this. So this one dodge brush tool and this one, sponge brush tool. So sponge brush tool is very unique, actually, guys. This is similar like a sponge brush tool a little bit unique. So I'm going to show you. I will choose this object first. The sponge brush tool here means to increase the saturation. The principle is if we we can increase saturation and also to decrease the saturation or to desaturate. And we can choose the vibrance or HSL saturation. When click the saturate and click the vibrance, the effect will be like this. This is 100%, 100%, right? The effect, it will push the saturation from the object color like this. It will boost the saturation. Right. But if we choose the saturate and then we move to the HSL saturation, it will boost by HSL saturation. It's very strong, right? It's very strong when in the mod HSL saturation, and it can be edited in the color, default HSL saturation. But we can reduce the opacity in here. Maybe we choose the saturation, HSL saturation, but not as strong as this when we set the 100 like this. So what difference between HSL saturation and vibrance? The vibrance, it will just boost the midtones, color, the mid tones color. And it's not as strong as the HSL saturation. Well, HSL saturation use hue, saturation, luminosity by default. So HSL saturation is more stronger, more stronger than the vibrance when it comes to increasing the color, increasing the saturation of color like this. I undo. But we can also desaturate or maybe I can also create this saturation for this orange like this release saturated, right? But sometimes it's not pleasing in the eye. And we can also reduce the saturation with desaturate. When you click the desaturate, we can also move vibrance and saturate. When you click the vibrance, the desaturate is not as strong as it was. Or maybe just yeah, just like this. When we click saturation, we will literally convert this one to black and white, right? So remember this is destruction of the original one. So it's not create new layer. Yeah, and no way when we want to restore, right? So you have to using with carefully. So this is desaturate saturate, if you want to desaturate with strong effect or maybe just like as if we convert to the black and white, right? And then if we click vibrance or maybe it's more soft the effect because the vibrance is affected in the mid tones, not in the full range. And then it's not as strong as the HSL saturation like this. So oke guys, we have learned all of this adjustment brush tool right, Adjustment brush tool. We have learned all of them, and we know the differentiate between tools, even though the same using the color adjustment, combination with paint color adjustment. But right now, we know the characteristic each brush tool 31. Implementing Adjustment Brush Tool in Our Design: Before we have learned of this Adjustment Brush Tool, right? So maybe we can a little bit edit this our project with adjustment brush tool, too So I'm going to edit some part or some color of this object. I'm going to change some color, like in this leaf color or in the cut wooden like this leaf color and cut wooden color. And then, yeah, let's try. I want to make I think I will to make this one. I I will hide temporally like this. And yeah, I think I will little bit go to up like this. So I want to make a little bit change in the color. So I want to use tone brush tool. So with this, I'm going to make set to a little bit to orange like this. Or like this and reduce the opacity, maybe. 30%, like this. Right? I want to change the vibe. Like this, right? And so I'm going to implement or use the Adjustment Brush tool here. And this one, I'm going to increase the exposure, a little bit exposure in this area because this one first, yeah. Because this area, I want to increase the exposure of this one. This exposure increase a little bit like this. Right increase a little bit. This is before, after and before, after. And this exposure, I'm going to put in this inside cut wooden like this is before, after before, after. After that, I want to change from exposure to HSL, like this and add adjustment. So using HSL sift adjustment, I'm going to set this one maybe to 25 and then yeah, start to draw to increase the the saturation, right? To increase the saturation. Like this. Yeah, I will increase the opacity. Next, 30%? Yeah, to increase the saturation. So this is before after before, after. Nice. So what if I bring back all of them like this iced tea and this leaf This one. Yep, bring it to town. This Yeah, I think it's more vibrance, right. So between this wooden and then this color of iced tea, green is more strong or more saturated, more vibrant, right? So maybe I will go a little bit here. Yep. Yep, like this. And then I also apply some color adjustment in here in this leaf. I will using the same Adjustment brush tool, or dodge brush, maybe Sponge brush tool. What if? Oh, nice. Sponge brush tool. But we can't change the color. It's like too strong, right, too strong. So I'm going to using the other the same adjustment brush tool using HSL brush tool here. Here or increase in the saturation maybe. Increase to 60. Maybe it's too strong, right? But yeah, let's see. After that, I will bring HSL shift to leave too. And then in here, I will reduce a little bit this one and change this color to this one. This is too warm, little bit cold and increase this one. Mm, I think it's too much saturation. Yeah. Oh. Okay, this one, this leaf, right? Before, after. Before, after. And the next, I also edit this one, too. Using the same tool, adjustment brush tool and then draw this one using HSL, like this. And bring the HSL to leaf tree. And then I will make it more cooler like this, and then Yep, reduce the opacity. I reduce the luminosity and increase the saturation. Like this. Mm. Yeah. So we have applied some color adjustment, right, to some object like this. I think it's better than the previous one without adjustment brush tool. Yep. 32. Ehance Color With Adjustment Brush Tool: So to implement the adjustment brush tool, I'm going to use this one. Here, recap in the Adjustment Prestol here. We can first, after we choose this object, we want to adjust and then click here, Adjustment Brush tool, and we have to choose the mode we need from exposure level, weight balance, curve for example, I'm going to use HSL like this to increase this one, to increase hue saturation or just exposure to increase the saturated or to increase the brightness, like this, such a at this one, the exposure to increase this one. Maybe I will increase the size like this and then start rest in this area that we want to boost the brightness like this. So I think it will be easy to us, right? When we understand about this adjustment layer, this one, all of this. And we will learn about it later, all of them one by one. But for now, for the example, I'm going to show you that this is how to use. Maybe I will reduce the opacity to 30 and apply in this part like this. It's not make the damage the original one because this is creating the new layer here and this is before. This is after, this is before. This is after, and this is before. And then we can also choose the other example, I'm going to use HSL here, a hue saturation and luminosity to increase the saturation, right? Increase the saturation just like this, maybe I will adjust the saturation, increase saturation. Right, and maybe increasing this one, the opacity and then start to draw. So it will make the color pop up, and then we can adjust which one the area we need to improve this saturation and maybe reduce. And then in this area, this darker area because this area, I want to let it darker like this. So again, all of them, if you think that our saturation is too much, we can reduce like this. So this is before, this is after. This is before, this is after. It's very easy when we using the adjustment rustle. And this one in the burn brush tool think it's quite the same. It will, you know, boost the shadow. And then this one, a dodge brush tool tool. This is the increasing the highlight, for example, I closed on this, and I start through choosing the layer object and draw like this. But unfortunately, you know, this one, in the dodge brush and then paint brush tool, it will damage the original one. So it not created the new layer, but it's also applying the original layer. So it will make the original layer destructive. Or damage the original layer. So sometimes I think I'm not recommended this one if it will damage this original layer because sometimes we need to back to the original one and still in this one, this layer. But when we draw like this, it will damage the original layer, right? So you have to choose carefully which one the object sucks into doing some adjustment. I think this is a good tools, but there's other alternative to we can choose. But when we look at the result, I think this is awesome. The tool is awesome. And if we reduce this one, 80%, and we increase this one plus increasing price like this, it's more awesome, actually. It will really increasing the saturation, right? And again, we can doing after and before because it's not creating a new layer, but also apply in the original layer. So I'll just bring undo all of them. And then the last is sponge brush tool. This one. Again, this one is increasing the saturation. Right? We can increase saturation from this one HSL. It's the same when we using the pine brush tool and choose the HSL, this one. It's also the same using Sponge tool and choose the HSL. If we feel if we think that this is too much, we can reduce the opacity here. And start draw the area we want, like this. The Sponge brush tool also damage the original one. So from these tools, this Adjustment brush tool and tone brush tool the two of them is not damage the original one. To be safe, I think the two of them is very, very recommended, right? But if you want to use these three of tools, I think it's okay as long as you know the consequences, then the original one will damage. So let's move to the filter brush tool. 33. Filter Brush: Applied Filter Using Brush: Everyone, previously, we have learned about this one, this adjustment brush tool, right? And right now, we'll continue to filter brush tool. So the filter brush tool here is basically is very important one because we will learn filter brush tool, blur brush tool, to smudge brush tool. And I think this is very, very important. And we need to discuss one by one the tools first before we implemented our project. So let's move to the Affinity software. In this one, and this filter brush tool is basically the combination between brush and filter. As you can see here, in the pixel here and then filter, there is a lot of category filter from blue, lot of blue and sharpen, distort noise, detect lighting color, astrophotography, so many things. And then if we talking about one by one, the filters, I think it takes a longer time. And I think for this to understanding this tool, I just maybe give the sum example of filter. But before we, you know, apply some filter, we need to understand about these tools first. So the first is the filter brush tool. To introduce the filter brush tool, I'm going to import this image, the green leaves. You can go to the folder Pixel demo. And then there is a picture about there's a document about green leaves, and you choose drag and drop to here, and then it will open new window. I'm going to make this the isolation. Here means I'm going to remove the white background using flood selection tool, flood selection tool, yeah, and then click the background White background like this. And then I'm going to invert, because this flood selection tool will select this background, not this leaf. So I'm going to invert this one Pixel selection and invert. Here. After that, I just click the mask layer. Now I click CTRL+D to deselect and then after that, I will restraize to become the pixel layer, right? And I'm going to cop in this one, so I will hide. This is for pickup. This is for I will give name leaves. And this is one leaves too. So I'm going to hide the lives and then here. So as introduce for Filter brush here, as you can see here, we'll reset first reset. This one, the first thing we click the filter brass tool, adjust the size, like this and this one, we can choose the filter we want. When I want to make you know, give the gaussian blur for this leaf. So I just using brush and then apply for this leaf. The result will be like this if we apply gaussian blur. And we can adjust this opacity, also flow and hardness to make for example, when I adjust this one to 100, the result will be like this. Right? It's so strong. This is the hardness. This one. Maybe if I reduce the opacity to 50, for example, Yeah, 40 or 50. So it's like it's not strong as before, right? Because the opacity is not 100%. So this is the gaussian blur, I will pack to 100 and I will maybe close to zero or maybe zero, and I will apply here. This is for gaussian blur. What if I choose the different filter for motion blur? The result will be like this. This is motion blur. So this is the difference between gaussian blur and motion blur. Maybe you're wondering what's different between gaussian blur and motion blur. Motion Blur is like as if this leaf is moving, right? And this is just general blur in general. And what if I choose Lens Blur? The result will be like this, Lens Blur similar. Alright, we tried to filter a polure and we move to another reset. Like for example, clarity. When you chose the clarity, the clarity will increase the detail of leaf. As you can see here, right? This is the clarity before, after. This is before, and this is after. So the clarity here means the clarity will boost the headlight and the shadow at the same time to make, you know, like to appear the detail to improve the detail. So this is the clarity. What if I next to change, for example, unsharp mask? This is also increasing the detail, but in a very high level. Here. As you can see here, the detail is very strong. This is as you can see here, it's very, very sharp. Right is very sharp. You know, the difference between clarity and sharp like this. And what if I choose another preset? Like add noise, for example. So here, when the leaf apply at noise, it will, you know, have noise to fill the noise. So it's basically using brush and filter effect. We can also add noise like this, apply like this, right? So this is the way we use the filter. So I just delete all of them. This is just for practice. And then I will bring back this leaf. And now I'm going to make some leaf. I will copy some leaf and I will put to here, right to our project. For example, what I do? And then how to, you know, breakdown one by one. Because this is still a rasterize layer. I'm going to, you know, make it separated each leaf. So to doing that, I will using this one, freehand selection tool. Just using freehand selection tool like this to select repeat this one like this. And then and then after that, I will click Ctrl plus G. It will create the new layer based on the leaf layer in this one. So I will give the leaves one. Next, I will set CTRL+D to this leg and make it a new selection using freehand selection. Then again, select the two leaves one and CTRL+J. Next, we're doing the same to all of this leaf if you want, like this and then CTRL+J Next, CTRL+J. can you leaf two. This one, leaf three. This one, four, five. Six. All right. And we just copy one by one. For example, I will copy in this leaf one and I will put here or maybe just copy all of them. Select all of them, click copy and bring to this page and paste in this arbor like this, right? Just here. Just bring this one. I will put in here, for example, I will put it here. Maybe it's too small will increase. So I will copy for this one. I will copy bring here and just rotate in the opacity. Yeah. So so I will make it thicker sometimes. This one. Yep. All right. So after that, we will apply some effect in this one with filter brush tool. Maybe I will choose this one gaussian blur, this one. leaf four I will use the gaussian blur As too strong. I'm going to add some some filter in this leaf in the fly leaves. So I will choose this one filtered brush tool. And for this one, for example, the the most leave this one. First, we click this one leafs four, right, and click this filtered brush tool. And we use motion blur, for example, like this, right, and then maybe one swipe, two swipe, three swipe. Y. So as if this leaf is moving fast. Okay. And then after this one, after this leaf, I will add some Build the brush tool again in if one here, this one, if one. I'm going to add the motion blur again, just drawing like this. And then I think, Oh, this is a broken, right? You think the broken. But the actual is we can edit the motion blur. to doing that in the leaves one, we click to click in the motion blur, and then we can edit the radius like this, right? We can edit the red ice and choose the direction which one the leaf will flyng in like this, for example. So maybe we also create some correction in here like this. And then it's not only motion blur though. I can also create, for example, this one, this one, I'm going to add this motion blur and gaussian blur. This one, like this. Just drawing like this. And if you think this is too much, you can reduce gaussian blur like this. Right. Yeah, this. So again, this is the filter, filter brush tool. Remember, the filter brush tool is also not damage the original one because we can still preserve the original one because we're creating the tools creating new layer like this. Right? And then after that, I want to apply the filter brush tool in here in order to more understand in the filter brush tool here. So I will also apply in this cutting wooden, like the previous example, right? Like filter brush tool. Or maybe just click cut wooden first, and then click Fill the brush tool and then click. For example, I'm going to use this one clarity, clarity. As you can see here, when I using clarity, right? This is a before. I will make it more detail or improving detail from this one. As you can see here, from the cutting wooden digital absolutely improved and it's not distract the original one. I also create digital in this part also. Right? And this is this is before, this is after. So basically, clarity here means to increase to boost the hightlight and the shadow at the same time. So the result will be like this. So besides, we also know which one the filter we want to use. And then we also have to understand which one the filter we want to use to apply in this subject, right? Because the different subject, different tools, different filter. For example, when I click clarity in the orange, for example, the result will be like this. Right. Right. Yeah, like this. This is before and this is after. This is before and this is third. So it's a very useful base on the subject we want to use. And then you can experiment one by one about this one about this filter brush tool like this, you can try, for example, with a text unsharp mask. Unsharp mask here means it will create a lot of detail like this. So this is very, very high detail, right? So it's very high detail. But we can also reduce the factor or reduce the radius like this. And then like this. So this is before, this is after. This is before, this is after, right? You know the difference is and then this is way we using the filter brush tool. And then the filter of at filter added filter is basically the same when we dit filter like this to dauble click in here, is also the same. And the full range, we also want to choose shadow, midtones and highlight, which one we want to push, like the previous one. So basically the same. So the point from these features is we have to understand which one the filter we want to use for affected the subject. So this is the filter brush tool moved on the blur brush tool before I'm doing that, I will delete them delete this one. Oh it's not just height. So this blur brush tool is basically also the same like this one. For example, for this leaf, I want to make this blur. For example, blur brush tool. I think I want to make this one blur. Which one? I think just click here first and go to the blur brush tool. And then Blur brush tool here means it will create a blur general blur blur in general, just like this. Right, I will create blur in general. So, unfortunately, in the blur brush tool created this new layer or mask layer, so it will damage the original one. In the blur brush tool, let's say, I'm going to use this one on this blur right. for this flower, click this layer flower and then click this blur brush tool. I'll start to make this more blur This one, this leaf and this part two. This part, this area, right? Maybe I will reduce the size to make it easy and mobilize. And then I maybe reduce more. Like this like this, you know, so it's like giving the bokeh effect. And I'm going to make these flowers become focus, right? Is a flowers become focus. And the surrounding of the flower is a blur. And then sometimes combination with filter brush tool right to make it, you know, to make it clarity using clarity. And for this one, I will increase the clarity like this. Right? So as if this is Blur and then the focus is focusing in this area in the center of flower. Right. So this is how we use the lure brush tool easy like these guys, right? And then next we move to the next tools. The next tool is sharpen brush tool here. Sharpen brush tool is basically a clarity as sharp and harsh. So the sharpen brush tool is to sharp the object to sharpen the object. 34. Sharpen and Smudge Brush Tool: So for the explanation for sharpen brush tool, I'm going to make this picture. Just I'm going to import open this one and then open in the new type like this. This is the eagle head. I will copy this one background. This I will name the original. This is I'm going to make Sharpen. sharpen brush tool. Like this, and we will see about this feature, sharpen brush tool. Click sharpen brush tool, and choose clarity. So basically, between clarity and sharp mask and hearts, this is the different features. Clarity, it will boost the shadow and then highlight, so it will improve the detail. Meanwhile, the unsharp mask, it will create the pixelated, you know, to add more pixel to improve the detail. And hearts is also make more title, but in a strong way. So start with clarity here. I've using sharp brush tool here. Just draw like this in the eyes area in this y in this head area. And this one this one can this area like this. So the clarity here means it's more subtle when it comes to the improving detail. So this is before, this is after. As you can see, this is before, and this is after. This is before, this is after. Very subtle, but improving the detail, right? And then next we move to the made name sharpen brush tool and sharp mask. Here unsharp mask, right? And let's try the unsharp mask. We moved on the unsharp mask and start to draw. So the unshared mask is more harsher. Right? When draw times, the effect is more harser. And the detail is absolutely more stronger than the clarity. As you can see here, this is before, after. Before, after. Before and after. It's a very strong unsharp mask, but we can also reduce the opacity from unshared mask within this one, this area when when people draw, like this. And the last this one. Harsh. Just name harsh like this. This is very strong. harsh like this. Just one draw, and then the effect is like this. Whoa. Maybe it's too much, right? We can reduce opacity to 18, for example, or increasing to 30. Yeah, like this. Just one draw, but we can create the effect like this. This is befor, this is after. This is before, this is after. So unsharp mask, I think it will create more pixelated. So the pixelated is more firm, right? So this is the feature of a sharpened brush tool, right, is to make object, maybe the object that has a little bit blue or a little bit fur like this. It will, you know, be able to improve the sharpen by a sharpen brush tool. So sharpened brush tool here means to improve the detail of the object. And for example, in the eagle head, we can create the eagle head is more improve. From the original to this one. This is clarity. This is unsharp mask, and this one is very harsh, right. And then next, we move to the this next tool, median brush tool. So in the median brush tool here means to reduce noise to reduce noise. Or maybe the median brush tool is a similar features or maybe the same features, like when we choose the filter brush tool and move to the noise. So let's learn. I will do all of them, right? I'm still using this one, this original one, and I will duplicate this original. And this is I'm going to name median rust. Before we learn the median brush tool. I'm going to add this one Median brush tool. I'm going to add noise in here. And then I will go tune the Pixel Filter noise here, I will add this one, the layer, Pixel, filter, and noise. Add noise here. Maybe I will add noise here to this picture. Maybe it's just noise like this. Yeah. Add noise like this. Apply, right? So this equal head, this is before and after, before and after, this is at the noise. But in this noise, we are going to remove or reduce this noise with median brush tool, median brush tool, here. Choose this layer that contain noise, and then gradually it will reduce the noise. E. I will reduce this noise and this one. I will reduce this noise. But the consequences of reducing noise, the images lose the clarity, lose the detail, right? So the consequences of removing the noise, it will lose the detail. It's more like painting, right? Painting effect because it will lose the te tile to remove the noise. So the consequences of this feature is like this median rustle to remove this noise, but lose the detail, lose the clarity. The function of median brush tool here. So the last is median brush tool. This feature is actually sometimes is very unique to doing that, I'm going to add here another picture. So I'm going to use this one SkySunset here. Okay. This one, and I also going to Import cloud this one. Just bring to this layer. Here, this is like sky and I will head I'm going to head in the cloud temporarily. And then let's learn about this smudge brush tool. So smudge brush tool basically, it's to to make the color you know, like, more mixed. Next, I will maybe I will increase the size first. Okay, perfect. Oh, the rastras layer refuses because it was not rasters. Alright. We just in the background and then start to draw like this. Maybe I'm gonna reduce this one to 80. It's like this. Yeah. You can see the differences like this. So it more mix each other like this. This one, too. Right. Yeah. It looks cool. And then this one, this cloud is the same. I can on this one, so and this cloud, maybe I will reduce this one. Let's experiment guys because different object, different setting, right? Just like this to make it cloud, right? That's so cool. I think this is cool. I think this is cool. Yeah. Yeah. Yeah. Yeah. On this one. Yeah, something like this. Increasing the size, maybe. Like this. Yep. Experiment. Yeah. The more we experiment, the more we can learn different object with different brush, different setting. Oh. Yep. Yep, perfect. Nice. So with this tool, we can convert the vector, the vector look like to become like this become mess like this. This is the filter of smug press tool. So case we have learned all of this tool for filter brush tool, right? This filter is very useful when we combine with brush and filter. 35. Clone Brush Tool: Uniqe Way to Cloning Object: Hello, everyone. So in the previous session, we have learned filter filter brush tool, right? We have learned Filter brush tool combination from the brush and then the filter. We are going to learn Clone brush tool, the Clone brush tool and undo brush tool. So Clone brush tool and Undo brush tool is a unique features in Affinity, and maybe and I think it will interesting if we learn. So let's move to the practice. To learn the Clone brush tool I will use this one and this picture. This picture, you can open from this one, this one, open and then I can drop in here to open new type like this. So the clone brush tool here means is to clone the certain object from the sample, right? The brush here means is to clone a certain object or part of object that take from the sample. So this I will make it maybe give name sc-fi. Just like this. In this case, I will duplicate this person, this astronaut. I will duplicate or make it clone and then stand maybe in here or in here using this one, Clone brush tool. And later we'll also apply to fix this acne, right? This is also be able to fix this acne. But before we doing that, I'm going to do this one to duplicate this object. This person. To doing that, I'm going to using this one, tone brush tool. But before I apply tone brush tool, I'm going to make the pixel layer, new pixel layer here. And this pixel layer, I will bring this one to choose a current layer and below. So it here means that the object that we draw or we brush in the pixel, take the sample from this one to be able to draw in this layer. So so we just pixel layer, we create we have just create and then just clone brush tool. And for this setting, I will set to 100 and this one to zero. Yep. This one, okay, rest of it just like this. And I'm going to increase the size like this. And I will reduce the size. Maybe this one. I'm going to take a sample for this helm like this. Hold ALT and click this sample. And then I will bring to maybe to here to here like this. Just draw like this. draw by gradually. draw with carefully, right? Just draw like this. Just draw like this. Maybe the brush is too big. We can reduce the brush, smaller, smaller but under 100 yeah, awesome. But gradually we draw. And if you pay attention closely, this one, this is two. This one, this one, as you can see here, plus sign, black plus sign, it will also indicated that if I want to draw this part, this sign also pointing the same position and the same part, right? So you just sometimes if you like, you can as an navigate know, like this plus sign as an navigate I think this one just like this, right? Maybe it's too we have to really, really, really careful. So in here, we draw to here like this, and the rest of it, we have to set it with carefully, just like this, really, really carefuly Maybe I think I need to make it smaller, right? Make it smaller. Again, this one, like this. Maybe I will, you know, using this help, like this. Really, really careful because this is very Oh, if some part, I think to here like this. And also this here like this. Oops. Nice. Yeah. Yeah. Maybe, you know, it's like this person is standing in here and you know, some area is also cross the line. It's like this. Like if this tone is in here, but some shadow wet shadow is a content shadow in here. This one So I think to remove this residue, white residue, right to remove this white residue, I'm going to use this one brush tool, right? This pixel, I'm going to mask mask layer and utilize brush tool, set it to and then set the opacity to 100. Yeah, just one. Just reduce this brush and pay carefully. This one. Just remove. Just remove reduce the press until you make it smaller. Just remove what. Here, remove the manual. Maybe in this part. And here, more or less like this. Right to duplicate this person using Clone brush tool, right? And the next, we also fix this one with Clone brush tool to doing that. I a simple way. I just copy this background. This one I'm going to give name original and this one clone brush tool. To remove this acne is a simple way. You just click here. Maybe I will increase this brush. Again, increase the brush, more just ALT take a sample, and gradually just remove Again ALT take sample like this, just remove from top to cover this one, from bottom to cover this one. And So this is before, this is after. This is before, this is after. This people, this after. To make it more precisely, I'm going to use this one. I will reduce to 80, and I will take this one I'm gonna take this sample this skin color, through this to make it camuflase before and after. This one, before and after. Before and after. We also doing the same previous step. Next, in a clone brush tool layer, we take a sample. I will take a sample like this, just click here and close. Here, sample in the besides or close the most closest to the object we want to remove. And we remove gradually and carefully. Sometimes it's not natural, so we take a sample from the close skin like this. So this before and after, before and after. Next, this one, hold ALT take sample B here. Click here. Before after before, after. Before and after next, this one, we just remove this one. This one, remove this one. Again, sometimes we have to careful to take the sample to place this one like this. Remember, before and after before and after for this one, yeah. Take a sample from this and close sample for this area and put in this area. Opacity reduce Opacity. To make it here, to make this one. Here. to camouflage So next for the left, still some acne still unremove. We remove or too small brass, right. We remove close to the location object location, right? Oh, it's not suitable, right. Close to the object. We want to remove this one. This one. Like this. So before and after, before and after. I will increase the size to make it a little bit bigger or it's too much. To give the fill off pattern like this one, because the skin Yeah. All right. This is before and after, before and after. So this is the way we remove the acne using brush tool. So the result also depends on our skill to using clone brush tool. Sometimes it's look good. Sometimes if we're not satisfied, yeah, we have to repeat the process. So next, we will also learn about the undo brush tool. This is unique features that we have to learn slightly interesting features. So move to the undo brush tool. In the undo brush tool, I'm going to use this image. You can open this one. This one. 36. Undo Brush Tool and How to Implemented it: So this one, the undo brush tool here means we can using several layer to become a sample of our brush to make it more easy to understand. Let's practice. I'm going to copy this one duplicate. For this background I'm going to use the original one original this maybe snapshot one. So using this filter, we have to using this window, which one? General snapshot. We have to activate snapshot here, the snapshot. First, in this layer snapshot, I'm going to add the effect maybe from HSL, this one. I will reduce I've already saturation like this. Right. For example just like these? Mm. I will put in the inset of snapshot. So in the HSL, just apply in the snapshot layer. And then after that, I will click this one. Add Snapshot. So in this snapshot layer, I'll click Add snapshot and I'm going to bring enter Name for snapshot. I'm going to name give name, for example, HSL. HSL. Okay, so here, this is the snapshot. The first snapshot is like the capture, the capture screen suit, but from this one from this layer because this layer snapshot also apply adjustment. So here. Then next instill in the layer snapshot, I'm going to add additional filter, you know, I'm going to add motion blur for example, like this. And I will add a motion bore like this. Right. Next, I will create another snapshot here, and I will give name Motion blur. So we have two snapshot HSL, and Motion blur. The rest of it, which is just hide And we're using the original one, using this one, undo brush tool here. We click the HSL first, click this one, click activate. This is to activate this one HSL first and start to draw like this, right? So we'll draw for the snapshot from the sample that we have created previously. So I think I will reduce this one. This one, hardness, maybe to 20. Yeah. Like this. So in this eyeglass effect, it's like saturated desaturated, right? Because we previously reduced the saturated level. So it's like desaturated like this. So it's different color, different color in this class, because we have desaturate it previously. And then after that, we moved on the motion blur, this one. And this motion blur, maybe I'm going to reduce this one because when we want a percent it's too strong, right? Too strong, like this or it's not. So I reduce 50%. I like this. Like this. Or if the 50% is not strong enough, yeah, we reduce. We will increase the percentage like this. It's too much. 69. Yep. Here, right? So this is the final result. So when I compare to this, oh, yeah, yeah. Maybe I will impart the So this one, I will import letter from this original, this original and original. This is the original and this original. So this is like this is from snapshot layer we use, and we have edited this layer, and this is still for this original one. So just unhide. This is before, and this is after. This is before, and this is after. So basically in this one, the undo brush tool is combine several snapshot as a example, right? As a brush sample. This one for HSL, the first time when we reduce the saturate it to desaturate it and add a motion blur to the shadow the building shadow to the building, you know, mirror, right? So this is the feature of Undo brush tool. You can apply in different terms like different mirror or different something. But the principle is like this. We're using the snapshot. Take a capture several snapshot as a sample brush. So this is the function of undo brush tool. Next, we will move to the painting brush tool, healing brush tool, brush tool, blemish and red eye removal. See you in the next session. 37. Inpainting and Healing Brush Tool: Hello, everyone. So in the previous session, we have learned about clone brush tool and undo brush tool. So in the next session, we're going to learn about Inpainting brush tool healing brush tool, patch, tool, blemish and red eye. So basically, all of these tools is to remove unwanted object or to remove certain part of our object or our image. So to explain more, I'm going to start with this one. Inpainting brush tool. This is very important. I think one of the easiest when we want to remove this object in this affinity. So in the painting, for example, like this. So before I edit this picture, I'm going to duplicate this layer, background. So this is um I'm going to change to original this one. Uh, so this one, this one in painting brush. So I'm going to remove these people, these persons. I just click painting brush. The configuration is like this more or less, yep. And I think will increase the size. We painting to cover all of this area of this person, both of them. So it's like the magic eraser in some apps smartphone apps, right? So make sure that our paints brush tool, what do you call it inpaint brush. I will cover all of this area like this and after that, release the mouse. And then in painting brush tool, will analyze, and then just please wait and it will co this you know, this person. Maybe some residue. Here, here. And the result is absolutely I think it's good, right? It's good. Sometimes it's good, right? And this is the way we remove this person unwanted object from this to this before, after before, after before, after. Maybe some area like this, it will Make it, before, after. Before, after. Before, after. It's very clean, very effective to remove the unwanted project object. Next, we move to this one. It's also the same. We're using the painting inpaint brush tool. We duplicate first in the background. So all of this file I also upload into this pixel demo folder. So just just drag and drop and open open to this new type. And then after that, we just draw here in this little child maybe if this object want to remove, it's also possible like this. Just wait and remove. Maybe this water is like unusual. Just roll like this. I think it's cool. I think it's cool, maybe some residual here, and then like this. Yeah, I think it's cool. It's easy to remove unwanted object with this one, also this one too. Just in the beach. It's a very easy, very effective inpainting brush tool to remove the object. Move to the. If you're curious about this method, I think this is unwanted object, right? As you can see here, yes, maybe I will told first and this one with inpainting brushtool, I will remove this object. It's like, why this person is here? And then because the bokeh effect and then it looks like unnatural, right? Sometimes maybe some people they think they think that, Oh, this is what is this? So it's very easy. It's very easy. We move for this one. Inpainting, remove this part. Just like this. Yeah. It's very clean, very smart to remove. Maybe in this. Very easy. Very easy. Yeah. This is the Inpainting. And how about the healing brush tool? So inpainting actually also be able to remove this one. So I'm gonna saw you. Inpainting also be able to remove this acne because which is using this inpainting and by gradualy, which is draw in this one and then automatically remove. Yeah, just like this. It's a very convenient, very easy. Maybe this is we can reduce a little bit or reduce this one. This hardness, like this. Right? It's easy, right? Inpainting, brush tool, we remove Maybe it's too to Yeah, like this. And then we draw like this. Yeah, it will be awesome if we just to maybe it's not to 100, but it's around 75, for example, let's do some experiment. Oh it's too sharp. Oh, this one, this one, this one set to 100, put the opacity. Yeah. What if I just block like this? I think the result is not good. Yeah, right? It's too overwhelming to remove. I think I need to reduce the brush tool because, yeah, it's just to remove small part. Like this. Here, Yep, even though not perfect, but it's like better than the previous. This is after before, after before. Yeah. I think it's better, right? After before. After before. All right. And what about this one? Mm. I think Inpainting also. I think it's be able to remove this acne, but again, it's not removed totally, and then we need to careful. Let's copy this one duplicate like this. So in this layer top player, I want to apply this Inpainting brush tool. What would happen if this use case? Mmm. It's too much, right? So we can reduce the size this one and then increase this one. So let's do it. Gradually. Yeah, it's not ppthoh. Yeah, of course. This is very very hard to remove. But I think we can make it or reduce this acne with inpainting brush. It's not totally removed, but, yeah, I think it's better, right? It's just like this. This is before, this after before, this is after. So that's the way to remove the acne, to remove unwanted object, to remove all of them. When it comes to remove the object, inpainting brush tool is absolutely one of the best features in the Affinity Pixel because it's very clean, very easy to use, and almost, you know, reliable. So next we will try Healing brush tool. So on the healing brush tool, I want to remove this one. Oh, so I want to Inpainting. This is the result when using inpainting brush tool. So what if we using this one? This one, Healing brush tool. So the healing brush tool let's say let's I will name Healing. So that's using healing tool. First, we need to take the sample like this and by gradually remove. Maybe we're using the bigger the bigger brush We take the sample, we took the sample, and then we move like this. We we take the sample from around this skin around this skin like this. So in order to get the natural the natural contour or the natural skin, like this, right? And then again, we take the sample from the most closest part, and then we move a little bit to cover the acne. So like this, right? And then take the sample that close to target like this. Again, bun this one. Burn this one. On this one. Maybe it's too much. I will reduce the brush. No, no, no, no, no, no, no. Which one? Can? This one? Yep. This one. This one. Yeah. I think it's better, right? Better than paint to better than in painting. I think some reason. Yeah. This is better. Better result. As long as we patient to find the right sample, click ALT to take the sample, this one, and move a little bit. Okay. So I think the advantage of Healing brush tool is the contour or, you know, like the contour of face or the texture of the face still preserved. So Healing brush tool is preserved in the texture face. So it's not like, like, you know, like for example, when we look at this one, this is in painting brush tool as you can see here, this is like it's too obvious that this is, you know, like editing. It's very obvious, you know. But when using healing brush tool, it's a very clean. It's a more cleaner than inpainting brush tool. Yeah, Healing brush tool or removing the acne I think more better than inpainting brush tool, right? This one, the result of healing brush tool in here too. Maybe I will name inpainting brush tool. And I, you know, like hide. I will copy in the background the original one, and I will give the name healing brush tool. Let's see. Let's remove this acne or it's not totally removed, but at least try. We will try. So Healing brush tool using this one, Healing brush tool is to big. Yeah. Taking the sample, the close to the target. But absolutely, it takes a lot of time. But, yeah, it's worth to try, though. It's worth to try. So Healing brush tool here means to take the closest sample from this target and cover the target with the sample. Yeah. This like this? Oh, for this one, right? I think I'm going to make this one. Make sample on this one. Make sample on this one. It's basically like, you know, this one, clone brush tool but I think it's more it's more suitable for healing some part or healing specific part or little bit detail like this. We take the sample from the closest one and cover here So, yeah, healing brush tool is suitable. It's very suitable for removing the acne. This is before, after before, after before, after. Very, very clean. I think it's very clean. It's not totally removed, right? But it's worth to try. Yeah. So the texture face still preserved. While the acne, I think it is way way better than than the original one. So again, to remove the acne, healing brush tool is better. Next, I want to also try this one. This originaI will copy, and I'm going to use patch tool. 38. Patch and Blemish Removal: Patch tool. Using Patch tool. To use this one patch tool, we draw the selection. So basically, we create the selection and then carefully, we move a little bit or move this cursor and then find the right sample of maybe in the sample we can take around here around the target. Like this, after that, yeah, this is the result. we draw the selection and move like this. Again, we draw the selection, find the right sample and like this. I think it's not good for this use case. because this selection is not smooth and we can't set the, you know, the hardness. We can't set the hardness. Like, it's very obvious in our eyes. When we zoom in, it's very obvious. Oh. I think it's good, too. It's good, too. So what if I texture only? What if I collect texture only? Oh, so texture only here means the acne is preserved, but the surrounding of acne is a change. So it's not suitable. What if transparent? Let's try. Oh. Nice. Oh, I think this is the cool feature. Oh, that's so cool. Yeah. This one, transparent here means the selection will preserve the skin texture, but we change this sample like this. So it's not totally remove the acne, but reduce to reduce to reduce the color, right, to reduce this color. But this is not actually solving the problem. Yeah, we just using as a default like this and then remove manually like this. It's like not a good not a good solution for removing acne. But yeah, I think for the alternative, it's good to try, worth to try. Between Inpainting brash tool blemish brush tool and this one. Page like this. For this one, this is the bigger. So find the right sample, is too big. Yeah, let's compare. This is when this is the original one. This is when we're using patch stool. This is when using healing brush tool. This is when using Inpainting brush tool. So I think the winner is healing brush tool, because healing brush tool is easy to use, actually. It's very easy to use. But in painting brush tool, I think it's hard to manage when it comes to removing the acne. But the healing pastol is the winner. Yeah, absolutely the winner. And then patch tool, yeah, it's worth to try. The past tool can preserve the texture, right? But it's not removing all of them because we hard to find the right sample because, yeah, it's based on the selection, Based on the patch tool. Next, we still have this one Blemish Removal Tool. Blemish Removal tool. I copy this one, a background I will give name Blemish Removal Tool. Well, let's find out how it works. We just click and Track. There is no other option available to adjust this for us. Let's find out. Oh, this is cool, cool feature. Yeah. So I think the feature this one patch tool between patch tool and Blemish Removal tool is a similar. When patch tool, we have to create selection first and we move, right? When blemish tool the selection just in the circle, and we cannot change anything here except the size. So let's see how about this performance to remove unwanted object like this. Oh, it's very hard to remove this part. But let's try. Let's try. Okay, let's compare. Let's make comparison between all of this tool. This is the original. This is Blemish Removal. This is patch tool. This is healing. This is in painting. Which one better? Inpainting? No, a healing past? Still I think still better. patch tool, better, looks better, looks good, but it's not the better one. This one? I think it's also quite awesome to remove. So the number, the winners still healing brush tool when it comes to remove the acne and then second, I think, is blemish removal tool. So we have learned about this one Inpainting brush tool, healing brush tool, patch tool, Blemish red. And then next, let's talk about the red eye removal. So in the red eye removal, here means usually, so when we take a photo in the midnight using flashlight, flash camera, sometimes it will cause our eyes is red. So the result, the eye because like the reflection of lighting, the reflection of flash. So it makes our eye is red, and then sometimes it's also annoying. Sometimes also some people also call it red cat. So for example like this, you can open on the folder, pixel demo here, man with red eye, just like this. This is because flash camera, sometimes like this. And to remove that, which is using this one, red eye removal tool. And this one. This one like this. So it's more natural. Simple as that. There is no other option, other features, just click here and then click here and click here. Here, here. Again, again, until the eyes looks normal. This is we can remove red eye because sometimes due to the flashlight on the camera will make the red eye. Our eye is a red. This. So we have learned about this one inventing, healing, patch, blemish, red eye. Next, we'll learn about pentool. Yes, pentool in the Vector Mode, we have learned. I think it's quite the same pentool and node tool. So pen tool and not be able to use in the Vector Mode. And next we will learn about this one artistic text tool. And then from our little project, next, we will put the text here, text here, and text here. So still a lot of space we need to put in the text. 39. Text Tool and Finishing the Project: Hello, everyone. In the last session, we have learned about this Inpainting brush tool. We have learned about all of this inventing, healing patch, blemis, red eye. And then we also practice these toes into to remove acne, to remove unwanted object, and so on. So in this time, we will continue to work in this design. Because this one after Inpainting brush tool actually is a Pentool, but we have learned Pentool in a vector mode. We have learned about that. And also in rectangle tone, this is shape tool is also learned in the vector mode. So basically, paint tool that develop in Affinity in a pixel mode. And then shape tool in a pixel mode is also the same as pen tool and shape tool in a Vector Mode. Also, this one, artistic text tool frame text tool is the same precisely. And then, but because this season is not complete, so I want to add some text in here and in here, so I will use this one artistic text tool and frame text tool complete this design. So let's continue and finish our design, this design. So because this is not complete with text, so I'm going to put text in here and in here. So let's do it. I just want to put the short text. I'm going to use this one artistic text tool here. It's like exactly precise, like in the vector mode, which is typing here. For example, I type fresh, and then I took all get this one, press, bring to the bottom here, and we iced tea. IT, for example, like this. And then this one here, you can see this place to change the font this place to change the style font style. And this is to change the size and reduce the size, increase the size. This bold italic and so on. And we can explore these tools like in the factor mode. And then so for this case, I'm going to use this font. Which one? Which most the best of like this, I'm going to use this one. This one? Okay, I'm going to use this one. I think it's a little bit cool. The font is Gak Tahu So I think I know the language, the name Gak Tahu. This one, yeah. So if you don't have this one, don't worry. I will include this one in the file, the file project. So you just install the phone and then you can be able to use this phone, the type phone. And then I will increase the size of this writing, of course. fresh tea, like this. More or less, I will maybe a bit like this. I'm going to put here here, for example, fresh iced tea. And then this is for change the color, but solid color here, one color, which is the gradient. Click like this. This is white and this is black. So we change the white color to green color. Like this. And in the black color, we change to maybe a little bit to yellow, like this. Just for example. So, you know, you can experiment with yourself which color you want. But in this project, I'm going to use this one cream. Fresh iced tea. But because the color is not strong, right? Sometimes it's like overlapping the color, so I want to add this one a Layer Effect. This layer effect. Remember, this layer effect we also learn in the Vector Mode. The Layer Effect, we can add some effect here from bevel outline 3d shadow in the glow to the gaussian blur. So I'm going to put the outline here and then change the color to white here, and then slide the radius Oh yeah. Like this, I'm going to set to 13. I also put the outer glow, maybe. So let's some experiment. Just little bit like this. Intensity fresh Yeah. We moved on this writing. We changed the color using the gradient. And then this one, I'm going to copy this one from this green. I'm going to copy this color code, and then back to here and then in here in a white color. I put this color code and click Enter like this and for this one, also the same, click here, copy this one, copy color code for this yellow color, here, copy, and back this text, put in the back, and then change the color code like this. Like this. So maybe I'm going to a little bit draw like this. Yeah. fresh ice tea. So the rest of it, just click add this Layer Effect at the outline here. Remember, we put 13 pixel like this and then change the color like this and inner glow or other outer glow. Yeah. Outer glow. radius like his. Um, and putting this ratice to 20 25, 21, 20 25. Before, after, like this. fresh ice tea. So it's more cool, right? This one like this. Yeah. Rice T. And then next, I'm going to also use this one, this space to put writing to put text using Artistic text tool again. And I'm going to put text like special rice. Like this, and I changed the font to poppin roboto maybe change to black temporally. And then I'm going to use poppins like this and use a bold bold one, right? And then change the color to green. Then using this one, Layer Effect, put the Outline, change to white, and then click radius special price. Add red use special price like this. Yep. Special. So I bring this leaf to this item body, and this one special price. So I'm going to use this sample color like this one. This one, I'm going to put color picker. This one. Yeah. So if we want to take the color sample, we click in here first text and using this one, Color picker then for sample, I choose this color, this and I choose this color, this one. So I'm going to use this one special price, right? And I copy CTRL+G for example, and then here or I clip this hold ALT, this one, and draw so and automatically, it will create the copy of this text. So I'm going to put special price and then write only only because this special price. So I'm going to put this one. How much for the glass of icedTe. Mm $1? Yeah. $1 is actually very expensive, though for icTe. Yeah, because we live in Asia country. Yeah. And then for ice Tea, $1 is very expensive, though. So so maybe if you live in Europe or in America, icTea for $1 is cheap, but we in Asia countries in Asian countries, yeah, $1 is expensive for ice tea. again. And I'm going to use this one, the rectangle Tool, the rectangle tool. So I'm going to create rectangle here and change the color. Maybe I'm going to use this one to representing this one orange, like this. And I'm going to make this little bit corner in the edge a little bit, you know, rounded. So we use this corner and click rounded like this. So next, just give the text here, visit now. Because this letter has a background. The background is orange. So when we put this green color, it's not really suitable one. So we choose to move we changed to white, right? So maybe I think it's more little bit strong orange like this. All right. So special price, only $1 visit now. So I think for this one, I'm going to choose this style, maybe extra bold, extra bold. Or plaque. Oh, it's too much. Extra bold is absolutely awesome, actually. Yeah, I think I'm going to make a little bit smaller on this one. Special price like this. Visit now is also smaller to anyone. 21 and make it more smaller like this. Special price, only $1 visit now. Yeah. I think I just make some adjustment. Example, I put in here and put in here, put in here. What is this? What is this? What is this? Oh, this is the background. Oh, yeah. The prod. So I just using this one Inpainting presto? Yeah, to remove this one. Oh, go visa. So I unactivate it first using if I can using the painting brush tool, just using patch tool Yeah. Okay. It's fine. So I will activate it this layer. Okay. After we review this text, I think this object is too big, object, the class ID is too big. Maybe I will a little bit make it a little bit smaller here. So because there's a space in here, right? So we choose this one. I'm going to choose I'm going to add the logo, this logo, right? Just drag and drop here. Yeah. So I have created the logo previously, so we're not getting the logo from scratch, right, because I have created the logo and just drag and throp here. So the logo here means is like the log of a place, maybe from restaurant cafe or maybe some we often found in the maybe some small small star, maybe some small store, food stand, something like that. Food stand, and also they provide the drink like this. freestea like, yeah, from fresh iced tea. All right. I think this one, the special price, I'm going to add a little bit the outter glow. This one, the outter glow. Yeah, glow like this. This one, too, outter glow Just using radius 100%. Oh, it's too much. The opposite, no, no, no line, noodline. Wait, quick, quick. This one, outter glow Yep. And this one outer glow If you reduce the to 50, just 50. And this one also 50. This one outter glow 50. And Yeah. After this one, we have learned Vector Mode and we have learned the pixel mode, right. After this one, we move to the three principle of designing in Affinity. So after this, we will learn a lot about three things the adjustment and filter and also blending mode. So the adjustment here, the color adjustment precisely, we want to learn one by one. From level, white balance, HSL, almost all of them. After that, we move to the blending mode. So we'll learn about this blending mode because this is very important to know about normal, what about normal and how we can move with the different blending mode, how they works, and then the theory behind it from multiply screen overlay, we often use that, but what kind of theory behind that we will learn one by one. And then next, we will also learn a lot about the filter because this is a lot of filter that available in Affinity. So we'll learn one by one to make it, you know, to make our foundation is strong. I think from this project in the Vector Mode project and this one project, we just using this tool. Not deep dive about this filter. We mostly in the vector project and then this pixel project, which is using while we learn about this tool, we implementing into the design. And I think we just limited to using filter, which is using several filter, several adjustment color. But in the next step, while we learning one by one, this adjustment layer and then blending mode and then filter, we also apply what we learn into the design into the the image or the picture. So my goal is, you'll be able to know about the fundamental of Affinity software and that the Affinity software is providing the tools, right, providing the feature, like in vector and Pixel Mode, and also they provide the rich features like Filter, this one, and also adjustment, and also blending mode. So it's worth to continue our learning journey and then yeah, see you in the next session when we learn one by one about the adjustment, filter, and blending mode. So see you in the next session. 40. Level: Modify the Tone and Color Composition: Hello, everyone. I'm glad to see you again. In the previous session, we have learned about the Vector Mode and Pixel Mode, and we have also learned all of the tool that available in Affinity between in the Vector Mode and also Pixel Mode. Right now, we will deep dive about the adjustment layer. Like I mentioned in the introduction, that we will build the strong foundation in Affinity software. And then one of the most important thing that we need to learn is the color adjustment, filter and painting mode. So because we have learned a lot of the tos and then we have more familiar about the icon, the tools, the user interface. And then we also practice tools one by one. And then right now, we move to the Adjustment layer. And this session, we will learn one by one, and we'll cover all of these adjustment layer so you will understand the function of adjustment layer, each adjustment layer, also how to implement it in the design. So let's start it and we move to the Affinity software. So I'm going to create the new document, right? And this one, I'm going to use this 3000 by 2000 pixel, but I'm going to reduce this DPI to 72 because later we will working with a lot of effects, sometimes also using filter, and then the more higher DPI is also giving the burden to the system. If our PC system has the low specification or maybe it's not high end specification, the more DPI will burden in our system like they will using more resource RAM and more resource processor. So I think DPI 72 is a perfect for our practice, especially when working on the Pixel Mode. So I use I set the 72 DPI and don't forget to click Artboard here, and then I will save to my preset here. I'm going to type the name is Demo 72 DPI. Like this. And I click Okay, and I click this one demo 72 DPI and click Create document here. So we'll create this document. So the adjustment layer that we want to learn. So when we look at this part the adjustment layer that we want to learn, there is a white balance and there is a level where balance adjust color until normal to the normal. Don't worry, we will cover one by one. We will learn together one by one, so you will understand the function of this adjustment layer and how to implement it into design. And first, we will talk about the level. So the image that I'm going to impart in the adjustment layer here, this image, you can open the adjustment layer here and then find this image. This image, drag and drop here, and then you scale down. Just scale down. Like this. And then the resolution, the aspect ratio of the image also suitable with the resolution we create. And then before I apply this adjustment layer, this one, right? I'm going to copy this artboard. You can click this Airport and hold ALT and just track the artboard one into the new airport here. So I delete the image. So we have created the two artboard, this one, rpod one, and I'm going to rename artboard two I pod one for this photograph, and then this one for plane space. We also have the plane space of artboard two and I'm going to import this one. This one. This is the color palette from white to black. This is white, and this is 10% of black. This is around 20 to 25, and this is 50% of black, and this is 100% black. I'm going to apply the achievement layer using level. This one I click here and click Level here. So this level is affected in this maybe I will rename color Color pallet. Alright, so let's we click this here, Level Adjustment. Here, I'm going to explain. So in this window, there is a black level, white level, gamma output black level, white level. And we can also choose this one from Master red green, blue and Alpha, and this is the RGB. This is a color mode, and this is opacity, and this is blending mode. So the point is of the level is the black level and wet level. We're working with this and then gamm and then the output white level is opposite within the black level. So I'm going to demonstrate. If we slide this one, if we slide to the right gradually, it will increase the black level, right? So here, this is the black level, and this black level, this slide will affect it in this part will increase in the black level. Right? And then if we slide more to the left, we'll also affect it in this part, right? The more we slide to left, the more the black level will influence the color. Even in the white color we convert into the black level. So the black level here means to make the darker area more darker, more darker until comfort to the black, right? This is the black level. When we slide on the left, and on the right, it will increase in the black color until convert to the dark. Right. So what about the white level? The white level is also opposite from the black level. When we slide this white level to the left, it will increasing the white level. Pay attention in this color. When I slide to the left, gradually, it will increasing the color to white or to make more brighter until the color change to white color here. I set when I slide to left, we automatically so the white level basically is to make the color, more brighter, like this, right? And how about the gamma? The gamma, we're working with around the midtones. So the gamma, when we slide increase in the gamma, we increasing the dark color. So it will add more darker in every color in every color like this. Cam. When we reduce the cama, it will make more brighter than the color here. Like this. So what about this output black level? The out black level basically the opposite from the black level and similar to the white level. And the output wet level is opposite from white level and similar to the black level. I'm going to show on the output black level, when I slide on the left, more brighter and brighter. But the peter is kind of different than the black level. The output black level here means is to influence how much the black level will affected in this one because it's not influenced one by one, but the whole image, it will black level. I will reduce the black level until it converts to the plaque. Well, this white level it will make it darker and darker, the whole color. The color until it becomes black here. And then this opacity is also, yeah, to how much strong the adjustment level, we can use the opacity. Bending mode, we can change the bending mode to many things here. So basically it's like this. And sometimes we also be able to edit the individual of color. For example, when I click the master, when I click the red, for example, so the black level here means it will to reduce the red. And because the red is reduced, so the color only left the blue and the yellow. The result is the color will convert to more green, red, to more green because the red we will, you know, reduce the red. But when we increase in red, this one is to increase in the red. The affected is it will post the red saturation, for example, right to increase the saturation. And when we 0%, the t is also gone when we black level into 100 black level into 100%. So the 100%, it's also the same with 0%, right? Same. Okay. We can also click the green. When we green, red is the green, the result is purple because combination of blue and red is a purple like this. When we increase in the green, so yeah, the green will appear strong. So this is how we can edit individually color in levels. So let's implement it to the image. We're working with this image. We click level adjustment here and then try to increase the black level here means to add the black level. So this area that previously has black level, black color, right or darken area will more darker. Like this and left some area that previously is brighter, like the headlight, this area and headlights area. On this phase two, it will left. And then automatically, it will convert all of them to black and white, we also here with light is more brighter and brighter, especially when photo has a headlight like this one, headlight, it will influence more stronger like this. So the black left layer means to make more darker. And white level to make more brigher. Well, gamma working with tones here. And then maybe I will yeah, increasing the white level here and black level. And the gamma, to convert more brighter, right? So this is before after before, after. Before, after we working with level adjustment, right? So this is how we can change the color with level adjustment. Or maybe, I'm going to change the individual color. Maybe I will make the green more greener. Yeah, we can doing like this. We can change more greener. So the green will affect it, and this area will affect it. It's like to give a little bit more greener like this. So this is before, after. Before, after. Levels here means basically to make brighter or darker this image. Here's the level adjustment. We move to the next adjustment layer, white balance. 41. HSL: Applied the Hue, Saturation, and Luminosity: Hello, everyone. So let's move to the next Adjustment layer, HSL Adjustment layer, Hue saturation and luminosity here. So before we discussing this more further, I have created the new document 3000 by 2000 and then 72 DPI, like the preset we have created previously. And then for the demonstration, I'm going to import this picture. This one, strawberry picture. Just like small like this. I think I think I'm going to using the crop tool I borrow in the Vector Mode, borrow this feature crop tool. I will crop here, more or less like this, more or less like this, and I will copy CTRL+J this one. Scale up to this one. At text here, this is the original or original. I think I reduced the text just for identifying that this is the original and this is the HSL effect. In the HSL effect, we will add this one HSL and then bring the HSL instead of this. Maybe I will rename stroke the one very. This one. And this is and I will apply this one, HSL, and bring to the inside like this. So we have all we have two HSL, which is deleted one, one of them. Okay. So we have added the HSL adjustment here. This is the window of HSL. As you can see in this window, this is the hue shift saturation shift and luminosity shift. The hue shift is like basically to change the color, the whole color. When I slide to the left like this, so the whole color will change based on the color we choose like this. When we slide on this one, it will change to color we choose like this. Sometimes it's not literally precise in the color, because when we slide on this one, on this blue, but the background change to, you know, change to cream. And then this strawberry change to purple. And then it's not like really precise like what we want and it's not, you know, following this color. And then in the saturation shift, this one, when we slide to the right, it will boost the saturation like this. Right? You can see the difference is we increasing the saturation. And then this one, it's close to white and black and white color, desaturation. Again, it will strong. I will bost the saturation. When we increase the saturation, this is more red, and then the green is also the colors pop up. And then the luminosity, it will also increasing the saturation, more subtle, like this. This is the luminosity working in the mid tones. When we slide on the left, more darker, and then the left more bright. It will also if we combination between the saturation and luminosity. Like this. Like this. We can increase the saturation like this is more blue, this is more red, and this is more green. What if we change the color? For example, I want to change the color for this red. I just click this red. I'm going to make it more warmer warmer to yellow. Just click the red color. This is when we choose when we want to change the individual color, we choose the red, for example, and then start to slide this one. So just a little bit yellow, yellow, more yellow. This is why this one is just how we change the individual color. This is for purple, blue. And then here, this is red in the. When we set to zero, back to red. You can also change the blue, the background, right. I'm going to change the background to a little bit blue sea, blue sea here. As you can see the differences. Yeah. This is HSL. To change the color, we can change the color as a whole color, right, with hue sift or with individual color. Maybe I'm going to make this green more saturate saturate it. Like this. As you can see here, the green is more greener in here. So this is how we can change the color with HSL adjustment. So if you want to change the color using HSL mood, you can change the whole color or the individual color like this. And you can also increase the saturation to make the color more pop up to make color more stronger and luminosity, here, this is make more darker or make more red in luminosity. So this is the principle of HSL color. And then let's save to HSL. HSL demo. Here. So we have learned black and white, white balance. So we have learned about the level white balance, HSL. Next, we will learn about the recolor. 42. Recolor: Change to Targeted Color: So I'm going to create new document, again, using demo 72 DPI, create document, and we will learn about the recolor here. From the recolor, I'm going to use this picture. This one. This one. All right. I'm gonna apply recolor for this image from this picture and just click Recolor like this. And automatically, it will change to red. But we can change the color based what we want. This is also the change the whole color. We can't change the color individually here. So I think this is like Hue, Hue, HSL, hue saturation, and luminosity. But when in the hue level, we can change the individual color, but this is the change in the whole color. But even though this seems like, Oh, this is really hard to use. But no, I'm going to show you how to use this adjustment layer. This one in the hue, we can choose the color we want. When we set yellow to yellow, set green to green, blue to blue, pink to pink and red to red. So it's different with the HSL adjustment because the HSL adjustment, right? We when we set the HSL adjustment here, it's hard to us to change the color because when we set to, you know, some area change, some area also change. It's like change hard to control, right? Even though we can control, actually, but little bit hard to control. But in this one, I'm going to tilt this one, recolor. And I activate it recolor here. So hue. For example, I'm going to set this more blue, for example, right? And the saturation, the close saturation to 0% is like the close to white and black, right? Sat saturation, a thing like this. And the lightness with close to 100 is close to, you know, to white. Is more brighter when the lights when lightness set to minus, it will also more darker. I reset all of this one or this one. So this is the original one, right? This is the original one. And I'm going to set this one is more cooler. So I'm going to set this one. I will activate. I'm going to set to maybe a little bit of blue like this and I'm going to change the blending mode, the blending mode to multiply or to overlay, like this. For example, when we choose the multiply here, and we reduce this one. When we reduce this one, it's close to the original one. But it's not multiply, though. We can also apply, for example, darken and we will also try the other blend mode. But for this one, I'm going to multiply first. And in this one, in this opacity, I'm going to set to 50, and then maybe I will increase in the lightness a little bit. So when we set to the multiply, the lightness, when we set 100% is close to the original one, right? When we set to 0%, is more darker. This is the original. This is the -100% darker. So I would think I will reduce a little bit to 30%, for example, or maybe more 45 50 Right. And the opacity to 50. And then this is before, this is after. This is before, this is after. And then we can just also change to maybe to blue to purple to red or to make it more warmer like this. So it will change the whole five using the multiply blending mode. This is before, this after. If we want to make Oh, I want to make more brrter just like this. But it's close to the original one. This is the original one, like this. And what if we change to other blending mode? For example, I want to set this is to zero first. And besides multiply, we can also change to, you know, darken. I'm going to choose the darken. So in the darken when we set this the saturation to 100% is given the blue blue five. When we set saturation to zero, it will close to the original one. For example, when we set the opacity, when we set on the opacity to zero, it's closed and then sadness saturation to zero, this is the original one. And by gradually, we set the opacity for 100 for example like this and then sat saturation. To blue like this. This is when we move to darken and then opacity, maybe I will bring to 50 like this. This is also possible. We can change the lightness. This is when we set to 100, that's close to the original one, let the multiply, and then set to here. Here, the overlay blending mode, the opacity, I will change to 100, right? And the saturation. Like this Lightness. Like this. So to change the color, maybe I will set to 50% like this, overlay and the saturation is also maybe 50% or 100 likeness like this and just change the color like this. Maybe I will set more. When you say opacity to the original one, to 0 to original one, but when we set to maybe 25%, yeah, like this. This is before, this is after. We can set more like this to purple and then reduce this opacity maybe 15. Yeah. This is before, this after this before, this after. So the recolor basically is to change the vibe of color to adjust the color in the whole colors not individual color. And to make this working, so we can choose the color we want with hue, set the saturation, set in the lightness and then using this blending mode. Sometimes we multiply, if multiply, darken or overlay. And you can still experiment with with other blending mode. But in a different setting, different different configuration. But again, this is how we use the recolor. Using hue, saturation, lightness, and blending mode. Let's save this first. I'm going to serve with. So I'm going to serve with recolor demo m. And then next, we will learn about black and white. So see you in the next session. 43. Black and White Brightnest and Contrast: Okay, everyone. Next, we move to the next Adjustment layer. We will discuss about the black and white and brightness contrast. Next, I'm going to create this one, new document here. And then I also still using this picture. So basically just we can using this picture too, which is delete the color adjustment, but I'm going to, create new Document. So I'm going to create new Document and then also sometimes we can we still review back to the recolour or back to the HSL, so will be save We'll using this, you know, new document. Okay. This is new document. And then let's discuss about black and white. So this is the black and white. Basically, the black and white is to convert the picture into black and white mode or desaturate it or black and white. Like we take a picture with a black and white effect. This is before, this is after black and white. Sometimes we want to some area of the color appear more stronger than the other color. Sometimes, Oh, I want to make this mountain. This mountain is more darker in the black and white mode. This is the most darker is in the wooden in the forest spot, right? In the forest spot, is the most the most darker. Meanwhile, the mountain is more later convert on the forest with black and white, we can also change black and white level. I want to make this water is more darker. Water is more darker. Meanwhile, in this area is brighter. So we can edit all of them with individual color. For example, I'm going to make the mountain first. The mountain is working on this one with blue, blue color. When we send the blue color like this, you know, the mountain is more firm, right, right? Because we also move the blue this light Ayy contain a blue color is also more stronger, right? This is before This is more stronger blue because the mountain also contains blue color blue colour from the shadow of the sky, for example. Yeah, this contains blue color or we want to change this water. It's more darker because the water contains a green color. So in the green color, we move to this part like this. It's in the water areas more darker. The black and white. I'm going to group this one like this. Black and white, edit it. Like and white. I edit it. And I'm going to open this layer original. I'm going to change the name to original this and in this black and original, I'm going to reset the setting like this. So I will make comparison between this one is edited, and this one is original, and this one is edited. You know, the difference is, this is the same mode to black and white, but this is original, the sky is not firm the mountain is also more lighter, is not strong enough compared to the forest. And this water is also not strong enough too. But when we edit it here. So the black and white here means we can set the individual color that appear in a black white mode. Maybe, Oh, I'm going to make the forest more brighter. So we can work in with the green. Oh, this one, this one yellow. So the yellow will make the forest more brighter, like this. Maybe I will back do this one. This. So this is how we can setting the black and white. Before, after before, after. This is how the black and white works in Affinity. Next, we'll move to the brightness and contrast. On the brightness and contrast, I think, before we move to the brightness and contrast, I'm going to save this document, and I'm going to make name Black and white demo. This. Next, I'm going to create the new document, create new document, and using still using the same picture. So to using this one, brightness and contrast is simply to slide right and left right and left. Brightness contrast is pretty simple. The brightness increase the brightness more brighter. The contrast here means to increase from the contrast is combination from the shadow, headlight and saturation. The more number higher, the more color will pop up, the more high, you know, like a shadow will darker and then headlight will lighter contrast. birghtness well brightness is just make this darker or lighter. The contrast is more to increase the shadow, headlight and saturation at the same time. When the contrast bring to the negative, it will more dull. The color will dimm and some, you know, like white spot, something like that, or vignet more thick net. So the color is not strong, the shadow is shallow, and then this highlight is also dim more dimer, just simply like that. For example, I will set like this. This is before, this after before, this after. You can set the opacity here like this the other adjustment layer and blending mode here. Just simply like that. Just simply like that. Brightness and contrast. Set, this'll give them the brightness and contrast demo Like this. Next, we will move to the posterize. So see you in the next session when we're talking about posterize. 44. Posterize: Flat Color or Tone in Images: Hello, everyone. So let's continue to the next Adjustment layer. The adjustment layer that we want to discuss is posterize. So to make a demo of posterize, I will create a new document here, create new document. And I'm going to use this Photo this this one. I'm going to utilize this photo. Because this photo is potrait right. So I'm going to resize the artboard 2000 by 3,000 from landscape to potrait like this. And then the photo will be suitable with the aspect ratio. Let's apply the Posterize. We click this Adjustment layer, click the Posterize. So Posterize here means it will divide or simplify this picture into several color from the headlight to the shadow from the lighter to the most darker. So it will make some, you know, like this. And then here in Posterize in the posterize level, there is a number. The number represent how much color that we need to represent all of this color. So for example, if this four color, this consist of one, two, three, four. Even though we also have this one, this is also contain four color, one, two, three, four. So in the certain area, it will divide into four colors, more or less is like this. When we increase the posterize level to six, it's more varied color from like this one, two, three, four, five, six in the certain area. The more number we add the more color we'll create, the more color we create. Like this. This is the posterize level. So this posterize level also really useful when we try to create, for example, try to create a vector mode, and then we can draw for example, we can draw pentool like this and then start to throw the ice, start to draw this phase like this. So the posterize also useful for help to trace the image, to trace the image when we want to convert to the vector. For example, I can say, so what if I this one, I will make this one merger. I will merge select it here, this one. And this layer, I want to trace with an image trace like this. So so it will make our tracing image tress is more. It will create the firm area. O, this is the one color. This is the same color. So the posts will help for, you know, like a vector for image trace to identify the color. O for this color has same color and then this one using this color and then When you click Apply like this, yeah this is Vector Mode. We can change the color. We can also change like this. This is the function of posterize. So I will undo. Meanwhile, Posterize is also meanwhile, we can also combine the posters adjustment with for example, I want to make this gradient map. Meanwhile, the gradient is still letter, you know, but yeah, for early introduction, I will use gradient map. So the gradient map here means after the posterize, after we create posterize or combination with posterize, the Gradient Map will divide color from green, blue and green, red, green, and blue. And we can change the color. For example, the green, maybe we can change this one to black, and then this one, green, maybe we can change to a little bit, like this and then blue, we can change too like this. So this is like this. So this is representing of the shadow because, you know, like, representing of the dark area, this one representing to the mid, like this. And this one representing to the light, the brightest or headlight. Like this. So we can also using combination with posterize and gradient map to create this picture. This is the posterize, and then this is the combination posterize and gradient map. So this is one of the way we using the posterize and the combination of posterize with other color adjustment. Mostly when we're working with dressing, for example, we can trace with pentool like this. We can easy to create the shape based on this posterize, right? We can easy to create the shape using pent with this posterize like this. For example, when we want to create the vector face vector face art, for example, like this, a it was it was more easy to us to create the edges like this from the face, which color, which dressing, which line we should draw. And then the posterize will help to draw this shape with pentool. To turn the face, to turn the eyes, to draw the edges with posterize, it will easy to help. To create the vector phase. So we move to the next adjustment layer, fibrins. But before we do that, let's save this one and give the name Posterize demo like this. So we have learned about level, white balance, HSL recolor, black and white, redness Posterize. And right now, we move to the vibrant. So see you in Vibrance and adjustment layer. 45. Vibrance: Modify the Intensity of Subtle Colors: Hello, everyone. I'm glad to see you again. So in the preivous lesson, we have learned about this adjustment layer Posterize, right? And in this session, we'll continue to our practice to the next Adjustment layer. The adjustment layer that we want to learn is Vibrance. And to implement it and to demonstrate the vibrance, I'm going to use the example for this picture. So you go to the Adjustment layer, Adjustment folder, Adjustment layer folder, and then I'm going to use this photo, this one. This one. This is the orange photo like this. Maybe I'm going to borrow the feature of crop too. Yeah. And I'm going to crop this orange, for example, like this. And I'm going to copy this one or hold ALT to make the duplicate So because the vibrance adjustment here contain of vibrance and saturation. So I'm going to explain what the fibrins is, what the saturation is more deeply with the differentiate this picture. And I'm going to make type the label. I'm going to make this original. vibrance So, and then for this layer, I'm going to change to the original based on the type on the label. This is vibrance, Vibrance and this one saturation. Sa duration. So let's deep dive up this vibrance adjustment. I'm going to apply this adjustment in this vibrance layer. Click this one, click Vibrance, this one, and bring the vibrance inside of the vibrance layer, vibrance label here. And then from this saturation, also apply the adjustment layer vibrance and bring the vibrance to this saturation. Here. So we have at the vibrance adjustment in the saturation and in the vibrance layer. And then we will see upon the difference between all of them. So we will start with the vibrance. This one, click this one. So the vibrance here means it will post saturation but more subtle because the Vibrance is working with the midtones, so it will post the saturation, but it's not as strong as the saturation. For example, if you want to increase the saturation, you can slide the vibrance to the right like this. You see, this is very subtle. The slide to the right to post saturation or to left to reduce the saturation. Even when the vibrance close -100, it's not white and black. This is different with desaturated, right? This is different with dissaturate it because it's not completely white and black, but it's like more dull. And then if we boost to 100%, the saturation, the color more pop up compared to the original one. Yeah, after, this is before, this after, right? So what about the saturation? This one. So I moved to the saturation layer here. And then in the vibrance adjustment, I click, it's kind of different with saturation. Saturation will boost the saturation more stronger, way stronger as you can see like this. The difference of vibrance saturation, saturation is more harsh and more strong, right? So sometimes in some areas like oversaturated, right? It's not natural anymore. It's like, it's too odd from the color, right? So maybe saturation is really useful if if you want to push the saturation with brines but it's not strong enough, you can use the saturation because saturation offer more stronger in saturation to push the color, right? And then at the same time, the saturation is also bring the desaturate this slider to the left. I will completely black and white. To minutes 100, it completely black and white. As you can see here, this is the original. This is the vibrance, Vibrance is more subtle, and saturation is like offer more stronger saturate. This is the function of Vibrance. Meanwhile, we can also change the blending mode to multiply color lighter screen, so many things. So for this case, I think we can just, you know, setting up in this slider to get the result that we want. This is the vibrance, right? Is it the original, the vibrance and saturation. And let's save this one to Vibrance vibrance Tim right. Next, we will move. The next color adjustment is exposure. 46. Exposure: Correct Overexposure and Underexposure: Okay, let's move to the next adjustment layer. The next adjustment layer layer we want to talk about is the exposure here. This is the exposure. So to doing that, I'm going to apply. I'm going to take the example using this picture. Which one? All right, I'm going to use this picture. Maybe it's a little bit. I'm going to change this artboard, right? To 2000 by 3,000. Like this. Okay, like this. So I just delete this one. Yeah. Just full full layer. So I'm going to talk about the exposure. So the exposure here means basically to increase in the brightness. Increase the image. So I will move this exposure layer. When I slide to this point to left, it will more brighter. This is more darker. This is more brighter, this is more darker. But actually, this exposure is kind of different with the brightness and contrast, Shadow, midtones and headlight. So this is like, increasing the shadow midtones and headlight increasing at the same time. But when we reduce, this one is also reducing at the same time. So this is different to this one. When I apply to brightness and contrast, for example, the brightness I will uncheck this exposure adjustment first. When increasing the brightness, brightness is more subtle, right. Compared to the exposure, brightness is more subtle. So it's not really increasing the contrast because the condos also has the different setting here. So the brightness, it will make brighter more subtle, compared to the exposure. Exposure is more harsher. And which is a sliding little bit, but the effect is so strong. Maybe I will set the one, for example, but the result, you know, some area of over exposure. So areas also over exposure. To explain more further, I'm going to use this one. I'm going to activate this window. Which one? Pixel. Histogram. So I'm going to use histogram. Scope. Yeah. So I'm going to explain this histogram and scope to explain the brightness, different brightness and contrast. When I increasing the brightness, right? When increasing the brightness. So the brightness, this one, this is area for the brightness. This is a representation of the brightness is too strong. You know, this is area for representing the brightness, this area representing the shadow and this area representing the midtones. And here, in the graphic, the brightness it's, you know, like, up to ceiling, right? And then this is like oversaturated, absolutely oversaturated. But the actual is when we look at the color, I'm going to use this one, this one. Pixel. Info. Here. So I'm going to explain. When we set the info like this, this one is not totally white. When this area is using the white, it will be 255, 255 and 255. But it's not. This red has 247, 242, and the blue, 231. So this is not totally white. Even though this is oversaturated, right? Even though this is oversaturated, maybe I will set more further, right? Even though it's look like oversaturated, but it's not totally white because the brightness is more subtle. But when we look at this exposure, this one, the exposure, right? When we set this one, just 1.1, just one. Maybe it's not 2.5 to 2.5, but when I increasing, just a little bit increasing here, this is totally white. This is totally wet. And then as you can see here, the blue is more the blue and the green and red absolutely. This is like offers to red it and literally this areas become white, right? So this is the difference between exposure adjustment and using brightness and contrast. And it's also happen when we are using the brightness, this one, I will back no, this exposure. This one, when I reduce this one, as you can see here, when we using the exposure to the dark, maybe minus two. And then this area, the headlight is there is no graphic in the headlight, even though in the midtones not. But, you know, in the shadow the graphic is like some area of shatos too much darker, too much darker, right? Too much darker. Like this scope is also representation this is more darker and the shado is domination in this picture here. So this is the exposure adjustment. But let's see in the brightness and contrast in the brightness contrast when we increasing the brightness here, it's more subtle, right? It's more subtle. There is still left red in this area, and then the tone is also still strong and the sato is still strong. So the color is more spread in the brightness and exposure. In this highlight area still there, in the mine is also still strong, and then the shadow is also, you know, like, domination. This is the brightness more subtle, compared to the exposure, this one, because, you know, this is more harsher. This one, the shadow is domination. When we move on this one, this offer saturated is more domination. So maybe if you just want to ramp up the shadow brightness and sometime using the exposure, but if you want to make, you know, the picture is more brighter, but it's not distraction in the color, you maybe bring the brightness and contrast is more prefer. I think I just maybe 0.5 is enough like this. This is before after before, after, maybe 0.7. Here. This is before, this after. This before, this after. So maybe if we not, we just bring to here, maybe, for example, this is histogram bring here, scope, just bring here. But if we're not using this one, just click a Just delete, close the panel, and we can add to the general, this one or Pixel, this one. Okay. I hope you will understand the difference between brightness contrast with exposure. Next, we will learn about the threshold. So see you in the next session. 47. Threshold: Create Two-Tone, Black and White: So let's move to the next adjustment layer. Before we move to the next Adjustment layer, let's say, and then this name, I'm gonna give name exposure demo For this one for threshold, I'm going to create new document here. I'm going to import. So I'm going to import this image, and I'm going to this image. I'm going to import this image to explain the threshold. So I will add this one, the threshold here. So this is the original right when I activate the threshold like this. But when I slide to the left, the threshold will convert the highlight into black. So when we slide to the close to 100, the threshold will make the highlight gone. So it will convert totally to black. But when we move this threshold to the left, it will convert of color become a headlight, find where the most darker area. And then this is the before, this is the darker area. So the threshold will, you know, like, preserve or maybe eliminate in a headlight and then preserved in the darker area. But this is opposite when the threshold, I moved 100%, I slide to the 100% like this. So when I slide the threshold close to 100, so you can see here this is the area the most lighter because this is close to white. So the dresshold preserve the light the most lighter area. To implement that, I'm going copy in this artboard, just hold the ALT like this. Just remove. I'm going to transform the dimension 2000 by 3,000. And I'm going to import this image. This one. This picture. And I'm going to show you how to use the threshold. This one. And I'm going to copy. I think I will copy again to plic at the artboard. I delete the photo and I will impart another picture. I'm going to use this one, for example. All right. So let's experiment with this photo with this picture. So next we will apply the threshold with this picture like this. This is the midtones area. When I select this point to right, it will increasing, you know, like the black area and it will preserve and then show you show us which area, which is the most brighter area, right? W the most brighter area. This will identify the headlight, right? So if we close to here, so this is the area that the most brighter right? So this area, the most the most brighter. With threshold, we can identify which area the most brighter like this and close to the midtones. So the mid tones here means in this area. Close to the hijab area, and then close to the hijab, this area hijab and then close to this area. So I think in this area, this area is a midtones, and then which area the most darker. Yeah, this area and the most targar area is in here, here, in the bottom like this here. This is a the most, you know, darker. With the tsult we can identify upon that. So maybe I will set to like this. So it's like silhouette sometimes. With this threshold, we will identify which area and the most brighter and which area and the most letter, and then which area that contain the mid tones in here because the 50% is represent the mid tones. So we move to the second photo. This is also in the same. Just applying the threshold here and automatically, we can identify the most peter area is in here. Here. Yeah, it's in here, the most bright area. You know, this is the height light from the sun sunlight. Well, we can also identify which one the most darker area darker area is here in a part of hair. So you can see here in a part of hair. This is the most darker area from this picture. So the threshold will identify upon. Like this. This is how we can use the threshold to identify. But actually threshold is a similar propose. We can combination with, for example, threshold with the overlay or multiply or darken or lighten, like this. And then we can reduce the opacity, for example, for some purpose, right, or maybe two different This is how we use threshold. And then actually, the threshold is also be able to combination with other adjustment layer. So to do that, we will implement it threshold, combination threshold and Curves. So see you in a curve discussion when we're using threshold and Curves at the same time. So the next, we will discuss about Curves. 48. Curves: Modify Color by Tweaking the Master Curve: Okay? Yes. And next we move to the next adjustment layer. Like this one. The Adjustment layer, I'm going to import this picture. This one? Yep. Oh, I think we often use this picture, right? Yeah. It's not it's fine. It's not problem. So let's deep dive about the curve. This one. This is curve. Actually, we have learned these curves, you know, in a previous In a pixel mode, we often use these curves, right? But yeah, we will dive more in this matter in this discussion. So on the curves. So how we use these Curves, Editing these Curves. With given the node like this, maybe I will use this, this one, or maybe like this or like this, for example, in a simple way, this is before. This is after based on the curves, we will draw in this using this node, we can draw we can slide up, go to the tone, bring the up, bring to the down like this. But as a theory, this area is for highlight. This area is for highlight, and it will boost the highlight more brighter. As you can see here, this is some highlight, like in the cloud, in this mountain, some area have strong highlight and it will more strong when we increasing the highlight like this. You can see here, the highlight is brighter and brighter. This is for highlight. And this is for shadow. When we slide on the left, the shadow more darker and darker, right? The shadow like in this forest in this leaf. And this one, this area is for midtones. This is to increase the midtones. So the midtones here means it will make the the color is more brighter all of them or more darker all of them. It's not only the highlight, but also the shadow like this, the midtones. So besides we can move to the highlight and the shadow and the midtones, we can also draw the, you know, the note like this, for example. Maybe like this, we can improve or increase the shadow and increase the head light like this. And then this is before, this is after this is before, and this is after. And then besides, we can also adjust this highlight shadow in the midtones. We can also adjust individually. If I want to make this red, for example, this red is a more I think I'm going to make a little bit blue bluish. So this t, if I slide to here, is more reddish or maybe the d is strong to convert to the other color. But when I make a red is you know, like reduce the light. To the shadow. So when I bring the this here, it will totally delete the right color from this picture. So the result will be like this. And this is normal, so maybe I will reduce the red and maybe reduce the green, for example, and the result will a little bit blue or bluish. So the blue will terminate in this picture. Besides, we can also add in the shadow tons and the highlight, we can also change the individual color, great grand blue color like this. So like a reset. So I think, yeah, I'm going to make this picture more blue. Reduce the red, reduce the green like this. So it's like more I think it's more natural. In my perspective, this is more natural, right. Besides, we can edit individual. We can also edit the master. The master here means we will create this, you know, this all color with Curves note like this. It's like Curves. So this is after these people this is after. So with the course adjustment layer, we can also making correction in the picture because sometimes the picture maybe is not really correct in the color profile because the color profile, the result from the camera or from the application is different from the reality. Sometimes when we take a photograph, you know, like using the color profile in the camera sometimes or in the device. So the result, the camera and then in reality is kind of is a different. So that's why we can edit the correction, the correction between a shadow midtones and highlight. We can also using Curves to do that. To doing that, I'm going to copy this artboard. I'm going to use the different picture. I'm going to use the different picture. This artboard, I want to make this 2000 3,000 to import this picture because I'm going to import this picture. This one in Adjustment Layer, I'm going to import this one. Which one? Okay. I'm going to import the photo of tower. In paris, right. So I'm going to import this one and we'll set this one. Here, I'm going to use this picture and I'm going to make the correction using the Curves. So to doing that, let's try. This is really worth to try. This is really worth to try. This one, I'm going to make the color palette from the shadow midtones and highlight. I'm going to create these three rectangle like this. So I'm going to make this as a shadow. Oh, no, highlight. This is I'm going to make as a highlight and then this is mid tones. And this one Shadow. Let's find out which the most darker and which the most brighter using threshold. So I apply the threshold here and bring the threshold inside of Eiffel Tower. So maybe I will eiffel tower. Like this. So with this result, we can identify which one the most darker area and which one the most brighter area. The most brighter area here, the most brighter area. This one, this is the most brighter area. This one, this is the most brighter area and this one, the most darker area. So let's identify. The most darker, I'm going to start with the most brighter area. The most brighter area is here, here, right? So I'm going to identify. I'm going to make this border, this one and change to, you know, like. This area is more writer area. Just for sin, identify to identify the threshold. So we know that this is which one? Which one is one. This one is the most writer area. So this and this white, I'm going to use one. Which one? Maybe I will increase the Yep. This one. This is the most brighter area. And then I'm going to take this one as a sample with We set this fill. Don't forget to fill this one and then click Color Picker, and then this one. This one, this is the most brighter color sample. Next, I'm going to find the most darker area, this one, the shadow, the darker area. The darker area here this is the darker area is in here. We move to the here and the most darker area. For example, right? So in the darker area in here, so we choose the color picker here, this is the behind of car, right? This is the darker area here. And then the Shadow let's find the Shadow The midtones I'm sorry, the midtones. Which one when we draw in the middle is the change, the change. The most changes when we set the midtones very harder, right? So let's zoom zoom in. Which area the As you can see here, as you patterns in here, when I move to here, it's a change, right, close to the midtones like this. So I'm going to set this one to here. So, for example, this one. So, it will change. Right. So let's find out the colors here. This is the midtones. So just click here. This is midtones. So we have creating the color palette from this picture sample. Is the most highlight. This is the Highlight. This is tones, and this is a shadow sample. So let's find out how we use this color to the Curves adjustment. So to doing that, I'm going to add this one, Adjustment Curves, this one. This curve adjustment, I'll bring to the top of the So the curve adjustment, I will bring to the top layer here, right? And then let's make this picture correction with Adjustment layer with this one. Doing that, I'm going to make this window, this pixel and info here. So in this info, we'll identify the RGB, the color code from this sample. And then with Curves, we will adjust this color correction. First, I'm going to set this one. This is not literally white because this when we chos target. So take sample on this one, click this sample from location. Take from sample on this one, this white. And this is not literally white because the white should be 255, 255. But this is 248, 252, and 241. It's not 155. So we click the curve adjustment and set this one from the white to 255. To do that, we move to the individual color. We start with red. This is red, is 248, right? For this sample is 248. We move to the left. To make the red is 255, like this, 255. And we move to the green. The green is 252. We make it to 255, 255. 255 like this. And then we moved to the blue. The blue is also 241. We increase to 255 like this, right? So next, we move to the black. So in the plaque, because the black is a representation of the shadow, the shadow should be zero. Zero, green zero, and blue zero. You doing that, let's using this blue first. Blue should This is 13, it should be zero. So we're reducing the blue to zero. Like this, right? And move on the green. The cream is ten, should be zero. We reduce the green to zero, like this. And then red is five. We moved to the red and then slide the curve to make it zero or zero. Yeah, zero. Right. And then last we move to the midtones these midtones. The midtones should be 128, like in the green because the half of 155 is 128 because midtones is, you know, like midtones is between highlightand shadow. So in the middle highlight of shadow it metons. So the 255 divide two become 128. So like in the green, it should be 128, but it's not red and blue, is not 128, so we have to adjust. We moved to the red from this one, we moved to the red 128, 128, like this. And then next, we move to the blue. The blue should be 128 to. 128, we increase 128. 128, which one? Which one? Yeah. So this is the curve adjustment we have created. Because when we take the sample, this one is literally white because 255 to 255, 255 between red, green, and blue. And this one is also literally black because 000. And this one is 128, 128. So with the Curves adjustment, correct color from this picture. So I'm going to copy in this Eiffel tower. I'm going to copy in this, and one of them I will bring to the top. So this is before, this is after. This is before, this is after. This is original, and this is after Curves adjustment. Maybe I will hit this color palette to make it clear. This is original, right? And this is Curves will influence the Eiffel tower in here. And this is the original this is when we apply correction, color correction using the Curves adjustment. Here. This is original. This is we make the correction. So this picture, I think this picture, this course adjustment, I think is close to the real condition because sometimes this is the original one. I think maybe some color is not really correct. But this one I think maybe it's close to the real condition, like this. This is how we can, you know, make the correction color using curve adjustment. Again, for the conclusion, the curve adjustment here means we can edit the Curves individual color from red green and blue, and then we can adjust with Curves. We can can create. We can also make a curve adjustment with this curve node, and then this area is for highlight, this area for shadow, and this area for midtones. So that's the Curves works. So I close this panel. Let's save, and we give name Curves. Like this. Next, we will learn about the channel mixer. See you in the session when we're talking about the Channel Mixer. 49. Channel Mixer: Adjust the Color of Individual Channels: We have learned the Curves. I think Curves is one of the harder part to explain, right? But it's because I think when we're working with the color adjustment, we often using the Curves. Next, we will move to the next adjustment layer. This is the channel mixer. The channel mixer here. Channel Mixer. So to do that, I'm going to create this one rectangle in here, for example. And I'm going to using this one info, again, this one. So this channel, I will move to this rectangle. I will set to here. This is 154. So I want to set to 100 or 100. And maybe maybe I can change this to slider and this one RGB set to 100. This one, 102, and this also 100. Oh, here, here is the 100 201 hundred. So let's move. We apply the gradient Channel Mixer here. When we apply channel mixer in this rectangle, right? For this rectangle. Oh, I'm going to put the channel mixer into the inside of this rectangle. We can change the individual color. I think this is the simplify of Curves. Channel Mixer is like the simplifier of Curves. When the red is 100%, for example, like this, if I increase if I, you know, decrease this, right? So the color result is permanent blue and yellow, and then the result will be a little bit green contained green because red is a reduce. And when you pay attention, this one, when we reduce to, for example, to 50, and when I reduce to 0%, this red is zero because I have set this one to 100 and 100 hundred. So each percentage represent each number of color. All right. Each percentage is a representation reducing or increase the color. I increased to 2000. So it's also 2000. So it will range between -200 plus 200. It's not co 255, but just only 200. -200 plus 200, like this. So I will bring back to 100. And also in the green, when I increase when we move to the green, for example, the green is 100%, right? And I reduce the green, the result, the dominance is red and blue and resulting this one. The purple, right? And maybe reducing the blue, the result will be green because the red and green is dominant. Is the channel mixer is like this. So I'm going to implement this Channel Mixer with a picture, right? So I copy in the artboard here. Like this, and I'm gonna delete this one, and I'm going to import this picture. This picture. This one. So if you pay attention closely, right? If you pay attention closely this picture is so contain green colour to everybody, like in here, here, here, here, contain cream to everywhere. What if we apply this one? The uh Channel Mixer, like this. Channel Mixer. So in the Channel Mixer, so to remove the green or to reduce the green, right, especially in the green because the sky basically is a blue, red. The sky is basically in the color is a blue. So e a blue. I'm going to increase the blue color because sky content is a blue. And because the green is too much here, I'm going to reduce the green. But when I reduce the green, the red is also pear, that is, right? So I'm going to want to red and reduce the red. So in the blue is dominant. Okay. I'm going to set to one another. And in the blue. And because this is still contain alot of green, we can reduce the green. But the consequences is when we reduce the green, the yellow will appear, especially this one. This one. So I think it's more natural, right? So the result will be like this. This is before, and this is after. This before, this is after. This is before, this is after. So the green is not changed much, right? It's not changed much, but the sky will change a lot. For example, if let's I reset. If I want to change this green color, I'm going to choose the green because the green contain a lot change, right? The green color. So it will produce it will result in more green than before. This is before, this after the sky that's previously in the original one, right? In the original one, the sky is a little bit contained on a blue it's changed to green, like more green. So the first step, we need to change. We need to decide which color you want to change or you want to boost. For example, when you change the blue, when you change the blue for the sky, let's choose a blue and boost the blue color. And this is actually, I think, simplify of Curves for some reason, but it's not like Curves. It will more easy to use than Curves when it comes to change the color. Because remember, Curves working with the shadow, headlight and midtones, but this one, Channel Mixer, is like to change the color, but using the individual individual color, like red, green, and blue to change the color, something like that. Sometimes we also change the printing model like this, like multiply. We can reduce the multiply this one, and this is after this before. And this is before this after. Multiple opacity. And then you can also don't forget to change the opacity here maybe to 100 to make the effect is more stronger. Again, first step if you want to change this Mixer channel, click I'm going to reset first to review. If you want to change the color using mix layer, please decide which one color you use. Maybe if you want to change the sky because the sky contains a blue color, choose the blue color here, choose the blue color and start to increasing the blue percentage like this. And then maybe you can reduce the increase little bit to this screen, little bit increase. And then this one. So okay. More less like this, right? This is before, this is after. Yeah, I think it's more natural, right? It's more natural for some reason. Don't forget you can also adjust this opacity like this. All right. So this is the way we using the mixer Channel Mixer. Next we will move to the next adjustment color is gradient map. This is very interesting. The gradient map, we will combination with threshold. So what looks like the gradient map, combination with threshold. See you in the next session. Untitled. Let's save I'm gonna give the name Channel Mixer. Mx So hello, everyone. Let's move to the next adjustment layer. We talk about the criterion map. So this is one of the unique unique adjustment layer. So before we doing that, let's save this document first, right? And I'm going to create new document like refuse, create document. So as a Timo I'm going to use Right. And then let's move to change the dimension. Uh 50. Gradient Map: Change the Tone Color by Gradient We Make: So, hello, everyone. Let's move to the next adjustment layer, we talk about the criterion map. So this is one of the unique unique adjustment layer. So before we doing that, let's save this document first, right? And I'm going to create new document like refuse, create document. So as a demo I'm going to use Right. And then let's move to change the dimension. So I'm going to import this image to here. Again, I must change 2000 by 3,000 here. Next, so I'm going to show you how to gradient maps works. We choose the gradient map here. So when the beginning when we click the gradient map, the gradient map will automatically give us this red, green, and blue color. This is the basic to identify hat midtones and headlight. This is the red is representation of shadow and the green is representation of midtones and then blue representation of headlight. This nut doesn't mean the red is more darker and the green or the blue, but this is just like to identify. Oh, this is the red color is a shadow. Green color is midtones and then blue color is a white light. Okay? We can change this color like what we want. And we change to this one. For example, over soft light, the result will be like this. And we reduce the opacity, result will be like this. That's like after before before, after. Before, after. The result will be like this. If we just using RGB, the default like this opacity, this is not convenient. Is not lasting on the eye because we need to change this color gradient map. We move to the normal. So let's change this color. So for this case, I'm going to change this one for example, I'm going to change the blue for the shadow. The shadow I'm going to change to blue. And actually, we can delete first. We can do it first. So basically, to make it more easy, this shadow, I'm going to choose a blue. And this headlight, I'm going to choose maybe the yellow like this. So this is like make more easy to us. And if the color like this, the shadow is blue, and the headlight is yellow. So automatically in the midtones, is like the transition of blue to yellow, right? And then if we change to multiply, for example, like this and reduce the opacity to 50. So this is before, this is after. This before, this is after. So the gradient here means we can control the shadow and the headlight at the same time. And then we can also set for example, I'm going to use maybe like this and this one is more stronger like this, like this. So this is normal, right? And, if we change blending mode to normal, we'll be like this. This is before, after. Before, after. We can reduce to 25, for example, and before, after. And for example, if we change the shadow to more darker like this, if this is too much, we can reduce like this. We can also set Okay. You can also change the demo multiply maybe it'll be like this or lighten. Yeah, this is before, after before, after. We can strengthen these two 50%, right? So you can change to multiply and reduce opacity or lighten or overlay. This one overlay so strong. So strong effect. Maybe 25% if we change to a form. So you can change the blending mode to normal. darken is also apply darken. A soft light like this. Just reduce the opacity like this, and this is before before, after. Okay. So the nuance color is depend on our here because for example, this leaf. So the color here, we cannot change the individual color. The color we want that we can change is a the color that contain headlight, shadow and midtones. For example, what if I change the highlight to green like this? And this area and the highlight will more greener, like this. And this shadow maybe I'm going to change to yellow. Like this. And this, I'm going to change to maybe to blue, like this. This is before, after. Before, after, like this guys. So this is the way we use gradient map and the normal. If we use the normal, maybe we reduce to close to 25% or maybe 10%. This is before, after. Maybe just a little bit change right, we increased to 50%. Before, after we change to multiply to get more stronger effect or to overlay. The blending mode we use is one of them is a multiply, overlay lighten or maybe so many things, actually. But let's using the overlay like this. And this is before after before after, like this to here and I'm going to, you know, change the document dimension because the picture we want to import this one is this one. I'm going to import this one. This is also the same. Like previously, let's we add this one gradient maps Gradient map. Remember, this is a representation of shadow. Maybe I'm going to choose because this shadow is a content of green. So maybe I'm going to make this using the close to green like this, for example, the shadow, close to orange. Just close to orange like this or wrap and this one. Like this. And then click this one. Oh, this will be like this. I think it's not good. This normal, use blue, and this one is more yellow. This one. So I'm going to delete first, til it first, right? From Blue. Or tend to green like this. And then this one, I'm going to choose a yellow, tend to orange, orange, like this. And in the middle, I'm going to put Right. Like this. It's the same like before. So let's move. I'm going to use red use this opacity like this. So it's like giving the vibe of sunset, right? So this is like in the sunrise in the morning time. This is the afternoon, right? Before after. So we can still control in this shadow because the shadow, for example, green, we can make the green more darker. Like this. You can see here the cream is darker and the highlight light is brighter. We can also change the heat light a little bit brighter. This one, too, shadow, the shadow of this part. So what if we apply the gradient map in the photo on the picture of person, right? So I'm just copying this one. Yeah, I'm just copying this art part and delete this eiffel tower. And then I'm going to use this woman person. Yeah, I think. We often use this image, too, right? But yeah, it doesn't matter. This one. So if you can see this is the highlight and the highlight is similar to this cloth and then also the highlight is similar to this phase. But the shadow, it will fall off this syal. It will cover of the syal in the shatto because the shadow tends to dark. And then the midtones tends to yellow also midtones also similar to the first two. So this is the highlight, highlight, the cloth, Midtones and then this is the shadow. So we apply in the gradient maps. Here, gradient maps, here. Green is midtones and blue is a highlight. So I'm going to change to maybe blue. This one I'm going to change to I'm going to delete to make it more easy, right? I think pink is not bad though blue, pink and in the midtones, I'm going to choose and I think this one. But for this one, I'm going to give the dark color. This one is close to blue like this, more or less. So, which one? The crowded the layyer start to crowded guys. What is this? I tell it. Okay. So we can reduce to 25%. And then this is before, after before, after. We can also make it more darker in the shadow or increase to 30, for example. And then the midtones, we can experiment the tons. Maybe, oh, I'm going to use this one pin. Oh, that was so cool. Here, pin. And then this one, we can also experiment this one. Okay. I think this is before, after. Before, after. So the unique of the gradient map, we can adjust how much the shadow the shadow of this nose for this nose for this area, you know, the shadow we can adjust the strong. We can choose a strong or not. When we close to the tuck is very strong. When we close to the light color is the shadow will be, you know, like faded and then the face is full of white. So yeah, I think it will be awesome like this. Like the shadow is really strong, right? Okay. So maybe I'm going to change the multiply to multiply lending mode, and increase or to overlay to make a strong soft light. Like this. This is before, after. Before, after. Before after. Before, after. So the unique of the gradient map here, we can how much how deep the color is, how deep the shadow is, how deep the tons or how deep the highlight. We can make the highlight more timer or more brighter. This one is original and after we apply with gradient map. I'm going to say I'm going to type the next adjustment, we will talk about the selective color. So see you in the next session when we talk about the next color adjustment. 51. Selective Color: A Way to Subtly Adjust Colors: Lets continue our practice in Adjustment layer. Previously, we have learned about the gradient map, right? We have learned about the gradient map, and right now, we'll continue to the next Adjustment layer, the Selective Color. The Selective Color here means I think it's more or less is similar to the HSL, but it's very, very subtle because the difference or the enhancement of the color is not as strong as the HSL. We can still improve the color individually, we can edit design, magenta, yellow and black, and we can also go on the individual color, which one the color we need to boost. But it's very subtle, and then the improvement is not much. But how it works, let's learn together. For demonstration, I'm going to use this picture. This one. Just and drop here. This is the watermelon image, and also this one. This orange. Slice. So I'm going to this one to explain the selective color. Maybe I will go maybe I will rename with this orange and then Watermelon. So let's learn about the selective color. I click this one. We discuss first about this one, this watermelon. I click the Adjustment layer and then add the Selective Color. To enhance this color, we can see here this is in the color, we can choose which one color we need to boost from red, yellow, green, ion, blue, magenta white, natural and black Because for example, I want to boost this red color. Right. To doing that, make sure that the selective color in the top of watermelon. And then I choose the red color. And because the red color containt magenta, right? And the red color is around magenta this one, magenta here. And to make it more boost because I think it is boost. We can also still post using cyan. We can rectus the cyan. And then the result will be more stronger, right? Will be more stronger. So when we remove the cyan like the science will remove this some detail like this. And make it the red is more stronger. So what if I want to put this area, this watermelon pill? Maybe we think that this is the green color, but actually it's not because if I just the color picker here and bring them here, actually, this is a yellow, right? Because this is a yellow, we go to the yellow. But if you still that, what if I use green? If we choose the green to boost this area, and then there is not a changes not changed much or maybe it's not changed at all, right? Just a very subtle change because the base of this color is yellow. So green. So we can go to the yellow, and this one in the yellow, we move to here. Then the result, this is before, this is after. As you can see here, this will improve because the base color from here is a yellow, not a green like this. So this is very, very subtle in a change in the color. If you curious about how they works, if you pay attention closely here, this is the red. Red color is in here, and then the opposite of red color is cyan. So if you want to improve the red color, maybe you can still improve by reducing the cyan. Here is very strong. But it's kind of different if you in this position, if you make the cyan more strong. So the color is not, you know, like, post anymore, but it will pop up, you know, some detail here or the color is not strong anymore. Remember, guys, when the selective color is not containt any color because as you can see here, as I mentioned before, if we want to edit in the red color, the opposite of the red color is a cyan, and then the clus of red color is a magenta. So we can edit the magenta and cyan. For example, when I moved on the yellow, yellow, we can edit yellow here, and then the opposite yellow is a blue. So maybe blue is close to the cien. And then if we chose a cream, right. So the opposite of green is a magenta. The close of green is a yellow, and then we can edit this one around this one. And then the opposite of green is a magenta. So we can reduce the magenta or induce the magenta to get the effect is more strong. The red opposite of cyan, the yellow opposite of blue, the green opposite of magenta, something like that. So that's why it's not containing all of the color, but we can also choose the target first. The target, the color we want to move. We want to change. And then we can edit in here, Cyan magenta, yellow, so move to the next picture. Maybe I will bring this selective color to adjustment to watermelon, and then we can click Selective Color again and then bring the selective color to inside of orange. So we will experiment in the orange. This one, for example, if I want to post this yellow, yellow color, right? I want to post the yellow color, maybe this one. And then because the yellow opposite is blue, and then we can edit this one, yellow color and blue. If I push it like this is so strong. But if I increasing the blue, the ion and the yellow, maybe it's not as strong as before. But when I click the opposite, the saturates more pop ups the more strong. If the yellow, I make it here, make it to increase, and then the con I will reduce here. So the yellow will, you know, like, more outstanding because the influence of cyan is not strong. So the yellow will comes out with the strong color. And then maybe we just edit the magenta to make it more orange. Or we can adjust a little bit magenta to make it orange like this, or maybe to make it yellow more stronger. But this is like oversaturated, right? So we lost the all of the detail. So maybe I will increase to make it this orange from the yellow to orange. This is before, this is after this before, this after. This is the version of the subtle version of HSL. Because sometimes when we HSL, we hard to choose the red color or maybe we can still make individual color like this. For example, I'm going to add this HSL here. Let's say I using HSL and I deactivated the selective color adjustment. Here, we can increase saturation here. But it is a very, you know, like harsh effect. So the selective color is a version more subtle. The selective color offer more subtle result, but again, it's not as strong as the edges. So more or less is like this to enhance the color. I will give name. Like the color. Si. So next, we will discuss the next adjustment layer. The next adjustment layer is a color balance. So see you in the next adjustment layer. 52. Color Balance: Ehance Color in Shadow, Midtones, and Highlight: So let's move to the next adjustment layer. The next adjustment layer we want to make is a color balance. So the color balance I think this is a very unique features, right? So to discuss about that, let's create let's create the file, click new this one DPI 72 DPI and create document. And to experiment with the color balance Color balance. So I'm going to use this picture. This one. All right. So this is like, you know, like this picture contains this one. This is highlight. This area is a shadow area, and this is area full of midtones. So this is, like, maybe suitable for experimenting the color balance. So let's click the color balance here to influence this picture. And color balance is actually similar to the Curves, Curves layer. This is very similar. This one, Curves. This one is very similar in some reason. People we talk about multiply. So let's go to explain the color balance first. So here, here, we can change the tonal range. We can change the shadow, midtones and highlight. If we change the midtones, right, because this is a has the highlight as the shadow if we choose the midtones and then maybe a little bit change to here, so it will change all of them. It will boost all of the color to more cyan or more reddish here. So the highlight and the shado is not changed much, but it will change the midtones color, right? We can also change to the magenta or cream or to blue. So actually, I think this is similar to the white balance, but well, wet balance it will, you know, like the balance between warm or cold. But this is we can change the individual color. We can change to the red or change to magenta to cyan to green, yellow, blue. We can change individually, right? This is more reddish, cyan and then what if I change to the shadow or turn the headlight first? Because this area is a highlight. The more brighter area is a headlight, like more saturated of exposure. Yeah, I think the sun is a part of highlight. If we change the highlight, maybe the sun is because the sun is a yellow, maybe I will move to the yellow here or move to here. So it will post the headlight. It will boost the highlight part like this. This is the same as you can see here. So the highlight will boost much like this. It will ask me the same in the red, like this. So this is the highlight. Maybe I will boost to this one or this one. Yeah, this one to push the highlight. And what if this is the shadow? So I'm going to maybe I'm going to click Reset. The shadow is contained in this area, right in this area. In this three area is a content lot of shadow right? So if I slide the shadow here, so it will boost in this area. It will boost in this area, the tree area. And also the house, the tree in the house will influence a lot with the shadow. And then the height lot is not influenced much. Because this is contents of red or cyan, maybe I will. For example, if I want to change to green, for example, here. For example, if I want to change this grass, green and then some shadow in this tree, which just click here. And then this is very easy. Very easy to change boost the grass. So again, the how we use is the first we have to decide which one we need to boost. Shadow, midtones or highlight. If you want to change the overall five, we can start with the midtones, right? And then we go to the sign if we need a little bit blue or red. Maybe I will go a little bit like this. And then if you want to boost the headlight, you go to the highlight and then change this one. Maybe I will highlight to blue like this. And if you need a shadow, maybe shadow little bit green, for example. So this is before, after. Before, after. So this is very subtle taste. It's not like the adjustment and the color balance because just only change warm and cold. But the thing is, let's I explant first. The actual is, if we click the highlight, I read first, the principle of this color balance is similar to the Curves. Let's I explain. If I choose this one, the highlight and move to the green, for example. It's similar similar to when I click here, click Curves like this, right? And I chose this red and maybe I will deactivate it in this color balance and I move this one because this is the headlight area, right here. So because the curve is so strong, right, it's so strong. And then let's we evaluate it. This is Curves adjustment. And this is color balance. As you can see, you can find the similarities between the principle is Color balance one this is curve adjustment, and I deactivate it and click Color Adjustment, a color balance adjustment. So the principle is more or less is quite the same. Here, I is too much, right? Like this, this is color balance, I deactivated, and this is curve adjustment. It's a similar similar result. So I uh, so let's move to the shadow. This shadow actually the same. For example, if I want to change this one, this green area, right? This is Shadow, green area. I will put in the green area like this. If I put in the shadow the green shadow like this, this is very similar the principle in the curve adjustment. For example, here, I deactivate it this one. I click Reset first. And for the master, I will choose the green for example, because the shadow is in the bottom area. So we just simply activated in this one, bring the shadow to the top. It's like increasing the shadow like this. So this is from the curve adjustment. This is from color adjustment. Similar, right? Curve adjustment, color adjustment. Curve adjustment, color adjustment is a very similar. So basically, the color balance is I think this is. I think the color balance is simplify from the Curves, right? The color balance is simplify of the curves. And then we can just click which one the tonal range from the shadow midtones and headlight, and we choose the target the color we want. Maybe I will start with the highlight. I'm going to increase this area highlight to maybe a little bit blue and red like this and move to the shadow. Shadow, I will improve. I will also increase the ion ion and blue like this. And the or mobil a bit green like this. And the midtones, I'm going to, you know, maybe just like this, increasing the red and the magenta, maybe and this one. So this is before after before, after. We can change the color. It's like more subtle than the curves and also more subtle than adjust adjustment. So this is the color balance offer. So let's move to the next adjustment layer. We talk about the invert. We talk about the invert. So see you in the next session. 53. Invert: Convert the Color to Opposite Color: Okay, so let's move to the next Adjustment layer. Before we doing that, let's save this document to color balance. Then for the invert adjustment, I'm going to copy this one this selective color. I'm going to copy because I'm also using this material. So I copy this one to invert because this picture is simple and then it's a perfect to, demonstrating the invert. So I just delete all of them, delete the adjustment layer that still in this material. Okay, so I'm going to explain the invert. We have this one, the orange layer, watermelon layer. So let's apply in this invert. So the invert is basically just invert the color. So I'm going to explain. Click here. So let's move to the watermelon first. Click invert like this. I'm going to put invert inside of the watermelon. So this is before, this after. And we we don't have any setting to invert. It just invert the color. For right now, I'm going to explain. Before we invert, this contain a lot of red. As you can see here, this is red, and the opposite of red is cyan. So that's why this area, red area, if we activated the invert, we'll convert them to can this similar, right? From red to cyan. Next, this is yellow, yellow to similar to green. But actually, this is yellow. Yellow, the opposite with, you know, like this one, blue. And then maybe a little bit to maybe blue. Yeah, more blue. So when we activate it, this is blue, close to the purple or here because this area is here, here, and then the original color in here. So this is opposite, right? And then what next? This one here, is a part, right? Purple close to here. So this is basically this opposite to change the color opposite on the opposite color wheel like this. There is no other other setting. For example, this one. So next this orange. I click this one, this invert, and automatically it will invert the color. Because this one, this is blue. This is blue here. So the opposite of blue is orange. So that's why it will convert to orange. And then because this is a orange color and then the pgrony blue is a blue. So it will just convert all of this orange to blue like this. So this is opposite direction, right? Is opposite direction. So that's the inert adjustment layer just to invert the color, pass on the opposite color. Science to red, blue, to yellow, green, to magenta, something like that. Next, we will continue to next step to the next adjustment layer, maybe which one. Maybe I'm going to first with the Split Toning and lens filter lot and then see you in the next session. I'm going to save this one. So I'm going to split invert. demo. Rename and for demo. 54. Split Toning: Recolor Highlight and Shadow: Okay. Hello, everyone. So let's continue our next practice. And the next practice, we will discuss about lens filter, Split Toning, lens filter, and LUT. So let's discuss. Next, we create new DocumenTmo create Documen. For this demo, I'm going to use this picture, this one. Yep. Because this picture contains this area and the sky area is a highlight, and this building, a lot of shadow here. It's a perfect to experiment. I think I'm going to use this one, two, this picture. I'm going to import this one. previously we using this picture to experimenting the color wet plans, right? So because in this picture this yeah, also has this is full of highlight, and this is also a shadow. Maybe I will put in here. Okay. So let's discuss about this picture first. We will discuss about this split toning. So the split toning, is like white pans. So we can say that the split toning here is to change the color at light and shadow. It's basically maybe similar to hue saturation, HSL, but also similar to white balances. Yeah, it's similar to HSL because as you can see here, this is highlight. We can change the color on like in the HSL, and also we can change the shadow also in the shato then this is the saturation and shadow saturation. So basically, this is the HSL, but the focusing is on the headlight and the shado. For example, like this, if I want to change the color of sky, I just I just choose the sky color we want. I want. Maybe I'm going a little bit too purple, for example. And let's like this highly saturation like this. This will become purple, right? And then the affected is more on the sky. Is less affected in the building because the building is full of a lot of shadow here. But in the sky is a lot of headlight. Change the color to maybe to blue. So this is a pffter before, after. It's more vibrance, it's more saturated. So in the split tonning here means it will split between hue, between highlight and shadow. So the next week, I'm going to, you know, change the color in the shadow. Maybe I'm going to change color to as you can see here, even though I choose the orange, but because I chose the shadow part, so the affected it is only in the shadow. So in the building, for example, it will change the color from, you know, like from from just a little bit dull to more saturated like this because this is before, after before, after. So the sky will boost on the saturation and change color to blue. And then this one, the shadow, also post the saturation and little bit orange like this or to brown to pop up brown color. So this is before, after. Before and after. This is the split toning. So move to the next image to the next picture. The principle is the same. I I add the split toning here, the split toning. And then for example, I move Tund a little bit cyan or blue like this and move to highlight saturation. And then the sky will affect it. The sky will affect it. This is the saturation here. But this building object is not much affected because this is contain the shadow. So let's we moved to the shadow. I'm going to move I'm going to change this one to orange. Same, and then change to this one orange or maybe to blue. So you can see here to purple. So even though I chose the purple, but the sky is not really affected, but the building affected to the purple, only in the building that affected, right? If I change from the purple to greens also the same. The green will influence the building. So this is the split tone here means using HSL adjustment, but the focusing on the headlight and the shadow. And this is split toning influence the picture. This is after before, after before, after. So maybe it's like it's not natural when we choose the purple. Maybe I'm going to blue or orange. Right. That is too much, right? Yeah, I think like this. After before, after we using the Split Toning move. Right now, we will talk about the lens filter. So before we move on the lens filter, let's set this one for Split Toning. We move to the next part. We talk about lens filter. 55. Lens Filter: Add Certain Color Like Lens Camera: Previously learn about the splittone. And then right now we're focusing to discuss about Lens Filter and LUT, lot. And this is very exciting. So let's discuss. Okay, I'll create the new document like this new document and create document. And for this demo, I'm going to utilize, for example, Oh, because the artboard, I'm going to change the RPO to 2000 by 2000. Okay. And then I duplicate this layer. I delete this image. For example, I will put this one, for example. Yeah. This lens filter is basically the lens the filter that maybe we often using the camera. So the camera here means on the lens, we can adjust or we can attach the additional lens like lens filter to bring the effect to certain effect based on the lens we put. So yeah, here means the lens filter. It's basically to cover with a certain color. And then, yeah, similar to the lens lens filter, maybe if you find or search on the Internet, a lot of lens filter. We can attach on the cameras, for example, or maybe if you have if your smartphone, that available lens filter features on the setting, yeah, something like that. Doing that is simply we just click here, Lens Filter and the filter color you want. Maybe blue like this to give a warm effect. Like this, also, this one, this one. So we can check the perserve luminocity or not depends on your need. Example, we're focusing with this one and then change the color. Maybe in this one, for example. And then we can also preserve the luminosity or not depends on your need. You can see here in some highlight still the same. Some highlight the same, but when we uncheck preserve luminosity, highlight will influence. It also depends on your need. Which one the best? I think like this. And this is before, after. Before. This is the original one. I think the original one using similar filter color using the green, more greener, right? When we move to the filter color with purple, the result will be like this. This is simple to use the filter color or click Preserve luminosityy to preserve the highlight or preserve to preserve some Tita highlight like this. And then let's move to the picture. We click we also click the lens filter like this. So it will influence this picture because this is close to the flower. I bring, you know, like the flower vibe, close to the pink or purple like this. Just like this. Maybe increasing the density, the optical density. This is close to the original, and this is maybe 99% 90 69 or 60% or just 50%. This is before after before, after. Because this is the background cherry blossom is similar to the pink color. So I think, yeah, to choose the pink or purple is a good one. So this is before, after before, after simple lens color here means like we put the additional lens on the camera before we take the photo. And then we can change the color depends on the lenses. Just simple like that to using the lens filter. We moved on the LUT. So for the LUT, I'm going to using the same material like this. So I think I'm going to delete the, you know, the lens filter. I delete the lens filter to bring the original one to experimenting with the LUT. Here means click Adjustment layer here and then click LUT. So lots contain a lot of settings from more than one color adjustment in the inside in the setting. So we can choose loading the LUT. For example, you can download lot on the Internet. So for the lot, you can download on the Internet. For example, I use at four tra, 800, for example. So the LUT, it will consist of file that has be extension, right. When we click here, and this is it will enhance a basical to enhance the picture, but consists of more than one adjustment layer setting. So the inside is a lot of settings. And then we just import the file, and, yeah, we can literally change the image, for example, like this, this is we change we move to this picture. Click here. Click LUT. load LUT of the example, I use this one and then like this. Before after before, after. If you think this is too much, you can read this opacity on this one. Before after, maybe it's not change much. Maybe I will increase the opacity to 50 before, after or to experimenting, again, I'm going to import this one. For example, this This would I think I'm going to create the additional artboard. No. Change the color for 3,000 like this and then put this food like this, for example, and I apply some LUT. Here, click load LUT like this. This is before. Oh, I delete this one. So this is before, after. And for example, I think this one, this Burger. So let's find out which So the important part is LUT is not suitable for every picture, right? So for example, in this one, this one, this food, when we apply some LUT, so the result maybes not suitable for this picture, right? Maybe it's not suitable for this picture. This is here. It's not suitable. It's not suitable for all picture. But for this one, for example, this is before, after before, after. Like this. Before after, maybe I will increase using some Curves to boost the highlight, to help the lot to help push the highlight a little bit. So this is before, after before, after. Before, after. So a lot will automatically enhance the color. So different lot, different purpose. Usually, on the Internet, you can download so many LUT. It depends on the topic. Maybe, yeah, for food or traveling or wedding or graduation, so many things. But again, lot is not suitable for every photo, but yeah, we can experiment about that. How to use Lot is like I give the example previews. So this is a lot, how it works. So move to the next session. We talk about soft proof see you in the next session. 56. Conclusion: Hello, everyone. First, I would like to let you know that this class will continue in Series two, so you can access the Series two class through the link that I have put in the description. In Series two, we will continue our learning journey with Affinity and explore more features in greater detail. We will discuss filter effects one by one and then continue with blend modes and brush tool. For Series two, we will use the same material that used in Series one. So you do not need to download the material again. You can simply continue learning as usual. Of course, Series two will also include many explanation and practical exercise, just like in the Series one. This way, we can continue learning together and applying the different features available in Affinity to our design. Thank you for following this class until this point. We have now reached the conclusion section. In this section, I would like to summarize some of the important points that we have learned together. The first thing I would like to emphasize is the importance of understanding and mastering the basic tools, especially the tools that we use most often in design process. This is not only important when learning Affinity, but also when learning graphic design software. If we're moving to the more advanced topics, we need to understand the basic tools that are available and how to use them. That is why in the first session, we focused on explore tools. By understanding the different tools, we can more easily decide which tool is the right one to use for a particular design case or project. We have also learned about the user interface in Affinity. In general, Affinity has Vector Mode and Pixel mode, and each mode has its own tools and function. We explored many different tools such as Pen Tool, selection Tool, brush tool, Shape tool, artistic texts, and many others. After learning about the tools and the user interface, we then move on some of the fundamental features in Affinity. Some of these concepts might also be found in other design application or software. One of them is adjustment layer. Adjustment layer are an important part of the design process because we often work with colors and visual modes. And with adjustment layers, we have many options to adjust elements such as a color, highlight, exposure, saturation, shadow, and midtones and much more. Basically, the main goal of this course is to learn how to use the tools available in Pixel mode and Vector Mode. Well, also understanding how to use features such as achievement layer, filter layer, and bland modes. Once we have learned and started to understand these fundamentals, designing in affinity will become much easier. We will have a good understanding of the basics, and the next step is simply to practice using the tools and features available. We have done throughout this class, we have created different design and completed many exercises. Through these exercises, we can better understand the process of creating design in Affinity. Everyone, please do not forget to leave a review for this class. I truly appreciate every review you share because your feedback can help me evaluate the course and create a better class in the future. Also, do not forget to upload the project that you created during the exercise, including both the main project and the other exercise that we completed together. By sharing your work, you can also inspire other students. As a final tip for me, learning design may take a long time, and during the process, there are maybe times when you feel challenged or even bored. However, no matter how much progress you have made, do not forget to appreciate your own work and achievement. Every design and every project that we create is part of the learning process and a sign of progress. Each experience will help us move one step closer to becoming better design. Once again, thank you very much for joining this class. I'm very happy to be able to share my experience and learn together with all of you. I'm Fathoni Ashari and see you in the next series.