Jump to content
You must now use your email address to sign in [click for more info] ×

Convert transparent text into fillable outlines on ipad


Recommended Posts

Hey guys,

I’m creating a sign for work and i picked this awesome font to use. However, the font’s fill is transparent. I can only change the color of the outlines.

I tried converting it into curves, expanding it, masking it ( i think I’m not really sure how to  mask on AFD as Illustrator had it very easy). As you can see the letters are transparent. I need to be able to color them in white (or any other color really) so that i can then place them on the yellow background. 

Thank you all!

 

E444FC4C-B5BC-4FD1-BB1C-87C1BD89FF26.png

Link to comment
Share on other sites

Welcome to the Serif Affinity Forums, @WavesInPhaze. :)

Select the text object, go to the Edit (‘...’) menu and choose ‘Convert to Curves’ to yield a group of ‘Curves’ objects. Ungroup the group (‘Edit > Ungroup’) and then divide (‘Edit > Divide’) to split the objects into their component parts so that you can recolour them to your requirements.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

5 hours ago, WavesInPhaze said:

masking it ( i think I’m not really sure how to  mask on AFD

Draw a coloured rectangle over the text box. Go to layers and select your rectangle. Drag that layer over the text layer until you see blue line, then let go.

 

2B2B7053-CFAA-4920-9D36-07BBE6552331.png

M1 IPad Air 10.9/256GB   lpadOS 17.1.1 Apple Pencil (2nd gen).
Affinity Photo 1.10.5 Affinity Design 1.10.5 
Affinity Publisher 2, Affinity Designer 2, Affinity Photo 2 and betas.

Official Online iPad Help documents (multi-lingual) here: https://affinity.https://affinity.help/ 

 

Link to comment
Share on other sites

39 minutes ago, DM1 said:

Go to layers and select your rectangle. Drag that layer over the text layer until you see blue line, then let go.

That’s nesting or clipping. To mask or crop, drag the text layer over the thumbnail of the rectangle.

AB95C932-8564-44AF-9E25-DCB2EE658329.jpeg.4dbf2cff3135a38ecfe61205adfea370.jpeg

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

On 4/10/2019 at 5:09 PM, Alfred said:

Welcome to the Serif Affinity Forums, @WavesInPhaze. :)

Select the text object, go to the Edit (‘...’) menu and choose ‘Convert to Curves’ to yield a group of ‘Curves’ objects. Ungroup the group (‘Edit > Ungroup’) and then divide (‘Edit > Divide’) to split the objects into their component parts so that you can recolour them to your requirements.

Hmm.. yeah that didn’t work. I can select the individual letters but again it only changes the stroke color, the inside of the letter is still transparent. :48_weary:

Link to comment
Share on other sites

4 minutes ago, WavesInPhaze said:

Hmm.. yeah that didn’t work. I can select the individual letters but again it only changes the stroke color, the inside of the letter is still transparent. :48_weary:

As far as masking goes ... Does the text have to be converted to curves before dragging the box over it? Because when i try what you suggest i just get the box over the text ... what am i doing wrong here

Link to comment
Share on other sites

38 minutes ago, WavesInPhaze said:

Hmm.. yeah that didn’t work. I can select the individual letters but again it only changes the stroke color, the inside of the letter is still transparent. :48_weary:

Before choosing a colour in the Colour Studio, tap on the Fill circle so that it’s on top of the Stroke ring.

31 minutes ago, WavesInPhaze said:

As far as masking goes ... Does the text have to be converted to curves before dragging the box over it? Because when i try what you suggest i just get the box over the text ... what am i doing wrong here

Are you masking or nesting? You say you’re dragging the box over the text, but for masking you need to drag the text over the box.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

Nesting is not working because your text Fill is set to transparent. Doesn't matter what you nest. Check your text colour settings. It may be as simple as changing the transparency to a colour making nesting unnecessary. If you want to nest an image add a colour fill to the text transparency first. The nested image will overwrite the colour fill.

M1 IPad Air 10.9/256GB   lpadOS 17.1.1 Apple Pencil (2nd gen).
Affinity Photo 1.10.5 Affinity Design 1.10.5 
Affinity Publisher 2, Affinity Designer 2, Affinity Photo 2 and betas.

Official Online iPad Help documents (multi-lingual) here: https://affinity.https://affinity.help/ 

 

Link to comment
Share on other sites

Yeah it’s the way the font was created, nothing i do to the color changes the fill from transparent. I tried masking the way you describe , that didn’t work either.

I have another random question. What is the deal with iPad converting AI files to .PS when downloading it from google drive? It seems to be a google drive thing since i just tried downloading the same file from Dropbox and it shows as AI on the iPad. HOWEVER, now i have an issue - when i open the ai file everything but my text has been rasterized ( i have a blur and noise effect on two of the elements) and of course i cannot edit them...WHY IS THAT? Shouldn’t AD just support everything since its an .AI format? 

Is there a certain way i need to export files from .AI so that all the functions remain and i can edit all pieces as vectors when plugging into AD?

Link to comment
Share on other sites

  • Staff

Apologies for the delayed response :)

On 4/18/2019 at 6:47 PM, WavesInPhaze said:

What is the deal with iPad converting AI files to .PS when downloading it from google drive? It seems to be a google drive thing since i just tried downloading the same file from Dropbox and it shows as AI on the iPad.

We've seen this happen before when using Google Drive & iOS, it appears to be a 'handshake' issue that affects filenames, unfortunately I've no other suggestion for you than to use another cloud service.

On 4/18/2019 at 6:47 PM, WavesInPhaze said:

Shouldn’t AD just support everything since its an .AI format?

Unfortunately we can't read the .AI format, as it is a proprietary format locked down by Adobe. When importing na .AI file into Affinity (on the desktop or iPad) we open an embedded PDF file, meaning we only support features compatible with our PDF importer. Without seeing your original .AI file, it's hard to be certain, but it sounds as though your objects or effects applied are not vector compatible with our PDF importer, if you could provide a copy of your file I can double check this for you.

On 4/18/2019 at 6:47 PM, WavesInPhaze said:

Is there a certain way i need to export files from .AI so that all the functions remain and i can edit all pieces as vectors when plugging into AD?

When saving to .AI you are shown compatibility options, one of which is to 'Embed a PDF stream', this option is ticked by default and needs to remain selected if you wish to open your .AI files in Affinity. You may find that you are given further control and compatibility options if you export directly to PDF from Illustrator and then import this into Affinity.

Please note -

I am currently out of the office for a short while whilst recovering from surgery (nothing serious!), therefore will not be available on the Forums during this time.

Should you require a response from the team in a thread I have previously replied in - please Create a New Thread and our team will be sure to reply as soon as possible.

Many thanks!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | 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.