Das FontShop-Plugin – eine Einführung

Mit dem FontShop-Plugin für Adobe Creative Suite geht für viele Designer ein Traum in Erfüllung: Endlich Zugriff auf Zehntausende kommer­zi­eller Schriften und diese im eigenen Layout auspro­bieren, verglei­chen, zitieren und Auftraggebern präsen­tieren. Das kosten­lose Tool ergänzt in wenigen Sekunden dauer­haft die eigene Schriftpalette (siehe Powertipp, unten) mit über 150.000 Fonts. Damit sind Layout-Variationen von Logos, Leitsystemen, Packungsdesigns, Buchtitel, Poster und selbst Lesetexten keine Grenzen mehr gesetzt.

Laute, dyna­mi­sche Schreibschrift für ein Kulturlogo gesucht: Die FontShop-Schriftpalette erwei­tert explo­si­ons­artig das eigene typo­gra­fi­sche Werkzeug

Der Vorteil für viele Designer: Selbst bei kleinem Budget lassen sich vari­an­ten­reiche Präsentation erstellen, wie sie oft nur groß­zügig ausge­stat­tete  Großbüros »in Serie produ­zieren« können. Junge Kreative müssen für (typo)grafische Flexibilität keine Vorleistung mehr erbringen, also Fonts auf Verdacht lizen­zieren, ohne zu wissen, ob die damit erstellten Entwürfe beim Auftraggeber ankommen. Das neuen FontShop-Menü liefert uner­schöpf­lich den Rohstoff für Demo-Layouts, lizen­ziert wird nach dem sicheren Go, das heißt wenn der Auftrag erteilt ist.

Das FontShop-Plugin feierte im März 2012 als Beta-Version Premiere, zunächst für Adobe Photoshop. Zwei Monate später folgte die Unterstützung für Adobe Illustrator. Seit zwei nun Tagen schließt die Erweiterung auch Adobe InDesign mit ein, so dass die Haupt-Applikationen der Adobe Creative Suite unter­stützt werden.

Installation und erstes Aha-Erlebnis

Installation und Aktivierung der Adobe-CS-Erweiterung sind denkbar einfach. Es muss nur einmal instal­liert werden um in allen drei Applikationen seine Arbeit zu tun:

  1. Das FontShop-Plugin auf font​shop​.com/​p​l​u​gin laden
  2. Das Icon doppel­kli­cken (öffnet Adobe Extension Manager)
  3. Bei Aufforderung: Vorversion deak­ti­vieren und entfernen; danach …
  4. Die Erweiterung v. 1.1.16 im Extension Manager aktivieren
  5. bevor­zugtes Adobe-CS-Programm starten und
  6. eine Textbox mit Beispielwort anlegen
  7. Erweiterung öffnen: Fenster -> Erweiterungen ->FontShop
  8. Einen von 150.000 Fonts suchen und auswählen … Fertig

Powertipp: Damit Sie das Plugin nie mehr suchen müssen sondern stets auto­ma­tisch per Tab zur Verfügung steht, schieben sie nach dem ersten Aufrufen der Erweiterung einfach die FontShop-Plugin-Palette auf die »Zeichen«-Palette, so dass die 150.000 zusätz­li­chen Schriften über ein Parallel-Tab jeder­zeit im Zugriff sind (vgl. die Schriftpalatte in allen Abbildungen in diesem Beitrag).

Nicht nur für Buchstaben geeignet: Selbstverständlich lassen sich mit der FontShop-Palette auch Pi- und Symbol-Fonts ins eigene Layout zaubern

Das Plugin kann zwar schon sehr viel, wird jedoch ständig verbes­sert und weiter­ent­wi­ckelt. Wir freuen uns über Ihre Kommentare, Hinweise und Anregungen, die Sie uns gerne auch per E-Mail an info@fontshop.de schi­cken können oder als Kommentar unter diesem Beitrag.

Funktionalität im Detail

