Jump to content

An Easy Way to eliminate gray lines between photos


Recommended Posts

Hi All, I'm new to Affinity so I'm not sure if Publisher is the best program for this or there's an easier way in MS Paint?

I captured these photos off an organization's Website we're assisting for free help in helping others earn a high school diploma.

I'd like to remove the gray lines between the photos.

Thank you!

 

 

Career Online - 1st Set Photos.PNG

Link to comment
Share on other sites

Why not loading the individual images from the website instead of the low-res combined sample?

https://sandiegopl.mycareerhs.com/hospitality-and-leisure

https://sandiegopl.mycareerhs.com/general-career-preparation-copy

 

Why not asking the organization to provide the original images in a suitable resolution for further usage?
Maybe check if the license covers your intended use case?

 

To be totally honest, if you are unable to download images from a website, and considering MS Paint, you may have a far too steep learning curve with Affinity apps. These images look like professionally made, this normally means restricted use permission, and royalties to be paid. Before you bring yourself into trouble (violating photo licenses / permissions), please consult someone more experienced with the matter.

 

Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

My posts focus on technical aspects and leave out most of social grease like „maybe“, „in my opinion“, „I might be wrong“ etc. just add copy/paste all these softeners from this signature to make reading more comfortable for you. Otherwise I’m a fine person which respects you and everyone and wants to be respected.

 

Link to comment
Share on other sites

@chasm

To answer your original question, (just in case it is needed in the future, for other images) it can be done quite easily in Publisher.

1. One way is to place the image 3 times in your document then use a Rectangle shape (with any fill colour) to clip/mask the area you want visible on each image

2. Another is to place the image in a Picture Frame and then adjust that frame to display only the part of the image you want (but option 1 is probably easier)

 

6 hours ago, chasm said:

I'd like to remove the gray lines between the photos.

On my computer the lines are white, if you are seeing grey you may want to check the calibration on your monitor.

 

The other requirement you may be requesting is to keep the original image as is (i.e. not separate images) and to make the white/grey parts transparent. E.g. if you wanted to place the image on a blue background but not have the white/grey parts showing

If so, you can use 3 separate Rectangles to cover the areas you want to show, group these 3 layers then use the group to clip/mask the image

Let us know if you need further assistance with any of the above and your exact requirements (i.e. keep just one image or get 3 separate images)

To save time I am currently using an automated AI to reply to some posts on this forum. If any of "my" posts are wrong or appear to be total b*ll*cks they are the ones generated by the AI. If correct they were probably mine. I apologise for any mistakes made by my AI - I'm sure it will improve with time.

Link to comment
Share on other sites

Quote

Hi Carl - Happy New Year! Thank you for being vertical enough today to share your most appreciate thoughts!! :) I'm a newbie just learning APub (which seems remarkable but as with all software it has it's learning curve. My goal is  to keep the photos together in that horizontal way but just remove the grey lines between them. A white background is fine unless your creative eye sees a better color to make the background make the photos stand out? I haven't created  anything in APub yet so I'm still poking around File, Edit, etc. and acquainting  myself with what each does. I don't have 10+ years of experiencing working with Adobe or Photoshop but I think investing in Apub is the best strategy for me, albeit a bit of a a slog at first but worth the effort and trial and error. I'm a bit lost with ... "group these 3 layers then use the group to clip/mask the image." Sounds cool but if you would please share any graphics of those steps I'd be so appreciative. Thank you for al your kind help and patience. 

 

Link to comment
Share on other sites

Basically, create a Rectangle shape and cover the first image with it

Do the same for the 2nd and 3rd images with 2 more Rectangles

Select those 3 Rectangles in the Layers panel and create a Group with them by using Layer > Group

Drag that group onto the thumbnail of the image layer in the Layers panel 

This then creates a mask, where only the areas of the image where we placed the 3 Rectangle show up

I have attached a document saved with History, so all the steps I took are visible in the History panel. You can replay them from the beginning, step by step, to see what I did

 

maskimage3.afpub

To save time I am currently using an automated AI to reply to some posts on this forum. If any of "my" posts are wrong or appear to be total b*ll*cks they are the ones generated by the AI. If correct they were probably mine. I apologise for any mistakes made by my AI - I'm sure it will improve with time.

