Affinity Designer Logo Tutorial: Simple Logo Design
Vložit
- čas přidán 8. 07. 2024
- 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.
All of the elements used in this tutorial can be downloaded here: logosbynick.com/affinity-desi...
Credit to the user “StarGlade” on Pixabay for the deer silhouette.
If you want to learn more about logo design, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them: logosbynick.com/learn/
Need a logo? Check out my portfolio and hire me at: www.logosbynick.com
Timestamps:
00:00 Intro
00:30 Set up the document
01:03 Text banner
06:19 Emblem/background
10:48 Import deer design
12:52 Add in the star
13:36 Add negative space
15:30 Add color
Intro song: "In Da Mood" by Combustibles, used with written permission
Check out my master class where I explain how every tool and feature works in Affinity Designer: logosbynick.com/affinity-designer/
What a great teacher. Pacing was perfect and the instruction was so clean. I wish all CZcams tutorials were this polished. Thanks!
I'm only four months into Affinity and I love it! I took a full-on course but am now seeing what I've learned, and what is still to learn, from tutorials such as yours. This was great and I learned a ton of shortcuts! Thanks so much!!
I never came an experience designer of your calibre. Everything has been made simple with a very simple procedure and concept. I really enjoyed it and I believe by watching more of your works, I will improve.
Thank you very much, sir!
Thrilled to see you still doing Affinity tuts. I bought all 3 of their programs, and love your stuff as an old GIMP user. It would be great if you doubled-up some of the illustrator videos in Designer - a lot of the Illustrator tuts have great looking stuff that would be fun to do in Designer. Thanks for making this!
I was thinking today that I really need better graphic design software than the jumbled mess of tools I am currently using. I stumbled across your video and AD is just what I am looking for. A very helpful tutorial thank you.
Super straight to the point tutorial with an awesome completed project in like 15 minutes. Thank you!
Yeah Nick so excited to find an affinity designer tutorial from you. So little out there and you have great stuff. More please.
Hey Nick,
Big follower from India. I really appreciate that you started affinity tutorials on this channel. Keep it up and thanks
I appreciate this step by step tutorial. This is my first thing I'm designing in affinity. It wouldn't have been possible without this video. I just subscribed to your mailing list as well. Thank you again bud!
Thanks Nick! Very clear instruction and pacing
That subtract feature was beautiful.
Probably one of my favorite tutorials! Thank you!
You explain very well and you seem to really know what you are doing! Thanks for this video!🔥🤟🏽😝🤟🏽
Thank you so much for this great tutorial, very helpful !
Mind blowing. You're a great teacher!
Very helpful ! Thank you
finally affinity tutorials....from NICK!!!! HELL YEAH
Great tutorial, thanks a lot!
Great video! Thank you for this!
Thanks so much a really enjoyable tutorial.
I love how the Inkscape reflexes are hindering the tutorial... It's what happens to me. Thanks for not editing out mistakes, Nick. It's one of the things I've loved about your channel from the beginning. Makes me feel that much more expert, when you're making the exact same mistakes (or hiccups) that I do. Keep it up.
Wow that was great for a starter video thank you.
Great detailed video 👍
Thank you. Very helpful.
God heard our prays! Nick now with Studio Link this will be epic.
you did really amazing work and the way you teach is awesome...lots of love from (INDIA)
Good job!
Good video, mate. I learned a few tricks there. Cheers.
Nice!! TY)
That was great - coming here in 2021 quite late but better late than never. If only I had a company with a deer in it
appriciate the fact ur saying what shortcuts you use while in the video :)
Hi, Great video, at point 4.39 0f 17.29 getting rid of nodes to create solid object, how do you do this with a circle? Thank you
This was great but I'm on an iPad at the control buttons are confusing.
How do you combine all the curves to make one shape so that if you were to scale down or up the stoke doesn't distort the image?
Nick, is there a way to change the color palette from a wheel/triangle to color squares? like in inkscape.
Hey Nick, great tutorial and easy to follow.
I did it in Affinity Photo and the "expand stroke" seems not to exist there. Do you know a workaround for Affinity Photo?
When I look at the star, yours seems more crisp than mine, even though I have the same tool settings. Is that a difference between Designer and Photo?
Nice video
please I want to learn the golden ratio tutorial in affinity designer
Whats “convert to curves” in illustrator?
While it took me a few hours, and somehow made a mistake on the border. it had helped me make a logo for my new upcoming business. I thank you. although im in a trail version, your help will make me buy the program. also after I make this comment, I will search to see if there is a way I can tip you.
This is really great. It started getting wonky when you started doing all the "subtracts," however. I just changed my font to white from red and it ended up looking the same as the end-state after all the select, subtract, select subtract. Would be helpful to understand the thinking on that, but a really nice tutorial and got me something that's FAR better than what I would have come up with on my own! Also got me understanding Affinity Designer a little bit, which I'm trialing at the moment. Thank you kindly! Sub'd.
Subtraction allows you to have complex yet efficient curve layers that you otherwise wouldn't be able to create. This is how the process of getting those layers is done step by step to get to the end stage while retaining the key elements. If you were to give an unfinished logo file with all the excess layers to another person for use they wouldn't know what to do with all the mess and it would become annoying, especially for printing purposes for any commercial or non commercial product when considering colors and resizing
Can you please explain to us why we need to convert objects to curves? thanks. nice video btw.
Hie Nick, am working on a logo following your guide however the icon i imported imported as a pixel layer instead of curve or path, making it impossible to set a boarder around it like you did in this tutorial. How do i address that? Appreciation from Zimbabwe.
When I subtract the gray border and the black border it fills in with black instead of creating a negative space! So, delete everything and did it all over again watching the video. But the same thing happned again!
How to fix this?
What is the jazz sounding outro music called?
How do you edit layers on an Ai generator image to change different elements or text?
I don't know if this option wasn't available when this video was made, but in at least v1.9, you can use the Curves tool (hotkey O) to offset a path (even type in a specific value), then click Bake Appearance. It's faster for me than adding a stroke, converting it to curves, then deleting the interior part.
Thanks for the tutorial! Glad I went with Affinity and not Adobe!
Does anyone know how to make the background transparent
Good video. My next question is: how to make the dear from scratch in Affinity D?
Hello, I have been working on Affinity Desinger for a good year and it is great, but there will be a problem, because when I create a stamp design, I give white letters and the background around black and then I cut the stamps out, but I don't know how to do it, in when the client sends me a ready-made logo or a JPG or PNG design made and how to convert it into a black and white design so that the plotter can cut it nicely with details.
I don't know if anyone has the same situation but I try to follow the step where indicate "send the rectangle behind the text pressing the control and the left bracket key" and nothing happen :(
PS I don't know anything about graphics, I just pay the app and I trying to create logos and stuff
Subbed
My Flag shape is curved not pointed as shown in the video. How can I fix this?
Could you please make a tutorials for affinity designer 2 in Ipad
Wow, the iPad version couldn't be more different. They didn't even try to retain or preserve the same look and feel.
Wow! I thought you had it finished much earlier than you did. Could you not have created both the banner and background shapes as one shape rather than create it, break it down and then put it back together again? I loved the end result and the tuition as it was the first time i'd seen the clicking the various elements and then subtracting. I guess I'll have to watch it a few times to take it in.
Hi Nick! Just wondering if do you use corel draw x7 or 12 version for designing..Quiet popular software in Asian countries as corel is good with measurements and usefull for printing purpose
Nope, don't have any experience with Corel.
Why did you start in pixels?
why do you need to substract the different layers? couldn't you just change the stroke color to white? from 13:36 to 15:29
Hey Nick - So happy you are doing Affinity Designer videos. Had to abandon Inkscape for stability reasons on Mac even though I went through most of your videos. Anyhow, as I was watching this I had some process steps questions to better understand what their purpose was.
1. 2:07 you convert to curves , add to what looks like a group via the "Add" button and then you ungroup the separate letters. Seems redundant but maybe there is something in the structure that is different.
2. 4:37 you go through the steps to add a stroke and then eliminate the nodes to make it a solid object. Wasn't it a solid object before you added the stroke and then removed it?
3. 9:45 you did the same process of expanding the stroke and then deleting the nodes to make it a solid object. Not following the reasoning for the extra steps. My guess is that it has something to do with your steps to create "negative space" but not completely sure.
4. 14:11 You lost me on why there is a need to duplicate the later in order to have it "subtract" from the other layers.
5. 14:41 You are adding negative space in some cases by selecting the copy made below and others by just using the original shape. Is there a difference?
Looking forward to tons more of these from you.
thanks a ton
John
Hi John, I'm a little late on this one but I'll try my best...
1.) I unified those objects together so that I could subtract them from the banner later on. If they're grouped together it won't work. They have to be a unified object.
2.) Yes it was a solid object but it wasn't big enough. I added the stroke as an offset, then converted it to a path, which eliminates the fill. I deleted the extra nodes so that it would be filled in entirely.
3.) Yes same reason. The object needs to be filled in entirely because it'll be used to subtract from the other objects later on and create negative space around them.
4.) There needs to be duplicates because that shape needs to be subtracted from several objects.
5.) Same reason for number 4 applies. The shape needs to be subtracted from several objects in order to create that negative space offset between the other objects.
10:15 Affinity Designer Supports multiple Outlines. Why not use simply these?
Hi, great tutorial. You have voice like Matthew McConaughey ;)
First time I've heard that but thanks 😂
How do you turn an object into a path? I tried this tutorial with an different animal silhouette and I wasn't able to add a stroke to it.
You'll have to double-click it, which will open it in a new window where you'll be able to release the object into paths. I have a video on it here:czcams.com/video/S5pieUygQ44/video.html
@@DesignMadeSimple Thank you!
I don't seem to have the convert to curves in my version. I've tried googling the answer but I just get jargon and bickering on message boards that I don't understand. Anyone know how to convert to curves without the convert to curves button?
Try accessing it through the menu: Layer > Convert to Curves
@@DesignMadeSimple Thank you!
I use the shortcut. CTRL+ENTER
@@GatoL0c0 Thank you.
There is no "triangle" icon to release the image I wanna use.
I am currently at that point my self scrolling through the comments to see if there is a solution. it might be that I'm on the trial version idk
Currently stuck trying to find the "path" when trying to import a own picture, been 1 hour and 30 minutes so far. There is no arrow on my screen
1 hour later, still have not found anything, my head is hurting now goodnight.
Love the video!! I’m very new to using Affinity Designer and have been trying to design graphics for dirt bikes and have been having problems with objects sitting on top of certain images and also cannot figure out how to duplicate an image and make it larger (offsetting size I believe it’s called in AI) without it looking like it’s being stretched. I’ve searched online and even joined affinity forums to try figure this out. If you have any tips or tricks to help me It would be greatly appreciated!
If you've updated to the latest version of Affinity Designer, there's a new tool called the Contour Tool that does offsetting.
@@DesignMadeSimple yes I’m updated to the 1.9 version. Thank you. I will do some research on using the contour tool.
Please snapping on object boundaries doesn't work well in Affinity Designer. Please how do you address this issue ? Especially when snapping to an object with a diagonal boundary line.
The the Point Transform Tool, you can do almost anything you could imagine to snap to boundaries
@@Mithferion please can you do a video to explain this to me
@@KASA2019 Sorry that I don't do a video, but here is the official tutorial. If there is any question, please let me know:
czcams.com/video/IoFSswFQ5Ew/video.html
Its well done, but I feel like this design was done a longer way. Especially the shapes.
Plz full course Corel Draw Dear***
How much can you charge for a logo like that?
But... I don't get it... Why don't we just duplicate shapes and resize them with Shift+Ctrl? Worse comes to worse and we need round corners we can always just use the corner tool. Why do I need to make the expanded stroke into a shape I ALREADY have lying around in my canvas?
Because the duplicated shape won't scale proportionately. We need to offset it, not enlarge it.
@@DesignMadeSimple yes, I asked before I finished it, I know now, but it doesn't make sense every single time
thanks for creating this helpful tutorial. I wish i can buy your class with indonesian rupiah
00:04:20
do you beleive that affinity designer is worth the price?
Absolutely! Especially when compared to the ongoing price of Illustrator.
This guys talks and explains to Fast
You call this simple? Too many steps. Think i prefer adobe spark
sorry but afdesign has no shape builder 🤣🤣🤣
It's still a very capable vector program that only costs $50 but as of this comment, it's on sale for $25.
@@GatoL0c0 sorry .. i like afdesign ... but my criticism is only to improve ... only a tool is needed to become a faster software to work
You are not explaining what you are doing and you are going way to fast