Wie bei allen Erweiterungen (Plugins) für die Adobe Creative Suite gelangt man in den Programmen Photoshop, Illustrator und InDesign zum FontShop-Plugin über das Menü »Fenster«, Untermenü »Erweiterungen« … Die Erweiterung öffnet sich zunächst mit einem sepa­raten Fenster, das für den späteren schnellen Zugriff perma­nent in einer Palette unter­ge­bracht werden kann (siehe Powertipp oben). Damit das Plugin seine Arbeit über­haupt erle­digen kann – also das Umwandeln Ihrer Textfenster in eine andere Schrift vom FontShop-Font-Server –, ist eine aktive Internet-Verbindung Voraussetzung.

Fontsuche

In das Suchfenster der FontShop-Palette können Sie einen Schriftnamen, einen Entwerfer oder den Namen einer Foundry eingeben. Auch Font-Klassen (Sans, Serif, Salb, …) können Sie aus der Dropdown-Liste am oberen Rand des Menüs auswählen. Unter den Sucheingaben erscheint die Liste mit Ergebnissen. Die Werkzeugleiste am unteren Rand hilft beim Browsen durch multiple Ergebnisseiten, die Vor-und Zurück-Tasten manö­vrieren durch die Suchhistorie.

Zahlen auf der rechten Seite der Schriften in der Ergebnisliste führen zu verwandten Schriften, meist Mitglieder derselben Familie. Ein Rollover beim Schriftnamen enthält eine Reihe zusätz­li­cher Informationen und Optionen, darunter den (noch) expe­ri­men­tellen Find-Similar-Knopf, der Fonts mit ähnli­cher Anmutung vorschlägt.

Vorschau

Sobald Sie den Dreh für das schnelle Finden ’raus haben, ist die Zeit für den magi­schen Moment gekommen, das Vorschau-Kommando (Preview). Wählen Sie in Ihrem CS-Dokument eines oder mehrere Textfelder an, deren Text Sie in der ausge­wählten Schrift sehen möchten. Hierfür im Plugin-Listenfenster auf Preview klicken (oder einfach auf das Bild der Schrift). Es erscheint die Vorschau-Optionen wo sie fest­legen können, auf welchem Layer das neue Schriftmuster erscheinen soll.

Nach kurzer Zeit erscheinen die Vorschau-Bilder in Ihrem Dokument. Die zuvor ange­legten Schriften werden unsichtbar. Die Vorschau-Bilder entspre­chen den Original-Text-Feldern in Farbe, unge­fährer Schriftgröße und Position. Auch Effekte wie Schlagschatten oder abge­flachte Kanten sollten die Vorschaubilder übernehmen.

Hinweis: Die maxi­male Fontgröße ist auf 265 pt begrenzt, die maxi­male Anzahl der Textfelder die gleich­zeitig in der Vorschau betrachtet werden können ist 12.

Vorschau löschen

Sie können alle Vorschau-Felder gleich­zeitig löschen, indem Sie auf die x-Taste in der Navigationsleiste klicken. Previews für einzelne Schriften verschwinden, wenn Sie den Reiter Clear der entspre­chenden Schrift klicken. Es erscheint wieder die ursprüng­lich verwen­dete Schrift.

Sobald Sie beginnen, den Vorschau-Modus einzu­setzen, regis­triert das Plugin die Schriften, die Sie auspro­bieren. Um ange­schaute Schriften anzu­zeigen, klicken Sie auf den Recent-Reiter rechts über der Sucheingabe.

Ihre Favoriten

Das FontShop-Plugin lässt Sie Ihre Lieblingsschriften sammeln und etiket­tieren: Einfach das Herz-Symbol unter einem Schriftnamen klicken. Einmal um die Schrift zu mögen, noch einmal, um Sie mit Stichwörtern (tags) zu versehen.

Ihre etiket­tierten Lieblings-Fonts finden Sie später mit einem Klick auf den Reiter Favorites am oberen Rand des Plugin-Menüs

Schriften kaufen

Sobald Sie den perfekten Font für Ihr Projekt ausge­wählt haben, auf den grünen Reiter Download neben der gewünschten Schrift klicken und Sie werden zu font​shop​.com weitergeleitet.

Einstellungen

Das Zahnrad-Symbol am unteren rechten Rand des Plugins enthält nütz­liche Konfigurationsoptionen: Zum Beispiel können Sie den Sample-Text in der Schriftenliste ihren eigenen Vorstellungen anpassen. Sie können hier auch Warnmeldungen akti­vieren oder deak­ti­vieren, die gele­gent­lich auftreten.

