Jump to content

Recommended Posts

Hello again!

I was given a hand-drawn logo to make into a digital EPS. I used the pen tool to create a black outline. Now I want to fill in with colour and some gradients, but I won't let me. I searched but couldn't find a solution. I've included screenshots to show you the layers(a few of them). 

Thanks so much!

logo.jpg

Affinity Designer - <Untitled> [Modified] (150.0%) 2019-06-28 10-11-59.jpg

Affinity Designer - <Untitled> [Modified] (150.0%) 2019-06-28 10-12-22.jpg

Affinity Designer - <Untitled> [Modified] (150.0%) 2019-06-28 10-12-41.jpg

Affinity Designer - <Untitled> [Modified] (150.0%) 2019-06-28 10-16-18.jpg

Share this post


Link to post
Share on other sites

Hi photoadele,

How are you trying to apply the fill?

I was able to grab the Gradient Fill tool and apply a Gradient fill directly the letter F by dragging over the letter.  Same with the letter A.  If you want to do this to all the letter, you can try selecting all the letters and then using Layer>Geometry>Xor and this should create one large curve from all the letter and if you click and drag the Fill Tool over these the colour will be applied to everything.   

If none of that works, can you attach the .afdesign file and i'll take a look at why it might not be working :) 

Share this post


Link to post
Share on other sites

From the screen grabs, it looks like the letters are individual objects, and I'd expect to be able to select each or all, and, using the fill pop-out, assign color of gradient. The wall, however is just a collection of lines. Affinity doesn't work like a paint program. To fill an area, it must have a surrounding vector. You might try selecting the outer boundary of the wall, and join the curves w. the node tool. Then that can have a fill, and the brick lines and letters can be on a layer above.


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

What works here is to draw each line with the pen tool and a thinner border width stroke than for the end result. After this select all and go Geometrie->Merge. Double that curve element and set back the original stroke width. Select the thinner one below in Layers panel and go context-click: Rasterize... With that layer active go into Pixel Persona mode - grab the Flood Fill tool and fill each element with colours or gradient or whatever. When done export to EPS and the result will be a mix of editable SVG paths with raster image fills - when you can live with that. ;)

EPS.gif.9c2293240adb88acf9c6becce76b7f9b.gif

Cheers

Share this post


Link to post
Share on other sites
36 minutes ago, PixelPest said:

For the first "F"; select and go Layer->Geometry->Divide. Seems you were Expanding Strokes at some point.

Divide.gif.bf05a3ff94aa210a0dd30eed6ebd2b81.gif

Cheers

Good stuff. Out of curiosity, how would you undo expanded strokes or is this the only way? Also what are expanded strokes lol

Share this post


Link to post
Share on other sites

Call->Divide then Boolean Add right after - the smaller shape will be swallowed by the larger one.

Expanding Stroke is e.g. important when exporting dynamic paths (pressure sensitive).

Share this post


Link to post
Share on other sites
5 hours ago, PixelPest said:

For the first "F"; select and go Layer->Geometry->Divide. Seems you were Expanding Strokes at some point.

Divide.gif.bf05a3ff94aa210a0dd30eed6ebd2b81.gif

Cheers

Thanks, I'll try this <3

Share this post


Link to post
Share on other sites

Almost there, thank you all for your help!

I'm trying to get the middle areas of the A and the R to be transparent on that pink wall. The client wants these colours, she wants a "Prince of Bel Air feel". So I'm playing with the gradients, but I'm trying to get them all uniform, I tried to select all the letters at once and apply a gradient, but I'm missing something, so each one looks a bit wonky. 

PINK WALLGREENLOGO.afdesign

Share this post


Link to post
Share on other sites
11 minutes ago, PixelPest said:

Ok - I did a bit of cleaning up, because there are still doubles all over the place and do 2 Boolean subtraction on "A" and "R" to get the holes back.

Then Merge the tag and add 1 gradient + 1 shadow for fun:

190710-0001.jpg.9d0afb62b7a4c5cc462aeb38e415d477.jpg

PINK WALLGREENLOGO 4U.afdesign

THANK YOU so much!!! This software is taking me quite a bit to get the hang of after working with Illustrator....I'm usual this dense....:S

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

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.