GarryP Posted January 3 Share Posted January 3 I’ve listed, below the images, the steps of a technique, using Designer only, which you can use to create a border as you might see on old treasure maps etc. It’s a bit long-winded but not difficult to do, shouldn’t take more than a few minutes to complete, and it should work in both V1 and V2. At each stage, make sure that: Stroke Colour is Black; Fill is None; Scale With Object is OFF. For the base border: Draw a rectangle, you can make it any size you want, and keep it selected; Open the Swatches Panel or Colour Panel; Set the Fill to None; Open The Stroke Panel; Set: Stroke Width to 16px; Join to Mitre; Align to Centre; Open the Appearance Panel; Add a New Stroke and make sure it’s above the previous stroke added; Set: Stroke Width to 12px; Cap to Butt; Join to Mitre; Align to Centre; Style to Dash; Dash Pattern to 5,5,0,0,0,0; Blend Mode to Erase; Also: Make sure that the "Balanced" button is ON or the effect won't be as nice; Add a New Stroke and make sure it’s at the bottom of the ‘stroke stack’ (but above the fill); Set: Stroke Width to 16px; Join to Mitre; Align to Inside; Style to Solid; Blend Mode to Normal; Add a New Stroke and make sure it’s above the previous stroke added; Set: Stroke Width to 14px; Join to Mitre; Align to Inside; Style to Solid; Blend Mode to Erase; Add a New Stroke and make sure it’s at the bottom of the ‘stroke stack’ (but above the fill); Set: Stroke Width to 20px; Join to Mitre; Align to Outside; Style to Solid; Blend Mode to Normal; Add a New Stroke and make sure it’s above the previous stroke added; Set: Stroke Width to 19px; Join to Mitre; Align to Outside; Style to Solid; Blend Mode to Erase. For the optional ‘distressed’ effect: Duplicate the rectangle and select the duplicate layer; Use the “Revert Defaults” button on the Toolbar; Open the Swatches Panel or Colour Panel; Set the Fill to None; Make sure the new (duplicated) rectangle is above the other rectangle in the layer stack and still selected; Open The Stroke Panel; Set: Style to Textured Line Style; Open the Brushes Panel; Select the “Dry Media” category, scroll down and select the “Light Charcoal (for closed curves)” brush; Open The Stroke Panel; Set: Stroke Width to 90px; In the Layers Panel, set the Blend Mode of the duplicated Rectangle layer to Erase and set the Opacity to 60%; Group both rectangles. You can adjust the relative sizes of the strokes, brush pattern, etc. as necessary for different borders. You can also resize the border as you want while still keeping the same general design – if you have added the ‘distressed’ effect then make sure you move/resize the group as a whole. If you don't have the "Dry Media" category of brushes then you will need to choose a different brush from your collection. Important: Because you are using the Erase Blend Mode at various stages, the result will always* be rasterised upon export to any file format. * Unless you set “Rasterise: Nothing” as an export option whereupon the border will not be exported at all. PaulEC, Oufti, TrentL and 1 other 3 1 Quote Link to comment Share on other sites More sharing options...
MikeTO Posted January 3 Share Posted January 3 Great tips! These borders are neatlines - I love them. GarryP 1 Quote Download a free manual for Publisher 2.4 from this forum - expanded 300-page PDF My system: Affinity 2.4.2 for macOS Sonoma 14.4.1, MacBook Pro 14" (M1 Pro) Link to comment Share on other sites More sharing options...
GarryP Posted January 3 Author Share Posted January 3 Thanks MikeTO. I saw an example somewhere and thought: “I wonder if that’s possible to do easily in the Affinity suite?” And it was. Quote Link to comment Share on other sites More sharing options...
TrentL Posted January 4 Share Posted January 4 Very nice...simple and seems easy change the size, too. Thanks for sharing! Quote Link to comment Share on other sites More sharing options...
GarryP Posted January 4 Author Share Posted January 4 You're welcome. Quote Link to comment Share on other sites More sharing options...
StudioJason Posted January 5 Share Posted January 5 Very nice. Just remember for those using… the Map Borderlines (boxed areas) also certain dimensions… as a border type of overall visual scaling of distances as well. Meaning, each black and white box individually represent an increment of size/distance (I.e. inches/meters, miles/kilometers, etc). Unless you’re just wanting the overall effect. Quote Link to comment Share on other sites More sharing options...
v_kyr Posted January 5 Share Posted January 5 2 hours ago, StudioJason said: ... the Map Borderlines (boxed areas) also certain dimensions… as a border type of overall visual scaling of distances as well. Meaning, each black and white box individually represent an increment of size/distance (I.e. inches/meters, miles/kilometers, etc) That's right, usually it goes that dependent way for maps. - Further such borderlines in maps are often used for pirate maps (& game maps) ... Sample map 1 Sample map 2 Sample map 3 ... 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 Link to comment Share on other sites More sharing options...
GarryP Posted January 6 Author Share Posted January 6 14 hours ago, StudioJason said: Meaning, each black and white box individually represent an increment of size/distance (I.e. inches/meters, miles/kilometers, etc). That’s a very good point but, in this case, it was just about creating the effect rather than giving an accurate idea of scale. Maybe someone can come up with a way to incorporate some kind of (automatic?) scaling into the technique, and share it here for others to use. Quote Link to comment Share on other sites More sharing options...
v_kyr Posted January 6 Share Posted January 6 13 hours ago, GarryP said: ... come up with a way to incorporate some kind of (automatic?) scaling into the technique ... There are already some Py scripting libs for topo maps etc. which do such borderline framings etc. - One PyGMT based example can be inspected & followed here ... https://www.earthinversion.com/utilities/pygmt-high-resolution-topographic-map-in-python/#plot-data-on-the-topographic-map https://towardsdatascience.com/easily-plot-earthquakes-data-on-top-of-the-topographic-map-in-a-few-steps-c165673035b4 ... etc. GarryP 1 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 Link to comment Share on other sites More sharing options...
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.