artificial drop-shadow, better rasterization

This commit is contained in:
Sophia Hadash 2021-09-27 01:34:16 +02:00
parent ff70347fbc
commit 7a7b2b3b6e
5 changed files with 294 additions and 562 deletions

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 28 KiB

View file

@ -7,8 +7,8 @@
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="2500"
height="790"
width="1024"
height="324"
viewBox="0 0 661.45838 209.02083"
version="1.1"
id="svg83"
@ -24,8 +24,8 @@
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.7"
inkscape:cx="528.66706"
inkscape:cy="367.8687"
inkscape:cx="697.35697"
inkscape:cy="308.00207"
inkscape:document-units="mm"
inkscape:current-layer="layer4"
inkscape:document-rotation="0"
@ -67,8 +67,8 @@
id="path31-3"
cx="108.621"
cy="104.51"
style="fill:#222222;fill-opacity:0.532196;stroke-width:0.303148"
r="100.1892"/>
style="fill:#a1a1a1;fill-opacity:0.25;stroke-width:0.306422"
r="101.27119"/>
</g>
<g
inkscape:groupmode="layer"
@ -80,20 +80,21 @@
id="circle878"
cx="108.621"
cy="104.51"
style="fill:#222222;fill-opacity:0.187692;stroke-width:0.303824"
r="100.41274"/>
style="fill:#a1a1a1;fill-opacity:0.125;stroke-width:0.312173"
r="103.17193"/>
</g>
<g
inkscape:groupmode="layer"
id="g884"
inkscape:label="shadow3"
style="opacity:1">
style="opacity:1"
sodipodi:insensitive="true">
<circle
id="circle882"
cx="108.621"
cy="104.51"
style="fill:#222222;fill-opacity:0.03747036;stroke-width:0.306818"
r="101.40208"/>
style="fill:#a1a1a1;fill-opacity:0.0625;stroke-width:0.322806"
r="106.686"/>
</g>
<g
inkscape:groupmode="layer"
@ -107,27 +108,27 @@
<path
d="m 249.60866,76.358737 h 16.58057 q 7.19667,0 10.86556,1.481667 4.02167,1.693335 5.99723,5.503338 1.48167,2.751668 1.48167,6.420559 0,5.644449 -3.17501,9.172229 -1.62277,1.76389 -5.29167,3.66889 4.65667,1.62278 7.05556,4.23334 3.38667,3.81 3.38667,9.45445 0,8.60778 -6.20889,12.41778 -3.45722,2.04612 -8.39612,2.61056 -1.69333,0.21167 -5.22111,0.21167 h -17.07446 z m 4.58612,4.16278 v 20.249463 h 12.27667 q 13.47612,0 13.47612,-10.442234 0,-6.843893 -5.43278,-8.81945 -2.75167,-0.987779 -8.81945,-0.987779 z m 0,24.271123 v 22.5778 h 11.92389 q 7.83168,0 11.07723,-1.97556 4.72723,-2.75167 4.72723,-8.89001 0,-8.89 -8.46667,-11.00667 -2.68112,-0.70556 -6.63223,-0.70556 z"
style="font-size:70.5556px;fill:#222222;fill-opacity:1;stroke:#222222;stroke-width:2.11667;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path936"/>
id="path54"/>
<path
d="m 300.26756,131.53322 h -4.37445 V 90.328746 h 4.37445 v 5.997226 q 4.37445,-7.126115 12.62945,-7.126115 0.42333,0 1.05834,0 v 4.021669 q -0.70556,-0.07056 -1.19945,-0.07056 -4.37445,0 -7.54945,2.469446 -3.81,2.89278 -4.65667,7.972784 -0.28222,1.69333 -0.28222,4.86834 z"
style="font-size:70.5556px;fill:#222222;fill-opacity:1;stroke:#222222;stroke-width:2.11667;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path938"/>
id="path56"/>
<path
d="m 341.11925,89.199857 q 8.96056,0 14.67557,6.350004 5.43278,5.997229 5.43278,15.381119 0,9.3839 -5.43278,15.38112 -5.71501,6.35001 -14.60501,6.35001 -9.03112,0 -14.74612,-6.35001 -5.43279,-5.99722 -5.43279,-15.66334 0,-6.35 2.82223,-11.500563 2.68111,-4.868337 7.62,-7.54945 4.37445,-2.39889 9.66612,-2.39889 z m 0,3.951113 q -7.62,0 -12.13556,5.78556 -3.59834,4.58611 -3.59834,12.20612 0,7.83167 4.23334,12.5589 4.51556,5.00944 11.50056,5.00944 7.62001,0 12.13557,-5.78556 3.59833,-4.58611 3.59833,-11.99445 0,-8.04334 -4.23333,-12.770562 -4.51556,-5.009448 -11.50057,-5.009448 z"
style="font-size:70.5556px;fill:#222222;fill-opacity:1;stroke:#222222;stroke-width:2.11667;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path940"/>
id="path58"/>
<path
d="M 374.77426,106.7682 393.6126,90.328746 h 6.06778 l -19.68501,17.074454 22.57779,24.13002 h -5.78555 l -22.01335,-23.8478 v 23.8478 h -4.37445 V 73.677624 h 4.37445 z"
style="font-size:70.5556px;fill:#222222;fill-opacity:1;stroke:#222222;stroke-width:2.11667;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path942"/>
id="path60"/>
<path
d="m 442.43696,130.26322 q -5.715,2.39889 -12.41779,2.39889 -9.10167,0 -14.32278,-4.93889 -6.35001,-5.99723 -6.35001,-16.58057 0,-8.89001 4.65667,-15.169456 5.08001,-6.773337 13.8289,-6.773337 6.77334,0 11.50056,4.233336 6.49112,5.785559 6.56167,18.908897 h -32.24391 q 0.35278,7.19668 3.52778,11.07723 4.44501,5.29167 13.05279,5.29167 6.27945,0 12.20612,-2.96333 z m -28.71613,-21.80168 h 27.72835 q -0.42333,-4.79778 -2.32833,-8.39612 -3.66889,-6.91445 -11.2889,-6.91445 -8.53723,0 -12.41779,8.25501 -1.41111,3.10444 -1.69333,7.05556 z"
style="font-size:70.5556px;fill:#222222;fill-opacity:1;stroke:#222222;stroke-width:2.11667;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path944"/>
id="path62"/>
<path
d="m 459.79356,131.53322 h -4.37444 V 90.328746 h 4.37444 v 5.997226 q 4.79779,-7.126115 13.26446,-7.126115 5.50334,0 9.24278,2.822224 4.09223,3.175002 4.72723,9.031119 0.28222,2.39889 0.28222,6.91445 v 23.56557 h -4.37445 v -23.07168 q 0,-7.05556 -0.98778,-9.807233 -1.05833,-2.892779 -4.16278,-4.445003 -2.11666,-1.058334 -5.15056,-1.058334 -7.54944,0 -11.14778,6.279449 -1.69334,2.963331 -1.69334,9.031121 z"
style="font-size:70.5556px;fill:#222222;fill-opacity:1;stroke:#222222;stroke-width:2.11667;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path946"/>
id="path64"/>
</g>
<circle
id="path31"

