Looking for:
Affinity designer vector drawing free |
Affinity designer vector drawing free.Let’s Draw A Flat Illustration!
Affinity designer vector drawing free
Also, remember that you can change this setting at any time. One of the things I use a lot in Affinity Designer is its ability to import the colors contained in an image and creating a palette from them. From all the images it found, I chose one that I liked and copied it into Affinity Designer in my recently created canvas.
You can copy and paste the image to the canvas directly from the browser. We can now get rid of that reference image, or simply hide it in the Layers panel. We will be using this palette as a guide to create our artwork with harmonious colors.
Interface: Before we continue, I will present a quick overview of the main sections of the user interface in Affinity Designer, and the names of some of the most used tools. The next thing is to create a background. For this, go to the tools displayed on the left side, and select the Rectangle tool. Drag it along the canvas, making sure to give it an initial random fill color so that you can see it. The fill color chip is located in the top toolbar.
To straighten the gradient and make it vertical, place your cursor over one of the ends and pull. When you are near the vertical line, press Shift : This will make it perfectly vertical and perpendicular to the base of the canvas.
Click now on the color chip, and an additional dialog will open. Repeat this action with the other color stop in the gradient dialog, and input this value: E1C Double-click on it to rename it, and then lock it by clicking on the little lock icon in the top-right corner.
The next thing we need to do is look for an image that will serve as our reference to draw the outline of the car. From the images I found, I selected one of a green Beetle and copied and pasted it into my document. Next, in the side toolbar, select the Pen tool or press P , zoom in a bit so that you can work more comfortably, and start tracing a segment, following the outline of the car in the picture.
Give the stroke an 8-pixel width in the Stroke panel. The Pen tool is one of the most daunting tools for beginners, and it is obviously one of the most important tools to learn in vector graphics. While practice is needed to reach perfection, it is also a matter of understanding some simple actions that will help you use the tool better.
As you trace with the Pen tool in Affinity Designer, you will see two types of nodes: squared nodes appear first, and as you pull the handles, they will turn into rounded nodes. Select the Pen tool, click once, move some distance away, click a second time a straight line will be created between nodes 1 and 2 , drag the second node this will create a curve , Alt -click the node to remove the second control handle, then proceed with node 3, and so on.
In fact, Affinity Designer makes it really easy to amend segments and nodes, so tracing a rough line to start is just fine. What we need now is to make all of those rough lines look smooth and curvy. First, we will pull the straight segments to smoothen them, and then we will improve them using the Corner tool. Click the Node tool in the side toolbar, or select it by pressing A on your keyboard. Now, start pulling segments to follow the lines of your reference picture.
You can also use the handles to help make the line take the shape you need by moving and pulling them accordingly. With the Node tool A , you can both select and move nodes , but you can also click and drag the curves themselves to change them. Once all of the segments are where we need them, we are going to smoothen their corners using the Corner tool shortcut: C. This is one of my favorite tools in Affinity Designer.
The live Corner tool allows you to adjust your nodes and segments to perfection. Select it by pressing C , or select it from the Tools sidebar. The method is pretty simple: Pass the corner tool over the sharp nodes squared nodes that you want to smoothen. If you need to, switch back to the Node tool A to adjust a section of a segment by pulling it or its handles. Click on the stroke color chip beside it and input Create now a shape with the Pen tool, and fill it with black The exact shape of the new object that you will create does not really matter, except that its bottom side needs to be straight, as in the image below.
We need to put the wheels in place next. In the Tools, pick the Ellipse tool, and drag over the canvas, creating a circle the same size as the wheel in the reference picture.
Click Shift as you drag to make the circle proportionate. Additionally, holding Ctrl Windows or Cmd Mac , you can create a perfect circle from the center out. Note: If you need to, hide the layers created thus far to see better, or simply reduce their opacity temporarily. Choose a random color that contrasts with the rest.
I like to do so initially just so that I can see the shapes well contrasted and differentiated. When I am happy with them, I apply the final color. Zoom into your wheel shape. Press Z to select the Zoom tool, and drag over the shape while holding Alt key, or double-click on the thumbnail corresponding to it in the Layers panel.
A new circle will be placed on top of the original one. Select it. Repeat three times, reducing a bit more in size each time, to fit your reference.
This will happen from your third smart-duplicated shape onwards. So, we have our concentric circles for the wheel, and now we have to change the colors. You can select a color and modify it slightly to adapt to what you think works best. We need to apply fill and stroke colors. In the Tools, pick the Ellipse tool, and drag over the canvas, creating a circle the same size as the wheel in the reference picture.
Click Shift as you drag to make the circle proportionate. Additionally, holding Ctrl Windows or Cmd Mac , you can create a perfect circle from the center out. Note: If you need to, hide the layers created thus far to see better, or simply reduce their opacity temporarily.
Choose a random color that contrasts with the rest. I like to do so initially just so that I can see the shapes well contrasted and differentiated. When I am happy with them, I apply the final color. Zoom into your wheel shape. Press Z to select the Zoom tool, and drag over the shape while holding Alt key, or double-click on the thumbnail corresponding to it in the Layers panel. A new circle will be placed on top of the original one.
Select it. Repeat three times, reducing a bit more in size each time, to fit your reference. This will happen from your third smart-duplicated shape onwards. So, we have our concentric circles for the wheel, and now we have to change the colors.
You can select a color and modify it slightly to adapt to what you think works best. We need to apply fill and stroke colors. Remember to give the stroke the same width as the rest of the car 8 pixels except for the innermost circle, where we will apply a stroke of Now we want to select and group all of them together. Duplicate this group and, while pressing Shift , select it and drag along the canvas until it overlaps with the back wheel.
Name the layer accordingly. We need to trace the front and back fenders. We have to do the same as what we did for the main bodywork. Pick the Pen tool and trace an outline over it. Once it is traced, modify it by using the handles, nodes and Corner tool. I also modified the black shape behind the car a bit, so that it shows a bit more in the lower part of the body work. Now we want to trace some of the inner lines that define the car.
For this, we will duplicate the main yellow shape, remove its fill color and place it onto our illustration in the canvas. Press A on the keyboard, and click on any of the bottom nodes of the segment. You will see now that the selected node has turned into a red-outlined squared node. Click on it and pull anywhere. As you can see, the segment is now open. Click the Delete or Backspace key Windows or the Delete key Mac , and do the same with all of the bottom nodes, leaving just the leftmost and rightmost ones, and also being very careful that what is left of the top section of the segment is not deformed at all.
I use this method for one main reason: Duplicating an existing line allows for a more consistent look and for more harmonious lines. Select now the newly opened curve, and make it smaller in such a way that it fits into the main yellow shape when you place them on top of one another. In the Layers panel, drag this curve into the yellow shape layer to create a clipping mask. The reason for creating a clipping mask is simple: We want an object inside another object so that they do not overlap i.
Not doing so would result in some bits of the nested object being visible, which is not what we want; we need perfect, clean-cut lines. Note: Clipping masks are not to be mistaken for masks. Masks, on the other hand, display a small vertical blue stripe beside the thumbnail. Then, I applied a bit more Corner tool to soften whatever I felt needed to be softened.
Finally, with the Pen tool, I added some extra nodes and segments to create the rest of the inner lines that define the car. Note: In order to select an object in a mask, a clipping mask or a group when not selecting the object directly in the Layers panel, you have to double-click until you select the object, or hold Ctrl Windows or Cmd Mac and click.
In the side Toolbar, select the Rounded Rectangle tool. Drag on the canvas to create a shape. I recommend that you visually compare the difference between having this option checked and unchecked when you need to resize an object with a stroke.
Once you have placed your rounded rectangle on the canvas, fill it with a blue-ish colour. Next, select it with the Node tool press A.
You will now see a little orange circle in the top-left corner. Uncheck it , and pull inwards on the tiny orange circle in the top-left corner. Primitive shapes are not so flexible in terms of vector manipulation compared to curves and lines , so, in order to apply further changes to such a shape beyond fill, stroke, corners, width and height , we will need to convert it to curves.
Note: Once you convert a primitive shape into curves, there is no way to go back, and there will be no option to manipulate the shape through the little orange stops.
If you need further tweaking, you will need to do it with the Corner tool. The bounding box will disappear, and all of the nodes forming the shape will be shown.
Now you need to manipulate the shape in order to create an object that looks like a car window. Look at the reference picture to get a better idea of how it should look. Also, tweak the rest of the drawn lines in the car, so that it all fits together nicely.
Getting them right is a matter of practice! This is an ever expanding list so if you know of collections that are not listed here please add them through our contribute an item page and we will get them online. You can post now and register later.
If you have an account, sign in now to post with your account. Note: Your post will require moderator approval before it will be visible. Paste as plain text instead. Only 75 emoji are allowed. Display as a link instead. Clear editor. Upload or insert images from URL. Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum.
Privacy Policy Guidelines We have placed cookies on your device to help make this website better. You can adjust your cookie settings , otherwise we'll assume you're okay to continue. Share More sharing options Followers 2.
❿ ❿
No comments:
Post a Comment