Jump to content

APhoto - Adding & Colouring Characters


Recommended Posts

I have created 3 individual characters which I want to join, overlapping a little, to form a logo.
I have positioned the 3 characters vertically with the required overlap of each, chosen a font, aligned the characters & grouped the 3 layers.
(I want to be able to save this & be able to modify its colour for when I add it to different designs).
When I have coloured the logo & reduced the opacity to the desired value, the double colour density is visible where the characters overlap, which I don't want.
What's the best way to create a single logo from the currently 3 grouped characters, & be able to save it for future colour & size modification, & not get the double colour density occurring?

Thanks.

Affinity Photo 1.10.6.1665 / Affinity Publisher 1.10.6 - Win 10 Home 64 bit 22H2, OS Build 19045.2251 - Asus ROG G20CB - i5-6400 2.7ghz - 8gb RAM - NVIDIA GX950- BenQ BL2783

Link to comment
Share on other sites

Ungroup the layers and set the opacity back to 100%. Group the layers again and then set the opacity of the group to the desired value.

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

Link to comment
Share on other sites

3 hours ago, Ray S. said:

You should not group them, but convert each character in a curve and then perform some boolean operations to discard the overlaping parts.

Hi Ray, thanks for your response.

I have ungrouped, convereted the characters to curves, 'added' them to each other (the Boolean operation which seemed the most appropriate) & selected a colour, but the holes of the figure 8 became filled with colour. And even though the inner lines of the holes of the figure 8 are highlighted, if the selection brush is chosen to remove them, the highlighted lines disappear.

This is not ideal if I have to measure & cut holes from the figure 8 everytime I need to change the colour of the logo to apply to a new design.

Affinity Photo 1.10.6.1665 / Affinity Publisher 1.10.6 - Win 10 Home 64 bit 22H2, OS Build 19045.2251 - Asus ROG G20CB - i5-6400 2.7ghz - 8gb RAM - NVIDIA GX950- BenQ BL2783

Link to comment
Share on other sites

3 hours ago, Alfred said:

Ungroup the layers and set the opacity back to 100%. Group the layers again and then set the opacity of the group to the desired value.

This did not work Alfred. After ungrouping, I saw the opacity was already at 100, & when I regrouped & reduced it I got the same result.

Affinity Photo 1.10.6.1665 / Affinity Publisher 1.10.6 - Win 10 Home 64 bit 22H2, OS Build 19045.2251 - Asus ROG G20CB - i5-6400 2.7ghz - 8gb RAM - NVIDIA GX950- BenQ BL2783

Link to comment
Share on other sites

35 minutes ago, eightysevens said:

After ungrouping, I saw the opacity was already at 100

In that case, how do you explain the “double colour density” that you mentioned in your original post? :/

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

Link to comment
Share on other sites

9 minutes ago, Alfred said:

In that case, how do you explain the “double colour density” that you mentioned in your original post? :/

Because I reversed the procedure back to the original grouping of the characters. Obviously it was not the correct way to proceed to achieve my goal.

Affinity Photo 1.10.6.1665 / Affinity Publisher 1.10.6 - Win 10 Home 64 bit 22H2, OS Build 19045.2251 - Asus ROG G20CB - i5-6400 2.7ghz - 8gb RAM - NVIDIA GX950- BenQ BL2783

Link to comment
Share on other sites

16 hours ago, eightysevens said:

reduced the opacity

That is your problem. Here is a short video showing how to copy the colour from a semi transparent fill and then apply and set opacity to 100%

Mac Pro (Late 2013) Mac OS 12.7.6 
Affinity Designer 2.5.5 | Affinity Photo 2.5.5 | Affinity Publisher 2.5.5 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

This is not what I want. I want the opacity to be reduced, not at 100%. But when I reduce the opacity there are overlapped areas where the opacity is doubled up due to there being parts of two characters occpuying the same space.

Here is what I have, but I desire this opacity unifomed, without having the overlaps more opaque.
Also I would like to have this as a template, or saved as an AFile so I can modify the colour & size for future use.

 

Logo Overlapped Characters..png

