Learn Affinity Designer Fast, Essentials For Beginners | Jen Mann | Skillshare

Playback Speed


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

Learn Affinity Designer Fast, Essentials For Beginners

teacher avatar Jen Mann, Illustrator

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

8 Lessons (1h)
    • 1. Introduction to Essentials For Beginners

      0:54
    • 2. Affinity Designer's Layout

      6:01
    • 3. Studio Panels - What are they?

      9:06
    • 4. Cusomize Your Workspace

      7:52
    • 5. Create & Color Objects

      7:53
    • 6. Adding Layers & Gradients

      9:44
    • 7. Mastering Gradients

      11:25
    • 8. Exporting Your Project

      8:03
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

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.

213

Students

3

Projects

About This Class

This course is for beginner level digital designers.
Together we’ll explore the layout, the tools and techniques to create our 3DHeart illustration. If you are already familiar with AD or a similar program, you can skip right to Section 2 and start creating the heart objects of our project.

When you finish this course, you will have learned:
    
    Vector Objects and the Designer Persona
    Knowledge of Vector Tools
    Selecting and Applying Color
    Creating Custom Color Palettes
    Creating & Transforming Vector Objects
    Expanded Stroke as Offset Path Tool
    Manipulating & Clipping Layers
    Setting Up Custom Keyboard Shortcuts
    Using the Geometry Tools to Modify Objects
    Mastering the Fill Tool & Gradient Panel
    Converting Curves, Nodes, and the Pen Tool
    Defining Variables & Exporting Using the Export Persona

So go ahead click the button and join me for some fun creating together!

Jen

Meet Your Teacher

Teacher Profile Image

Jen Mann

Illustrator

Teacher