Link to comment
Share on other sites

On 1/1/2022 at 5:00 AM, carl123 said:

 

On 12/31/2021 at 10:20 PM, chasm said:

I'd like to remove the gray lines between the photos.

On my computer the lines are white, if you are seeing grey you may want to check the calibration on your monitor.

On my computer the lines are grey, if you are seeing white you may want to check the calibration on your monitor.

55F294F5-7821-4474-8CF5-FFE3243874F6.jpeg

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

I don't think this is a good/correct description of the problem. These are not gray lines "between" the images, because the space/lines between the images are white, but lines "below" the images, which are formed by a continuing shadow.

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.5.2636 (Retail)
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.4317.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.4317.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

There is everywhere a shadow (aka very light gray lines) around, though it's partly hard to see on certain regions.

shadow1.jpg.ab0bcee7fecca2f860022ec4d7665c7d.jpg

shadow2.jpg.5ecdad14b578f808d79fb821c97ed2cc.jpg

And in order to not fiddle long araound with that, either use the orig files as NotMyFault suggested, or crop out some minus two to three pixels less all around for each image and reorder them newly.

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

  • 1 month later...

Hi Carl et al,

I hope you are all well. I’m stuck at the point where you’re supposed to drag the “Group” of the 3 photos now covered in white over the thumbnail. I do that but it’s not clear to me the steps to then add any color between ad around the 3 photos. Still graphics work best for me in learning software. Would you please share how after I’ve dragged these 3 covered photos over the “Pixel” thumbnail layer and selected group that I can then add any color? Thank you so much.

0 APub - Eliminating Grey Lines between photos - Screenshot.jpg

Link to comment
Share on other sites

You do it the bad way. Just ask for them to send you the images, or download them.

Create your new document, with your screenshot as help in background to position 3 picture frames or rectangles, and put the images inside.

 

And perhaps you simply need to learn a bit more about using the apps. There's a lot of interesting tutorials for beginners, especially those by Affinity.
Watching them, it'll be easier to understand the apps and how to get a better worklfow.

Link to comment
Share on other sites

3 hours ago, Wosven said:

You do it the bad way. Just ask for them to send you the images, or download them.

I completely agree. The OP mentions having captured the photos off the website: taking a screenshot will result in a single image file including unwanted stuff such as the text below and the grey lines in between, but downloading the images will result in three separate image files with no extraneous material.

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

Then take a rectangular shape, use the color picker to get the exact background fill color, and place it above the gray lines. Copy it several times and move it to all gray lines.

It is easier to hide them than to remove them.

Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

My posts focus on technical aspects and leave out most of social grease like „maybe“, „in my opinion“, „I might be wrong“ etc. just add copy/paste all these softeners from this signature to make reading more comfortable for you. Otherwise I’m a fine person which respects you and everyone and wants to be respected.

 

Link to comment
Share on other sites

6 hours ago, Wosven said:

It is easier to download the images from the site (and have better resolution) than doing all this. It's to learn APub, not Photo retouching.

Exactly that was proposed in my very first reply in December, including the links where the individual images could be found. 

The OP seems to ignore these type of advice given by multiple members.
 

 

On 12/31/2021 at 11:30 PM, NotMyFault said:

Why not loading the individual images from the website instead of the low-res combined sample?

https://sandiegopl.mycareerhs.com/hospitality-and-leisure

https://sandiegopl.mycareerhs.com/general-career-preparation-copy

 

Why not asking the organization to provide the original images in a suitable resolution for further usage?
Maybe check if the license covers your intended use case?

 

To be totally honest, if you are unable to download images from a website, and considering MS Paint, you may have a far too steep learning curve with Affinity apps. These images look like professionally made, this normally means restricted use permission, and royalties to be paid. Before you bring yourself into trouble (violating photo licenses / permissions), please consult someone more experienced with the matter.

 

 

Mac mini M1 A2348 | Windows 10 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

My posts focus on technical aspects and leave out most of social grease like „maybe“, „in my opinion“, „I might be wrong“ etc. just add copy/paste all these softeners from this signature to make reading more comfortable for you. Otherwise I’m a fine person which respects you and everyone and wants to be respected.

 

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.