Jump to content

Recommended Posts

How can I fill text with an image in Photo?  Looks like it can be done but there does not appear to be any information on how to do it. 

The attached is as far as I have got.

 

Thanks for any help.

Street.afphoto

Share this post


Link to post
Share on other sites

drag the image on the text layer until there is a bleu line under the text layer.

Street1.afphoto


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

Thanks.  This helped a bit.  The dark (black) areas of the text was filled with the image and the "centre" of the text was left transparent.  I actually wanted the opposite.

Share this post


Link to post
Share on other sites
19 hours ago, Journet said:

Thanks.  This helped a bit.  The dark (black) areas of the text was filled with the image and the "centre" of the text was left transparent.  I actually wanted the opposite.

So, what you want is: The dark (black) areas of the text to be left transparent and the "centre" of the text filled with the image.

Not sure at all what you mean by this. What is the "centre" of the text?

John


Windows 10, Affinity Photo 1.8, Designer 1.8 and Publisher 1.8 (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

Position your text and image layer, now right click the text layer and Rasterise. Now select the Flood Select Tool and hold down CTRL and click into the empty space (non black) of each letter. When finished select the image layer and then click the Mask Layer icon at the bottom, you can then deselect.

slice1.jpg

Share this post


Link to post
Share on other sites

Still not sure what you want @Journet but maybe select the text layer and change the blend mode to Erase.

Screen-Shot-2019-05-10-at-15-20-23.png

...and with a smidge of artistic licence...

Screen-Shot-2019-05-10-at-15-27-29.png


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - 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 - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

Is this what you want to do?

Street.jpg


Some scientists claim that hydrogen, because it is so plentiful, is the basic building block of the universe. I dispute that. I say there is more stupidity than hydrogen, and that is the basic building block of the universe.

These are not my own words but I sure like this quote.

Share this post


Link to post
Share on other sites

So far, none of the solutions offered have worked.  See attached.  This is the closest I have got.  

What I would like is the "white" or "blank" area of the text to be filled with the image.  If Affinity Photo is not capable of doing this I will have to settle for this.

 It has been suggested that the problem is with the font itself.  This is for a Street Art project. Times New Roman just isn't going to cut it.  I am open to alternative suggestions.  

Thanks to all for your assistance so far!  As a new user, I really appreciate your help.

Street1.afphoto

Share this post


Link to post
Share on other sites
21 hours ago, dutchshader said:

drag the image on the text layer until there is a bleu line under the text layer.

Street1.afphoto

by any chance do you know how to do this on the border of a square? I'm trying to add a gold foil image on the border of a square but can't seem to find out how 

Share this post


Link to post
Share on other sites
6 minutes ago, theotw said:

by any chance do you know how to do this on the border of a square? I'm trying to add a gold foil image on the border of a square but can't seem to find out how 

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

Do you mean you want a wide stroke applied to the square, but displaying a gold foil texture instead of a solid colour? :/


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.2.174 • Designer for iPad 1.8.2.4 • iPadOS 13.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Is this the effect you want?

 

streetfin.jpg


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be worried about.

Share this post


Link to post
Share on other sites
13 minutes ago, Alfred said:

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

Do you mean you want a wide stroke applied to the square, but displaying a gold foil texture instead of a solid colour? :/

yes! please see attached

Screen Shot 2019-05-10 at 11.07.14 AM.png

Share this post


Link to post
Share on other sites
7 minutes ago, Journey said:

YES!!!  YES!!!  YES!!!  This is exactly what I have been trying to do for the last three days!

Scroll back and read "Lee D's" post from 2 hours ago where he showed you what to do.

For anyone else trying this you need to download the "From Street Art" font.  It's a bit different

2 hours ago, Lee D said:

Position your text and image layer, now right click the text layer and Rasterise. Now select the Flood Select Tool and hold down CTRL and click into the empty space (non black) of each letter. When finished select the image layer and then click the Mask Layer icon at the bottom, you can then deselect.

slice1.jpg

 


Due to the fact that Boris Johnson is now our Prime Minister, punctuation, spelling and grammar will never be worried about ever again.  We now have far bigger problems to be worried about.

Share this post


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

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

Do you mean you want a wide stroke applied to the square, but displaying a gold foil texture instead of a solid colour? :/

 

21 minutes ago, theotw said:

yes! please see attached

Screen Shot 2019-05-10 at 11.07.14 AM.png

From your screenshot the rectangle is already set to ‘No Fill’, so all you need to do is enlarge the foil image to completely surround the rectangle, and then drag the rectangle layer in the Layers panel and drop it onto the thumbnail of the foil image.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.2.174 • Designer for iPad 1.8.2.4 • iPadOS 13.3.1 (iPad Air 2)

Share this post


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

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

Do you mean you want a wide stroke applied to the square, but displaying a gold foil texture instead of a solid colour? :/

Alfred, how do you put your software interests and portfolio at the bottom of your page?

>>>>Alfred online2long.gif
Affinity Designer 1.6.5.123 • Affinity Photo 1.6.5.123 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.6.12.86 • Affinity Designer for iPad 1.6.4.45 • iOS 12.2 (iPad Air 2)


PAULRFONTENOT ;-)

