Affinity Designer Inking
Вставка
- Опубліковано 22 сер 2024
- In this video, I demonstrate how I use an amazing program called Affinity Designer to create a simple dog head with the help of a couple of tools in another application called Graphic (formerly iDraw). Until Affinity Designer adds a vector eraser tool this is an easy workaround. The type of line work, or inking, is inspired by a amazing illustrator and teacher named Jason Seacrest. His youtube channel has many informative and inspiring tutorials.
There's a MUCH easier way...after making your lines, make a new layer on top. Change to the vector brush, pick a high contrasting color and brush over the parts you wish to erase. Set the layer mode to erase. Easy peasy lemon squeezy.
dude. is been 2 years. but you really help me with this ides. really big thanks..
@@GalGhil Yup, gotta love youtube comments ! somtimes atleast lol
And non-destructive 👍
I really enjoyed this, Carl. You very clearly demonstrated the problem to be solved, slowly and specifically explained the steps, then sped up the video to get to the final condition to avoid the tedium of repetition. A flawless video tutorial.
Jason Secrest is the BOSSSSSSSSSSSSSS of Illustrator..
Great presentation! I'm a highly competent Illustrator user and I've felt discouraged transitioning to Affinity D. This video, however, reminded me; a Design Professional's mission is to solve problems and find solutions. Tool efficiency is a byproduct of The Process. Thanks for the reality check.
Great tutorial. I don't think you need to leave affinity to do this. Instead of using the eraser tool, you can simply use the node tool and erase the nodes you don't need. That along with breaking the curve and you should be able to achieve this effect just as easily.
Alternatively, you can just mask the parts of the strokes you don't wish to see or use a layer on top set to the erase blend mode.
Clip Studio (formally Manga Studio) also has an eraser. What is super cool about it is that EVERY brush can be erased, even things like the air brush. Clip studio can go one step further in that you can erase not just the end of a line, but thin out part of a line at any point along it!
Clip Studio is amazing. I think this video is focused on hard vectors though. Although Clip Studio works with vector paths, it draws a raster imagine along that path. The final stroke is a raster. Which for me is fine. If you're working at proper resolution then it's no problem to vectorize an image later if it absolutely must be vector. Nothing I do is required to be vector though.
So glad to have found your channel. Very knew to all of this. One comment I'd like to make is to suggest that you give this feed back fo affinity. They appear to be open and want suggestions and feed back. It would also help newbies like me. Appreciated others comments too as there seems to be many ways to "skin the goose"!! 😁
I wonder if anyone knows that saying still. 🤔
I have much quicker solution. Select the vector curve with the node tool. Then click on the line again with the node tool WHERE YOU WOULD LIKE YOUR CURVE TO END and add a new node. Then simply delete the unwanted node(s) which cause your vector curve to be too long.
Yes that does actually work very well in AD. Great tip!
Nice tip about the line profiles. But instead of going back and forth between applications, you can directly do it in Affinity Designer by adding a node where you want the line to end (i.e. where you want to erase it), then select the point(s) you want to erase and delete them. Et voila.
That is very true but sometimes when you delete those points it changes the curve slightly. This is an old video, I don't use Graphic anymore since AD has become such a great piece of software. For that matter I don't use Photoshop anymore either, instead I use Affinity Photo and love it.
Hey, @@Pesto-64 . I indeed saw that the video was already old. This being said, the topic you covered is very interesting (it still remains easier to deal with in AI though. Rob mentioned Clip Studio (aka Manga Studio), which I haven't tried recently. But it's more specialized (to what I remember) than AD). I haven't fully switched yet, but I definitely use AD and Photo more and more too in my workflow (and the beta of Publisher looks very promising!). The Affinity softwares are really great indeed. Thank you for the tutorial anyway (there's always something to learn from them even when they're a bit old)!
Great tutorial. I have to do my first payed illustration in Affinity and this helped a lot.
Quality tutorial, you explain everything so clearly, many thanks
Affinity is a hatchling right now but oh what a hatchling. No doubt many tools will be added in the future. Its fast as hell. I don't know if it is in fact as fast as Xara but its got to be close and Xara screams as far as fast goes. Also Xara invented context sensitive tools long before Adobe bought their engineer and got them. It also was the first to do vector transparency and gradient vector transparency along with some other first. I guess I should get a copy someday but just haven't yet. definitely going to get affinity designer.
AD is quite amazing if you think about how long it has been out. The team is very responsive and active on the forums. The only issue I have had was exporting as a PDF with some effects gets pixelated because they are rasterized. I believe this happens with Illustrator and iDraw as well but the output of AD is just not the same quality. That doesn't mean it's bad, it's just not as crisp. I know they know this and it keeps improving with every release. I also wish it had a vector erase tool like iDraw and AI, perhaps one day. My concern at the moment is that since Autodesk acquired iDraw it hasn't seen many updates. Time will tell....
And, you should definitely get AD, it's well worth the price!
Great list almost used all the hacks.. but pr pro is love ❤️
You are an absolute lifesaver. Thank you!
Why not simply use the node tool to pull the ends of the lines back to the intersecting lines?
My thought exactly, then create a shape with the pencil tool set to sculpt with fill and place the layer behind the outline. I figured that out after using Affinity for 3 hours.
It's amazing how unhelpful the program is to the task at hand. You have to have multiple layers for something as simple as coloring within the lines? Did the programmers never think that anyone would try to draw in this program?
I totally agree, I nearly lost my mind this morning trying to figure out how to erase some strokes in vector mode and after that how to ink properly, not to mention the struggle with layers on an iPad!!
Create the outline on one layer, then use the pencil tool to draw the fill layer on another... anything else is over complicating it unnecessarily
Thank so much for this! I was running into the same problem with my vector drawings.
So, I know everyone has their own way of working, but it seems like you are going through a lot of extra work. By the time you convert to outlines, export, open in Graphic, re-export, and re-open in Designer, you could just draw shapes over your art and use the subtract boolean operation to "erase" the unwanted parts without ever leaving Designer. You could even apply this "erasing" non-destructively by holding down the option key (or alt in Windows), so you don't actually erase anything.
I totally agree. I did this video over 2 years ago to simulate a technique by a talented AI artist. Today I only use Affinity Designer. AD exports really well into After Effects too!
Thank you for your video, I like your simple approach with clear explanations. Look forward to seeing more.
+Michael McKenna Thanks Michael
Another method to clean up the line ends--that I didn't see mentioned in the comments--is to expand all of the strokes, select all and divide. (This will create separate curves where the lines intersect.) You can then select each of the excess line ends and delete them. Once they are deleted you can then select everything and merge via 'Add.' This is basically what I do in AI via the live paint bucket for line work.
With AD, you'll still have the problem of filling the voids with color. If you do another divide after merging everything it will create curves for the interior 'voids'. (The line work at this point will be merged into a solid fill so you might do the divide on a copy.) Now that the interior voids are their own curve they can then be colored as normal.
I should note that I haven't used this workflow extensively in AD so buyer beware.
That's a great technique that Jason Seacrest uses. I have used this boolean type of technique in AD and it works that same as in AI. The missing feature in AD, right now, is the live paint bucket tool, but there are plenty of work arounds.
As much as I like this method, one issue I had with it is that it creates a very large amount of floating nodes. So much so that, when I try to unify everything by applying the add boolean, it locks up my computer. Not only that, but if I try bypassing the lockup by applying the “add” in chunks (selecting a few shapes and adding them all together little by little), I get to a point that adding certain sections causes my entire shape to vanish after I apply the “add” boolean. Did I do something wrong?
@@Roughneck7712 No, you didn't do anything wrong. This is a method that should work and does work with Adobe Illustrator. The problem is that Affinity Designer has a bug in the Geometry > Divide feature that leaves gaps in the curves that shouldn't exist so that they won't merge back together cleanly. I have found that you can compensate for the problem by expanding all of the curves just before doing the Geometry > Add. Of course AD doesn't have an expand feature so you have to select all of the curves and give them a stroke of .5pt to 1.5pt. Use the same color for the stroke as you used for the ink lines. Once all of the curves have a stroke you will have to select all of them and expand them. This will create twice as many curves as you had before so you will need to select all of the old curves and the new curves and then (save, save, save) do a Geometry > Add. Everything should merge into a single curve at this point and you can use this curve (or a copy) to create curves for the inner voids via Geometry > Divide. This work around has always worked for me and, hopefully, will for you as well.
@@TerminalJack505 , works like a charm. Thank you very much for the tip!
Maybe it wasn't available in 2016, but today, you can certainly "erase" parts of lines or regions by going into the Pixel Persona. At least, it looks like erasure for practical purposes. What Affinity Designer really does is create a mask automatically as you "erase," masking off the parts you "erased."
Thanks for this tutorial. Its been doing my head in as I have been searching through the Affinity tutorials and not found anything to show what you have done here to create variable thickness lines. In desperation I was going to ressuect my old G5 and get Macromedia Freehend running again so I could use its Variable Width pen tool which is pressure sensitive with a tablet! Has to be said its still not as quick for this kind of work as Freehand was.
good job
I tried the Affinity Designer crop tool, that seems to work, on a first test..might need more thorough testing, but firt impression is good, as it is in the Vector persona
Thanks for this awesome Tutorial ;-)
Can I ask since I am learning from the beginning? Why not just shorten the lines instead of erasing? That would keep everything vector am I right?
I haven't used the program yet, but I have been looking into it a whole lot. You may not be familiar with the masks. When you use the eraser tool on a vector object, the vector is automatically put into a pixel mask in the layers. Open your layer and move all the paths out of the mask layer after you erase. Let me know if that works.
If not, you could always add points at the intersections of lines, and then just delete end points.
+LeDucTube "Open your layer and move all the paths out of the mask layer after you erase." Are you talking about in AD? If so, I have done that but after I move the path out of the mask layer, I get back the part I erased.
Adding points at the intersection of the lines if definitely another way to go, especially if you don't have Graphic
Yes, I was talking about AD. Well that's too bad. They should defiantly add a vector eraser tool. Animation software has the ability to eraser just overshooting segments, so I would think they'd carry it.
Yes, it is certainly another way to go. If you do consider it, I recommend not expanding your strokes, and to keep them as lines. Afterward, you will only have to delete the points overshooting its intersection.
May I ask how the paint bucket tool works on vector objects if it's in a bitmap layer and with "All Layers" checked off?
I'm not sure about the paint bucket tool since I don't use the bitmap mode very often in AD. I agree about them adding a vector erase tool. When I contacted them they said it is on the roadmap but not for some time :(
That's excellent to hear it's on the roadmap. I didn't know that. And AD has free updates. I'm definitely gonna be getting this program.
Clip Studio Paint has that facility to remove protruding bits of vector lines.
Scooby ate so many Scooby snacks his eyes rolled back in his head.
Thank You so Much!!! Wow Thank you for sharing!!! :)
Also have you thought of erasing, then sending it ti vector magic
you can use node tool
Will i watch your channel 24/7 just to look at that beautiful face of yours? *yes*.
Thanks.
like bro
How DO YOU OPEN A setup ALL OF THE TUTORIALS START WITH A setup
Hey Pesto, enjoyed watching your vid, but tell me can you not use a mask to achieve the same thing as a vector eraser?
In which software, AD or Graphic?
why dont my strokes change when i apply the pressure change just like you did at 4:50, I drew my lines with vector brush and now i cant get the lines to adjust to the pressure profiles
how about using vector masking to hide the lines you don't need
Merci =)
Hi Pesto. This method looks painful and is one of the features that Illustrator wins hands down with plus the live paint tool.
But if AD ever managed to introduce such new tools and also a commercial AI and PDF export, then it would be the end of Illustrator CC.
I couldn't agree more!! Live paint is an amazingly useful tool and I have mentioned it on the AD forums.
@@Pesto-64 Love Affinity Designer, but it's still missing some very basic features. For it to be considered an Illustrator killer, it would need to include Shape Builder, Art Brush, Warp Options, Image Trace and Blend Shapes. Until then, I will be forced to rely on Adobe.
mine too
on Program inside the screen.
Sir, can you tell me how to set this up? The bot is working, but I do not know what to do with it
Or you could just add node to the intersecting line and delete the end node you don't want.
wow
👏👏👏
Is there anything like this for windows?
Awesome technique, thank you. Do you know if outline trace is on the iPad version of Gaphic? I’ve had a google but can’t find out
Wow, great video! I am pretty shocked by the fact the eraser causes the image to become pixelated.
Did they fix it yet? I'd really like to buy this software instead of Ai, but this is kinda of a deal beraker for me.
I wouldn't want to rely and use a third party software every time I want to use the eraser tool.
Hope you can shed some light on this and great job, thanks!
Is this still a problem in 2018 latest version? This sucks
Christian Angelo Nilsén Yes I’d like to know that too.
You can add a mask to excess lines when you switch to eraser tool on stylus
This video isn't very useful.. you can expand the stroke in Designer and delete any extra points you don't want there.. it's less destructive in Designer, there is also the method of shrinking the end of the stroke to hide it..but it just depends on the project and style...
👍
Scooby Doo
too much job for a simple and easy thing to do with vectors
Do they finally have a vector eraser tool?
nope unfortunately
Hey! Many thanks for this.
Can you recommend any program like Graphic to do the same on PC? As we know soon AD will be available on Windows also, so it could help a lot :)
AD on Windows is your best bet unless you want to spend a lot more and get AI or Corel. I'd wait for AD, though I believe you might still be able to get in on the beta version of AD for Windows which is out now.
Yes, but what about programme like Graphic to erase my AD design without losing quality (for PC)?
I don't know of any in the price range of Graphic or AD on the PC. On PC I believe your only choices are AI and Corel. I don't know much about Inkscape though, it might have an erase tool but I'm not sure.
I would look at Clip Studio Paint. Dual platform and you can modify/ erase lines and keep them vector.
I don't see where AD is available for PC.
Graphic is only mac do you know of another application simular to graphic for windows?
Affinity Designer is for both MAC and Windows.
I'm talking about Graphic/idraw not AD
Well it seems that since Autodesk bought iDraw/Graphic they are killing the app. It's still good but it probably won't be developed any further. As for a similar app for Windows, I'd say the closest thing (right now) is Affinity Designer. It's slightly more expensive ($50?) but well worth it. Or, you could try Inkscape, it's free and actually pretty nice.
Has this been fixed in the Affinity Designer v1.5 release?
Not that I know of.
I feel like sketchbook is super better at drawing, and the stabilization is more better than this software
Can you link your presets please
As far as I know you cannot save the presets. You also cannot save them across the software to use in other projects. It seems you have to recreate them every time. :(
No offense but to lose those pixels just make it a jpeg instead of a pdf
software."
No benefit of moving towards affinity, one day affinity will merge with adobe , that will be the end of affinity
Quite possibly...I doubt Graphic ever will though since Autodesk owns it. Then again, stranger things have happened.
Mercury Every company has it’s price... but i hope they don’t merge. Adobe needs healthy competition such as this.