From 8abcc14ab2fb4ea134835e9fc901fea0a2f5e717 Mon Sep 17 00:00:00 2001 From: Ichthyostega Date: Fri, 14 Oct 2022 20:26:49 +0200 Subject: [PATCH] Icon: variants turning the hand up/down --- data/icons/svg/arrow-hand-down.svg | 142 ++++++++++++++++---- data/icons/svg/arrow-hand-up.svg | 187 ++++++++++++++++++++++----- wiki/thinkPad.ichthyo.mm | 200 +++++++++++++++++++++++++---- 3 files changed, 444 insertions(+), 85 deletions(-) diff --git a/data/icons/svg/arrow-hand-down.svg b/data/icons/svg/arrow-hand-down.svg index 1651cb23f..f31404235 100644 --- a/data/icons/svg/arrow-hand-down.svg +++ b/data/icons/svg/arrow-hand-down.svg @@ -42,19 +42,43 @@ y1="83.184044" x2="132.27362" y2="86.36319" - gradientUnits="userSpaceOnUse" /> + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0,1,1,0,48,-48)" /> + + id="filter1637" + x="-0.12728689" + width="1.2545738" + y="-0.061356014" + height="1.122712"> + stdDeviation="0.38347509" + id="feGaussianBlur1639" /> + + + + inkscape:window-maximized="1"> Lumiera.org - Triangle hand used to indicate menu and expander + Triangle hand used to indicate expander-expand prepared for Lumiera build :: Icon rendering 2022 @@ -166,6 +190,69 @@ prepared for Lumiera build :: Icon rendering style="fill:black;fill-opacity:0.5;stroke:#5a8fb2;stroke-opacity:1;stroke-width:0.1" sodipodi:insensitive="true" /> + + + + + + + + + + + + + + + @@ -192,39 +280,39 @@ prepared for Lumiera build :: Icon rendering id="counter16"> + style="fill:#323232;fill-opacity:0.19607843;stroke:none;stroke-width:0.05" + d="m 127.5,78.5 4.5,11 V 90 l -5,-12 z" + sodipodi:nodetypes="ccccc" + inkscape:connector-curvature="0" /> diff --git a/data/icons/svg/arrow-hand-up.svg b/data/icons/svg/arrow-hand-up.svg index 7f7b0453e..bb706c5fd 100644 --- a/data/icons/svg/arrow-hand-up.svg +++ b/data/icons/svg/arrow-hand-up.svg @@ -38,23 +38,73 @@ inkscape:collect="always" xlink:href="#Gloss" id="linearGradient3334" - x1="128.72638" - y1="83.184044" - x2="132.27362" - y2="86.36319" - gradientUnits="userSpaceOnUse" /> + x1="131.65076" + y1="82.34111" + x2="128.30205" + y2="85.035446" + gradientUnits="userSpaceOnUse" + gradientTransform="rotate(-90,132,84)" /> + id="filter9142" + x="-0.044394028" + width="1.0887881" + y="-0.50396832" + height="2.0079366"> + stdDeviation="0.26626095" + id="feGaussianBlur9144" /> + + + + + + + + + + + inkscape:window-maximized="1"> Lumiera.org - Triangle hand used to indicate menu and expander + Triangle hand used to indicate expander-collapse prepared for Lumiera build :: Icon rendering 2022 @@ -166,6 +216,75 @@ prepared for Lumiera build :: Icon rendering style="fill:black;fill-opacity:0.5;stroke:#5a8fb2;stroke-opacity:1;stroke-width:0.1" sodipodi:insensitive="true" /> + + + + + + + + + + + + + + + + @@ -192,41 +312,46 @@ prepared for Lumiera build :: Icon rendering id="counter16"> + d="m 127,90 0.5,-0.5 h 9 L 137,90 Z" + inkscape:connector-curvature="0" /> + diff --git a/wiki/thinkPad.ichthyo.mm b/wiki/thinkPad.ichthyo.mm index 5d40c7f2d..25627266b 100644 --- a/wiki/thinkPad.ichthyo.mm +++ b/wiki/thinkPad.ichthyo.mm @@ -5580,8 +5580,8 @@ - - + + @@ -5602,20 +5602,21 @@ - + + - - - - + + + + - + - - - + + + @@ -5624,14 +5625,15 @@ - - - + + + + - - + + @@ -5651,8 +5653,7 @@ ...damit das Icon in verschiedenstem Kontext gleichermaßen funktioniert

- -
+
@@ -5672,20 +5673,165 @@
- + - - + + - - + + - - + + + + + + + + +

+ letztlich bin ich davon abgekommen, einen gezeichneten Pfeil zu integrieren; auch die Insets habe ich aufgegeben, dadurch wird das Design stringenter. Die Hervorhebung erfolgt nur durch ein Glanzlicht oben links, im Zusammenspiel mit den 2px Gehrungen und einem zusätzlichen Schatten an der Kehle der Gehrung +

+ +
+ +
+
+
+ + + + + + + + + + + + + + + + +

+ Inkscape wendet Transformationen normalerweise nur auf Blatt-Elemente direkt an; sonst fügt es ein "transform"-Element ein; dieses ist eine Matrix für homogene Koordinaten. +

+ + +
+
+ + + + + + +

+ wenn man den Filter entfernt / auf Null dreht (Blur), dann wendet Inkscape die Transformation +

+ + +
+ +
+ + + + + + +

+ wenn man die Gruppe auflöst, wendet Inkscape die Transformation auf jedes Einzelelement an, und schiebt eine inverse Transformation in alle referenzierten Gradienten +

+ + +
+ +
+
+ + + + + + +

+ ...und Inkscape wird das erhalten, solange man die betr. Features nicht wieder aktiviert. Im Besonderen kann man +

+
    +
  • + alle "Stroke"-Features entfernen, wenn der Stroke deaktiviert ist +
  • +
  • + opacity:1 weglassen +
  • +
  • + diverse Vector-Filter und display-styles weglassen (wenn sie auf dem default-Wert stehen) +
  • +
+ + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + +

+ das ist Handarbeit und erfordert Erfahrung +

+
    +
  • + wichtige Formen auf eine Grid-Linie verschieben +
  • +
  • + Gewicht exakt vertikaler/horizontaler Linien beachten +
  • +
  • + scharfzeichnen mit einer sub-Pixel-Linie mit komplementärem Helligkeitswert +
  • +
+ + +
+
+ + + + + + +

+ notwendig, damit Hinting, Scharfzeichnen und drop-Shaddows funktionieren +

+ + +
@@ -6179,8 +6325,8 @@
- - + +