Before

Width:  |  Height:  |  Size: 9.2 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

View file

@ -7,113 +7,13 @@
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="2500"
height="790"
width="1024"
height="324"
viewBox="0 0 661.45838 209.02083"
version="1.1"
id="svg83"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
sodipodi:docname="completed.svg">
<defs
id="defs77">
<filter
style="color-interpolation-filters:sRGB"
inkscape:label="Drop Shadow"
id="filter1003">
<feFlood
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
result="flood"
id="feFlood993"/>
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite995"/>
<feGaussianBlur
in="composite1"
stdDeviation="1"
result="blur"
id="feGaussianBlur997"/>
<feOffset
dx="0"
dy="0"
result="offset"
id="feOffset999"/>
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="fbSourceGraphic"
id="feComposite1001"/>
<feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix1005"/>
<feFlood
id="feFlood1007"
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
result="flood"
in="fbSourceGraphic"/>
<feComposite
in2="fbSourceGraphic"
id="feComposite1009"
in="flood"
operator="in"
result="composite1"/>
<feGaussianBlur
id="feGaussianBlur1011"
in="composite1"
stdDeviation="1"
result="blur"/>
<feOffset
id="feOffset1013"
dx="0"
dy="0"
result="offset"/>
<feComposite
in2="offset"
id="feComposite1015"
in="fbSourceGraphic"
operator="over"
result="composite2"/>
</filter>
<filter
style="color-interpolation-filters:sRGB"
inkscape:label="Drop Shadow"
id="filter902">
<feFlood
flood-opacity="0.69068209473758468"
flood-color="rgb(34,34,34)"
result="flood"
id="feFlood892"/>
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite894"/>
<feGaussianBlur
in="composite1"
stdDeviation="3"
result="blur"
id="feGaussianBlur896"/>
<feOffset
dx="0"
dy="0"
result="offset"
id="feOffset898"/>
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="composite2"
id="feComposite900"/>
</filter>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
@ -155,6 +55,45 @@
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
id="layer1"
inkscape:label="shadow1"
style="opacity:1"
sodipodi:insensitive="true">
<circle
id="path31-3"
cx="108.621"
cy="104.51"
style="fill:#a1a1a1;fill-opacity:0.25;stroke-width:0.306422"
r="101.27119"/>
</g>
<g
inkscape:groupmode="layer"
id="g880"
inkscape:label="shadow2"
style="opacity:1"
sodipodi:insensitive="true">
<circle
id="circle878"
cx="108.621"
cy="104.51"
style="fill:#a1a1a1;fill-opacity:0.125;stroke-width:0.312173"
r="103.17193"/>
</g>
<g
inkscape:groupmode="layer"
id="g884"
inkscape:label="shadow3"
style="opacity:1"
sodipodi:insensitive="true">
<circle
id="circle882"
cx="108.621"
cy="104.51"
style="fill:#a1a1a1;fill-opacity:0.0625;stroke-width:0.322806"
r="106.686"/>
</g>
<g
inkscape:groupmode="layer"
id="layer3"
@ -214,15 +153,11 @@
id="path31"
cx="108.62084"
cy="104.51041"
style="fill:#efefef;fill-opacity:1;stroke-width:0.302576;filter:url(#filter902)"
style="fill:#efefef;fill-opacity:1;stroke-width:0.302576"
r="100"/>
<path
d="M 157.49883,69.438526 86.436765,140.50059 56.49556,110.55938 l -5.91115,5.91116 32.896778,32.89678 2.955577,2.82704 2.955577,-2.82704 74.017648,-74.017643 z"
id="path1144"
style="stroke:#00f0b9;stroke-width:7.423;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;fill:#00f0b9;fill-opacity:1"/>
</g>
<g
inkscape:groupmode="layer"
id="layer5"
inkscape:label="star"/>
</svg>

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View file

