Computers

Einleitung - Kwik 2

April 2021

Einleitung - Kwik 2


Vor einem Jahr schrieb ich einen Artikel über ein neues PhotoshopR. Plugin namens Kwik von Alex Souza. Mit diesem Plugin können Sie interaktive mobile Apps erstellen, ohne Code schreiben zu müssen. Da Kwik ein Plugin für Photoshop ist, erstellen Sie Ihre App mithilfe der Bedienfelder Kwik und Ebenen direkt aus dem vertrauten Photoshop-Arbeitsbereich. Sie können meinen Artikel 2011 über den unten stehenden Link erreichen.

In nur einem Jahr wurden Kwik 2 mehrfach erweitert und erweitert. Obwohl Sie Kwik 2 für andere mobile Apps als Buch-Apps verwenden können, lag der Schwerpunkt der Upgrades in Kwik 2 auf Storybook-Apps. Wir werden die meisten dieser Funktionen in unser Beispielbuch für Tutorial-Serien aufnehmen.

Eine Funktion, die sich hervorragend für Buch-Apps eignet, ist das optionale automatisch generierte Navigationsmenü mit Miniaturansichten jeder Seite. Sie haben die Kontrolle darüber, wo dieses Einblendmenü auf der Seite angezeigt wird und wie groß die Miniaturansichten sind. Sie haben auch die Möglichkeit, anstelle der Standard-Wischgeste Vorwärts- / Rückwärtsnavigationsschaltflächen zu verwenden.

Kwik 2 verfügt über viele weitere neue Funktionen wie das automatische Anhalten und das automatische Lesezeichen, mit denen die App auf der zuletzt angezeigten Seite oder Szene neu gestartet werden soll. Durch das Hinzufügen von Variablen und Bedingungen können wir unseren Büchern neue erweiterte Funktionen wie dynamischen Text hinzufügen.

Da begrenzte Speicherressourcen für mobile Apps immer ein Problem darstellen, gefällt mir besonders die Option "Shared Asset", mit der Sie dasselbe Objekt auf mehreren Seiten verwenden können. Indem Sie das allgemeine Objekt, z. B. eine Schaltfläche, als freigegebenes Asset festlegen, weisen Sie Kwik an, nur eine Kopie für die fertige App zu exportieren. Eine weitere neue Funktion, die bei größeren Apps hilfreich ist, ist die Option, große Bilder als JPG anstelle von PNG zu exportieren. Sie haben auch eine Qualitätskontrolle beim Exportieren dieser JPG-Bilder.

Viele Kinderbuchautoren wünschen sich die Funktion "Vorlesen" in ihren Buch-Apps. Sie haben die Möglichkeit, jeder Seite Text-Audiodateien hinzuzufügen. Auch die Audio- / Textsynchronisation wurde durch die Hervorhebung von Wörtern und die Wortklickfunktion verbessert, mit der das Audio nur für das angeklickte Wort abgespielt wird. Das ist großartig für junge Leser.

Eine weitere großartige Ergänzung ist die Fehlerbehandlung, die in den Vorschauprozess integriert ist. Wenn Sie den Prozess zur Vorschau Ihres Projekts im Corona Simulator starten, überprüft Kwik zuerst den Code, macht Sie auf Probleme aufmerksam und schlägt vor, wie das Problem behoben werden kann.

Animation ist ein wichtiger Bestandteil jeder Storybook-App, und Kwik 2 verfügt über viele neue Animationen und Steuerelemente für die Beschleunigung, zeitgesteuerte Verzögerung und Sequenzierung. Mein persönlicher Favorit ist das Hinzufügen von Physik und Physikkörpern mit Steuerelementen für Schwerkraft, Grenzen, Kraft, Kollisionen und Gelenke. Movieclip- und Sprite-Sheet-Animationen wurden durch die Integration von Kwik 2 in TexturePacker und PhysicsEditor von Code'n'Web verbessert. TexturePacker ist einer der besten Sprite-Sheet-Ersteller und exportiert jetzt für Kwik-Projekte.

Unten finden Sie Links zu verschiedenen Kwik 2-Tutorials. In dieser Tutorial-Reihe werden wir Kwik 2 verwenden, um eine Buch-App für das iPad und den Apple Store zu erstellen. Diese App unterstützt sowohl das neue iPad 3 mit Retina-Display als auch das ältere iPad 2 und iPad 1. Einige der Funktionen in der Buch-App umfassen Folgendes.
  1. Öffnen des Deckblatts mit Schaltflächen-Links wie Index (Seiten), Info (Hilfe), Musik und Eingabe

  2. Die Lesezeichenfunktion merkt sich die zuletzt gelesene Seite und kehrt beim Neustart der App zu dieser Seite zurück

  3. Seitenvorlage für freigegebene Assets und konsistentes Layout zwischen Seiten

  4. Kwik hat ein Navigationsmenü für Miniaturansichten von Seiten mit umgeschalteter Schaltfläche (Seitenschaltfläche) erstellt

  5. Schaltflächen für die Navigation auf der Rückseite / Nächsten Seite (ersetzt die Standard-Wischgeste)

  6. Benutzerdefinierte Seitenwechselanimation mit Ton beim Laden der Seite

  7. Lineare, Pfad- und Rotationsanimationen

  8. Objekte per Drag & Drop verschieben

  9. Einblendeffekt

  10. Taste ausgelöst Audio

  11. Sprite Sheet- und Movieclip-Animationen

  12. Die Schaltfläche löste mehrere Aktionen aus - Sequenzierung von Animation und Audio

  13. Physikobjekte und Interaktion

  14. Multiplikator-Schneeeffekt (Pseudopartikelsystem)

  15. Hintergrund-Audio mit Umschalttaste

  16. Link zur externen Webseite

Bilder teilbar durch 2

Wenn Sie Ihre Grafiken für Ihre Buch-App erstellen, müssen die Abmessungen für Höhe und Breite durch 2 teilbar sein. Wie Sie wissen, hat das Retina-Display für das iPad doppelt so viele Pixel wie das iPad ohne Retina. Sie erstellen die Retina-Version Ihres Buches und Kwik erstellt automatisch eine zweite Kopie jeder Grafik in der halben Größe des Originals für die Nicht-Retina-Version Ihrer App. Daher möchten Sie, dass Ihre Originalgrafiken "durch 2 teilbar" sind. Jede Grafik für Ihre Buch-App muss sowohl für die Höhe als auch für die Breite eine gerade Anzahl von Pixeln aufweisen.

Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere-Elemente, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.
Das Kwik-Produkt, das Kwik-Logo und Kwiksher sind Eigentum von Kwiksher.com - Copyright 2011. Mit Genehmigung verwendete Screenshots.

Diese Tutorials gelten für die ältere Version von Kwik 2 und sind möglicherweise nicht sehr hilfreich, wenn Sie Kwik 3 und höher verwenden. Wenn Sie Probleme haben, nutzen Sie bitte das Kwik-Forum.

Speed Learning: Learn In Half The Time | Jim Kwik (April 2021)



Tags Artikel: Einführung - Kwik 2, Digitale Kunst und Design, Kwik 2-Tutorials Was ist neu in Kwik 2 Photoshop Plugin für mobile Buch-App?

Edmond Halley

Edmond Halley

Bildung