Jump to content

Recommended Posts

Hi.

I've got this png shape of a chain link.  I'm trying to slightly bring the ends of the broken sections, a little bit closer to the centre link.  So that the appearance can be that it's almost removed the gaps.  I think just stretching the ends parts of the chain on the left and on the right, closer to middle link, will be sufficient for it to look closed.  I want it then to be a new png image.

Does anyone know the best way to achieve this please?

Thanks

 

chainlink.afphoto

Link to post
Share on other sites

My attached video shows a very crude method of doing something like what you want but it’s a bit messy and it doesn’t look very good, unless you zoom out a lot, and even then it’s not pretty. The method of stretching a selection can be useful though, so I thought I’d post it anyway.
I’m sure someone else will be able to give you a much better/nicer method.

Link to post
Share on other sites

For this I would thry the Mesh Warp Tool.

Separating the 3 elements on different layers.

2020-04-18_152006.thumb.png.1bfe8264c0b924db4ad15e4dbb3aee9e.png

And using the tool (and guides and red rectangles to know when to stop modifying the mesh).

2020-04-18_152119.png.8930c11ec15513299d5a0c34230771d1.png2020-04-18_152414.png.e29b207044389f727f187eb2e411ef3a.png

First task, drawing a shape with the vectors shapes,  it'll be easier to have the right curves and following the shape.

2020-04-18_153235.thumb.png.52738429434aeca5fa5237072eaf2c17.png

 

Link to post
Share on other sites

You could try separating the 3 links onto separate layers
Duplicate the 2 end links
Flip the duplicates horizontally
Position them
Blend them in

 

links.png

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.

Link to post
Share on other sites

Thanks guys.  Amazing to see the variable methods and expertise that you guys have come up with.

Hat's off too, for Affinity, providing the tools they do.

I think I'm going to try a bit of all of these, just so I can learn, but the last image and process looks the best outcome, so if I can, I'm likely going to use that.

Having said that, the work has been done in that respect, and I may well just use that image, if that's ok? :)

Link to post
Share on other sites
3 minutes ago, TopRobRoy said:

and I may well just use that image, if that's ok?

Sure

I've uploaded the APhoto doc so you can tweak/refine it if needed

 

chainlink2.afphoto

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.

Link to post
Share on other sites

I was trying to see what a chain link would look like on a webpage I'm doing.

The idea is that there would be 9-12 images and that it conveyed a message that everything is linked to a particular community model I'm doing.

I was going to try Arrows between each image, going left to right on the 3, then down and left etc

I'm not yet convinced it's clear.  Just looking for any views on this from anyone, and/or suggestions.

Thanks

Robert WebTestChain.thumb.png.410955ecd91c86a23271f6b86542e45e.png

Link to post
Share on other sites
16 minutes ago, GarryP said:

I think the page would look better, and clearer, if it was omitted.

That’s a bit drastic, then there would be no page 😁

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

Link to post
Share on other sites

instead of chain-links which could be associated with oppression, how about a handshake?

handshake@4x.png.f343af679dcb093526c0d5d98c3b05c0.png

icons8-handshake.svg

I think a better image for the Environment & climate section and a stronger font (Arial Bold) for all three images would help legibility and impact, see below.

500189009_ScreenShot2020-04-19at09_05_52.png.c9916f4777396f5a4cdfd37e72f805fc.png

Image used: https://unsplash.com/photos/v3lA7GROOHg

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

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

I think the page would look better, and clearer, if it was omitted.

I do tend to agree to be honest. Thanks for your honesty.

42 minutes ago, firstdefence said:

instead of chain-links which could be associated with oppression, how about a handshake?

handshake@4x.png.f343af679dcb093526c0d5d98c3b05c0.png

icons8-handshake.svg 4.17 kB · 0 downloads

I think a better image for the Environment & climate section and a stronger font (Arial Bold) for all three images would help legibility and impact, see below.

500189009_ScreenShot2020-04-19at09_05_52.png.c9916f4777396f5a4cdfd37e72f805fc.png

Image used: https://unsplash.com/photos/v3lA7GROOHg

I also admit, that the font idea is a good one.  It does look better for the reasons you stated.

The advice is appreciated guys and the jokes 😂🤣

Link to post
Share on other sites

I think there's too many items and it disrupt the reading of the page (there's a strong background also). Simpler is best, and if needed, before the images a sentence that explains clearly the meaning, or a different display. Vertically would induce more hierarchy than having them from left to right (but if there are more than 3, ouch!)

> There could be more text before "More infos" too, to explain a bit.

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

Ithink there's too many items and itdisrupt the reading of the page (there'sastrong background also). Simpler is best, and if needed, before the images a sentence that explains clearly the meaning, or a different display. Vertically would induce more hierarchy than having them from left to right (but if there are more than 3, ouch!)

> There could be more text before "More infos" too, to explain a bit.

This is going to be a slider with some Key messages, although I accept what you're saying.  It depends on the content when I've done it, whether I will change it to Vertical, but thanks.

There is More Info.

image.png.f1943fe8ed8ce1277c0e60f3976cf9c6.png

Link to post
Share on other sites

Ok with a slider, I thought you'll have at least 3 or 9 images on a page, looking at the screenshot!

Some transition from one image to another perhaps (if there's  a "next" or similar way to convey the link between articles), but it would difficult to realize and ideas sound better sometimes than results… :P

 

Link to post
Share on other sites

True. There will be 9 or 12 images, each with a short piece of text, the length you see.  The part at the top, will have key messages to a concept, and the images are part of the concept for sustainability where you live, covering the component parts.  It's not going to be the site itself, just a marketing page.

I appreciate the comments though, and the top part will be key.  I may well take away that imagery.  I'm just formulating these parts for now, and hope to finalise in the next month for release.

Ciao!

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.

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

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. 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.