@ -7,113 +7,13 @@
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="2500"
height="790"
width="1024"
height="324"
viewBox="0 0 661.45838 209.02083"
version="1.1"
id="svg83"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
sodipodi:docname="favorite.svg">
<defs
id="defs77">
<filter
style="color-interpolation-filters:sRGB"
inkscape:label="Drop Shadow"
id="filter1003">
<feFlood
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
result="flood"
id="feFlood993"/>
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite995"/>
<feGaussianBlur
in="composite1"
stdDeviation="1"
result="blur"
id="feGaussianBlur997"/>
<feOffset
dx="0"
dy="0"
result="offset"
id="feOffset999"/>
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="fbSourceGraphic"
id="feComposite1001"/>
<feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix1005"/>
<feFlood
id="feFlood1007"
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
result="flood"
in="fbSourceGraphic"/>
<feComposite
in2="fbSourceGraphic"
id="feComposite1009"
in="flood"
operator="in"
result="composite1"/>
<feGaussianBlur
id="feGaussianBlur1011"
in="composite1"
stdDeviation="1"
result="blur"/>
<feOffset
id="feOffset1013"
dx="0"
dy="0"
result="offset"/>
<feComposite
in2="offset"
id="feComposite1015"
in="fbSourceGraphic"
operator="over"
result="composite2"/>
</filter>
<filter
style="color-interpolation-filters:sRGB"
inkscape:label="Drop Shadow"
id="filter902">
<feFlood
flood-opacity="0.69068209473758468"
flood-color="rgb(34,34,34)"
result="flood"
id="feFlood892"/>
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite894"/>
<feGaussianBlur
in="composite1"
stdDeviation="3"
result="blur"
id="feGaussianBlur896"/>
<feOffset
dx="0"
dy="0"
result="offset"
id="feOffset898"/>
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="composite2"
id="feComposite900"/>
</filter>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
@ -155,6 +55,45 @@
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
id="layer1"
inkscape:label="shadow1"
style="opacity:1"
sodipodi:insensitive="true">
<circle
id="path31-3"
cx="108.621"
cy="104.51"
style="fill:#a1a1a1;fill-opacity:0.25;stroke-width:0.306422"
r="101.27119"/>
</g>
<g
inkscape:groupmode="layer"
id="g880"
inkscape:label="shadow2"
style="opacity:1"
sodipodi:insensitive="true">
<circle
id="circle878"
cx="108.621"
cy="104.51"
style="fill:#a1a1a1;fill-opacity:0.125;stroke-width:0.312173"
r="103.17193"/>
</g>
<g
inkscape:groupmode="layer"
id="g884"
inkscape:label="shadow3"
style="opacity:1"
sodipodi:insensitive="true">
<circle
id="circle882"
cx="108.621"
cy="104.51"
style="fill:#a1a1a1;fill-opacity:0.0625;stroke-width:0.322806"
r="106.686"/>
</g>
<g
inkscape:groupmode="layer"
id="layer3"
@ -210,7 +149,7 @@
id="path31"
cx="108.62084"
cy="104.51041"
style="fill:#efefef;fill-opacity:1;stroke-width:0.302576;filter:url(#filter902)"
style="fill:#efefef;fill-opacity:1;stroke-width:0.302576"
r="100"/>
</g>
<g

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

