Jump to content
You must now use your email address to sign in [click for more info] ×

jwilson8767

New Members
  • Posts

    1
  • Joined

  • Last visited

Posts posted by jwilson8767

  1. Reviving this thread to mention a workaround I found whereby you can load a gradient into affinity by first describing it in an SVG file.

    So here goes:

    1. Create an svg file using any text editor with your color stops (as hex colors, rgb does not appear to be supported) and their percentages as shown below:

    <svg width="110" height="400" version="1.1" xmlns="http://www.w3.org/2000/svg">
      <defs>
          <linearGradient id="Gradient1" gradientUnits="objectBoundingBox" x1="0" x2="0" y1="0" y2="1">
    		<stop class="stop1" offset="0%"  style="stop-color:#063168"/>
    		<stop class="stop2" offset="10%" style="stop-color:#1A5996"/>
    		<stop class="stop3" offset="20%" style="stop-color:#1886C2"/>
    		<stop class="stop4" offset="30%" style="stop-color:#54B3DE"/>
    		<stop class="stop5" offset="40%" style="stop-color:#C1D7EA"/>
    		<stop class="stop6" offset="50%" style="stop-color:#FFFFFF"/>
    		<stop class="stop7" offset="60%" style="stop-color:#FDC579"/>
    		<stop class="stop8" offset="70%" style="stop-color:#FA7C59"/>
    		<stop class="stop9" offset="80%" style="stop-color:#DA3C3A"/>
    		<stop class="stop10" offset="90%" style="stop-color:#9F1943"/>
    		<stop class="stop11" offset="100%" style="stop-color:#69012C"/>
    	</linearGradient>
      </defs>
     
      <rect x="5" y="5" width="90" height="390" fill="url(#Gradient1)"/>
      
    </svg>

    2. Open your svg in Affinity Designer (probably works in Affinity Photo too, but I haven't tried).

    1302985134_Annotation2019-10-10144349.thumb.png.63f7c69d079e37f92c1bb7d6d751b2b1.png

    3. Select the rectangle, then go to the "Swatches" panel, click the "add fill to palette" button.

    1082865815_Annotation2019-10-10144459.png.75d02b65ec8f02c4c417abb097493cd1.png

    4. Now you can close/discard the svg file and use your freshly imported gradient in any other document by selecting it from your palette.

×
×
  • 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.