Late 2013 iMac/32gb ram/2tb ssd     2018 MacBook Pro/32gb ram/1 tb ssd

Affinity Designer/Designer Beta

Affinity Photo/Photo Beta

Affinity Publisher Beta

Share this post


Link to post
Share on other sites

That is a signature,

Go to Account Settings and then click on the Signature button.


MacBook Pro (13-inch, Mid 2012) Mac OS 10.12.6 || Mac Pro (Late 2013) Mac OS 10.14.5

Affinity Designer 1.8.3 | Affinity Photo 1.8.3 | Affinity Publisher 1.8.3 | Affinity Designer Beta 1.8.3.2 | Affinity Photo Beta 1.8.3.180 | Affinity Publisher Beta 1.8.3.627

Share this post


Link to post
Share on other sites
9 hours ago, Lee D said:

Position your text and image layer, now right click the text layer and Rasterise. Now select the Flood Select Tool and hold down CTRL and click into the empty space (non black) of each letter. When finished select the image layer and then click the Mask Layer icon at the bottom, you can then deselect.

slice1.jpg

OK.  With the above instructions I get the image in the text but it fills ALL the text making it a blob of colour.  The black outline of the text is missing unlike your example above.  The Fill Tool fills the text with white leaving the black outline of each letter.  Remember that I am using a Mac (not iPad),  I have substituted Option for CTRL as you must be using Windows.  (I have also tried using Command but got the same result.)  

Share this post


Link to post
Share on other sites

lol! I wondered how long it would take until someone did this lol! I resisted, it was tough though lol!


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - 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 - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

I got bored waiting for a delivery so made a video...

 


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - 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 - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites
10 hours ago, Journey said:

OK.  With the above instructions I get the image in the text but it fills ALL the text making it a blob of colour.  The black outline of the text is missing unlike your example above.  The Fill Tool fills the text with white leaving the black outline of each letter.  Remember that I am using a Mac (not iPad),  I have substituted Option for CTRL as you must be using Windows.  (I have also tried using Command but got the same result.)

Before you begin following those instructions, copy the text to the clipboard. Then when you’ve finished you can get the black outlines back by simply pasting what you copied. (Ctrl on Windows is Cmd  on a Mac, and Alt on Windows is Option/Alt ⌥ on a Mac.)

For what it’s worth, I would go with the vector method suggested by @>|<; as it’s vector, it yields a cleaner result and it’s more flexible than the raster approach. The ‘From Street Art’ font leaves a lot of awkward little bits to deal with after you divide the curves, but the principle is the same as that demonstrated in the video just posted by @firstdefence.


Alfred online2long.gif
Affinity Designer/Photo/Publisher 1.7.3.481 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.2.174 • Designer for iPad 1.8.2.4 • iPadOS 13.3.1 (iPad Air 2)

Share this post


Link to post
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.


×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. 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.