View file

@ -7,113 +7,13 @@
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="2500"
height="790"
width="1024"
height="324"
viewBox="0 0 661.45838 209.02083"
version="1.1"
id="svg83"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
sodipodi:docname="kidgame.svg">
<defs
id="defs77">
<filter
style="color-interpolation-filters:sRGB"
inkscape:label="Drop Shadow"
id="filter1003">
<feFlood
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
result="flood"
id="feFlood993"/>
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite995"/>
<feGaussianBlur
in="composite1"
stdDeviation="1"
result="blur"
id="feGaussianBlur997"/>
<feOffset
dx="0"
dy="0"
result="offset"
id="feOffset999"/>
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="fbSourceGraphic"
id="feComposite1001"/>
<feColorMatrix
result="fbSourceGraphicAlpha"
in="fbSourceGraphic"
values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
id="feColorMatrix1005"/>
<feFlood
id="feFlood1007"
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
result="flood"
in="fbSourceGraphic"/>
<feComposite
in2="fbSourceGraphic"
id="feComposite1009"
in="flood"
operator="in"
result="composite1"/>
<feGaussianBlur
id="feGaussianBlur1011"
in="composite1"
stdDeviation="1"
result="blur"/>
<feOffset
id="feOffset1013"
dx="0"
dy="0"
result="offset"/>
<feComposite
in2="offset"
id="feComposite1015"
in="fbSourceGraphic"
operator="over"
result="composite2"/>
</filter>
<filter
style="color-interpolation-filters:sRGB"
inkscape:label="Drop Shadow"
id="filter902">
<feFlood
flood-opacity="0.69068209473758468"
flood-color="rgb(34,34,34)"
result="flood"
id="feFlood892"/>
<feComposite
in="flood"
in2="SourceGraphic"
operator="in"
result="composite1"
id="feComposite894"/>
<feGaussianBlur
in="composite1"
stdDeviation="3"
result="blur"
id="feGaussianBlur896"/>
<feOffset
dx="0"
dy="0"
result="offset"
id="feOffset898"/>
<feComposite
in="SourceGraphic"
in2="offset"
operator="over"
result="composite2"
id="feComposite900"/>
</filter>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
@ -155,6 +55,45 @@
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
id="layer1"
inkscape:label="shadow1"
style="opacity:1"
sodipodi:insensitive="true">
<circle
id="path31-3"
cx="108.621"
cy="104.51"
style="fill:#a1a1a1;fill-opacity:0.25;stroke-width:0.306422"
r="101.27119"/>
</g>
<g
inkscape:groupmode="layer"
id="g880"
inkscape:label="shadow2"
style="opacity:1"
sodipodi:insensitive="true">
<circle
id="circle878"
cx="108.621"
cy="104.51"
style="fill:#a1a1a1;fill-opacity:0.125;stroke-width:0.312173"
r="103.17193"/>
</g>
<g
inkscape:groupmode="layer"
id="g884"
inkscape:label="shadow3"
style="opacity:1"
sodipodi:insensitive="true">
<circle
id="circle882"
cx="108.621"
cy="104.51"
style="fill:#a1a1a1;fill-opacity:0.0625;stroke-width:0.322806"
r="106.686"/>
</g>
<g
inkscape:groupmode="layer"
id="layer3"
@ -210,7 +149,7 @@
id="path31"
cx="108.62084"
cy="104.51041"
style="fill:#efefef;fill-opacity:1;stroke-width:0.302576;filter:url(#filter902)"
style="fill:#efefef;fill-opacity:1;stroke-width:0.302576"
r="100"/>
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#1d9bf3;stroke-width:12.237;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 12 KiB