Jump to content

Recommended Posts

Posted

Hey Forum Users!

I'm pretty new and novice to Affinity so always appreciate the help on here. I've also noticed that many forum members have a good out-of-the-box thinking approach, so thought I'd ask my question.

I basically want to use the attached image to create 5 new images ... each of them highlighting North, South, East, West or Central London.

So somehow I want to be able to choose parts of the map, and then make that part stand out more than the rest. The selection doesn't have to be precisely along the marked borough borders, and in fact probably shouldn't be. For example my South version may include some of the Richmond Borough area as will the West London version.

So it can be rough markers that sort of follow the boroughs, but may overlap ... what's more important is the overall image should look interesting and exciting and obviously be highlighting in an attractive way, it's own part of London (ie North, South, East, West of Central).

 

 

map-of-london-boroughs-covered.webp

Posted

Do you have a vector version of the map of do you only have a raster version?

Who are the audience for the new map?

How will the new map be displayed/seen/used?

What do you mean by “stand out more than the rest”?
And what should happen to the stuff that doesn’t “stand out”, if anything?

Posted

As bitmap or vectors here? - There are probably many things possible, one would be to emphasize the regions of interest in an overlaid text marker like coloring fashion. Or surrounding those with some emphasized linings, or let them flow (place them) slightly bigger emphasized shown on top of the rest ... etc. etc.

☛ 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

Posted

Just to add, the attached shows the sorts of areas I'd highlight as North, South, East, West and Central. Of course there's some missing areas near the centre in my mark up, but as mentioned, I'd be happy for each of the highlights to be slightly vague at the edges, so these would be covered.map-of-london-boroughs.webp.e65357e0b0e7eadbfc0ff964339b06d2.webp

Posted
10 minutes ago, GarryP said:

Do you have a vector version of the map of do you only have a raster version?

Who are the audience for the new map?

How will the new map be displayed/seen/used?

What do you mean by “stand out more than the rest”?
And what should happen to the stuff that doesn’t “stand out”, if anything?

Great questions! Unfortunately I only have that version, but am looking into whether I can get a vector version (never know how to use those so don't download them even when presented as an option ;0)

End results will go on a website so end one should be optimised WebP at around 100Kb max. Will be viewed on Desktops and Mobiles ... basically they'll form the header image for 5 different webpages, each dealing with North, South, East, West and Central London coverage zones

So when user visits the page for North London, they'd see a version of the above image but with something that clearly shows the North London areas (as roughly marked by the ellipse in my other image) highlighted somehow. 

The most ideal would perhaps be an animated WebP that repeatedly magnifies that elliptical area ... but no idea if that's OTT or even whether it could be done within 100Kb per image

Posted

Thanks for the extra information.

The image you supplied looks a little large (dimension-wise) for a web page header, especially on mobile.
What will the dimensions of the image be when it’s used?

Posted
5 minutes ago, GarryP said:

Thanks for the extra information.

The image you supplied looks a little large (dimension-wise) for a web page header, especially on mobile.
What will the dimensions of the image be when it’s used?

We've been using images at 600px x 600px and they seem to fit the template design quite well. Agree it's a bit big for a mobile, but the template makes it look ok. On a mobile (in portrait orientation) it basically shows the website menu bar, followed by the square image (full width) and then has about 2/5 of the screen left (above the fold as it were) to show some intro text for the page

Posted

map-of-london-3d.png.263654d3189cee673654a65efb1aeff8.png

☛ 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

Posted

I think my first idea might be to go for a simple Black and White Adjustment and then paint with a ‘Spray Can’ brush onto the mask of the Adjustment layer (the layer itself).

My attached image shows where I have used three different brushes as an experiment showing three highlighted areas at the same time.
Probably not great but it’s quick to try and some ideas may come out of it.

image.png.cc7f44fa8f1aff4acd5892db4c70d1cf.png

Posted
5 minutes ago, GarryP said:

I think my first idea might be to go for a simple Black and White Adjustment and then paint with a ‘Spray Can’ brush onto the mask of the Adjustment layer (the layer itself).

My attached image shows where I have used three different brushes as an experiment showing three highlighted areas at the same time.
Probably not great but it’s quick to try and some ideas may come out of it.

image.png.cc7f44fa8f1aff4acd5892db4c70d1cf.png

I like the idea of B&Wing (is that even a word?!) the irrelevant areas ... let me try and see how it looks, thank you!

Posted
13 minutes ago, creativevision said:

is there an easy way I could perhaps insert my ellipses as masks so that when I spray paint, it only stays within the elliptical area?

I would probably just do it by eye using a shape as a visual ‘boundary’ – see attached video.
You can use different Adjustments (turning each off and on as necessary) to build up the different areas.

Posted

image.png.6e7fdf4dc06014a5e96625cb7142a55e.png

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.7.2948 (Retail)
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605.
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.

Posted
53 minutes ago, creativevision said:

I ended up using the Vector file (that GarryP gave me confidence to use LOL) and also applying thomaso's idea ...

A wise decision to use a vector representation here, since that can usually be scaled up/down to your needs without loosing any quality, as far as all is kept as plain vectors on it's export and nothing is rasterized here then.

☛ 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

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.