Hinweise

Wenn Sie mit vielen Layern arbeiten, kann die Vorschau-Funktion (und das Entfernen von Previews) ein paar Sekunden dauern. Insbesondere in komplexen Dokumenten (mit zum Beispiel mehreren hundert Layern) und lang­samer Hardware empfiehlt es sich, die Dokumentate zu verein­fa­chen, um Vorschauen mit dem Plugin zu erstellen.

Weiteren Fragen beant­wortet unser FAQ-Absatz auf der Plugin-Seite ganz unten.


21 Kommentare

  1. Einee

    Installiert und ausprobiert…
    Ah… und warum brauche ich das?

  2. Sebastian Nagel

    Wer das aktu­elle Schriftschaffen größ­ten­teils vor dem geis­tigen Auge hat … braucht’s nicht.
    Wer sich sicher ist, nur 2–10 Schriften in seinem Gestalterleben zu brau­chen … braucht’s nicht.
    Ansonsten könnte ich mir das schon ange­wöhnen, auch wenn ich bisher „ohne“ ausge­kommen bin.

    Wermutstropfen: als Anbieter-Tool ist es auf die Fontshop-Auswahl begrenzt, die zwar groß, aber nicht „voll­ständig“ ist. Das ist aus Sicht von Fontshop natür­lich nach­voll­ziehbar, aus offener Anwendersicht zwingt es mich dann halt doch noch dazu, auch wo anders zu schauen.

  3. Simon Wehr

    Ich finde das Plugin grund­sätz­lich erst einmal genial! Gerade für weniger erfah­rene Gestalter ist das eine tolle Möglichkeit, Schriften zu testen.
    Vielen dank dafür.

    Aber ich habe das Gefühl, es funk­tio­niert nur für einzelne, große Wörter. Zum Testen von Fließtext reicht mir die Pixeldarstellung leider nicht, bzw. ist die Auflösung der Bilder (verständ­li­cher weise) zu gering.
    Das Navigieren in den Schriften finde ich auch noch recht kompli­ziert, aufgrund der Riesenauswahl. Mein Lösungsweg wird wohl erstmal der sein: auf font​shop​.de oder noch besser im Fontbook-App eine Schrift raus­su­chen und direkt im Suchfenster eintragen.

  4. Jürgen Siebert

    @Einee: keine Ahnung … was machst du beruflich?
    @ Sebastian Nagel: More more, less less!
    @ Simon Wehr: Klar, dass einen von 150.000 Schriften am Ende nur 10 bis 20 inter­es­sieren. Markiere deine Favoriten und gib ihnen Etikette (Tags), das ist eine sehr elegante Filtermethode.

  5. claudia probst

    In Illustrator mit nur zwei Layern und drei Wörtern scheint das plugin bei mir schon völlig über­for­dert zu sein. „Please wait. Preview images are being prepaired.“ und das schon seit einigen Minuten.

  6. Jürgen Siebert

    @Claudia: Welche Schrift(en) soll denn gezeigt werden?

  7. Simon Wehr

    Noch mal zum Mengentext. Wenn ich einen Textblock in 12 Pt setze, sehe ich bei der Vorschau nur Pixelbrei. Mache ich was falsch? Arbeitet ihr daran?
    Oder ist das schlicht eine „falsche“ Anwendung für das PlugIn?
    Für mich wäre das span­nend, da ich weit häufiger für Mengentexte eine Schrift austesten und verglei­chen mag, als für einzelne Wörter.

  8. Jürgen Siebert

    Bei mir funk­tio­niert es. Habe gerade eine Textspalte aus Times 12 pt in Swift Pro Light umge­wan­delt (Ansicht: 400 %):

  9. Simon Wehr

    Ja, bei mir funk­tio­niert es auch. Ich hatte bisher nur die falschen Anzeigegrößen gewählt. Bei 200% sieht’s gut aus. Bei z.B. FF Unit in 10 Pt und anderen Größen als 200% geht nix. Bei 200% ist alles gut.
    -> Da das PlugIn-Bild mit 50% Skalierung im Bildrahmen sitzt, wird bei 200% Darstellung das Bild pixel­genau – und damit scharf – ange­zeigt. Ganz logisch also.

    Und übri­gens: Der Ausdruck ist sogar auch eini­ger­maßen vertretbar. Als 100% kosten­freier Schrifttest sogar genial!

  10. Oliver

    Total genial. Klar braucht man das. Vielen Dank, mir hilft es total!

  11. C

    fantas­tisch.

    »wer das aktu­elle Schriftschaffen größ­ten­teils vor dem geis­tigen Auge hat« braucht es vor allem deswegen nicht, weil er keine kunden hat. sonst bliebe ja nicht die zeit, sich immer wieder mit den tausenden schriften zu beschäftigen.

  12. Dave

    Ich bekomm’s nicht hin mit der Schärfe, von einem Beispiel wie bei Jürgen träume ich :-) Die Preview ist mit 50% einge­setzt (also unver­än­dert); Bildschirmansichten in ID CS6 bei 100%, bei 200% und bei 400% .
    Umgesetzt wurde hier z.B. eine 12 pt Minion Pro in die FF Unit OT Regular. (Macbook Pro, 15″, 10.6.8). Was mache ich falsch?

  13. Jürgen Siebert

    Danke, Dave. Ich probiere das jetzt auch mal aus …

    … bei mir klappts irgendwie (MacBook Pro, Snow Lion, InDesign CS 5). Ja, die 100 % Ansicht sieht erst mal scheu… aus, aber die Vergrößerungen bis 400 Prozent machen richtig Freude. Nachfolgend 3 Screenshots:

  14. Dave

    So, gerade noch etwas gespielt – ich erreiche das beste Ergebnis bei 125%, da kann man sich schon einen sehr guten Eindruck machen (die prozen­tualen Zwischenstufen sind aller­dings gar nicht gut). Am Montag mal am „großen Mac“ eine andere Auflösung testen und auch mal einen Ausdruck anschauen.

    Das ist schon ein verdammt cooles Plugin!

  15. Diane

    Egal, ob jemand das Plugin verwendet oder nicht, es ist eine sehr gute Marketingidee und bietet allen dafür positiv gestimmten Personen einen tollen Zusatznutzen, was ein sehr profes­sio­nelles Vorgehen des Fontblogs bzw. des Fontshops bezeugt.

  16. Loisl

    Finde ich saustark. Thumbs up!

  17. Dominik

    Hab’s vor einigen Wochen schon mal probiert und jetzt neu herun­ter­ge­laden. Aber beim Installieren bekomme ich vom Extension Manager die Meldung: „Die Erweiterung „FontShop Browser“ enthält keine gültige Signatur. Die Erweiterung wird nicht instal­liert.“ CS5 Master Collection Mac OS 10.7.4

  18. jorni

    Auch bei mir: „Die Erweiterung „FontShop Browser“ enthält keine gültige Signatur. Die Erweiterung wird nicht instal­liert.“ CS5 Design Premium, Mountain Lion.

  19. Jürgen Siebert

    @ Dominik, @ Jorni
    Bitte mal den Adobe Extension Manager (AEM) aktua­li­sieren (z.Zt. gilt Version 6.0.2). Wenn ihr den Adobe Update Manager verwendet, geschieht das auto­ma­tisch. Wenn der Update Manager jedoch deak­ti­viert ist (was ich verstehen kann, bei 2 gefühlten Flash-Updates pro Monat), könnt ihr den auf dieser Seite herun­ter­laden: adobe​.com/​d​o​w​n​l​o​a​d​s​/​u​p​d​a​tes.

  20. jorni

    @ Jürgen Siebert
    AEM 5.0.2 ist instal­liert (die derzeit gültige Version für CS5), aber damit ist die Installation des Plugins nicht möglich. Adobe Update Manager ist eben­falls aktiv.

Kommentarfunktion ist deaktiviert.

<em>kursiv</em>   <strong>fett</strong>   <blockquote>Zitat</blockquote>
<a href="http://www…">Link</a>   <img src="http://bildadresse.jpg">