So automatisieren Sie die Erstellung eines Online-Buchs

Ihre professionellste Wette besteht darin, die Adobe InDesign Server-Edition-Software zu kaufen und zu verwenden, die entwickelt wurde, um automatische kundenorientierte Eingaben (auf legale und nicht kostenlose Weise) zu verarbeiten und das Ergebnis für das Web und für den Druck zu rendern Weltklasse-Adobe-Standards.

Oder Sie können Ihren eigenen Umweg schaffen, um ein clientseitiges personalisiertes Erlebnis zu erstellen, das weiterhin verarbeitet werden kann, um die Eingabe mithilfe der browserbasierten SVG-Technologie in Adobe-Standards zu „bringen“.

Mit SVGs (Scalable Vector Graphics) können Sie von der schnellen Client-Verarbeitung und der Implementierung ihres Gegenstücks Illustrator profitieren.

Beginnen Sie bitte mit den folgenden Grundsätzen:

1. SVGs haben eine umfangreiche Browser-Implementierung, die im Laufe der Zeit immer weiter wächst und Browser immer fortschrittlicher in der Handhabung von SVG-Grafiken werden.

2. Die SVG-Verarbeitung von Adobe Illustrator kann das Format auf konsistente Weise exportieren und importieren, wobei jedoch nur eine begrenzte Teilmenge der Browserimplementierung verwendet wird.

So können Sie in Ihre proprietäre Softwareentwicklung investieren, um auf die offizielle InDesign-Serveroption für Ihre Web-to-Print-Anforderungen zu verzichten, indem Sie die SVG-Funktionen von Illustrator nutzen.

Was meine ich nun damit, die Unterschiede zwischen den Browser-Illustrator-Unterschieden hervorzuheben, wenn es um SVG geht? Bitte sehen Sie sich dieses verlinkte Beispiel auf CodePen an:

https://codepen.io/VHall/pen/BrdwLz

Öffnen Sie den Link und geben Sie bei Bedarf einige Informationen ein. Beachten Sie, wie der Text erwartungsgemäß ausgerichtet ist: Die Namens- und Titelfelder sind zentriert ausgerichtet, während die Telefonnummern rechtsbündig ausgerichtet sind. Drücken Sie nun die Schaltfläche "Senden" und erhalten Sie die heruntergeladene SVG-Datei in Ihrem Ordner "Downloads". Öffnen Sie nun das SVG in Adobe Illustrator. Wenn Sie über die entsprechende Helvetica-Schriftart verfügen, sollte das aus dem interpretierten SVG erstellte Illustrator-Dokument genau so aussehen wie das Rendering des Browsers.

Untersuchen Sie nun das Bildmaterial, um verschiedene benannte Rechtecke um den Text und den Text selbst zu sehen. Sie werden feststellen, dass der gesamte Text tatsächlich Punkttext ist, und alles ist tatsächlich linksbündig ausgerichtet, wobei sich der Ankerpunkt des Textes ganz auf der linken Seite befindet.

Erstellen Sie umgekehrt ein neues Illustrator-Dokument mit rechtsbündigem Flächentext und exportieren Sie es als SVG. Wenn das Dokument geschlossen und die SVG-Datei in Illustrator geöffnet wird, sehen Sie, wie Ihr Text von Flächenschrift in Punktschrift umgewandelt wird, wobei alle Einzüge, die sich aus der rechtsbündigen Ausrichtung ergeben, an verschiedenen Stellen in den linksseitigen Ankerpunkt umgewandelt werden.

Was das bedeutet:

Obwohl wir tatsächlich ein Beispiel für eine clientseitige Online-Vorlage haben, die in Illustrator geöffnet und für den Druck weiterverarbeitet werden kann, mit dem Bildmaterial an den Stellen, an denen es sein muss, ist es für einige Aspekte des Bildmaterials erforderlich , a eine ganze Menge zusätzlicher Arbeit in der Illustrator-Originalvorlage sowie clientseitiges Javascript im Browser, damit es so funktioniert, wie Sie es wünschen. In der Basis der Visitenkartenvorlage enthielt das Illustrator-Dokument, das zu seiner Erstellung verwendet wurde, unsichtbare Rechtecke, die die Grenzen des Textes kennzeichnen, und sie wurden mit speziellen Namen benannt, um anzugeben, welche Art von Ausrichtung für einen bestimmten Block erforderlich ist.

Untersuchen Sie außerdem das Javascript-Bedienfeld des Codepens, um den verschiedenen Code zum automatischen „Ausrichten“ des SVG-Punkttexts des Browsers zu sehen, damit er sich nach links oder rechts bewegt, wenn der Benutzer etwas eingibt. Das ist richtig, was in der Textverarbeitung von Illustrator nativ und mühelos ist, muss eine Menge Logik im Browser haben, um dieses Aussehen zu replizieren.

Wenn Sie jedoch in der Lage sind, es zum Laufen zu bringen und in die proprietäre Übersetzungslogik zwischen Web-SVGs und Illustrator-Dokumenten zu investieren, könnte dies eine praktikable Lösung ohne Jahresabonnement sein, die Ihr Geschäft über Jahre hinweg vorantreiben kann. Ich möchte auch hinzufügen, dass diese Option nur praktikabel ist, wenn Ihre Kunstwerke im Umfang begrenzt sind und Sie sich sicher darauf verlassen können, dass nur Merkmale, mit deren Besitz Sie sich wohlfühlen, in Ihrer Kunst vertreten sind.

Sie können nach "Parallax Scrolling Storytelling" googeln und finden viele gute Beispiele und Tutorials. Es ist seit einiger Zeit beliebt, wenn es darum geht, eine Geschichte im Internet zu erzählen. Ich kann Adobe Muse zum Erstellen der Seite empfehlen.