How To Create A Flat Vector Illustration In Affinity Designer — Smashing Magazine

Looking for:

Affinity Designer Free Brushes – (1, Free Downloads).adding some more shapes? – Resources – Affinity | Forum

Click here to Download


Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and affinity designer join shapes free download. It only takes a minute to sign up. Connect and share knowledge downpoad a single location that is structured and easy to search. I am teaching myself the very basics of design using Affinity Designer – and I haven’t been able to figure out doenload to create a single shape from multiple vectors.

For instance, if I am creating a basic outline of a car and need to start and stop lines – when I use the join lines tool it doesn’t join two unrelated lines together – rather it completes the “circle” path of one line affinity designer join shapes free download. If I use the join shapes tool it completes affinihy the unconnected lines, and fills in those spaces too – so I lose the shape I am after.

AD’s help index is not very helpful to someone with my near non-existent skills – so I’d be thrilled if someone on downlad forum can help. With the node tool hit Designdr shift-select both curves you want to join together.

Then, in the context toolbar dowmload the top there are a bunch of buttons labelled “Action” – they look like this:. Hope that’s what you’re after I think what you are looking for is the compound. I was trying to create an object out of 2 shapes where the inner shape forms a hole. So I used the complement compound The square with the circle and the intersection is missing.

Just to clarify a bit, I think you mean this: Say you had a line with 3 nodes, a,b, and c, with a and c being the endpoint of the nodes. Downloas wish to attach another another line with two nodes d and e. You wish to connect the nodes b and e.

As of right now, I can’t seem afrinity find functionality of the program where it attaches two unrelated lines that AREN’T affinity designer join shapes free download of each line. I think the Pen module Affinity designed assumes you are always wanting to produce an endpoint to endpoint shape. I would love affinity designer join shapes free download see the ability of the pen to create complex shapes that are much less dependent affinity designer join shapes free download endpoint snapping.

Sign up to join this The best answers are voted up and rise to the top. Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Learn more. Joining shapes in Affinity Designer Ask Question. Asked 6 years, 7 months ago. Active 3 years, 7 months ago. Viewed 46k times. Improve this question.

Ryan Amanda Amanda 1 1 gold badge 1 1 silver badge 3 designwr bronze badges. Hi Amanda, not sure if any of our regulars are familiar with Affinity, I’ve never even heard of it but it does look like something to check out.

I also edited your question a little so it wasn’t as “bulky” to read. It does look neat! By Serif Add a comment. Active Oldest Votes. You can indeed join two separate nodes from unrelated vector lines. Do this by : Select both lines using the Move Tool.

Using the Node Tool select both end nodes you want to join hold down Shift to select them both. Choose ‘Join Curves’ from the Action section of the Node context designsr.

Improve affinity designer join shapes free download answer. Affinity Affinity 1 1 silver badge 3 3 bronze badges. Welcome to GD! We look forward to more downloadd in regards to Affinity but please be aware we require full disclosure of your affiliation with Affinity and it must be edited within your profile.

Consider it done : — Affinity Nov 14 ’14 at Sometimes it works, and sometimes it doesn’t ; — Yatko Apr 15 ’17 at Affiniy, in the context toolbar at the top there are a bunch of buttons labelled “Action” – free 3 download space dead pc look like this: the fourth button along from the left is “Join Curves” you’ll affiniry that when you hover desugner affinity designer join shapes free download and clicking on that will join the two separate lines together.

Ash Ash 71 1 1 bronze badge. For other stuff you might need the other operations for forming compounds. Manuel Fahndrich Manuel Fahndrich 4 4 bronze badges. Can you add a screenshot please just add the image desiner delete the deading! Related 3. Hot Network Questions. Question feed. Accept all cookies Customize settings.



Affinity designer join shapes free download


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! Using the Pen tool, help yourself with the Alt and Shift keys and observe how differently the segment nodes behave.

After you have created the front window, go ahead and create the back one, following the same method. Place the cursor over the top bounding-box white circle, and when it turns into a curved arrow with two ends, move it to give the rectangles an angle. Select both shapes and use the Subtract function. You should end up with something similar to the image above. Duplicate this shape a couple times and distribute the copies along the torso.

To add a nice bevel effect to these scales, duplicate any of them and shift it a couple pixels upwards and fill it with a light yellow color. Send it backwards and repeat this steps for the other two rows of scales. Now they look more tridimensional. Select all scales and make them a Group. Add a little slope to the face to make it look as if it was sticking it out of a hole in its suit. To give a shiny look to its hat, draw some specular spots of light using Ellipses. In the images above you can see how I pulled up the segment between its legs to make an arc, deleted some nodes on its feet and adjusted a couple more to make them look more rounded, etc.

Our tutorial has come to an end, but… hold on! See you next time folks! Design School. Mystery Boxes. Making a Funny Monster in Affinity Designer.

Frankentoon February 11, Keep Learning more cool stuff. Crumpled Papers 1. Propaganda goes Garage! This post may contain affiliate links. Read affiliate disclosure here. What about when you want to join a node from the middle of a path? Or tack a path onto an already existing closed path? Your email address will not be published. Save my name and email in this browser for the next time I comment. Having the ability to distribute objects on your canvas in an organized and evenly-spaced way is an essential function for graphic designers.

This is especially true for some of the more advanced In this tutorial we’ll be going over how you can resize the artboard in Illustrator.

This is done by using a dedicated tool that allows you to scale the width and height in a multitude of Skip to content. Leave a Reply Cancel reply Your email address will not be published.


Leave a Reply

Your email address will not be published. Required fields are marked *