Affinity Photo 1.10.6.1665 / Affinity Publisher 1.10.6 - Win 10 Home 64 bit 22H2, OS Build 19045.2251 - Asus ROG G20CB - i5-6400 2.7ghz - 8gb RAM - NVIDIA GX950- BenQ BL2783

Link to comment
Share on other sites

17 minutes ago, Old Bruce said:

87s.afdesign

All it is is Grouped and the transparency for the group is set.

Sorry, I don't uderstand. Whether the characters are grouped or not the same result occurs.

Is there something fundamental I am missing here?

Affinity Photo 1.10.6.1665 / Affinity Publisher 1.10.6 - Win 10 Home 64 bit 22H2, OS Build 19045.2251 - Asus ROG G20CB - i5-6400 2.7ghz - 8gb RAM - NVIDIA GX950- BenQ BL2783

Link to comment
Share on other sites

So we are on the same page I need to know that what you want is the blue colour but not the dark blue at the intersections.

1174406956_ScreenShot2020-04-23at8_39_05AM.png.bfc993a99a2fb0850b3e6636a2930035.png

Further you want the 87S to be transparent. Am I correct with that assumption.

Arrange the characters, Group that arrangement, leave the transparency of the 8, 7 and S at 100% and set the transparency of the group to what ever you need.

It will help to see the effect if you have some sort of colour or lines or anything behind the group.

Here is another example, please check the layers panel

87s.afdesign

371170812_ScreenShot2020-04-23at8_49_44AM.thumb.png.1a8e842010236d18aec260a65f1300e8.png

Mac Pro (Late 2013) Mac OS 12.7.6 
Affinity Designer 2.5.5 | Affinity Photo 2.5.5 | Affinity Publisher 2.5.5 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

Old Bruce, firstly I apologise. I thought the 87s.afdesign was my original file & only just opened it. I should've been more observant of the file name, as I am using APhoto, not Design, simply because I am working with photographs only, besides this logo. And I thought the logo would be simple to create in APhoto, the software seeming to have many of the same toos.

So the result in your previous reply, without the lines is what I would like to achieve.

"I need to know that what you want is the blue colour but not the dark blue at the intersections." - Correct

"You want the 87S to be transparent." - Correct

So your example on the right is perfect. Is then there a difference between how APhoto & ADesigner produce when applying the same process? Or have you executed a different procedure to me?

Please can you run me through exactly what you did?

I created the 3 characters on a transparent preset, moved them into position, overlapping, grouped them, added colour & reduced opacity. But your examples do not show the overlap when the opacity is reduced.

Many thanks, I really appreciate your time.

 

Affinity Photo 1.10.6.1665 / Affinity Publisher 1.10.6 - Win 10 Home 64 bit 22H2, OS Build 19045.2251 - Asus ROG G20CB - i5-6400 2.7ghz - 8gb RAM - NVIDIA GX950- BenQ BL2783

Link to comment
Share on other sites

3 minutes ago, eightysevens said:

Please can you run me through exactly what you did?

30 minutes ago, Old Bruce said:

Arrange the characters, Group that arrangement, leave the transparency of the 8, 7 and S at 100% and set the transparency of the group to what ever you need.

Here is a movie in Photo What you are getting with the overlapping darker colour is at the end. Pay attention to the opacity in the Layers panel.

Mac Pro (Late 2013) Mac OS 12.7.6 
Affinity Designer 2.5.5 | Affinity Photo 2.5.5 | Affinity Publisher 2.5.5 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

1 hour ago, Old Bruce said:

Here is a movie in Photo What you are getting with the overlapping darker colour is at the end. Pay attention to the opacity in the Layers panel.

I now see the where the problem occurs. I was reducing the opacity with the colour opacity slider, not with the layer opacity slider. That makes all the difference.

Again, many thanks for your patience & assistance Old Bruce 😀

Affinity Photo 1.10.6.1665 / Affinity Publisher 1.10.6 - Win 10 Home 64 bit 22H2, OS Build 19045.2251 - Asus ROG G20CB - i5-6400 2.7ghz - 8gb RAM - NVIDIA GX950- BenQ BL2783

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.