Jump to content

Recommended Posts

Hello!

I have just purchased Affinity Designer yesterday, so I am new to this. I have watched some tutorials, but none of them seems to cover what I want.
I have two objects, as seen on picture picture [1]. What I want, is for object [1] and [2] to share one side, like what it looks like they do on picture [2]. Now the side that looks like it belongs to both of the objects only belongs to object [2]. Therefore, object [1] is not a closed shape, and if I try to color it, what happens can be seen on picture [3]. Putting it one layer above does not work, as seen on picture [4], but it would not be a nice solution anyways. I want to be able to color both shapes to different colors. For this I need two shapes, that share the same side, or to copy that side over to the other object as well, and put the copy on top of the original one. So basically I want it to like what it's on picture [5]. Please note that picture [5] was done by editing the screenshot in Paint, and not in Affinity Designer, but what I am wanting to be able of is to do that in Affinity Designer.

Thank you.

 

Picture 1:

1.png

 

Picture 2:

2.png

 

Picture 3:

3.png

 

Picture 4:

4.png


Picture 5:

5.png

Share this post


Link to post
Share on other sites

No, Affinity Designee does not have this facility. It is present in some speciality map-drawing software where shared boundaries are important. You can emulate it using the geometry options. I cannot remember the details and I am currently on my tablet. What the geometry options do is create identical but separate boundaries for each item. This would allow you to create distinct fills for each

John


Windows 10, Affinity Photo 1.7 and Designer 1.7, (mainly Photo), now ex-Adobe CC

CPU: AMD A6-3670. RAM: 16 GB DDR3 @ 666MHz, Graphics: 2047MB NVIDIA GeForce GT 630

Share this post


Link to post
Share on other sites

dividing the shape with a single line won't work.

you would have to make the red shape and paste the yellow shape inside the red shape.

beak.png.576b3cc915d4e9d6014b15c8ba79e909.png

 

see attached file.

untitled.afdesign

 


intel core i5,  16GB 128Gb ssd win10 Pro Huion new 1060plus.

philips 272p 2560x1440px on intel HD2500 onboard graphics

Razer Tartarus Chroma

Share this post


Link to post
Share on other sites
1 hour ago, dutchshader said:

dividing the shape with a single line won't work.

you would have to make the red shape and paste the yellow shape inside the red shape.

beak.png.576b3cc915d4e9d6014b15c8ba79e909.png

 

see attached file.

untitled.afdesign

 

That would indeed work in this situation, but what if I want to do something like I attached to this comment. It must be just me being stupid and new to the software, I just want to draw a simple eagle. I have two weeks, if I can't achieve what I want, or can't work with the software, I might return it. But I think I am just being stupid.

 

this.png

Share this post


Link to post
Share on other sites
8 minutes ago, W z said:

That would indeed work in this situation, but what if I want to do something like I attached to this comment.

 

That’s just a variant of the same scenario. Create a large red shape and paste a smaller yellow shape inside it (or create a large yellow shape and paste a smaller red shape inside it).


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.4 (iPad Air 2)

Share this post


Link to post
Share on other sites

Hi, W z,

 

Once you get the hang of it, its really simple. Attached, a file that took maybe 2 minutes. It all started w. the large head shape. repeated copy, and reshape the parts in a stack. The eye parts are nested in it.

 

 

FastHead.afdesign

 


iMac 27" Retina, c. 2015: OS X 10.11.5: 3.3 GHz I c-5: 32 Gb,  AMD Radeon R9 M290 2048 Mb

iPad 12.9" Retina, iOS 10, 512 Gb, Apple pencil

Huion WH1409 tablet

Share this post


Link to post
Share on other sites

I don't get why you want to construct the beak like you do, maybe the reasoning behind it would help but in the meantime, check out the design I did, this is simply making the top part of the beak like the bottom part of the beak.

 

To get a neat edge I just used geometry to remove the bottom beaks top curve. Sometimes you have to work with the app to get a similar result. 

 

Eagle Beak.afdesign

 

Watch this.

beak.thumb.gif.6e2a776fc5c4f67ea69366d107f96ba4.gif

 


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials Instagram & Flickr - Affinity Live 19th June 2019

