Affinity Designer Tutorial - Illustration process & adding texture - Step by Step
ฝัง
- เผยแพร่เมื่อ 10 ก.ค. 2024
- Hello designers! in this Affinity Designer tutorial I will show you my workflow on how to create this orange from start to finish. This is a step by step guide, so first you will learn how to use the stock panel to get a reference photograph, then I will show you how to create a colour palette from that photograph. Next I will show you how to trace the image using the pencil and pen tools so we can create a vector version. Then you will learn how to add texture using the brushes in Pixel persona mode whilst using our newly created colours. You will also learn how to duplicate shapes and to finish it all off I'll teach you how to create the background and also water droplets.
I will be including many tips and tricks along the way with pop up shortcuts.
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.
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
0:22 Using the stock panel
01:01 Create colour palette from document
01:45 Drawing the Orange
10:30 Adding texture in pixel persona
18:50 Creating the background
22:46 Creating Shadows
26:48 Duplicating and finishing touches
32:15 Water droplets
36:39 Outro
#affinitydesigner #illustration #artistwright - แนวปฏิบัติและการใช้ชีวิต
Cracking tutorial as usual pal....keep em coming.. Loving them....The details you outline are amazing, every little move and click is outlined yet the video doesnt become boring at all.. Awesome..
Thanks Michael, I appreciate that.
I'm new to Affinity and have been watching a lot of tutorials. This is one of the best I've come across. Thanks for the great content.
Hello Ryan, that's great to hear thanks for watching. Why not check out some of my other videos (All Affinity).
Thank you. I'm an old Ai designer, and now I'm in love with AD. Great (and cheap) tool!
Couldn't agree more! BTW i have a new video up
Never have I ever been so jealous of someone's skill to the point where I can only laugh as I watch. Fantastic video. I am a beginner but I am fully determined to be as skilled as you no matter how long it takes. I will not quit.
Wesley thank you that's very nice of you to say that, but you can do it too, it's just practice and getting used to the software. Start by picking something you like and go from there!
This works. Recommended to try this out. Thanks a lot for your help
I'm glad to hear it Feriha
Awesome tutorial. I’ve subscribed to learn more.
❤ Shirley
Thanks Shirley!
This is really useful to know Aron! Loving these latest videos... Thank you for the effort you are putting in. Affinity for the win!
Thank you Andrew, yes it takes a fair bit of effort. Appreciate that
Thanks for the excellent tutorial, keep them coming!
Thanks Craig!
Exactly what I needed and was looking for! Thanks!!
Glad you found it!
Dude! really nice, really simple, no getting it without u! Thanks!
Thanks Tayda love the feedback
Fantastic. So specific and helpful. Thank you!
Thanks Sarah
Your tutorials are so good! Thank you so much for these.
Thanks for watching, more to come
Thank you very much! Great step by step tutorial. It helps so much being that calm and specific. 👏🏻👏🏻👏🏻
Thanks Rachel, I appreciate you taking the time to leave a message
And again a very good tutorial. I can follow along very easy. Thank you!
Cheers Zebo really appreciate the feedback
Fantastic tutorial! Easy to follow, clear instructions, so much in Affinity designer to learn. Thank you!
Hi Toula! Thanks for taking the time to leave a comment and watch my tutorials, I appreciate it
I saw your watch reproduction first and was astounded! The orange drawing appeared before my eyes, excellent technique and explanation. Great work.
Thank you Alan
Wow! U've just made my day. Just starting out with affinity and this tutorial sure helps getting around. Subscribed!
Thanks Emeka and welcome to my channel!
you are so good teaching! addicted to your channel!
Thank you Hey
and i wish you good luck with your future endeavors ❤
Cheers I appreciate that
Great tutorial! It touches many things that are quite handy.
Appreciate you taking the time to leave a comment!
Very clear and easy to follow, thanks.
Thanks Roq appreciate the feedback!
I like your channel and wanted to say thankyou for your tutorial video
Hi there! I appreciate reaching out with such a nice comment, thank you!
This is gold mate
Thank you Carlos
was very understandable for . You were so detailed and it made all these new tNice tutorialngs way less intimidating
Cheers
Great tutorial!! a lot good technic, thanks very much. keep bring more tutorials!
Thanks Ben
Thanks a lot, I am new to Affinity Designer and it is exactly what I was looking for ❤️🙏
That's great to hear!
I’m learning so much! Thank you!
Good to hear! Thanks for watching
Brilliant tutorial thank you
Thanks Charles!
Made me want to get back into this program.
Great to hear that Auto Focus
Great work , very informative and helpful. Thanks for the video.
My pleasure, thanks for the comment
Trank you, That was great to watch. 👌🏻Will try it out by myself immediately.🙂
Thank you Kerstin, appreciate it
BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YOU VERY
Thanks for watching Ahmed
That looks so easy. I will try it. Thank you 😊
Go for it!
Late to the party but really appreciate this! I've loved some of the minimalist designs I can do with AD but have had trouble adding shading and texture. This is lights out, thank you!
So good to hear thanks Evan
I was totally mesmerized
new video just uploaded!
Another wonderful tutorial for Affinity Designer. Extremely helpful. Thank you very much for sharing these instructions.
Thanks again bob
Thanks for this beautiful tutorial!
I've learned so much and enjoyed you calm voice.
Getting some Bob Ross vibes here ❤️
Bob Ross! Ha I love it thanks
Hey! Thanks so much for this video!
Thanks for watching!
This was so cool! I starting taking a really in-depth Affinity Designer course in March. I finished it in June-lol (I know-life kept interrupting). Since I've been trying other tutorials to see how well I learned and to put what I learned to use. This was really detailed and I was happy that I was able to follow you with no real issues! I am the happy owner of two oranges-lol!!
Thank you Teresa and well done! Stay tuned for a new video coming soon
this was brilliant! Thanks for sharing!
Thanks for watching Paige
This is an amazing tutorial, thank you!
Thanks Harris
Omg this is excellent beed more! Thank u very much🎉
Thanks for watching, more coming soon
thank you, great tutorial!
Thanks Stacy
amazing tutorial thank you
Thanks for watching Betty
Great Designer tutorial, thanks :)
Cheers John
I just found your channel and just wanted to say thank you for all the tutorials, they’re going to be extremely helpful in learning affinity. I feel like there’s not too many tutorials out there on affinity so thanks for taking the time to make these!
That's really nice to hear, I hope they help you to become an Affinity pro!
*Agreed Kalcifer* 💯
Cheers
saved my life
Thanks
I much learn from this, thank you
Thanks for watching Guss
Great tutorial.
Thank you!
A random recommendation from TH-cam but it resulted in a new subscriber. I loved this tut. Thanks.
That's interesting to know thanks, also welcome to my channel, cheers!
Exactly, same here! Glad YT reccommended your channel, mate, these are so good. 🤗
Thanks!
Thank you John, the super thanks is very much appreciated
Thanks for this great video! I'm new to Affinity, and learned a lot from this one Tutorial. I liked that it was an actual example, not just tips. So then we can see everything in context, and get a full picture. :)
My pleasure and thanks for watching
Same here, visual learning is much better than just audio, great tutorial !
Cheers techjunkie 👍
Nice! Explained very well
Thanks Hans!
Thank you so much for this. I'm a traditional media artist, just learning about vector graphics and have recently bought Affinity designer. It's an incredible program - there's a /lot/ to learn, and this is a huge help!
It's my pleasure, I came from the same background myself before getting into this. Affinity Designer is 100% my favourite vector software out there
It's fast becoming my favourite too. I tried Illustrator many years ago - but gave up in frustration as I didn't find it very easy or intuitive (I'm talking way back to creative suite 4 here)... it put me off attempting to work digitally. In contrast, I'm finding Affinity very easy to learn, and I am loving it so far. Thanks again!
Illustrator is horrible to use I agree! Affinity made vector graphics creation enjoyable. In fact all of the Affinity apps are excellent
Thank you for this!
You're so welcome!
Great! Subscribed!
Thanks Kumoito
Omg I did it. Thank you!
Well done Kelli! Would love to see. If you end up sharing on social media, tag me so I can like it!
@@ArtistWright done - fb. I struggled a bit with the leaf but overall I am so inspired to keep going.
Blown away by how good your version is! Wow! Well done!
really helpfull
Thanks Jason
Hi, I have not watched all your video yet. However I can tell purely by your navigation and the use of zooming into the elements you are changing that this is going to be very interesting and informative. As I am on a lunch break at present, I will definitely be back to see and follow your demonstration as this is exactly what people need. Reasonable delivery speed, clear direction as to what you are doing and where you are moving to within the program this helps with the learning with what can a first be overwhelming at first with all the different facets the program holds.
Top Marks
Thanks
John
Hello and thanks for your comment I appreciate it. I hope you watch the rest when you have time.
Hi having now watched your video, I decided to follow along using my iPad pro.
I am sure you can guess where this conversation is going,
What a disappointment as a lot of the iPad display is different to your desktop video,
I still intend to have a go and try and find the links.
However is this an opportunity as I am sure there are many more learners using affinity designer for the iPad.
Thanks for a brilliant Video
John
@@MrFizzygas yes I can certainly say its very different on the iPad. I've seen a few tutorials out there for it though. I'll for sure be doing some tutorials myself when I get one
informative video good sir, Gracias
Cheers
It's unbelievable how much you can learn from this. could you do a comic strip style illustration in the future please?
Thanks Hamza, appreciate it. I don't really do comic style pieces but that's a good idea 💡 I'll keep it in mind. Cheers
thank you
You're welcome, new video coming out today
Nice Teacher
Thanks!
Really good - thanks. There is a water splatter brush as well isn't there?
Thanks! I believe there is something similar yes.
Thank you so much for this. I'm just getting started in Digital and vector illustration, and I bought Affinity because I can't j
Glad it was helpful! I have a new video up!
Excellent tutorial. Given the power, ease of use and cost of Affinity Designer, why bother with Adobe Illustrator?
Thanks! I hope more companies switch to using this software
I suppose in one sense, mathguy3801, your point is true. However, it might also be true that each program offers elements that satisfy a need in the individual who chooses to use a different software. Just a thought!
Great tutorial. Just wondering if we are adding all the textures in pixel persona, are we finally creating a raster illustration ?
I like the way you think, I guess we are creating a Frankenstein. The only problem I see with this way of creating is, if you scale the final image up afterwards the texture will pixelate, so it's best to work at the largest scale you want the image to be.
Hi, I purchased AD around 2 weeks ago, and just came across your video. First of all, great explanation. Am having really a hard time with pen tool, could you please give some tips and tricks to use pen tool.
Thanks for leaving a comment, I'll keep that in mind for my next video!
Hello- Can anyone help me with Affinity Designer "Lagging /Not responding" issue? I click on a line in the drawing and I have to wait approx. 20sec (its painful to wait) it makes for a difficult workflow...I unchecked the "Acceleration" option and I still have the lag issue.....Please help...thanks
Hi Tony, I've not come across this problem before. Maybe it's lagging because your computer has too many apps open? I would make sure you have the latest version just to be sure
@@ArtistWright thanks for your advice
I ended up uninstalling the app and reinstalling the app from Affinity site and it works as it should
For newbies to Affinity (Photo, Designer & Publisher), like myself, please note the change log of a recent update to the software, where:
UNSPALSH was removed, because of Unsplash's ToS and use license changes.
Good point!
Thank you so much for this. Amazing results by using the right tools. The only downside I see is making use of the pixel persona. If the export will have to be vectors, scaling will be an issue and file size will be big as well. Is there anyway to get around this?
Thanks! you are right, scaling up will be a problem when there are raster elements, and size will be bigger for sure. As far as I can see there isn't a way around this unless you use a proper vector brush.
@@ArtistWright Thank you so much for the feedback. I'll have a look into vector brushes and see if I can find more of those. Regardless, your technique is very helpful, so thank you for sharing!
Awesome video! "Stock" is not an option for me in that panel. Mine stops at Styles. How do I get the Stock tab?
Go to view>studio>stock
Excellent Tutorial, You seem to have the same issue as me with shadows as they never look right, I spend more time on shadows than I do on drawing. very frustrating
Lol! Yes shadows are time consuming to get right.
@@ArtistWright On the plus side I was unaware of the "paint inside" button so I am eternally grateful for that as that alone will save me hours of drawing.
I’m overwheld it’s soooo much
I believe in you
Very nice video only confused with the curves and all that when making the stem of the orange. I just need to learn how to use affinity designer
Thanks Alex, you'll get the hang of it, just play around with all the tools and don't be afraid to make mistakes.
@@ArtistWright thank you very much do you use a tablet drawing ? I have to Huion HS610
@@alexpadillayt no worries, yes i have a wacom intuos pro medium, although i dont use it for all my designs.
@@ArtistWright thank you again 👍 awesome
Where can I buy the sprays and splatters brushes? They are not listed in my brush set options?
Hi Bob, hmm I'm pretty sure they came with Affinity. Are you checking in the Pixel persona mode? Have you updated Affinity to the latest version, if you have you now have a profile where you can download brushes from within Affinity.
@@ArtistWright That was my problem. I was still in the Designer Persona and wasn't keeping up with the video at that point. Thanks so much for the reply!
@@BobSchroden no worries happy designing
what did the length feature help with when tracing the orange in the first step?
Hi there, it basically makes that rope you drag around a bit longer which helps with how smooth the line will turn out. Imagine if the rope was short it would pick up all smaller movements and not be so smooth. Hope that makes sense
@@ArtistWright makes sense! Thanks for the quick reply and helpful videos!
thank you. btw whats the song
The sound of Affinity?
but notNice tutorialng seems to work. Tried built-in content, and scarlett solo. What's the hardware you have? windows mac? special soft card?
Are you a bot?
Muito bom, mais rápido q mashtool do Illustrator
absolutely
no age restriction to make art!
Exactly
Is there any chance of creating free form gradient like In Ai. ?
Good question, and no they don't, but you could try and use the different kind of gradients like elliptical and conical etc. Also maybe add different shapes and add gaussian blur. It would be handy to have that free form option
@@ArtistWright I was thinking about it too. It would be crazy if they add that feature to affinity. Every effect I think of is easier to do in Ai, in Affinity Designer must "hack" the way.😆 Anyway appreciate your answer mate. Have a good day/night.
Being new here I enjoyed the precision and the details given. I want to try to create that orange but I don't know how to have the video running in a split window while I am creating my design. Are there any suggestions, please?
That's a tough one using only one screen. I've tried it and it's difficult. If you have a tablet you could play it on there
Obviously the best option would be to get a second monitor.
@@ArtistWright Yes, I have been thinking about setting that combination up...1st ArtistWright thank you for taking the time to comment on my comment. 2nd this has been an eye-opener video for me...worthy of several replays.
It's my pleasure, thanks for watching. I hope you get a setup that works for you so you can blast through the tutorials and become a more familiar with Affinity
How do you get pencil
its on the left hand side of your screen
I have the latest Affinity, but I see no "Stock" panel. =\
Check view>studio>stock
Hello ... Oooooo ! 😍
Hey Michael, good to see you here!
@@ArtistWright Learning, always ! -)
version?
Can't remember but if you look at the date I posted you can get an idea
"The softs in these softs are gonna be sent to the setuper"
Hm?
what is this command button you keep talking about. Sorry to ask.. I use a qwerty keyboard and dont have a CMD button.. Is this a mac thing?
ok so its the shift key for me basically.. I figured it out at 12:27 when you wanted to undo an action which would be ctrl+z for me..... thank you anyway.. I wanted to follow along and make sure I wasnt missing anything
Hey there glad you got it sorted. Yes it's a button on mac computers. I will be sure to make it clear that I'm using a mac on the next video. Thanks for watching!
@@ArtistWright I only figured it was a mac after I noticed the little red, yellow and green dots that mac uses to close a window.. Great vid by the way.. I been learning Affinity and wanted to learn other art styles and came across your vid
@@theblackdragon7321 ah yes you know its a mac with those buttons. Thanks again
calling it rn im the next aries.
Ok
why doesn't anyone show the most important step, which is how to export! PLESE HELP!
Thanks Teresa
Mmm, how to break rectangle by using single curve ?! Also: Artistic tool; type something, push "vector crop tool", cut ... But how to "apply" a cut ? ( To get new "rectangle"; if i'm correct now ) thanks!!
Hey Michael, I don't think affinity designer has the option to cut vectors using a single curve. if you have a rectangle and you want to cut it into two, you can draw out another rectangle and make it super thin (instead of a single line/curve) then lay that over your original rectangle, select both then click on SUBTRACT in the GEOMETRY tools.
Or the XOR tool in the Geometry tools. check out my other video - th-cam.com/video/JrbW9vT3wA8/w-d-xo.html
when you type out something with the artistic text tool,then use the vector crop tool, you will see a box around the text, you have to move any of the sides.
You can draw A line with the pen tool and then expand stroke. Minus it from the box using geometry and then divide.
Great tutorial by the way. Thank you.
Too bad the iPad version can't automatically generate a color palette from document.
Maybe it's coming
haters guna hate.
They certainly do
bro
Yo
My brain is overheating
Use the pause button occasionally
"Grabbing" sounds like something gropers, shoplifters or phone thieves do. How about plain, intelligent English "select", "choose" or "pick", to name but a few.
Thanks for watching!
tNice tutorials is absolutely horrific, i can’t process tNice tutorials
Thanks mate
Thanks!
Each Super thanks is very much appreciated 👍