Affinity Archives - Page 9 of 9

In this Affinity Designer logo tutorial I'll be demonstrating how you can create a simple badge style logo design. The logo depicts the name on a banner, placed over the silhouette of a deer's head, but you can replace this with any other element you'd like in order to personalize it. The following is just a brief overview of the steps taken in our Affinity Designer logo tutorial. For the complete tutorial please watch the video below. It will walk you through the process step-by-step in such a way that a beginner could follow along. Affinity Designer Logo Tutorial Creating this simple badge-style logo design with Affinity Designer is just a matter of creating a series of shapes and using Boolean operations such as addition, subtraction, and joining. We'll also be working with text a bit as well. Design Assets For this demonstration I'll be using the following design assets... The Kirsty font, which can be downloaded here: https://www.dafont.com/kirsty.font The vector deer silhouette, which can be downloaded here: https://logosbynick.com/wp-content/uploads/2020/09/deer-head.zip We'll be using the following silhouette of a deer's head for this demonstration... Credit to the user "StarGlade" via Pixabay As I mentioned earlier, you can replace this deer head with whatever other vector illustration you'd like. The Logo Design Process The process for this Affinity Designer logo tutorial breaks down into 4 steps. As I mentioned earlier, make sure to watch the video tutorial at the top of the page for complete instruction. This is just a brief overview. Step 1: Create The Text The first thing we'll be doing is creating some white text over a black rectangle. This rectangle will represent the main part of the banner. Next we'll be duplicating the black rectangle and transforming it to form the tail ends of the banner. We'll be using strokes to create the offset that will be used to represent the negative space between the body of the banner and the tails. Step 2: Create The Emblem Now that the text is completed we'll move on to the body of the design, which will also represent the backdrop that sits behind the banner and the subject (deer.) To do this, we'll be creating a polygon and transforming it so that angles of the points are reduced. We'll also be applying another stroke to create an offset, then another offset that will act as a border. Now we can take the banner with the logo name and position it over the body emblem. Make sure to position the banner so that it sits on the bottom third of the emblem. The idea is to leave enough space up top so that the subject can be the primary focus of attention, and the bottom portion of the design can represent a secondary element, like subtext, a tagline for your logo, or in this case, a simple star. Step 3: Apply Your Subject Now it's time to add the subject into the design. This will help tie the entire logo design together and bring it to near completion. If you're going to be using the deer graphic linked above then you'll have to open it in a separate panel so that you can separate the curves from the embedded document, otherwise you won't be able to edit it as a vector object. Extracting an editable path from a SVG document with Affinity Designer can be tricky. Once finished, you can now copy and paste the design into the document you were previously working on. As you can see in the image above, we'll be creating yet another stroke that will function as an offset. Make sure that the deer (and its offset) are positioned beneath the banner, then use the Star tool to add a simple star to the bottom third of the polygon emblem. Step 4: Color As Desired Once the elements of the design are in place, the final steps in our Affinity Designer logo tutorial are to use the offsets to create negative space throughout the design, then color it in however you'd like! Make sure to save a copy of your work once you are finished. If you'd like to export your finished logo design in a variety of usable formats, be sure to check out my tutorial on batch export graphics from Affinity Designer. Once exported, your new logo can be used however you'd like! You can even create photorealistic logo mockups with it. You can use PSD mockup templates to apply your finished design to real world applications. Check out my tutorial for creating logo mockups if you'd like to do the same. Conclusion That should do it for today's Affinity Designer logo tutorial. Affinity tutorials are a new category that I've recently added to Logos By Nick, and there will be many more to come in the future! Make sure to opt in to browser notifications if you'd like to be notified when new tutorials are posted. Or you can subscribe to the Design Made Simple YouTube channel where I will be uploading all future Affinity Designer tutorials. If you have any questions or run into any problems simply leave a comment below. As always, thanks for watching! Become A Master of Affinity Designer! Want to learn more about how Affinity Designer works? Check out my Affinity Designer Master Class - a comprehensive series of over 60 videos where I go over every tool, feature and function and explain what it is, how it works, and why it's useful. Enroll Now