Version 1.1 of the definition has been released. Please help updating it, contribute translations, and help us with the design of logos and buttons to identify free cultural works and licenses!

User:Manuela: Difference between revisions

From Definition of Free Cultural Works
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
==Free Cultural Logo==
==Free Cultural Logo==
[[File:Free Cultural Works logo draft.svg|Free Cultural Works logo draft]]
The logo has been created by Marc Falzon in 2006.
==Attempt to recreate the logo==


I tried to recreate the official logo with a clean SVG code, with integers for the path definition and scales, I tried to preserve the gradients and colors.
I tried to recreate the official logo with a clean SVG code, with integers for the path definition and scales, I tried to preserve the gradients and colors.
[[File:Free Cultural Works logo draft.svg|Free Cultural Works logo draft]]


==Logo with a different center==
This one I like even better
This one I like even better


[[File:Free Cultural Works logo draft new center.svg|Free Cultural Works logo draft new center]]
[[File:Free Cultural Works logo draft new center.svg|Free Cultural Works logo draft new center]]
 
==Comparison==
There are some differences, the green is off
There are some differences, the green is off (original on the left)


[[File:Definition of Free Cultural Works logo notext.svg|200px]][[File:Free Cultural Works logo draft.svg|200px]]
[[File:Definition of Free Cultural Works logo notext.svg|200px]][[File:Free Cultural Works logo draft.svg|200px]]
 
==SVG Source Code==
===Code of the original logo===
Check out the code of the original:
Check out the code of the original:
<pre><g
<pre><g
Line 61: Line 65:


and so on, do you know what's going on in there? I don't.
and so on, do you know what's going on in there? I don't.
 
===Code of the recreated logo===
Here my code (left out the gradients)
Here is my code (left out the gradients)


<pre>
<pre>
Line 93: Line 97:
   r="54" fill="url(#lila)"/>
   r="54" fill="url(#lila)"/>
</pre>
</pre>
Note that this is the code for all the shapes, whereas the code above shows only a part.

Latest revision as of 15:40, 16 February 2018

[edit]

The logo has been created by Marc Falzon in 2006.

[edit]

I tried to recreate the official logo with a clean SVG code, with integers for the path definition and scales, I tried to preserve the gradients and colors. Free Cultural Works logo draft

Logo with a different center[edit]

This one I like even better

Free Cultural Works logo draft new center

Comparison[edit]

There are some differences, the green is off (original on the left)

Definition of Free Cultural Works logo notext.svgFree Cultural Works logo draft.svg

SVG Source Code[edit]

[edit]

Check out the code of the original:

<g
       id="g25107"
       inkscape:export-xdpi="90"
       inkscape:export-ydpi="90"
       transform="translate(-146,-122.5001)"
       inkscape:export-filename="C:\Documents and Settings\INFA715\Bureau\mfalzon-freecontent_logo01--favicon.png">
      <path
         inkscape:transform-center-y="123.63642"
         inkscape:transform-center-x="-39.999955"
         transform="matrix(2.918919,0,0,2.918919,-112.2838,-220.9323)"
         sodipodi:end="4.712389"
         sodipodi:start="0"
         d="M 163,155 A 37,37 0 1 1 126,118 L 126,155 z"
         sodipodi:ry="37"
         sodipodi:rx="37"
         sodipodi:cy="155"
         sodipodi:cx="126"
         id="path11693"
         style="opacity:1;fill:url(#linearGradient15304);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         sodipodi:type="arc" />
      <path
         inkscape:transform-center-y="34.28568"
         inkscape:transform-center-x="105.97409"
         transform="matrix(0,2.501931,-2.501931,0,643.2993,-83.74315)"
         sodipodi:end="4.712389"
         sodipodi:start="0"
         d="M 163,155 A 37,37 0 1 1 126,118 L 126,155 z"
         sodipodi:ry="37"
         sodipodi:rx="37"
         sodipodi:cy="155"
         sodipodi:cx="126"
         id="path10806"
         style="opacity:1;fill:url(#linearGradient17975);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         sodipodi:type="arc" />
      <path
         transform="matrix(-2.084941,0,0,-2.084941,518.2029,554.6661)"
         sodipodi:end="4.712389"
         sodipodi:start="0"
         d="M 163,155 A 37,37 0 1 1 126,118 L 126,155 z"
         sodipodi:ry="37"
         sodipodi:rx="37"
         sodipodi:cy="155"
         sodipodi:cx="126"
         id="path8149"
         style="opacity:1;fill:url(#linearGradient18876);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         sodipodi:type="arc" />

and so on, do you know what's going on in there? I don't.

[edit]

Here is my code (left out the gradients)

 <defs>
  <!-- three quaters of a circle -->
  <path id="tqc"
   d="M0,0 h54 A54,54 0 1,1 0,-54 z" />
 </defs>

<g stroke="none" >
  <use transform="scale(7) rotate(0)"
   fill="url(#gr)" xlink:href="#tqc"/>

  <use transform="scale(6) rotate(90)"
   fill="url(#go)" xlink:href="#tqc"/>

  <use transform="scale(5) rotate(180)"
   fill="url(#gy)" xlink:href="#tqc"/>

  <use transform="scale(4) rotate(270)"
   fill="url(#gwh)" xlink:href="#tqc"/>

  <use transform="scale(3)"
   fill="url(#ggr)" xlink:href="#tqc"/>

  <use transform="scale(2) rotate(90)"
   fill="url(#gbl)" xlink:href="#tqc"/>
 </g>
 <circle transform="rotate(-90)"
  r="54" fill="url(#lila)"/>

Note that this is the code for all the shapes, whereas the code above shows only a part.