Design- und Interaktionselemente verwenden
In diesem Abschnitt “Tutorials” stellen wir Ihnen ausgewählte Tutorials vor und zeigen Ihnen, wie Sie diese Schritt für Schritt erfolgreich bewältigen.
Mit Hilfe von Designelementen können Sie Fotos, Grafiken und Texte auf Seiten Ihrer MIKIs verwenden. Öffnen Sie hierzu die Seite eines MIKIs im Editor. Klicken Sie in der Kopfleiste auf die Schaltflächen »Werkzeuge« und »Komponenten«. Dadurch werden Ihnen Werkzeug- und Komponentenleiste, und somit alle verfügbaren Designelemente, angezeigt. Aus diesen Leisten können Sie die Design- und Medien- und Interaktionselement auswählen, die Sie verwenden möchten.
MIKI-Edior mit geöffneter Werkzeug- und Komponentenpalette
Text einfügen
Über die Werkzeugleiste können Sie geometrische Formen und Text in eine Seite einfügen. Klicken Sie in der Werkzeugleiste auf die Schaltfläche »Text einfügen« (viertes Schaltfläche von oben). Danach erscheint ein neues Textfeld auf der Arbeitsfläche. Doppelklicken Sie auf das Textfeld, um den Text oder sein Darstellungsweise zu ändern (weitere Hinweise hierzu finden Sie im Abschnitt „Werkzeugleiste“).
Text im Bearbeitungsmodus
Klicken Sie danach auf einen Punkt außerhalb des Textfeldes, um den Bearbeitungsmodus wieder zu verlassen.
Bild hochladen
Fügen Sie nun ein Bild zu Ihrer Bibliothek hinzu, um es auf der Seite einzufügen. Öffnen Sie die Bibliothek über die Schaltfläche »Bibliothek« in der Kopfleiste des Editors. Die Bibliothek wird geladen. Danach gelangen Sie mit Hilfe der Schaltfläche »Bild hochladen« zum Fenster „Bild einfügen“.
Fenster “Bild einfügen”
Wählen Sie hier als erstes ein Bild von Ihrem Computer aus und tragen danach Schlagworte und Fotografen in die dafür vorgesehenen Felder ein. Wenn Sie möchten, dass andere Benutzer dieses Bild anderswo verwenden können, aktivieren Sie die Option „Andere Benutzer dürfen das Bild verwenden“. Nach einem Klick auf die Schaltfläche »OK« wird das Bild hochgeladen. Wenn das Hochladen des Bildes erfolgreich beendet wurde, erhalten Sie eine entsprechende Meldung. Je nachdem, ob Sie das Bild zur Weiterverwendung freigeschaltet haben, finden Sie das Bild danach entweder unter »Alle öffentlichen Bilder« (wenn das Bild für andere Benutzer freigegeben wurde) oder unter »Meine Bilder« wieder. Schieben Sie nun die Bibliothek etwas aus der Arbeitsfläche nach rechts hinaus, um einen Bildplatzhalter einfügen zu können.
Platzhalter für ein Bild einfügen
Öffnen Sie dazu die Komponentenleiste, indem Sie diese über die Schaltfläche „Komponenten“ einblenden.
Arbeitsfläche mit Bild-Platzhalter
Klicken Sie in der Komponentenleiste dann auf die Schaltfläche »Bild«. Ein so genannter Bildplatzhalter erscheint daraufhin auf der Arbeitsfläche.
Bild einfügen
Ziehen Sie nun die im Hintergrund noch geöffnete Bibliothek wieder zurück auf die Arbeitsfläche. Wählen Sie hier unter »Alle öffentlichen Bilder« oder »Meine Bilder« das zuvor hochgeladene Bild aus. Springen Sie dazu auf die jeweils letzte Seite der Bibliothek, indem Sie auf die Schaltfläche »>>« klicken.
Klicken Sie unterhalb des einzufügenden Bildes auf die Schaltfläche »
«, um es in den zuvor markierten Platzhalter zu verschieben. Sie können das Bild alternativ auch direkt per Drag’n’Drop von der Bibliothek auf den Platzhalter ziehen, in den das Bild eingefügt werden soll. Das Bild erscheint nun dort, wo vorher der Platzhalter zu sehen war. Auf diese Weise können Sie auch bereits platzierte Bilder austauschen.
Größe, Position und Rotation verändern
Nun verfügt Ihre Seite bereits über ein Bild- und ein Textelement. Um diese nun zu verschieben, deren Größe oder andere Einstellungen vorzunehmen, müssen Sie zuerst das betreffende Element auswählen.
Auswahl eines Bildes auf der Arbeitsfläche
Nachdem Sie ein Element ausgewählt haben wird der Rahmen des Elements als gestrichelte blaue Linie dargestellt. Teil des Rahmens sind (je nach Objekt) bis zu sechs Ankerpunkte. Über die vier Eckpunkte des Objekts können Sie Breite und Höhe des Objekts mit Hilfe der Maus gleichzeitig verändern. Um besonders bei Bildern die Höhe und Breite gleichermaßen (also proportional) zu verändern, können Sie die Shift-Taste während des Änderns der Größe gedrückt halten. Mit Hilfe der vier Ankerpunkte entlang des Rands verändern Sie die Breite oder Höhe des Objekts jeweils einzeln. Manuell können Sie Änderungen an Breite und Höhe vieler Objekte auch über das Fenster „Eigenschaften“ (siehe Abschnitt „Eigenschaften“) vornehmen.
Die Ankerpunkte an den Ecken mancher Objekte, wie zum Beispiel Bildern, bieten darüber hinaus die Möglichkeit das Objekt zu rotieren. Wählen Sie dazu ein Bild aus und bewegen die Maus in die Nähe einer seiner Eckpunkte. Der Mauszeiger auf dem Bildschirm sollte danach ein kreisrundes Symbol anzeigen, das es Ihnen nun erlaubt, das Bild per Drag’n’Drop zu drehen.
Elemente verschieben
Um ein Element zu verschieben stehen mehrere Möglichkeiten zur Verfügung. Die einfachste (wenn auch gröbste) Lösung ist, das Element per Drag’n’Drop zu bewegen. Alternativ dazu können Sie das Element aber auch mit Hilfe der Pfeiltasten Ihrer Tastatur nach links, rechts, oben oder unten bewegen. Dadurch lassen sich Elemente sehr genau positionieren. Klicken Sie dazu zuerst das betreffende Element an und verschieben es dann, indem Sie die Pfeiltasten verwenden. Um ein Element aber trotz Verwendung der Pfeil-Tasten schnell verschieben zu können ist es möglich, währenddessen die Shift-Taste gedrückt zuhalten. Dadurch legt das Element bei jedem Tastenanschlag eine größere Strecke zurück.
Reihenfolge von Elementen verändern
Verschieben Sie nun mehrere Objekte übereinander, so dass sie sich teilweise überschneiden.
Mehrere, sich überlappende Bilder auf der Arbeitsfläche
Wählen Sie nun ein Bild von der Arbeitsfläche aus, das teilweise im Hintergrund liegt. Über die Werkzeug-Schaltflächen »Eine Ebene nach vorne« oder »In den Vordergrund« können Sie dieses Bild nun – schrittweise oder in einem Schritte – in den Vordergrund holen. Um ein Element wieder in den Hintergrund zu verschieben können Sie die Schaltflächen »In den Hintergrund« und »Eine Ebene nach hinten« aus der Werkzeugleiste verwenden.
Tutorials | Weiter zum Tutorial Seiten publizieren
Back to top