creativevision Posted July 13, 2023 Posted July 13, 2023 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). Quote
GarryP Posted July 13, 2023 Posted July 13, 2023 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? Quote
v_kyr Posted July 13, 2023 Posted July 13, 2023 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. Quote ☛ 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
creativevision Posted July 13, 2023 Author Posted July 13, 2023 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. Quote
creativevision Posted July 13, 2023 Author Posted July 13, 2023 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 Quote
creativevision Posted July 13, 2023 Author Posted July 13, 2023 Actually, yes I have the vector! Attached but as mentioned I have no idea on how to work with vector files 🤔 map-of-london-boroughs.eps Quote
GarryP Posted July 13, 2023 Posted July 13, 2023 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? Quote
creativevision Posted July 13, 2023 Author Posted July 13, 2023 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 Quote
v_kyr Posted July 13, 2023 Posted July 13, 2023 Quote ☛ 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
thomaso Posted July 13, 2023 Posted July 13, 2023 Quote • MacBookPro Retina 15" | macOS 10.14.6 | Eizo 27" | Affinity V1 • iPad 10.Gen. | iOS 18.5. | Affinity V2.6
GarryP Posted July 13, 2023 Posted July 13, 2023 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. Quote
creativevision Posted July 13, 2023 Author Posted July 13, 2023 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. 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! Quote
creativevision Posted July 13, 2023 Author Posted July 13, 2023 15 minutes ago, thomaso said: I like the one on the right, is it easy to do?! Quote
thomaso Posted July 13, 2023 Posted July 13, 2023 8 minutes ago, creativevision said: I like the one on the right, is it easy to do?! Very easy. v1105 map detail.afpub creativevision 1 Quote • MacBookPro Retina 15" | macOS 10.14.6 | Eizo 27" | Affinity V1 • iPad 10.Gen. | iOS 18.5. | Affinity V2.6
David in Яuislip Posted July 13, 2023 Posted July 13, 2023 Oops Quote Microsoft Windows 11 Home, Intel i7-1360P 2.20 GHz, 32 GB RAM, 1TB SSD, Intel Iris Xe Affinity Photo - 24/05/20, Affinity Publisher - 06/12/20, KTM Superduke - 27/09/10
GarryP Posted July 13, 2023 Posted July 13, 2023 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. 2023-07-13 15-21-59.mp4 creativevision 1 Quote
creativevision Posted July 13, 2023 Author Posted July 13, 2023 Thank you both @GarryP and @thomaso ... I ended up using the Vector file (that GarryP gave me confidence to use LOL) and also applying thomaso's idea ... and I'm happy with it! thomaso 1 Quote
Pšenda Posted July 13, 2023 Posted July 13, 2023 Quote 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.
v_kyr Posted July 13, 2023 Posted July 13, 2023 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. Quote ☛ 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
Recommended Posts
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.