Affinity Designer Tutorial - Isometric Design with Rounded Corners - Retro Style Bar
ฝัง
- เผยแพร่เมื่อ 28 ก.ค. 2024
- In this Affinity Designer tutorial we will be exploring isometric design with rounded corners and smooth edges. Using this retro 80s style bar I created I will break down the pieces and show you how to create it. You will learn shortcuts and a lot of tips and tricks throughout. I will be covering the corner tool, geometry tools and gradients alot.
Im even throwing in some behind the scenes footage too!
If you have any questions or want to show me how to do something better, leave a comment, and don't forget to click like and subscribe.
See you on the next one!!
In this tutorial, I refer to my other tutorials:
Isometric design for beginners part 1:
• Affinity Designer Isom...
Isometric design for beginners part 2:
• Affinity Designer Isom...
The Cardboard box:
• Affinity Designer Tuto...
Smooth edges and rounded corners:
• Affinity Designer Tuto...
Isometric cylinders:
• Affinity Designer Tuto...
VECTOR PACKS, ASSETS, TUTORIALS
Affinity Designer Tutorials and some free Downloads
www.artistwright.com/tutorials
Affinity Designer Brushes
www.artistwright.com/brushpacks
Affinity Designer Vector Packs
www.artistwright.com/vectorpacks
0:00 Intro
02:14 Document Setup
02:43 Outer Wall
06:56 Window
12:27 Room / Dance Floor
15:09 Light Strip
20:25 Roof
23:41 bench
31:27 Behind the Scenes
32:19 Door Arch
40:41 Awning
47:14 Bar Stool
51:49 Stairs
52:44 Pavement / Sidewalk
53:57 Outro
#affinitydesigner #isometric #affinitytutorial - แนวปฏิบัติและการใช้ชีวิต
![Illustrator 3d Cube with Rounded Corners [Isometric Cube] & Transparency Effect](http://i.ytimg.com/vi/dtwHN4A019Y/mqdefault.jpg)
Thank you for showing us that when things don't work that there are work-arounds so encouraging us not to give up. Also you demonstrated humility. You could have edited out the section when the bench did not come together immediately. It helps me to know that sometimes, it isn't me, it is the software that is excellent but not perfect. Thanks again. Another intensive learning.
Thank you Iya, I appreciate that. I will try to incorporate any challenges I come across in future tutorials.
SOLVED: For anyone having issues with the first rounded corners with the 2 rectangles at about 5:30 I used @Steve Hunt below suggestion & clicked the add button (to join the rectangles) 3 times & this solved the issue. It's not a newbie thing, it happened to me & I've been using designer for years. ArtistWright thanks for posting.
Awesome thanks for getting involved
THANK YOU! You re-kindled my interest in drawing. It's refreshing to draw again after about six years of 3D modeling. (I used to train people in Illustrator for about 10 years, but that was a while ago.) Designer has it's quirks, but the same holds true for Illustrator. Thanks to you, I enjoy exploring Designer with fresh eyes.
Thanks Eric!
absolutly SOLID tutorials!!!! Thanks a million for your effort!
I appreciate that Maradnus!
One of the best Affinity tutorials!
Thanks Chrome! I really appreciate it
Hi AW, Thanks again for another fascinating video tutorial. The concepts and methodology add up to another feather in my cap, so to speak. More weapons in my arsenal and items in my Assets panel. So far I have 13 items in the ArtistWright category, including the cardboard box, chair, rounded cube, tins, cans, table/stool and the canopy. I'm currently watching Part 1 of Create a Watch, as you will have realised. Thanks again for your brilliant tutorials. Keep up the good work, and keep on learning. There's always more...
Ah that's great to hear, I appreciate it. For the watch tutorial, definitely check the description as the degrees etc were a bit off in the video. I'm always learning and having this TH-cam channel has helped me grow from the feedback I get, there is always someone out there that knows a trick you don't 👍
This is what I have been looking for. Thanks.
Well done for finding it, welcome to the channel
Just came across your tutorials, and yours are the best Isometric around. Had no problem subscribing and liking them. Thanks!!
Thank you Ron I appreciate that! And taking the time out to post this
Phenomenal! ArtistWright makes workarounds a snap! Measure twice /cut once. All in under an hours work designing the Wright way. Watched it non-stop … now I think I’ll go into the bar and “chill out”. I look forward to working through this amazing tutorial. Much appreciated.
Always a pleasure Ryco, thanks for your support!
woah... great tutorial and makes me want to try isometric
Thanks William, go for it
Ooohhh, pretty!
Very articulate & vibrant!
Nice work.
Thanks Robert
This has led me to where i'm doing and made me a living. Thank you.
for the isometric designs
Thank you June I really appreciate that
Brill as always. Hate the tutorials with the mindless music in the background and no chat. This was amazing.
Hi thanks for that, I appreciate it
As usual AWESOME.... Great design to copy...Clear and easy to follow...Just brilliant. Thanks for your info.
Thanks again Michael! It's great to hear the feedback!
I really enjoyed the Isometric Tutorials and I learned so much. Thanks!
Hi Sona, I'm happy to hear that! Thanks for the feedback I appreciate it
Brilliant!! I was always taking way too long with the rounded corners on isometric objects. This is really the best advanced isometric tutorial.
Thanks Stephen! Really appreciate your comment
Thanks, very useful video with good clear diction.
Thank you Stephen
Thank you so much!! i love this style and always wanted to learn
Glad to hear it!
yessss! finally a real tutorial which isn't a time lapse
Thanks Hamza, appreciate that, check out my other videos too no time lapses anywhere 😊
@@ArtistWright I'll be sure to do so, I've subscribed to keep up with your work. keep it coming!
Cheers Hamza, if you want to see anything in particular feel free to comment
REALLY love this design Aron!
Thank you!
Please do a Udemy course. This video alone would take up about four lessons. If you did 4 big lessons like this and fit the pieces into a cityscape it would be incredible. The course I paid £89 for, as good as it was, was not in your league at all. I am stunned by this work and have watched this video 4 times. The amount of different skills used here is something else! I would certainly buy a course.
Hello there I'm very happy you have found it useful. I have also bought courses online for other software, it's a bit hit or miss with the quality of instruction. I'll for sure do one in the future. Thanks again!
This is so wonderful training session. Thank you so much.
Thank you! More coming soon stay tuned
Great work as always, I like how easy to follow your tutorials are. Keep it up man!
Thank you SgtPinkman
Awesome .. I really like your isometric tutorials
Thank you Akhyar
Very competent and great tutor. Just amazing.Thanks.
Thanks Manas
that's so good and detailed. Thanks for your tutorials!!!
Thanks! More coming very soon
Wow it's awesome i love this tutorial
Thank you so much 😀
Great work! Very helpful and inspiring. Learned a lot in real time. Thank you!
Thanks I appreciate that
Fantastic tutorial! I love isometric graphics I have some experience of creating them, but this is so clear and thaught me some great new techniques. Thanks a lot!
Jeffrey I'm happy to hear that. Take a look at my other isometric tutorials too. Just go to my channel and have a look around.
Great tutorial. Very thorough and easy to follow. Really enjoyed it. Thank you so much for sharing your knowledge. THANK YOU! Dg
My pleasure! Glad you enjoyed it
your a LEGEND please keep doing what you're doing
Thanks Erkund
Wow! Nothing more to say! Thx especially for the explanation at min. 25:30. That subject killed my day today.
Ah that old chestnut! My pleasure
Nice one! Picked up a few new tips on this one.
Cheers Kevin
I watched this from start to finish before I attempted to follow the tutorial. It really is amazing. When I started to follow the tutorial I also fell at one of the first hurdles in rounding the corner after joining the two rectangles. I have been over it several times and still can’t manage to achieve my first rounded corner. I’ve got no hidden nodes and note that a fix is to add three times which I also don’t quite understand. Please explain this in the simplest possible way so I can continue. Many thanks for sharing your amazing talents.
Hi Tim, I'm glad you enjoyed the video. Before you add the two shapes together make sure you have snapping turned on and make sure that the two shapes do snap together. Then after you add the two shapes together, then try the corner tool. If that still isn't working get the pen tool out and draw over the two shapes, tracing the outline. Now try the corner tool and it will work. The reason for using bake corners is so that if you have to re scale your image the corners will stay the same size relative to how big / small you scale your object.
I had exactly the same problem. It turned out to be one of the snapping options I had to uncheck. If drove me nuts for about an hour of fiddling around.
A new subscriber here! I learned sooo much from this video!!! Can U please keep making this type of videos? Can’t wait for your future updates!
Thanks for the Sub Jasmine, I will for sure keep this in mind!
Nice style, cheers!
Cheers Bob!
Very cool
Cheers
really looking forward to this one :) These aesthetics are amazing
Cheers hope you like it.
Excelent!👍 gracias!
Gracias Rafael!
I have done some of your tutorials and they are amazing. Keep up the good work and please upload some more videos on Affinity
Thank you EIM great to hear they have been helpful. Let me know if there is anything in particular you'd like to learn or see. I like hearing feedback from my fellow designers
@@ArtistWright Anything really. Whatever you upload is always beneficial. I am new to Affinity and would like to learn from you.
Cheers!
Amazing
Cheers Milan
👌 👍🏽 Perfectly
Glad you think so!
resolve rocks… u should by the speed editor. i got one plus resolve for 299.
It certainly does!
I love your videos. Do you have classes or one on ones?
Thanks, these tutorials are my classes. 1 to 1 is possible in the future
Yes, it's finally here! Awesome work mate! Like I said before, I'd definitely have a drink in this place if it was real! :D
Hope it helps Finn. Maybe you can design this place then design yourself at the bar having a drink. That is until we find a similar bar in real life
@@ArtistWright Good ideas there, maybe I'll do that!
I also actually have a topic here considering the "Add" tool in Affinity Designer, cause that tool seems to be broken somehow, at least in my program. And the way it's broken is that it does not combine two objects in a correct way. Like seen in this video when you were making the bench. I have this same problem usually, trying to make 2 objects into one, but it always leaves a strange line in the middle. Even if I have aligned the objects as close to each other as I can, and they have snapped to each other, it still does not add them properly. I could understand this in an isometric situation, but it does not work even in a normal way, when trying to add two normal squares together, squares that are aligned perfectly next to each other! How the hell can a function so simple be so badly broken in a professional software like this? :D
@@finnflash23 I seem to run into this problem alot more when working with the grid, I take off snap to grid and choose what i believe is the best option for two shapes to snap together but still having problems, just like with the bench. I was thinking it was just me lol, it still might be, but from what I remember it used to perform way better. Are you finding this more evident in the new 1.9 update?
@@ArtistWright Yeah, I've tried several options to fix this too, like taking the grid off and such... but it does not matter actually, it's as broken with the grid and without it! I've found several others problems too with the "Geometry" tools, and still I'm wondering how can these so basic functions be so broken. So all these issues have basically caused some shapes to be impossible to make now. I already had this problem 2 months ago, so it was there before 1.9, and I don't think it has gotten any better with the update, maybe even worse! :D
@@finnflash23 have you tried adding the shapes together using a compound layer?
Quick note... I couldn't get the Drag Node to work at first on my Mac. On my keyboard i had to select Function+Alt opt to get that mode. Took a while to work it out! 3rd party keyboard.
Checked on Apple keyboard and simply use Alt + Drag.
Nice one Tim
@@ArtistWright Seriously enjoying your tutorials. Learnt a lot bingeing these isometric videos!
As a thank you, just bought your two brush packs,
Keep up the great work
Thank you Tim I really appreciate that!!
@@ArtistWright Watching the various sections, it is a shame that there isn't an "extrude" tool, but then I guess this isn't a 3D app. Would make a number of operations a lot easier!
@@timbeaton5045 that would be a great addition for sure!
thumbs uppppp!
Thanks Herman
I want to ask how do you get the pavements and road looking so amazing. Mine never look that good.
Hi there, and thanks for watching. I know this is easier said that done but the pavement cirb is just a bunch of shapes and for the actually pavement I made it grey then drew out a darker grey line, power duplicated it then flipped it so it looks like a grid. And for extra effect I wanted the light from the club to be seen on the pavement too. So added a gradient fill from colour to transparent
nice one. If you have private tutorial for more detail like completely training for Affinity Design to someone like me who have no idea about design, let me know.
Hi there, sorry these are the only tutorials I have. No private ones yet
Hi, thanks for a great tutorial. The only way I can get the rounded corners to work is to draw the wall with the pen tool. if i join two rectangles as in the video, only one corner will round, even though I've selected both nodes. I'm on 1.9. Am I missing something? Thanks
Hi Kevin, remember to check for hidden nodes like I did in the video
HI, thanks for the great video. Affinity 2 apparently does not have the curve tool. How to curve two nodes simultaneously so that they have the same curve?
Ah I believe you are referring to the corner tool. It's still here in V2 but the icon is slightly different. It's on the left
@@ArtistWright That was embarrassing :) Thank you and keep up the good work
All good
Can I ask how to get deeper mauves and pinks ? Are many colour palettes
Hi Dode, you can choose using the colour wheel, or if you prefer the use the slides just tap on the menu to the right of that tool.
Or
if you see a colour you like on a website for instance, you can actually use the colour picker tool on images outside of Affinity Designer. Just select your shape, then the colour picker tool, and select the colour then press the little circle next to the colour picker tool and your shape will use that colour.
Or
Watch this part of my tutorial which will help you create your own pallet
th-cam.com/video/I5Kk5knEKfY/w-d-xo.html
Really like your Isometric tutorials, but I seem to be having some issue with rounding corners after combining the 2 walls, then selecting the top and bottom nodes with the corner tool selected, all I can get the corner tool to do is round the top corner but it refuses to round the bottom corner.
This works when I don't use the isometric grid in different document. I am using the latest version of Designer. I would like to work through this but can't seem to get past this.
Hey Dan, use the node tool to check there isn't another node hiding in there. Just drag one of the nodes away to see if there is another one and delete it and try the corner tool. That one got me for a while too
@@ArtistWright That worked, there was another node hiding under the one I was trying to round out - thanks for the tip.
@@D33Arts glad it helped, it happens sometimes
Question with problem at the get go. I added the two rectangles and selected both nodes to curve out the center, the bottom node does not respond, only top node curve not the bottom?
Check there isn't a cheeky node hiding behind the bottom node.
@@ArtistWright I encountered this same problem. Your solution worked! Thanks! Don't know why another node was left behind.
Cheers
I think with the v2 update the Studio feature has disappeared. Do you know how to open the isometric panel without View>Studio?
It's now under 'window'
@@ArtistWright thank you, I found it!
the curve in the wall at 5:31 does not work for me :( any idea why?
There is most likely a hidden node, go in and delete one to see
For some reason my corner tool is not the same as yours, when I try to make the first curved corners ( at 5:54) I select both nodes, but only the top node corner changes. The bottom node stays sharp. Even if I select this node by itself the corner tool still doesn't work.
There is probably another node hidden there in the corner. Why not try and delete that node to see, like I did with the bench section
@@ArtistWright Thanks for quick reply. If I click the add button 3 times then corner tool works like you demonstrated.
@@stevehunt525 I will have to try that!
When I try to round the corners I am only able to round the bottom corner. The top corner is not rounding. For the life of me I am not able to figure it out. Does anyone know what I am missing? I feel like it could be a setting but I can’t seem to find it if it is a setting.
Hi Brandon, not sure if you wantched the whole tutorial yet but there is probably an extra sneaky node in there. Delete the node in the corner to find out
@@ArtistWright that was it that extra node. Thank you so much I have been trying to get this to work for almost a week now. So excited that I can keep moving forward now.
@@brandoneason2816 no problem, took me a while to figure out at first also.
AW: I know you put a lot of time and effort into these videos. I could spend far more on a book, and not learn as much.
Thank you so much for taking the time to tell me that, I very much appreciate the super thanks too. You are right these tutorials take alot of effort to create, so I'm happy to know it's helping people. Take care