Jump to content

Recommended Posts

Posted (edited)

The cause of the malfunction seems to have been found. Well done.

That said, don't get me wrong. Some SVG commands were not understood by Affinity Designer, but the Union Jack flag is not actually that complex. Here is a new version that I made from the graphic information in this file. The source is much simpler.

Note:

  1. angle = ±arctan(hauteur / largeur) = ±arctan(30 / 50) = ±30,963757 °
    I haven't found a way of calculating this value directly in the R field.
  2. The resulting source is much simpler than Wikipedia's.
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 500 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
  <rect id="Drapeau-Royaume-Uni" serif:id="Drapeau Royaume-Uni" x="0" y="0" width="500" height="300" style="fill:none;"/>
  <clipPath id="_clip1">
    <rect id="Drapeau-Royaume-Uni1" serif:id="Drapeau Royaume-Uni" x="0" y="0" width="500" height="300"/>
  </clipPath>
  <g clip-path="url(#_clip1)">
    <rect x="0" y="0" width="500" height="300" style="fill:#012169;"/>
    <path d="M484.565,-25.722l30.87,51.449l-499.996,299.998l-30.87,-51.45l499.996,-299.997Z" style="fill:#fff;"/>
    <path d="M515.431,274.275l-30.87,51.45l-499.996,-299.998l30.87,-51.449l499.996,299.997Z" style="fill:#fff;"/>
    <path d="M171.425,102.85l-10.29,17.15l-171.417,-102.85l10.29,-17.15l171.417,102.85Z" style="fill:#c8102e;"/>
    <path d="M510.29,282.848l-10.29,17.15l-171.413,-102.848l10.29,-17.15l171.413,102.848Z" style="fill:#c8102e;"/>
    <path d="M200,180l10.29,17.15l-199.996,119.997l-10.29,-17.149l199.996,-119.998Z" style="fill:#c8102e;"/>
    <path d="M489.714,-17.15l10.29,17.15l-200,120l-10.29,-17.15l200,-120Z" style="fill:#c8102e;"/>
    <rect x="200" y="0" width="20" height="300" style="fill:#fff;"/>
    <rect x="280" y="0" width="20" height="300" style="fill:#fff;"/>
    <rect x="0.002" y="100" width="500" height="20" style="fill:#fff;"/>
    <rect x="0" y="180" width="500" height="20" style="fill:#fff;"/>
    <rect x="0" y="120" width="500" height="60" style="fill:#c8102e;"/>
    <rect x="220" y="0" width="60" height="300" style="fill:#c8102e;"/>
  </g>
</svg>

drapeau-royaume-uni.jpg.37a4d0e245d6081dd6418212a19dbfef.jpg

 

drapeau-angleterre.afdesign

Edited by Pyanepsion
Flag and note modification

6 cœurs, 12 processus - Windows 11 pro - 4K - DirectX 12 - Suite universelle Affinity (Affinity  Publisher, Affinity Designer, Affinity Photo).

Mais je vous le demande, peut-on imaginer une police sans sérifs ?

Posted
7 hours ago, Pyanepsion said:

Here is a new version that I made from the graphic information in this file.

That version is incorrect. There should be a (white) gap between the hypotenuse of each blue triangle and the neighbouring red stripe.

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)

Posted
4 minutes ago, Alfred said:

That version is incorrect. There should be a (white) gap between the hypotenuse of each blue triangle and the neighbouring red stripe.

Haha, don't get too close to the Saint Andrew's Cross!!

I simply no longer believe that there are any professional graphic designers here. Everything follows suit. Just everything.

 

Posted

Being pedantic, the flag in the original post is the King's (/Queen's) Colour, (which is carried by Infantry Regiments of the British Army) it is not the same thing as the British (Union) Flag (AKA the Union Jack). According to the College of Arms "For the avoidance of doubt and the sake of convenience, Garter King of Arms, under the authority of the Earl Marshal, has approved two versions of the Union flag as being accurate representations suitable for use. These are of the proportions 5:3, commonly flown on land; and 2:1, commonly flown at sea." The King’s Colour, is a variation of the Union Flag, usually with a golden trim and the crest of the regiment in the centre, which has proportions of approximately 3:2. Attached is the correct layout of the Union Flag (5:3 version,) from the College of Arms.

Union_Flag_5-3_guide_v3.jpg.08aac73c4a91db4c3481e3e79507b317.jpg

 

Acer XC-895 Core i5-10400 Hexa-core 2.90 GHz : 32GB RAM : Intel UHD Graphics 630 – Windows 11 Home - Affinity Publisher, Photo & Designer, v2
(As I am a Windows user, any answers/comments I contribute may not apply to Mac or iPad.)

Posted

Corrected. Thank you, Alfred, and PaulEC.

For those who are interested… The 1900 Union Flag with a proportion of 4:5 that I had used as a model was in fact effectively created by the War Office, and has become obsolete. There are now 2 organizations:

  • College of Arms and Earl Marshal (Modern Recommendations 3:5 and 1:2): this flag is used in both civilian and official contexts. The proportions are 3:5 on land and 1:2 at sea. The College of Arms and the Earl Marshal are heraldic and vexillological authorities who issue advice on the use of the flag.
  • King’s Regulations (5:8 and 2:3): This flag is used by the British armed forces and has proportions of 5:8 for a large 3.7m×2.3m flag, and 2:3 for a 1.8m×4.2m flag.

Note:

  1. When it comes to screens and specifying the aspect ratio, we generally use the width:height ratio, where width is the first number and height is the second number. For example, a screen with a resolution of 1920 pixels wide and 1080 pixels high is often expressed as a ‘16:9 ratio’ or ‘16:9 format’.
  2. When it comes to flags, on the other hand, we tend to talk in terms of proportion, use height:width and generally indicate height in relation to width, where height is the first number and width is the second. For example, the flag of France has a proportion of ’2:3’, which means that its height is 2 units for every 3 units of width.

The difference in terminology between screens and flags is historical and conventional, and is simply due to the different conventions established to describe these two types of objects. These two presentations should be unified to avoid confusion…

6 cœurs, 12 processus - Windows 11 pro - 4K - DirectX 12 - Suite universelle Affinity (Affinity  Publisher, Affinity Designer, Affinity Photo).

Mais je vous le demande, peut-on imaginer une police sans sérifs ?

Posted

Myself I like H:W and reduce the H to 1 and the W to H/W. So 16:9 (a screen) would be 9:16 or my preferred 1:1.778. And 2:3 (a flag) would (still) be 2:3 or 1:1.5.

Mac Pro (Late 2013) Mac OS 12.7.6 
Affinity Designer 2.6.0 | Affinity Photo 2.6.0 | Affinity Publisher 2.6.0 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

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.