Class Ratings

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

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

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 to Essentials For Beginners: everybody. Welcome to the first course Essentials for beginners in the learn Infinity designer fast course Siris In this course, I'm going to go over everything you need to know about a fancy designer to get started making beautiful graphics and illustrations right now today. By the time we're done, you're going to know the different personas designer pixel on export. You learn, you're gonna learn all about working with objects. You're gonna become familiar with the layout. All the menus, bar studio panels. You're gonna master the fill tool, the color panel and the radiant panel. You're gonna learn the keys to the layers panel ordering, copying and clipping layers. You're going to know how to improve your workflow by creating keyboard shortcuts and you'll be familiar with all the different options available for exporting all or just portions of your illustration. So join me in this course, let's create a three dimensional heart and I'll show you all about a fancy designer. Look forward to seeing you there 2. Affinity Designer's Layout : Hey, everybody, welcome to the first section of the essentials for beginners. Course in affinity Designer. In this section, we're going to cover the three basic items the menus and bars, the studio panels and how to customize the work space a little bit. Okay, so in this first video, we're gonna go over the menus in bars. To do that, we're gonna actually start from the very beginning. This is what you'll see when you first open a Finnish designer. This is a little startup panel. If you'd never want to see this again, go ahead and click this off. Down here in the lower left hand corner, you can open up a new document from here by selecting this button. There's some tutorials to watch if you go ahead and click there and they have some simple graphics for you. Look at, Okay, we'll go ahead and start a new document. In this drop down box, you can select all the different parameters. By selecting a different type, you get some defaults set in. So, for example, if you're going to send something to a printing press, it automatically gives you the C m y que color profile and then we'll give you some other sighs, defaults and things like that. We're just gonna go ahead, select web this time. Okay? It goes to the RGB color profile. It does some specific dimensions here. There's a lot of page presets you can select up here. Okay, We're just gonna select all the defaults. There is a place here where you can select a transparent background, All these things that you can change here. You can change after you create the documents, so don't worry about that. Go ahead and select all the defaults. We could make changes as we go along if we want. So this is the heart that we're going to create a czar project in this course. So let's get back to our menus in our bars. In a Fendi designer, everything that is horizontal is a bar, and everything that is vertical is a panel or studio panel. In this video, we're going to go over all of the different bars. And in the next video woke over the studio panels. Okay, so this top bar is called the menu bar. It's like all standard software. It has all of the drop down menus All of the tools and variables available in studio panels can be accessed through the drop down menus in the menu bar. Okay, this next bar here is called the Toolbar. There's a lot to that. One will come back to that in a minute. The next bar is called The Context Toolbar. This one sits right on top of your workspace here. This one changes with with regard to what tool you have selected. So, for example, were on just the selection tool. Move tool. If you change to the pen tool, you'll see that it changes. Okay, so this the last bar is down at the bottom. It's called the Status Bar. It just includes some hints and some tips, and it also changes with regard to objects that you have selected or tools that you have selected. Okay, so let's go over this toolbar. The main tool bar up here for a minute. Now in the left hand corner, our three different icons. The 1st 1 is the designer. These air called personas, and the 1st 1 is the designer persona in affinity. Designer, this is this persona is for drawing vector objects. Pay vector objects are controlled, created and controlled mathematically by the computer. The next button is your pixel persona. Okay, notice your pixel persona has a whole different set of tools over here, and it effects like the icon shows. It affects small squares. The difference between pixels and vectors is pixels, or more like photographs where you're just affecting adding texture color to those very small, small squares that make up your display. Okay, the last icon here is your export persona. It has its own set of tools, and it has a whole lot of variables over here for exporting your graphics. Okay, in this course will be working strictly in the designer persona, and we'll get into the pixel and the export persona and future courses when you get a little bit more advanced projects. So next, over here we have two buttons here. These have to do with seven setting defaults the way you want things to show up as defaults . These three buttons here have to do with views. There is a pixel view. There's a retina view which has to do with your display. There's an outline view. Okay, so it shows you an outline, go and select something so we can get some of these other things to show up for us. This next set of tools is actually some design aids. This is object controls, and it moves objects front to back, similar to moving them in the layers panel. And we'll go over that more when we talk about the studio panels. These is also design AIDS. This is happening to do with moving objects, flipping a horizontally, vertically. This button here is all you are alignments. Okay. Lining your objects. This is your snapping tools here, and there's a lot of variables to that. These are your geometry tools. Okay, We will be using the subtraction tool later on, so I'll get to show you how to use those and these air your insertion tools. And that has to do with when you're bringing something in. If you want to place it in exactly certain place when you bring it in. Okay, so that's the toolbar. Okay, So that covers what we have for the menu bars in a 50 designer. I'll see in the next video where we go over all the studio panels 3. Studio Panels - What are they?: everybody. Welcome back in this video. We're going to continue getting you familiar with the layout and the interface of Fandy Designer. We're going to go over the studio panels now, which are all of the vertical panels, you see? Okay, so let's go ahead. We'll start off with the tools panel over here on the left hand side. Now you can undock or hide this panel. You can also customize the tools pound. So let's go up to view in your menu bar across the top and you'll come down to this section down here. Now, this is docking your tools, which means it's docked over here to the left hand side. If you, uh, un select this by clicking it, it becomes an independent little panel that you can move around. Okay, You can also come down and hide it. If you wanted to, we'll go ahead and show it now before we customize the tools panel. If you see these small grey arrows in the lower right hand corner here and in the text and up here in the no tool, that just means there's and menu for additional items there. And if you click that, then you get that full menu. Now, if you want to see, you're using one of those shapes a lot so you can come down here under view all the way down to customize tools. And you could take any one of these shapes and go ahead and drag it over. You can rearrange these, okay? You can also change the columns. You can change the way that it looks. And if you don't like what you customize, you can go ahead and resend it. We want to go back to two columns and I want to go ahead and docket back over there in that corner. OK, now we're gonna go over here to the right hand side. Each studio panel can be pulled out by grabbing the tab, holding, clicking and holding it down and pulling it out. You can reinsert it back into the menu when you get that large kind of a red box there and then you let go of it there. It puts it in its own group. If you notice all the rest of that group was now down here, it's now in a separate group. If you pull it back out, if you want to put it back in the scene panel group. Then you would go up here and you just wait until you got your tab right in there with in alignment with the other ones and it puts it right back there. You can rearrange these just by dragging the tab. You can. When you pull it out, you can close it now. This happens sometimes. And so that's why I want to show you this. Now, how do you get it back? There's not there. Where is it? Well, you can always go back up here to view, come down to studio. Okay, This is a list of all the studio panels in affinity Designer. Now you'll notice all of them are not checked. There's a lot of these that dont come up as the default view in most of time. You're not gonna use unless you're working on something specific, and that's why they don't come up. There's quite a lot here. It would really clutter your workspace to have them all available all the time. So the way that we get our color panel back is just go ahead and click it and it will come back to where it waas when you turned it off. Okay, We can just take that back and put it right back there So you can do that with any of the studio panels. Okay, Most of studio panels have these white menu bars, which bring up additional options and menus. Okay, so that's always something to look for. Okay, So for men, I want to touch on the panel groups. So up here as the default Penhall groups, you have your color, your swatches, which has to do with your pal. Its OK. Different palates, color palettes. You have your stroke, which is the outside edge of an object. The brushes, which is a different way to apply color and texture. And then you have your appearance. Okay, This is a new panel that's come out in the latest version of a fancy designer, and it just shows you your object that you have selected and the stroke in the field for down here. You have layers. Choose your layers panel effects, which are some of the effects that you can that you can apply to your vector objects. You have styles that you can set up, and then your basic textile text styles. Okay, there's additional text studio panels available in our studio panel list. There's also a character panel and a paragraph panel down here. We have some panels as well The bottom panel group transform. This is an area where you can set up an exact location of an item. You get that lit up for you a little bit so you can see what it does. The transformed panel allows you. It tells you exactly where things were located mathematically so you can change that. You can actually modify these by entering values. Here, you can change the way things are measured. They're measured from center off their measure from of their line from the corner of their line from the center. This is the history panel. This allows you to go back by specific operations or things that you've done, and you can go piece by piece backwards. Okay. Navigator allows you one has a zoom, which is one of affinity designers. Greatest assets has, like a 1000 zoom on it. But you can also just navigate by clicking and dragging around in this area here too quick wit and navigate another way to navigate is if you use your a mouse, you hold down your space bar, gives you that hand came That hand is also the same hand here. Okay, Snapshots is a way for you to capture a place in time. So say, if I wanted to capture this before I put the highlights in, I would go ahead and set up a snapshot and then go ahead and do my highlights. And I could always come back to that exact set up I had. It's like setting a bookmark in your history so that you can go back to a specific spot in your design process. So that's kind of an overview of all of the different studio panels. But in this particular class, what I want to do is just we're going to focus on will use some tools from the tools panel here on the left hand side. We're going to use the color panel and the swatches panel up here, and we'll be using the layers panel, so let's go over the layers panel a little bit. There's a lot to it, and I want to show you a couple of things. We'll just go ahead and select our main heart as our object Right now. Now forcible. On any one of these layers, there is a right click menu at on layers themselves. The Layers panel has an opacity gear. You can click this down arrow and use a slide bar. Okay, you can also as a trick, just click and slide on the word opacity. And that changes the opacity of the object that you have selected these air your blend modes. There's a lot to this, but we'll just be using the normal blend mode in this class. This is your settings. Okay, this is Ah allows you to customize your blend options. This is more for an advanced class. This is a way to lock a layer you'll notice when you click it. It puts a little lock icon on the layer that you had selected, and if you click that again, it'll take it off. When you lock a layer, you can't make any changes to it. At the bottom of the layers panel. There something's There is a trash can hear. You could drag a layer down and put it in the trash. You can also lead it by right clicking and led. Okay, These two icons here wanted to add a new layer vector layer, and one is to add a pixel layer. You normally don't need to use these because Fendi designer will automatically. When you start to add something to your design, it will automatically add a new layer. This F X brings up the effects layer effects panel. Okay, this is the same panel that you get if you go here, this is your adjustments panel. Okay? You can add an adjustment layer, which is a whole different type of layer, and we'll get into that in a more advanced course. This icon here adds a mask. We're not gonna use a mask in our illustration today, but we will use that in a future course. If you select this, it selects all the layers and makes it change to all the layers. So that's what I want to cover on the layers panel. We will be working with this when we create our three dimensional heart in the next section . That's all we have for the studio panels. Thanks for watching. I'll see you in the next video 4. Cusomize Your Workspace: everybody. Welcome back in this video, we're going to cover the preferences all the different ways that you can't customize the interface of affinity designer. And I'm going to give you a couple of warnings for some danger areas as well. Okay, so let's just jump right. Get story. Now, first of all, we're going to go over to the preferences panel. So when you have nothing selected over here in your layers panel no tools selected on your in your context toolbar. You'll get your documents set up and your preferences. Okay, of course, these are also available. Appear under affinity. Designer, you have your preferences and under edit you have or excuse me under file. You have your documents set up. Okay, But when you have nothing selected, they are what comes up in your context, toolbar. So let's go to this preferences panel on this first screen is the color these? They're all your color profiles. I don't ever mess with anything on here, So we're going. It's gonna bypass that one. You would come up here and the next one is General. There's a couple of things that I do on this one and this one is to reopen documents on set up. I choose that one, and I also choose thesafeside thumbnails with the documents. That means if you're in your like explorer, your file directory program and you just click on the document, there will be a thumbnail that will show up. If you don't do this, then nothing will show up. It won't have a thumbnail to show. You can also select your language here if you want to change language. Next is your keyboard shortcuts. This is where you can set up a keyboard shortcut. We will be setting up a keyboard shortcut during our project, so we'll come back to this. But this is where it's located. Next we'll go to Miscellaneous this panel. I want you to Really? I mean, red lights should be flashing, and there's some dangerous things to this panel. All of these options to reset to reset your fills. That means your color fills your brushes, your object styles, your textiles and your fonts. If you select any one of those, those are destructive. In other words, if you've bought bought a font or you bought a set of brushes or you downloaded something from the Internet, and you've got him inside of affinity. Designer. If you do this reset, it will take them out. So if you don't have safe somewhere else on your computer, you'll lose them. So if you're gonna import brushes or or fonts or palates, which is this fills right here. If you're going to do that, make sure you save a copy that file somewhere else on your computer. So those air destructive you can reset the default users without it affecting anything else . All that does is reset. The user defaults, I the basic colors. It comes up with the way the menus air set up the way your studio panels air set up. So resetting the default user defaults is a non destructive reset. All the rest of these are destructive. Okay, so case in point, their performance, I think when you first open affinity designer, I think the the Ram usage is like down here somewhere, and that is a random access memory. And that's what a fut designer uses as you are making changes so that you can see the effects immediately. You can maximize this way over here. I would pull this way over here your computer will control that. Anyway, it's not gonna hurt anything. So it just allows a few designer to use that ram if it's available. Okay. Your undue limit said it where you want. I think 2000 undoes is pretty good for me. I don't, uh, mess with any of the rest of this here under tools. Um, this is your tool handle size. I just need that is the default. The one thing I do make sure this checked is that my mouse wheel access a zoo? The other thing. And, well, you'll notice this while we're working with our project because we will use a marquee. And if yours is not acting correctly, I'll remind you to select an object when it intersects with the Marquis. And this is better explained when we go to use it. But remember that this is here in the tool section, and I'll remind you again, but that's where that's located. I don't mess with any of these down here. Okay? And let's go down to the last one. The user interface this background a gray level. When you have a document open, you'll see that that changes that it's this area here. We have an art board here. So this is the one that will change that color. You'll see that is changing the art board. Okay. Gammas is has to do with this color reference the user interface style. They do have a light user interface. Okay, if you prefer that, you can also change the delay on your tool tips. Okay? Of course. We will have to restart it. Um, here's where you can set up your unit types whether you want things to be in inches millimeters or what have you. It also is how you change how your text is bits identified in points. Whether you get brushed previews those kind of things if you have a touch bar so that some of those items there Okay, so that's the preferences panel. Something else I want to show you is if you go to view, we're gonna come down here. This is the assistant manager. Okay? This is another place where there are some parameters that you can check if things aren't working right, or if something's not the way you like it. Here's another place where you can make some changes, things where you're setting up a action based on action. Okay, So setting up for affinity designer to do something automatically when you take an action. So, for example, if I'm painting with no layer selected, say, I went and decided to do something and I had not selected a layer, it will automatically add a layer or it will take no action. So this assistant manager is just another place where you can check to make sure that things are acting the way that you want them to act. That helped the flow of your work. And you can customize things here. Okay, So one more thing I want to show you as we go to view and let's go down to studio. OK, so this has to do with all of these studio panels the way that a Fendi designer sets up some of these panels that you don't see like, for instance, assets and symbols is they show them in a left hand studio and they go right here. So, for example, if I just open up the assets panel, it comes in over here, Okay? So if I go back to view and studio and I take that off, okay, And then, of course, you can hide your studio or reset the studio back to the defaults. Okay? And hiding the studio takes away those panels on the right hand side, and that gives you or workspace area. Okay, so something I forgot to cover in the studio panels video, So I want to make sure I got that for you. All right, so this ends the first section of the course in the next section. We get to start having fun, we're going to start to create our three dimensional heart. Thanks so much for watching. I look forward to seeing you in the next section where we're going to start having some fun . 5. Create & Color Objects: everybody. Welcome back in this section, we're going to create our three dimensional heart. So in this first video, we're going to go over objects and color. And here's an illustration of the heart we're gonna create. So let's just go ahead and jump right into get started. We're gonna go ahead, open a document. Do you just go up to New and you could use these parameters here? I just selected print. I have six inches by six inches all. I left all the rest of the defaults and go ahead and hit. OK, so now one of the first things we need to do is let's create an object. So we're gonna go over to our tools panel on the left hand side and we're gonna go down to this little arrow right here. Your heart might not be showing there. It might be the triangle tool. We want to go down to the bottom and select the heart tool case. You just click on it now come into your document and click and drag your heart out. Let's go over a couple of things. First, we're gonna go over color. You'll notice he came out and gray and has very small outlining black. So if you look in your tools panel on the left hand side, at the very bottom you have these three dots here. Those are called color selectors. You also have the same over here in the right hand side, on your swatches panel and the same in your colors panel. The solid one is your fill color. Your doughnut is the outline or stroke color. And then this small one is a transparent, which means no color paying that red line. So whichever one is forward is the one that you're going to effect. So if we click on the doughnut and bring it forward, and then we click no color, it takes the color away from that. Okay, Well, go ahead. Put our color back. Now, I've created a color palette for our project. Okay? And these colors are we'll show you over here in the layers panel. These air the colors and the hex numbers of the colors. Now, in the close panel, you can display colors a bunch of different ways. If you go to the RGB, the red green, blue hex. This is where you can put in your hex value. Okay, you can put it in here. You can also in your context, toolbar. You have access to color panel. It also allows you to put the hex value in here. And you can change the way you view the colors. If you like to do a color wheel, you could do that. The only place to put in the hex values is the one that says hex. Okay, that allows you to put in colors right here, for example, will put in this number here on the layers panel for our red and hit Enter and there's our red. So now what I want to do is we want to create this palette so you can either enter each one by the hex number if you want to use the same colors that I'm gonna use today, so you could take a couple minutes, put the video on pause and go ahead and enter those numbers. But let me show you how you can create a palette with those. So you have your heart objects, you create the one color put the red in. So now let's go to our swatches panel. What we want to do is create a palette for our document. So we'll go up to the little menu bar here, and we're going to add a document palette. So here's our document power. It's blank. Now we have our color. Here are forward color. This is our active color. Okay, What we want to do is have it added to our palettes. So we'll click this icon right here, which adds the current Phil to the palate. Click that and it creates the red for the palace. So what I'll do quickly is Alcoa head and create this palette. Here is this palette here, and I'll show you how we can do that. You use the eyedropper tool here, so you're gonna click and drag. So hold it down and drag over. And just that little square in the middle is all that has to be on the color you're selecting. Okay, I droppers the color selection. So you have your heart object selected. The color that you just wouldn't capture is right here in this little dot next to the eyedropper to apply it to your active object. You just click on that dot and it applies now that it's active. You can add it to your palate by clicking here. And we'll do that against the blue will come over with the eyedropper, capture the blue, click it to apply it And that added to the palate. And one last time we'll do it with the aqua. Now we don't need to add the white. You always have white, gray, black and transparent in your swatches. We're gonna go ahead and name this. So we have a here. We're gonna go back to our menu here and we're going to rename the palate. So now we have a palette that for this document, and you can tell by the type of palette that it is because it has a look. A little piece of paper there. Okay, this is a application palette. Okay, These the little symbol there tells you that it's four. Affinity. Designer of these pallets are applicable to any document in affinity. Designer, if you come down here, these pallets are system pallets noticed by the apple there. And then here are the Pantone pallets that come with fame to design. So there's our color palette. We can turn this off. Now let's go back. And we're just going to click here on our palate and apply that back to our heart. Now there's a couple things I want to go over about objects before we move on to the next video. This blue line on the outside of this is called a bounding box. Okay, there's a lot of things you can do, just using the basic shapes that come with the food to designer and the ways that you can manipulate this bounding box. If you want to keep an object symmetric like make a perfect circle or perfect square, just hold down the shift key. You'll notice when I hit the shift key, it automatically makes it symmetrical. Okay, so using the shift key keeps the objects symmetrical. You can, of course, drag any of these sides and the corners. Now, some of the things this circle here, on the top of this one at the top of the object. You get that little to a road line there at the top. That's your rotation tool, you notice. In the center, there's a little diagram of ankles, so you can do that. If you hold down the shift key, this automatically will have ah 15 degree stops. Let's see what else holding the cursor outside just outside the box. Okay, on any corner allows you to skew it one way or the other. Now, I want you to notice I'm skewing this This The bottom here is holding still. And I am affecting this shape, just the top paying that also works side to side. OK, but now if you hold down the option key, why you do it it Excuse it from the center. Okay, So the other edge is no longer stationery. It's skewing it from the center, always to return it to its metrics. You can just hold down the shift key. Now, if you hold down the command key and pull a corner, you'll notice it also in largest from all sides. Okay, so it's pulling from the center, whereas if you just do it playing, so just you're just pulling the corner, you'll notice this the opposite corners not moving. Okay, so just so you're you're learning how these objects are affected by the different controls that you have, so you can go in and out. You can skew it. You can also rotate on a corner. All right, so That's a little bit about objects and colors. That's what we have for this video. In the next video, we're going to get into the layers and dig radiance, so don't touch that dial. Let's click on to the next video. We'll continue. Create our three D heart. Thanks for watching. 6. Adding Layers & Gradients: Hey, everybody, Welcome back in this video, we're going to go over layers and Grady INTs. We've got a lot to cover, so let's just jump right in and get started. So this is I'm going to remind you this again, is what we're creating. Okay, so we have our wonderful three dimensional heart here. This is where we ended our last video. We had created our first heart, and we created our palate. Okay, so let's go ahead. We're going to duplicate this heart. You can do that two ways. You can have the layer active and do the control C control V or command C Command V. You could do it that way. The other way you can do that is you can just go to the layers panel on the right hand side and right, click and select duplicate. So now we have two hearts, one right on top of the other. We're gonna go ahead and switch this one off. You click this arrow here, and that will make that top one invisible. So what we have is our bottom heart. We're gonna go ahead and change color that to make it easier for us to differentiate between the two So we have a blue heart on the bottom and a red heart on this blue heart We're gonna go ahead and take away this stroke So come up to your color, selectors and make your stroke act active and then go ahead and click that little circle with the red line Makes it no color Gonna lock this layer So click your no lock on your layers Panel here so turned red heart back on now what we want to do is we Let's look at our drawing here We want to reduce our top heart If you can see this top heart is reduced its exact size and it's equal distance all the way around So let me show you There's a trick to getting that exactly right If you take this heart being say you want to just reduce it down So you drag it like this Well, no matter what you dio, you're not gonna get this equal. So even if we were to hold down the command key and reduce this so it reduces it from the center, you'll see that it's you still don't get and even unequal distance all the way around. Okay, so there is a trick to this, so we'll go ahead. We have a stroke on this red heart. If we're gonna go ahead, go to the stroke panel here, right next to it. We're going to increase the size of this stroke. Now you notice that the stroke is rounded right here. Well, we don't really want that. We want to be a nice, sharp point where you can fix that is the miter value right here. Go ahead and highlight that. And then enter 44 usually does the trick, and it makes it a nice sharp point. So now this blue line right here, this is the actual edge of the heart. So we have our stroke sitting actually centered on the edge of the heart, which is right where we want it. But we need it to be a little bit bigger, cause this distance just from the edge of the heart in is not big enough. So let's go ahead. Make it a little bit bigger. That's about right. So we have our stroke. We have on there now we need to expand. Use the expand stroke function to separate this stroke from the heart. So you have an active will go upto layer appear in your menu bar and down to expand stroke . Now you'll notice in your layers panel this is now it's own separate object. And if we come over here and we drag it, you'll see that it's a separate object. What we want to do is we want to subtract this object now from this object from the red heart. Okay, The way you do that is with the geometry tools and to use them, you have to have two layers active. So we have our top player, and then we're gonna go ahead, hold down the shift key and select the red heart. Okay, When you use the geometry tools, the layer on top effects the layer below. Okay, so this top layer is gonna be subtracted from the heart and we're going to use this subtract tool right here in your geometry tools. We didn't click that, and now you'll see that it's subtracted and we have a perfect heart with equal distance on all sides. Magic, right. Let me go real quick. This is really powerful tool. Someone show you how to create a shortcut to that expand stroke. So if you go up to affinity designer, go to your preferences. And I showed you this in the first video, but we're gonna go over it because I mentioned that I would. So we'll go down to keyboard shortcuts. I'm gonna go to layer, because that's the area. That's where the expand stroke is located. So you go to layer, and then you're just gonna others are all in order. You just go down here too. Expand stroke now on yours. There won't be anything here. Okay, it'll be like that. Just go ahead and put in either. And now you've created for a short cut. So next time you want to do that, you have your broke or what have you on your object? You go ahead. You just hit E on your keyboard and it will make that a separate object. Now, let's create some Grady. It's OK. So to do that, we're gonna go ahead and start with the bottom layer. So this top layer, we're gonna go ahead and lock that so that we don't make any changes to it, and we're gonna go ahead and click it off so it's invisible. Will release the lock on the Blue Heart. We're going to go back to our swatches panel. We're going to bring this color selector will bring the fill color, which is the solid circle here and will select are red. So it brings that back. So we want to do is create a Grady int here. There's two ways to apply Grady INTs. First, you could go to these fill box on your context to a bar right here. Click that. Then you have your radiant panel here. All right. There's also a fill tool here on the tools panel right here. We're gonna go ahead and use that. So go ahead, select that tool, click and drag across your object. All right. Now, to find Tunis, you can move these ends and this midpoint here, but we're gonna go ahead and find to mess in the radiant panel. So go back up to your fill on the context toolbar. So we want to make a couple different changes. But first, let's go over this box a little bit. So this is your radiant thes are called color stops. This is your type of Brady and right now we're gonna slept a radio because we want that to come. From the center out, we can identify a position of a stock and also place your mid points. This is your color selector for your stops. Okay. Gives you access to all of your color panels. This is how you can insert, copy, delete and reverse your stops when you reverse the stop that switches the color between the two ends. OK, so we're going to do that now, so we'll go ahead and hit reverse. So now if you notice we have the dark color in the center and that bright red on the outside, we want to change this to the pink color. So we're gonna go ahead and bring over our swatches panel real quick. Drag it over, take our color picker, come down and get that pink from or appellate. Then we'll go ahead and select this color picker here and it will apply. It will drag our swatches panel back up to our studio panels. Let's find tune our rating a little bit more, which move our stops here. And let's just suggest this a little bit more. I think this is pretty much centered. That looks pretty good. All right, so that's our pig radio. Now, let's go ahead. We're going to lock this layer again to keep it safe, and we'll go to our top heart, turn it back on, were over in the layers panel and click the lock off. Now, what we want to do is we want to create ingredient on this top part That's transparent. In the center case, we have our object selected. Come over to our fill tool. We're just gonna go ahead and click and drag There will go up on the context toolbar across the top, and we'll get our radiant panel out for this. We want to create an elliptical Grady in because we want it transparent in the center. But we want color on this edge and this edge. Okay, so gonna go first will change our type. We'll go ahead and dragged us to the center so we can see it a little bit better. Okay, So you noticed this dark part is at the top here, and then we have, like, our standard red and center. And if you noticed this line here, so this is actually the center So we have this active. We want to go down and reduce the opacity. 20 Okay, so you can already see the Grady ain't coming through. Then we want to take this color stop, and we want to make it this same red colors. Go ahead, grab our color picker. You can just come right down and grab that read right there and then apply it. Okay, so now you have that as well. And you can go ahead and adjust this a little bit. We'll go ahead and just this. You could pull this out a little bit, okay? Just do a little adjustments until you get it the way you like it. Okay, Let's do a little comparison. So we have that and see how we did over here. So you can just barely see the edges of the heart down here, that inside heart, and then you can hardly see it at all appear. But it helps you to align the highlights that we're gonna put in. Okay, so I think we're doing pretty good. House are radiant. Look, let's see. It's a little bit bigger. Let's go ahead. Reduce that grading a little bit, but take that lock off, come up to a radiant panel. There we go. I think we fine tuned it pretty good. All right, So this is what we have for this video. In the next video, we're going to create the highlights and the shadows and complete our three dimensional heart. So don't go anywhere. Just tap on the next video and we'll finish this up. Thanks for watching. 7. Mastering Gradients: everybody. Welcome back in this video. We're going to cover highlights and shadows, and I would like to take a minute and ask those of you that are following along. Are you drawing your heart in a fancy designer? As we're going along? This course, if you are feel free to post a picture down below, I'd love to see your creation. If you have any questions, post those as well. We have a lot to cover, so let's use jump right in and get started. So this is where we left our heart at the end of the last video. So now we want to create some highlights. Actually, first, let's go ahead and create the background. We'll check our colors first, so let's go to our swatches panel. Select our Phil. We want that to be the dark blue. We do not need any stroke, so bring that forward and that click the No Color Pike on. Now we'll go over to tools panel. We'll select the square right here. Click that and then we're going to our document and click and drag. That doesn't have to be the exact same size. It could be a little bit bigger or heard anything. Actually, make sure it gets covered on all edges. Now we want to create a Grady int on our background. So we'll go up to our Phil here in the context. Toolbar, grab our radiant panel. We want to affect this color. Stop right here. So grab our color picker. Take it over to our color palette on the right hand side. Where have the aqua color and bring that in. We want to change our type of radiant to radio. Now, let's use our fill tools so we can get our little bar down here in our illustration. And we want a position the center of this radiant here what to be behind the heart, but a little bit down. Not exactly center. So there's our background. Now what we need to do is take this background and your layers panel and we need to make it below the heart. So just go ahead and you can click on it and drive it down. And you see that red line I'm underneath the heart right there. We wanted to go all the way across, so make sure when you pull it down that goes all the way across and you could see in the illustration that it changed it. And that's actually behind the heart. So that will make it easier for us to see our highlights. Because our highlights will be white will be working with that white background. Now, let's go ahead and create our highlights. To do that, we'll use a different tool. Let's make sure we have the right colors first. So let's go to our color swatches panel. Appear we have our fill active will go ahead and just select white. Okay, Now will come over to our tools panel on the left hand side. We want to go to this down arrow here. We want to select the Crescent Tool. I'm just gonna go in our illustration, click and drag. We'll go to the top center dot here on the object and turn it. Get your little four pointed arrow. We can move it up here now, one of things we're gonna apply, ingredient. And we are gonna just the shape a little bit. So let's apply our Grady it first. So go back up to our fill in context toolbar over to Grady in. We want this color stop here to be completely transparent. So will select it. Go ahead and bring that down. We do want a linear type, radiant. So let's just adjust this a little bit. If you watch, we want the ends a little bit. She threw okay and then some bright Quite here. We just want to select this a little bit. And now let's adjust our ship a little bit and we want to I'm going to go ahead and turn off the bottom heart because we want to align this highlight right along the top edge of the top heart. Okay, so we'll make the bottom heart invisible and one a line this and shape it just like that. We want to talk to a little bit, and I actually want to bring this curve up a little bit. Well, I can't really do that just using the bounding box. So we need to transform our object into an actual curbs element. And to do that in a fancy designer, you're going to go up to your context to a bar. And you have this convert to curves. So we'll go ahead and select that and then go ahead on their tools panel and select a small , quite era which is called a node tool. No tour is nodes are what these are right here. And they are how you shape making dependent shapes and objects using the pen tool and no tool so you can go ahead and select a curve, and then you can adjust by pulling the control handles out, you can adjust. The curvature is gonna make a couple of quick adjustments to this. I'm gonna go into a lot more detail and using pen, tool and pencil tool in pixel and in vector formats in our next course. So we're just gonna barely touch on it. Now let's go ahead. Took this back to our selector that this back up in the corner, we want to create another one over here so well can do our control. C control V Drag it over. We want to flip this one so that it's angled the same as this one. You come up to your alignment tools which Europe in your toolbar and flip it horizontally, and then we'll just nudge it up there to the right edge like that. All right, let's turn back on our lower heart so you can see how that's looking. Not Not too bad. Now, the one thing we do want to do let me show you the original. It's illustration that we're making. This is our original illustration. So we have our two highlights, and then we have a highlight over here. Okay, let me show you how we're gonna do that. We're going to take our highlights here when a copy and paste him again. Troll. See, Control be or you can do the over here in the layers panel. You could do the right click and select a duplicate we are going to take. This one will bring it down, and you are going to fully stretch it out here a little bit. What we want to do is we want to capture just this side, but just a little bit. I think we'll have to turn off that bottom hard again so you can see. See how we just want to get it on that little bitty edge. So we might have to do this a little bit. So we can Seymour of the Grady in itself. Or we might have been just a little bit okay. Now There's a trick to if I show you the illustration again, notice that we have this highlight here. But it's only on the top part, and it's not on the in the bottom layer here, not on the bottom heart. It's just right there on that edge. So how we do that? Well, we actually said it inside, but you are throwing. We actually said it inside this heart, and the way you do that is using the layers pounds. So here's our highlight here. You want to go ahead and drag this down, and we're going to place it on a layer right above the heart that we're going to put it on . If you just grab the icon right there, it's like that. Grab it right where the icon is in the layers panel. Come down and see that red bar again. This time, we don't want it to go all the way across. We wanted to go just underneath the word curve and you'll notice in the illustration how it's been clipped. And that's what they called us. This is clipping. It's clipped inside the heart layer. Okay, so it's clipped right there and you can still move it because in the layers panel it's still right here. So you can still move it and adjust it to get it right where you want it. We want to capture just this curve. Here is if the light is hitting it just right there. So just a just a little bit like that. Now we'll turn on our bottom layer heart against so we can see how that stands out and see how that looks. I'm thinking it might be a little too high. There was just a just a little bit more. I would make sure we get some of that radiant in there. So let's see where our radiant line is on this object. Bring that in. So a little bit of transparency right on the edge. So spring that transparent edge and see how it's going like that man. You can adjust it. It's actually put it to the center of where we want this like that about that. Now we're going. Okay, let's do the same books and let's do the same for our other highlights. Let's check our radiant bars. We want to write the chip there, and we can bring our radiant in so that these edges are a little bit more transparent that seeing here and bring this in. So we get those transparent edges and that this the purest white is sitting right at the tip of that curve right there. So that will give you that true feeling of a highlight there. I think we did it. Let's check one more time with our final objective here. These highlights were a little bit bigger, but still very nice. He's a bit smaller. We can make him a little bit bigger. The objects themselves go back and holies out a little bit here before we're done with this illustration, we want to add a shadow to the bottom heart. So it actually looks like it's sitting right on that background, so we'll go ahead. Select are lower heart layer, and we want to go to the effects panel here, and we're going to select the outer shadow now. This is a whole panels will go ahead, hit the gear here, so you get to see the whole panel. Now the blend mode. There are a lot of different blend modes, but 90% of time you're going to use multiply for right now, we're just going to leave it at that for Ah, rapacity. We want to do about a 72% for our radius. We're going to choose 38 pixels for our offset. Will do 15 pixels, will have a zero intensity and will leave the rest of these defaults. Okay, we'll go ahead and close this. And now if you click off the layer, you'll see we create a nice shadow on the lower right edge. So there were opposite of our highlights, and it really looks like sitting right on top of that background and that finishes are three dimensional heart. Let's go to the next video and I'll show you how to export. 8. Exporting Your Project: everybody. Welcome back in this feature, we're gonna cover exporting your design and wouldn't go over the export persona. We've got a lot to cover selections. Jump right in and get started. All right. Now that we finish this three dimensional heart, let me show you a couple quick ways that you can export it so that you can post it out there in your social media or use it in your log. First, we go up to our menu bar across the top. Welcome down. Under file. Come down to export. Right? This is the different ways that you can export your document. Well, what this is going to do is take your entire illustration right here. All is one piece, and it's gonna export it. So PNG normally takes a little bit less space than a J Peg file. And then there's a lot of different other parameters here. Look ahead. Select one that you want. We'll just do a PNG for illustration. Now you'll notice down here if you wait a second. It does tell you your estimated file size. In some places where you might want to be putting this, you need to know file size so that's a good thing. And then you go ahead and just click export. And then you can change the name and then go ahead and hit safe. Okay. Now, next, I want to show you how to export this used in the export persona, but we need to do a little housekeeping first. So let's go over to wear layers panel. So if you click on the top one, hold down your shift key and go down to the last one that you want to select. Of course, Now you've got him all selected who had a right click, and you could do group this way. You can also do command G or controlled G. We'll go ahead and double click the work group and just write in heart. So we got a little housekeeping done here. Rectangle weaken, Double click. This one is from your background. Okay, Now we're gonna go to your toolbar, appeared in the upper left hand corner. We're gonna click this one export persona this third icon in. If you go over here to the right hand side, you'll see your layers panel. Now you have your heart as a group and you have the background. Now what happens in the export persona is that you create a slice and then you're you're able to export just that slice. So, for example, let's just select our heart group, okay? And we're gonna come down to this lower right part of the layers panel and clicks create. Slice, okay and you'll notice it. Put a little box around it. And then if you go to your layers panel and you go to slices, you'll see that your heart is here and it's a kind of pre selected cause. It's what's active right here in your work area to ahead and export that you would click the little share button. Okay, And then it gives you the opportunity to save just the heart as a PNG file, okay? And then gives you all the options where to put it in all that, and then you would just click export. All right, so we've gone over exporting a group, So let's take a minute and go over this the export persona a little bit, and I'll show you how you can do a little bit more detailed work with it over here on the left hand side. of your tools panel. This is your slice tool actually allows you to create a marquee so you can select your objects that you want export. That way you have your standard slice selection, tool view, tools zooming and your color selectors overhand right hand side. You have Export options panel. There are two modes to this. There's a selection so you can so you can define your parameters. Based on this, what you have selected or you can use some defaults. Okay, there are some presets here. Okay, so there's all the different file types and presets. For those, there's just a basic file formats. If you want just to find it by that, there's some for doing pixel work. There's some parameters you can set here, and then this re sampler is the way that the computer reads the pixel work. This icy sea profile that's the International color Consortium has to do with color palettes and color standards, and this is also has to do with your color palettes. Okay, so there's a lot of variables there. You conceal ECT. Okay, so let's just see how to create a slice out of just one item off of your illustration. Instead of being a whole group, you can, even if it's groups, you can still select just one object, these two icons on the right hand side of the layers panel. This one acts just like the check mark does in the drop persona. This turns the item invisible or visible on your screen. Okay, that might help you make a selection. If you're trying to select something that's partially covered, this icon here, you would actually be able to make an object invisible as part of this group when it's exported. So if I turn this off and then I went ahead and created a slice out of this group, it would have it would come out like this. The export would come out like this without this item without this heart, this bottom heart being visible. Okay, so let's go ahead. We're gonna go ahead and select this object, and we're gonna create a slice. Okay, so let's go down here. We'll hit, create slice. You know, it's now you have your little slice Icahn there, I'm gonna go over here. You'll see that it's highlighted for you because it's the active item on your screen and let's go over these parameters a little bit. So in this box, you're you can define a specific path. If you wanted to define a path for where you're going to do, you want your export to be placed. This builder option is for folks who are building user interfaces and, uh, applications. Here you can select your file type again. This has to do with scaling objects so you can actually scale the object as it's exported. One times means it's going to be full size one. It's going to be 100% of the size that you had. You created it. This object allows you to select a dots per inch for printing and then the user scale. Okay, and then you can click here to get additional export formats. Okay, so there's a lot of things that you can customize when you're exporting your objects OK or your illustrations as a whole, so you can export individual objects, layers, groups or whole illustrations. Okay, and you would follow the same procedure by clicking the share button here, and it exports. Do you define your file name and where you want it to go? Now you'll notice in my illustration that I've got because I have the heart as a slice and I have the bottom heart layers a slice. I've got two slices sitting on top of each other and you kind of tell because the wording here is all blurry. So I'm gonna go ahead. I want to delete this slice in the slices panel. There is no right click option for an additional menu to delete. You would come down here in the slices panel and select that little trash canon. Deletes that. Now you can see that I have only one layer is You can read the the name there. All right, so that covers what we have for the export persona will go back to the designer persona. Now we've completed our three dimensional heart, showing you how to export it simply and then how you can go into the airport persona really get into some details about exporting and how you want your final illustration to look. So if you finished your heart illustration, go ahead and post it below. I'd love to see it. Thanks so much for choosing this course. I look forward to seeing you my next one. Thanks so much for watching Happy creating