Tropfen gestallten

[cgnHidden]

Hallo,

ich habe bei meinem Tinten-Lieferanten auf der Seite:



schöne Tropfen gesehen. Zuerst dachte ich das sind Grafiken scheint aber nicht der Fall zu sein, da eine Schrift angesprochen wird, die auch noch so heißt wie die Seite, also gehe ich davon aus, dass diese nicht frei zu haben ist. Daher meine Frage, ist es möglich solche Tropfen nachzubauen ohne in Photoshop viele Kenntnisse zu haben?

 

[jenni]

nimmst du einfach die Standard Form von Photoshop für

 

[cgnHidden]

Sieht bei mir irgendwie etwas mager aus Wie bist du an die ganzen Symbole gekommen?

 

[buerzel]

Vielleicht mal rechts auf „Rädchen” (Formmenü) klicken und die anderen Formen laden ...

 

[jenni]

Wie bist du an die ganzen Symbole gekommen?

musst du alle laden

 

[cgnHidden]

Danke dir, jetzt habe ich sie auch

Eine Frage habe ich doch noch. Was soll ich nehmen, Pixel oder Form? Cool wäre es natürlich wenn man dieses irgendwie in eine Schrift umwandeln kann, geht das?

 

[Fugel]

Eine Frage habe ich doch noch. Was soll ich nehmen, Pixel oder Form? Cool wäre es natürlich wenn man dieses irgendwie in eine Schrift umwandeln kann, geht das?

Wenn du es nur fürs Web brauchst, dann kann ich dir das hier empfehlen. Da gibts auch einen Tropfen.

 

[ph_o_e_n_ix]

Der Font Wingdings enthält auch einen Tropfen...

 

[Chris_EDI]

dann kann ich dir das hier empfehlen. Da gibts auch einen Tropfen.

Genau so wurde es auf der Webseite auch realisiert.

Zuerst dachte ich das sind Grafiken

Es sind icons, die über css ausgegeben werden, Der Text den du meinst, wird ausgeblendet, der Tropfen selbst hat also nichts mit einer Schrift zu tun.

 

[gugue]

oder einfach eine Kreisform verwenden, einen Ankerpunkt hinzufügen und den nach oben ziehen

 

[Andre_S]

Genau so wurde es auf der Webseite auch realisiert.

ja,

<li>
<span class="bold label" data-value="k;c;m;y">Farbe
:</span>
<i class="op-icon--inkdrop ink-drop-k"><span>k</span></i>
<i class="op-icon--inkdrop ink-drop-c"><span>c</span></i>
<i class="op-icon--inkdrop ink-drop-m"><span>m</span></i>
<i class="op-icon--inkdrop ink-drop-y"><span>y</span></i>
</li>

wobei die Form ursprünglich aus Ps stammt.

 

[Lindhane]

Ich hätte das vermutlich mit einem Pfad gemacht, aber wenn ich hier so die Lösungen sehe...
... mal wieder unnötig kompliziert

 

[Chris_EDI]

wobei die Form ursprünglich aus Ps stammt.

Das hat vor PS schon die Natur erledigt