Share this post


Link to post
Share on other sites

I have already done the beak with the previous method (the one where you put it inside another shape), however I don't know how I could color the head of my eagle brown.

 

The pen tool is also for some reason curving the nodes, I want those to be sharp, and I have to deselect then select the node again with the node tool and switch to the pen tool to be able to have a sharp corner, while continously clicking on the convert to sharp button. How can I fix that?

Sorry, but I am really new to this, and the tutorials I find do not cover these topics, only the really basics like where you can find the tools, etc. which seems obvious.

Share this post


Link to post
Share on other sites
8 minutes ago, W z said:

I have already done the beak with the previous method (the one where you put it inside another shape), however I don't know how I could color the head of my eagle brown.

 

The pen tool is also for some reason curving the nodes, I want those to be sharp, and I have to deselect then select the node again with the node tool and switch to the pen tool to be able to have a sharp corner, while continously clicking on the convert to sharp button. How can I fix that?

Sorry, but I am really new to this, and the tutorials I find do not cover these topics, only the really basics like where you can find the tools, etc. which seems obvious.

 

You got to start somewhere W z, ;)

 

spiky.thumb.gif.145fdb4da2e59e0cc2fed7c317f2c815.gif


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials Instagram & Flickr - Affinity Live 19th June 2019

Share this post


Link to post
Share on other sites

Another tip is to use a trace image, to get realistic shapes. This will familiarise you with the shape of an eagle head, if you would like I can make a short video to show you what I mean. The results can be quite effective.

 

original Trace image of a bald eagle.

5aae9eb3928d4_ScreenShot2018-03-18at17_14_52.png.1339f14c3d354e08fa5b5d2f8f6c9015.png

 

and quickly vectored.

5aae9eb0781d1_ScreenShot2018-03-18at17_14_25.png.ee159370d59bca7fefca9f3296e73647.png


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials Instagram & Flickr - Affinity Live 19th June 2019

Share this post


Link to post
Share on other sites

Okay, so I will have to create shapes inside shapes. This means that at first I need to make the a shape, which is the whole eagle, and than inside of that, make other shapes, which are parts of the eagle? Does this mean I can't work in any order, or am I getting something wrong here?

Share this post


Link to post
Share on other sites

you wil not allways have to create shapes inside shapes. most of the time you can place the shapes above each other..

made a quick example.

 

hope you can figure it out from the designer file.

eagle.png.4ae8aef5439274adb9e34f8263ffafd6.png

 

eagle.afdesign

 


intel core i5,  16GB 128Gb ssd win10 Pro Huion new 1060plus.

philips 272p 2560x1440px on intel HD2500 onboard graphics

Razer Tartarus Chroma

Share this post


Link to post
Share on other sites

it's not realy weird, it's just how verctor drawing works.

 


intel core i5,  16GB 128Gb ssd win10 Pro Huion new 1060plus.

philips 272p 2560x1440px on intel HD2500 onboard graphics

Razer Tartarus Chroma

Share this post


Link to post
Share on other sites
4 hours ago, W z said:

It is a bit weird technique but I will try to adjust myself to it.

Thanks.

 

FWIW, in traditional media, there is a guide that says for transparent media, work from light to dark color. For opaque, do the opposite. The color strokes are layered. So too in vector work, but the opacity can be changed at any time.

 

In your specific case, trying to match contours, its easier to start w. a large shape, and re-work the boundaries of that shape to make the different colored parts. They end up being stacked. And then other shapes can be stacked on those. Think of it like glazing layers in oil painting. A big plus is that the blend modes change how the glazing effect works.


iMac 27" Retina, c. 2015: OS X 10.11.5: 3.3 GHz I c-5: 32 Gb,  AMD Radeon R9 M290 2048 Mb

iPad 12.9" Retina, iOS 10, 512 Gb, Apple pencil

Huion WH1409 tablet

Share this post


Link to post
Share on other sites

@W z Get into the habit of naming layers, it can get quite messy if you don't. Having named layers helps keep track of what you are doing.


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo, Publisher Beta 1.7.0.140, Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials Instagram & Flickr - Affinity Live 19th June 2019

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×