Xara Xtreme. Einführung Tutorials Handbuch. Anleitung von Xara-Team, Monika Nerding, Michael Ochs, Julian Burkhardt und Markus Nerding

Transkript

1 Xara Xtreme Einführung Tutorials Handbuch Anleitung von Xara-Team, Monika Nerding, Michael Ochs, Julian Burkhardt und Markus Nerding Vertrieb für Deutschland, Österreich & Schweiz: HAAGE & PARTNER Computer GmbH Schlossborner Weg Glashütten Deutschland Telefon: (06174) Telefax: (06174) Internet: HAAGE & PARNTER Computer GmbH, Deutschland 1 / 153

2 Inhaltsverzeichnis 1 Vorwort Einführung in Xara Xtreme Einführung Teil 1 Allgemeine Funktionen Einführung Teil 2 - Entwerfen Einführung Teil 3 - Webgrafiken Einführung Teil 4 - Interaktivität Neue Funktionen von Xara Xtreme Tutorials Tutorial 1: Kantenschrägen [Bevels] Tutorial 2: Navigationen Tutorial 3: Animierte Navigationen Tutorial 4: Transformation Tutorial 5: Farben Tutorial 6: Transparenz Tutorial 7: Schatten Tutorial 8: Ausblenden [Feather] Tutorial 9: Pinsel [Brush] Tutorial 10: Bildzerteilung (Teil 1) Tutorial 11: Bildzerteilung (Teil 2) Der Arbeitsplatz Arbeiten mit der Maus Arbeiten mit Linien und Formen Linien zeichnen Formen zeichnen Einen Teil einer Linie oder einer Form neu zeichnen Linien verbinden Linien verlängern Kurvenförmige Linien und Formen bearbeiten Linien und Formen glätten Punkte auf Linien und Formen verschieben Punkte in Linien und Formen markieren Punkte auf Linien und Formen löschen Punkte zu einer Linie oder Form hinzufügen Linien und Formen trennen Ellipsen und Kreise zeichnen Rechtecke und Quadrate zeichnen Polygone zeichnen Sternförmige Polygone zeichnen Ellipsen und Kreise bearbeiten Rechtecke und Quadrate bearbeiten Polygone bearbeiten Sternförmige Polygone bearbeiten Mit Hilfslinien und -objekten arbeiten Mittelpunkte von Schnellformen ausrichten Konzentrische Kreise zeichnen Mit Objekten arbeiten Objekte markieren und Markierung aufheben Objekte drehen Objekte skalieren HAAGE & PARNTER Computer GmbH, Deutschland 2 / 153

3 8.4 Objekte verschieben Objekte neigen Objekte mit Farben versehen Füllungen zuweisen und bearbeiten Transparenzen zuweisen und bearbeiten Mit Linealen arbeiten Mit Farben arbeiten Objekte mit einer Farbe versehen Benannte Farbe erstellen Benannte Farben ändern Benannte Farben löschen Farben und Paletten importieren Farbe von einem Objekt zu einem anderen kopieren Füllungen zuweisen und bearbeiten Beleuchtungseffekte erstellen Arbeiten mit Füllungen Lineare Füllung zuweisen Kreisförmige Füllung zuweisen Elliptische Füllung zuweisen Konische Füllung zuweisen Bitmap-Füllung zuweisen Fraktale Füllung zuweisen Lineare Füllungen bearbeiten Runde Füllungen bearbeiten Elliptische Füllungen bearbeiten Konische Füllungen bearbeiten Bitmap-Füllungen bearbeiten Fraktal-Füllungen bearbeiten Objekte farbig gestalten Arbeiten mit Transparenz Gleichmäßige Transparenz zuweisen Lineare Transparenz zuweisen Kreisförmige Transparenz zuweisen Elliptische Transparenz zuweisen Konische Transparenz zuweisen Bitmap-Transparenz zuweisen Fraktal-Transparenz zuweisen Gleichmäßige Transparenz bearbeiten Lineare Transparenz bearbeiten Runde Transparenz bearbeiten Konische Transparenz bearbeiten Bitmap-Transparenz bearbeiten Fraktal-Transparenz bearbeiten Transparenz entfernen Transparenz aktivieren Mit transparenten Linien arbeiten Arbeiten mit Grundformen Grundform zuweisen Hüllengrundformen bearbeiten Perspektivengrundformen bearbeiten Arbeiten mit Überblendungen Objekte überblenden HAAGE & PARNTER Computer GmbH, Deutschland 3 / 153

4 13.2 Erweiterte Überblendungen erstellen Überblendungen entfernen Morphing von Bitmaps Die Werkzeuge von Xara Xtreme Auswahl-Werkzeug (F2) Freihand- und Pinsel-Werkzeug (F3) Form-Editor-Werkzeug (F4) Stift-Werkzeug (Umschalt+F5) Rechteck-Werkzeug (Umschalt+F3) Ellipsen-Werkzeug (Umschalt+F4) Schnellform-Werkzeug (Umschalt+F2) Textwerkzeug (F8) Füllwerkzeug (F5) Transparenzwerkzeug (F6) Schatten-Werkzeug (Strg+F2) Schrägen-Werkzeug (Strg+F3) Konturwerkzeug (Strg+F7) Transformationswerkzeug (F7) Biege-Werkzeug (Umschalt+F6) Schalter/Navigationen-Werkzeug (Strg+F8) Schiebe-Werkzeug (Umschalt+F8) Zoom-Werkzeug (Umschalt+F7) Liveeffekte (Strg+F5) Als PDF exportieren Xara Bildeditor [Xara Picture Editor - XPE] Galerien Farben-Galerie (F9) Ebenen-Galerie (F10) Bitmap-Galerie (F11) Linien-Galerie (F12) Schriften-Galerie (Umschalt+F9) Clipart-Galerie (Umschalt+F10) Füll-Galerie (Umschalt+F11) Frames-Galerie (Umschalt+F12) Namen-Galerie (Strg+Umschalt+F9) Der Farben-Editor Tipps zu Xara Xtreme HAAGE & PARNTER Computer GmbH, Deutschland 4 / 153

5 1 Vorwort Xara Xtreme ist ein Illustrationsprogramm, dessen großer Vorteil bei der einfachen und intuitiven Bedienung liegt. Ganz ohne Einarbeitung geht es natürlich auch nicht, denn schließlich muss man erst einmal herausfinden, was man alles machen kann und wie es am besten geht. Diese Anleitung beginnt daher mit einer umfangreichen Übersicht der speziellen Funktionen. Anschließend folgen Tutorials, die sich einigen Besonderheiten widmen. Suchen Sie sich hier die Themen heraus, die Sie interessieren. Sehr empfehlenswert sind auch die kleinen Beispielfilme ( Diese sind zwar in englischer Sprache, doch Sie zeigen auf sehr einfache Weise die unglaubliche Einfachheit, mit der Sie mit Xara Xtreme Effekte und Grafiken erstellen können. Sie sind daher der ideale Einstieg in Xara Xtreme. Wenn Sie sich eine wenig mit Xara Xtreme beschäftigt haben, werden Sie feststellen, dass Sie die Anleitung nicht wirklich brauchen. Dies liegt zum einen daran, dass die Funktionen so arbeiten, wie man es intuitiv erwarten würde. Nicht umsonst ist Xara Xtreme und seine Vorgänger schon seit vielen Jahren dafür bekannt, dass die einfache Benutzung der Funktionen und die freie Kombination der Effekt richtungsweisend ist und mittlerweile auch von den teilweise um ein vielfaches teureren Mitbewerbern übernommen wurde. Zum anderen bietet Xara Xtreme aber auch ein sehr umfangreiches Hilfesystem. Schon wenn Sie mit der Maus über ein Symbol in den Werkzeugleisten fahren, wird dessen Funktion angezeigt. Wenn Sie die Funktion ausgewählt haben, wird in der unteren Statusleiste deren Funktion und die Optionen angezeigt. Damit kommen Sie sehr schnell zum Ziel. Probieren Sie es einfach einmal aus. Zusätzlich gibt es noch die sehr umfangreiche englische Online-Hilfe, die immer auf Tastendruck (F1) zur Verfügung steht. Wenn Sie ein wenig mit Xara Xtreme gearbeitet haben und Anregungen für eigene Grafiken und Effekte benötigen, dann stehen Ihnen umfangreiche Internetseite, speziell zum Thema Xara Xtreme zur Verfügung. Die Xara Xone ( enthält englischsprachige Tutorials und unzählige Beispiel auf Talkgraphics ( befindet sich ein Xara Xtreme- Forum mit über Einträgen. Da findet man Hilfe und Anregungen für eigene Projekte sicherlich ist hier auch etwas für Sie dabei. Viel Erfolg wünscht Ihr HAAGE&PARTNER-Team Anmerkung: Die Anleitung beschreibt die Grundlagen zur Erstellung von Illustrationen und Grafiken mit Xara X bzw. Xara Xtreme. Die neuen Funktionen der aktuellen Versionen, wie z.b. Flash-Animationen, Mehrseiten-Dokumente, Panorama-Erstellung, Foto-Bearbeitung, werden hier nicht besprochen. Diese sind jedoch weitgehend selbsterklärend HAAGE & PARNTER Computer GmbH, Deutschland 5 / 153

6 2 Einführung in Xara Xtreme Xara Xtreme ist ein modernes Illustrations-Paket für Windows, das eine unerreichte Geschwindigkeit und eine erstklassige Bedienung bietet. Die Erstellung von Illustrationen geht schnell und einfach mit den leistungsfähigen Zeichenwerkzeugen. Die meisten fortgeschrittenen Funktionen, bei denen Xara der Wegbereiter war, wie z.b. die Transparenz und die Echtzeit-Kantenglättung (Antialiasing), können sowohl auf Vektor- als auch auf Bitmap-Grafiken angewendet werden. Durch die neuen Funktionen wie drucksensitive Pinselstriche, automatische Schatten, Kantenabschrägungen und Konturen, mehrphasige Farbverläufe und Feathering, erhält man ein Werkzeug, das sowohl für den kreativen, als auch für den produktiven Einsatz bestens geeignet ist. Mit Xara Xtreme können Sie hoch optimierte Grafiken erstellen - die ideale Wahl für Web- Grafiken. Zusätzlich gibt es noch weitere Funktionen, die den Einsatz im Web unterstützten: Die Erstellung von animierten Schaltern (Rollover Buttons), die zusammen mit dem dazugehörigen HTML und JavaScript-Kode erzeugt werden. Xara Xtreme integriert sich auch nachtlos in Macromedia's Dreamweaver und kann auch Dateien im Flash-Format exportieren HAAGE & PARNTER Computer GmbH, Deutschland 6 / 153

7 2.1 Einführung Teil 1 Allgemeine Funktionen Der Vektor-Faktor Da Xara Xtreme ein Vektor-Illustrationsprogramm ist, haben Sie mehr Freiheiten als bei traditionellen Bitmap-Programmen. Während Bitmap-Grafiken verzerren, wenn Sie sie in der Größe verändern, behalten Vektorgrafiken ihre Qualität bei, egal wie groß sie sind. Dies kommt daher, weil Vektordateien Mathematik und Geometrie verwenden um Formen zu definieren, während Bitmaps einfach jeden benutzten Punkt speichern. Ein zusätzlicher Vorteil ist, dass eine Vektorengrafik immer die gleiche Dateigröße hat, ob das Bild 10 x 10 oder 1000 x 1000 Pixel groß ist, während die Dateigröße einer Bitmap sich mit der physikalischen Größe des Bildes vergrößert. Nahezu alle modernen Grafiksysteme, einschließlich CAD-Systemen und Animationsprogrammen, verwenden Vektorengrafik. Außerdem verwenden auch viele Drucker Vektorengrafiken (Postscript) Bitmaps Obwohl Vektorengrafiken die flexibleren Möglichkeiten bieten, sind Bitmaps ein wertvolles und häufig benutztes Format. Einige Bilder, beispielsweise Fotos, können nur als Bitmap dargestellt werden. Die meisten Webgrafiken (JPEGs und GIFs) sind ebenso Bitmaps. Xara Xtreme erlaubt Ihnen alle gebräuchlichen Bitmap-Formate zu im- und exportieren und diese zu verändern. Sie können Sie in der Größe ändern, drehen, reflektieren lassen, verformen, die Helligkeit und den Kontrast, sowie die Anzahl der Farben ändern. Sie können sie des weiteren durch eine große Anzahl eingebauter Effekte, als auch durch Effekte von Drittherstellern, verändern. Bitmaps können maskiert oder als Füllung benutzt, und mit Transparenz versehen werden. Man kann Sie sogar in eine Vektorgrafik umwandeln. Wenn Xara Xtreme mit Webgrafiken arbeitet, verfügt es über eine Reihe an Funktionen die sicherstellen, dass die Bilder in der höchstmöglichen Qualität bei gleichzeitig geringstem Speicherverbrauch vorliegen. Xara Xtreme ist jetzt besser beim Darstellen von Bitmaps als je zuvor, weil es nun auch bei diesen die Kanten glättet (Anti-aliasing) HAAGE & PARNTER Computer GmbH, Deutschland 7 / 153

8 2.1.3 Kompatibilität Xara Xtreme wurde so entworfen, dass es die einzige Grafiklösung sein soll, die Sie brauchen und ist deshalb sehr kompatibel zu anderen Produkten. Es unterstützt alle üblichen Grafikformate, verschiedene Bitmaparten wie GIF, JPEG, BMP und PNG, Vektorformate wie AI (Adobe Illustrator) und CMX (CorelDRAW) - und einige die nicht so bekannt sind. Es arbeitet mit Macromedia's Dreamweaver und der Flash-Software zusammen und bietet OLE-Unterstützung um Bilder in Dokumente, beispielsweise in Microsoft Word, einbetten zu können. Beim Manipulieren von Bitmaps, kann Xara Xtreme auch mit Plug-ins von Drittherstellern, z.b. für Adobe Photoshop, arbeiten. Diese Plug-ins können die Bitmap-Effekten die bereits in Xara Xtreme enthalten sind, ergänzen, wodurch Sie in der Lage sind, beeindruckende Grafiken in jedem beliebigen Format zu erstellen Farbunterstützung Xara Xtreme verfügt über ein ausgeklügeltes Farbsystem, welches das direkte Ändern der Farbe eines Objektes ermöglicht oder auch eigene Farbe zu bestimmen und mit einem Namen zu versehen, den Sie dann beliebigen Objekten zuweisen können. Mit Xara Xtreme ist es sehr einfach, eine Zeichnung mit vielen Schattierungen einer Farbe zu erstellen und durch eine einzige Änderung die Farbe des gesamten Bildes zu ändern. Es gibt einen "Farbpicker", den Sie wie einen "Eye-dropper" benutzen können, um die Farbe aus einem beliebigen Objekt auf dem Bildschirm heraus zu picken - sogar aus anderen Anwendungen. Wie viele Funktionen in Xara Xtreme, arbeitet der Farbdialog direkt am Objekt, dass heißt, wenn Sie die Farbe im Dialog ändern, ändert sich auch sofort die Farbe des Objektes Kantenglättung (Antialiasing) Die Kantenglättung verbessert die Qualität des dargestellten Bildes, indem es die stufigen Kanten von Objekten optisch glättet. Dies wird durch das Hinzufügen von berechneten Farbpunkten entlang der Kanten der dargestellten Objekte auf dem Bildschirm erreicht, die es an den Hintergrund anpassen. Hierdurch wird der Effekt erzielt, dass die Kanten weich werden und scheinbar die Auflösung des Bildschirms erhöht wird. Kantenglättung ist besonders nützlich bei Webgrafiken. Xara war der Pionier der Echtzeit-Kantenglättung, eine Funktion die ihren Weg in alle wichtigen Grafikprogramme gefunden hat. Wenn Sie die Kantenglättung in Xara Xtreme benutzen, arbeitet sie in Echtzeit, so dass Sie den Effekt sofort sehen können. Sie können die Kantenglättung sowohl bei Vektorgrafiken, als auch bei Bitmap-Bildern verwenden HAAGE & PARNTER Computer GmbH, Deutschland 8 / 153

9 2.2 Einführung Teil 2 - Entwerfen Zeichenwerkzeuge Xara Xtreme benutzt zwei Arten von Zeichenwerkzeugen: Freihandwerkzeuge und Formwerkzeuge. Freihandwerkzeuge wie das Stiftwerkzeug, Freihand- und Pinselwerkzeug geben Ihnen die Möglichkeit handgezeichnete Formen, Linien und Objekte zu zeichnen. Beim Freihand- und Pinselwerkzeug können Sie einstellen, wie schnell der Computer Ihren Bewegungen folgen soll oder ob Sie möchten, dass Xara Xtreme mit seiner rückwirkenden Glättfunktion kleinere Unebenheiten ausbügelt. Sie können sogar eine Form zeichnen und dann ein Stück hinzufügen, indem Sie ein weiteres Stück zeichnen, welches mit dem ersten Objekt verknüpft ist. Formwerkzeuge, wie das Rechteck-, Kreis/Ellipse- und das Schnellform-Werkzeug, erlauben Ihnen vorgefertigte Formen sehr schnell und einfach zu erstellen. Jedes Objekt, das Sie erstellen, sowohl über Freihand, als auch vorgefertigte Funktoionen, kann in der Größe verändert und einfach durch Ziehen an den Griffpunkten manipuliert werden Pinsel Die neue Echtzeit-Pinselfunktion des Freihand- und Pinselwerkzeuges ist eine spaßige und extrem mächtige Erweiterung. Sie ermöglicht Ihnen jede beliebige Form zu erzeugen und dann mit dieser zu zeichnen und gibt Ihnen somit unendlich viele Möglichkeiten. Eine dieser Möglichkeiten ist Sprüheffekte zu erzeugen. Es gibt aber auch eine Reihe von vorgefertigten Pinseln, die Sie verwenden können. Die Macht der Pinselfunktion liegt darin, dass Sie die vollständige Kontrolle darüber haben, wie der Pinsel auf den Schirm malt. Sie können die Größe, Farbe, den Abstand und die Drehung bestimmen; wobei jede dieser Einstellungen zufallsbestimmt werden kann, um dem Ganzen ein weniger "geordnetes" Aussehen zu verleihen. Wenn Sie Pinsel verwenden, können Sie auch von Xara's drucksensitiven Fähigkeiten profitieren, indem Sie den Pinsel so einstellen, dass er die Größe oder die Transparenz des Pinsels dem Druck, mit dem Sie mit dem Grafikstift drücken, anpasst. Jeder Pinsel den Sie erzeugen, wird mit dem Dokument in dem er benötigt wird mit abgespeichert, so dass Sie ihn jederzeit, wenn Sie möchten, erneut benutzen können HAAGE & PARNTER Computer GmbH, Deutschland 9 / 153

10 2.2.3 Transparenz Jedes Objekt das Sie erzeugen (inklusive Text und Bitmaps), kann transparent gemacht werden, indem Sie vielfältigen Transparenzoptionen nutzen. die Wie bei der Echtzeit-Kantenglättung war Xara der Pionier der Vektortransparenz. Transparenz kann auf mehrere Arten verwendet werden eine der bekanntesten dient der Simulation von Glas. Sie kann auch zum Erzeugen feiner Reflektionen oder Glanzeffekte benutzt werden, die man mit anderen Mitteln nur schwer hervorrufen kann. Eine bekannte Anwendung ist, Teile Ihrer Zeichnung mit zusätzlichen transparenten Objekten zu überdecken und diese dann als Filter zu verwenden, um beispielsweise die Farben oder den Kontraste zu ändern. Transparenz kann in Form einer linearen Abstufung oder auch in Form verschiedener Formen (Diamanten oder konisch) angewandt werden, um sehr ungewöhnliche Effekte zu erzielen. Xara Xtreme erlaubt Ihnen auch texturierte Transparenzen durch Verwendung von Bitmaps zu erstellen, um einer oder mehreren Grafiken einen speziellen Effekt zu geben Transformation (Blending) Das Transformationswerkzeug erlaubt Ihnen zwischen zwei Objekten überzublenden oder diese zu verschmelzen. Diese Objekte können beliebigen Typs (Text, Bitmaps, Bilder) oder sogar andere Überblendungen sein. Das Benutzen dieses Werkzeuges erzeugt eine Serie von Zwischenobjekten zwischen Anfangs- und Endobjekt. Sie können die Anzahl der Schritte der Transformation einstellen und Sie können mehr als einmal Transformieren, so dass Sie auch zwischen mehreren Objekten überblenden können. Transformieren kann zum Erzeugen komplexer Glanzlichter, unscharfer Ecken an Objekten, wiederholender Muster und vieler anderer Effekte benutzt werden. Sie können sogar Objekte editieren, die Sie beim Transformieren erzeugt haben. Des weiteren können Sie auch Transformationen an einem Pfad entlang setzen. Xara Xtreme führt Transformationen auf eine schnelle und speichereffiziente Art- und Weise, im Vergleich zu anderen Illustrationspaketen, durch was für Sie weniger Wartezeit und Schonung Ihrer Systemresourcen bedeutet Auslaufen von Farben (Feathering) Feathering ist eine Technik bei der die Kanten von Objekten leicht unscharf gemacht werden, was bis vor kurzem bei Vektorzeichenprogrammen nicht möglich war HAAGE & PARNTER Computer GmbH, Deutschland 10 / 153

11 Einfach durch Auswählen irgendeines Objektes und bewegen des Reglers wird das Objekt mit anderen Hintergrundobjekten verschmolzen, wobei eine scharfe Randlinie vermieden wird. Dies ist besonders hilfreich beim Übereinanderlegen von Bitmaps. Xara Xtreme erlaubt Ihnen das Feathering-Profil zu ändern, welches den Verlauf des Übergangs beim Auslaufen bestimmt. Vielleicht möchten Sie einen gleichmäßigen Übergang, vielleicht aber auch eine stärkere Veränderung zur Mitte oder zum Rand hin. Bedenken Sie aber, dass das Feathering nur die Kanten des Objektes beeinflusst und keinen anderen Teil des Objektes Konturen Es geht mit dem Konturwerkzeug von Xara Xtreme sehr leicht, Konturen um ein Objekt zu erzeugen. Konturen sind Spezialeffekt welcher gleichmäßige konzentrische Ringe in oder um ein Objekt legt. Diese Ringe kann man im Hintergrund verschwinden oder durch einen Farbverlauf erscheinen lassen. Wenn Sie eine Kontur an einem Objekt erzeugt haben und dieses in der Größe ändern, so ändert sich auch die Größe der Kontur. Die Kontur selbst kann auch verändert werden und Sie können all ihre Eigenschaften einstellen, inklusive dem Abstand zwischen den Schritten, der Anzahl an Schritten, der Konturbreite und des Profils. Der "Zusatzpfad"-Schalter lässt Sie ihr konturiertes Objekt in eine größere oder kleinere Form bringen und entfernt dabei die aktuelle Kontur. Dies gibt Ihnen mehr Flexibilität als nur ein Objekt in der Größe zu ändern, da dann auch die Dicke mit der Größe geändert wird Kanten (Bevels) Kanten bzw. Kantenabschrägungen geben dem Objekt eine Tiefe, anstatt es nur flach auf der Seite erscheinen zu lassen. sind besonders beim Erzeugen von Schaltern und Überschriften für Webseiten nützlich. Sie Das Kantenwerkzeug erlaubt Ihnen schnell selbst bestimmte Kantenabschrägungen an jedes Objekt, das Sie zeichnen anzufügen. Es gibt ein Sortiment von Kantenabschrägungen aus denen Sie wählen können, wie flach, Gitter und Abgerundet, wovon Sie jede nach Ihren Wünschen modifizieren können um sie einzigartig zu machen. Sie können die Tiefe, den Kontrast und die Beleuchtungslage (einzigartig bei Xara Xtreme) und den Winkel andern und bestimmen ob die Kantenabschrägung innen oder außen am Objekt sein soll. In Xara Xtreme können Sie eine Kante, genauso wie jedes andere Objekt in einem Dokument behandeln und somit Transparenz, farbige Bitmapfüllungen und so weiter hinzufügen HAAGE & PARNTER Computer GmbH, Deutschland 11 / 153

12 2.2.8 Füllungen Mit Füllungen können Sie beliebige Objekte Ihrer Illustration auszufüllen. Xara Xtreme bietet eine große Reihe an Füllungen flach, linear, zirkular, konisch, elliptisch, diamanten und Drei- und Vierfarbfüllungen. Sie können Bitmaps zum Füllen verwenden und Mehrfarbfüllungen und mehrstufige Füllungen realisieren. Sie können Füllungen bei Schnellformen, Formen und sogar Text vornehmen. Wenn Sie eine Füllung bei einem zusammengesetzten Objekt vornehmen (einer Überblendung, Modellierung oder Gruppe) sind alle Objekte darin betroffen. Nachdem Sie eine Füllung an einem Objekt vorgenommen haben, können Sie die Größe, Position, Richtung und die Farben ändern, sowie die Art bestimmen wie sich die Farbe beim Füllen verhält. Beim Füllen mit einer Bitmap können Sie die Bitmap verändern und bei fraktalen Füllungen die Eigenschaften des Fraktals. Eine der schönen Funktionen von Xara Xtreme's Füllfunktion ist die einfache und interaktive Art wie man Farben zuweisen kann. Ziehen Sie einfach eine Farbe aus dem Farbenfeld und lassen Sie, sie auf das Objekt fallen, dass Sie füllen möchten, dann bewegen Sie den Pfeil für die Richtung. Diese direkte Art der Aktion macht das Arbeiten mit Füllungen viel einfacher als mit anderen Programmen Schatten Realistische Schatten zu erzeugen ist normalerweise eine der Aufgaben von Bitmap-basierten Grafikpaketen. Xara Xtreme's neues Schattenwerkzeug ändert all dies und lässt Sie durch einen einfachen Mausklick halbdurchlässige ( weiche ) Schatten an jedes Objekt anhängen, entfernen oder bearbeiten. Es stehen drei unterschiedliche Schattenarten zur Auswahl Wand, Boden und Glühen. Wandschatten erzeugt scharfe Schatten, die Bodenoption arbeitet wie eine "Sonnenuhr" und Glühen produziert einen Schatteneffekt um ein Objekt. Jeder Schatten, den Sie erzeugen, kann auf unterschiedliche Art beeinflusst werden: durch Ändern der Farbe, Schärfe, Transparenz und des Profils. Auch das Schattenwerkzeug profitiert von der Direkt-Aktions-Funktion von Xara Verformungen [moulds and envelopes] Mit diesen Funktionen können Sie jedes Objekt entsprechend einer vorgegebenen Form verformen. Es gibt dabei zwei Arten von Schablonen - perspektivische und Hüllen-Schablonen. Perspektivische Schablonen sind ideal für die Erstellung 2008 HAAGE & PARNTER Computer GmbH, Deutschland 12 / 153

13 von Bannern oder dreidimensionaler Effekte. Sie verzerren ein Objekt und erzeugen dabei eine Art Perspektive. Die Hüllen-Schablonen können sogar gekrümmte Seiten haben und Sie können eine Objekt extrem verbiegen und verzerren. Schablonen und Hüllen können auf jede Form, Bitmap und auf Text angewendet werden und die Objekte bleiben dabei editierbar Text-Funktionen Das Textwerkzeug erlaubt Ihnen die Erstellung von Textobjekte, die aus beliebig vielen Textzeilen bestehen können. Wie bei jedem Textverarbeitungsprogramm können Sie den Zeichensatz, die Zeichengröße, die Zeichenfarbe und die Ausrichtung des Textes, den Zeilenabstand, den Zeichenabstand verändern, sowie fette, schräge hoch- und tiefergestellte Zeichen verwenden. Sie können Ihren Text entlang eines Pfades schreiben, also eine Linie ziehen und den Text entlang dieser Linie folgen lassen. Zusätzlich wie bei jedem gezeichneten Objekt in Xara Xtreme können Sie ihn an der Ecke "anfassen" und die Größe durch Verschieben ändern und alle üblichen Formatierungen, wie Transparenz, Füllungen, Verformungen usw. vornehmen und der Text bleibt trotzdem editierbar Maskieren [ClipView] Xara Xtreme hat verschiedene Wege um Objekte zum Maskieren anderer Objekte zu benutzen. Sie sehen dann Teile der Objekte durch diese Maske. ClipView ist eine dieser Methoden, aber sie ist anders als die anderen, da sie dynamisch ist. Sie lässt Sie ein Objekt als ein Fenster vor anderen Objekten benutzen. Sie sehen nur die Teile der anderen Objekte, die sich innerhalb dieses "Fensters" befinden. Sie können das Fensterobjekt bewegen um die Ansicht zu ändern und das Fensterobjekt bleibt dabei sichtbar Namesgalerie Dieses einzigartige und mächtige neue Werkzeug leitet das Ende der Tage ein, an denen Grafikdesigner jedes Objekt ihres Bildes auf eine eigene Ebene legen mussten, nur damit sie diese einfach anwählen konnten, falls sie eine Änderung vornehmen wollten HAAGE & PARNTER Computer GmbH, Deutschland 13 / 153

14 Die Namensgallerie listet automatisch alle Zeichensätze, Bitmaps, Farben und benannten Objekte eines Dokumentes auf - Sie können jedes Objekt und jede Gruppe von Objekten innerhalb eines Dokumentes benennen. Das heißt, Sie können auf einen Blick erkennen welche Objekte Sie in einem Dokument verwenden und Sie können die Namensgallerie dazu benutzen um Objekte auszuwählen, indem Sie einfach auf den Namen in der Liste klicken. Sie können ebenso Objekte auf Gruppenebene editieren - z.b. können Sie sämtliche Stellen an denen Times New Roman erscheint ändern oder an jedes Objekt einen Schatten anfügen. Dies spart wertvolle Zeit, da in der Vergangenheit jedes Objekt einzeln editiert werden musste. Wenn Sie gruppierten Objekten einen Namen zuweisen, können Sie Gruppenveränderungen vornehmen oder sie auf eine bestimmte Art exportieren HAAGE & PARNTER Computer GmbH, Deutschland 14 / 153

15 2.3 Einführung Teil 3 - Webgrafiken Xara Xtreme bietet eine Vielzahl neuer Funktionen speziell für Webdesigner. Das heißt, Sie können Xara Xtreme als eine umfassende Lösung für Webgrafiken benutzen und die Skalierbarkeit und Vielseitigkeit des Vektorpaketes, in Verbindung mit der Funktionalität der neuen Webfunktionen genießen Navigationen & Schalter Schalter und Navigationsleisten sind elementarer Bestandteile der meisten Webseiten. Diese zu erstellen kann eine zeitaufwendige und frustrierende Angelegenheit sein. Das Schalter- und Navigationsleistenwerkzeug gibt Ihnen die Möglichkeit sowohl einzelne Schalter, als auch voll funktionstüchtige Navigationsleisten in Minutenschnelle zu erstellen. Sie können ebenso animierte Schalter, die sich beim Anklicken oder Darüberfahren verändern, erstellen (wie die Schalter auf dieser Webseite) und XaraX schreibt sogar den gesamten HTML- und JavaScript-Code für Sie. Das Werkzeug nimmt dabei den Entwurf Ihres Schalters und erzeugt daraus so viele weitere Schalter wie Sie möchten, entweder horizontal oder vertikal. Jeder Schalter kann dann bearbeitet werden. Wenn Sie animierte Schalter (Rollovers) erzeugen, können Sie jeden Schalter und jeden seiner Zustände bearbeiten Flash-Export Flash von Macromedia ist schnell zu einem Standard für Vektorgrafik-Animationen im Web geworden. Aber, wie Multimediadesigner wissen, ist es nicht das beste Werkzeug um Grafiken zu entwerfen. Jetzt kann jede Grafik, die Sie in Xara Xtreme erstellen im.swf-format exportiert werden, um sie dann in einen Flash-Movie zu importieren und zu animieren. Weil die Grafik im Flash- Format vorliegt bleibt sie skalierbar, so dass Sie sie in Flash in der Größe verändern und manipulieren können, ohne die Qualität einzubüßen Animation Animierte GIFs sind immer noch die am weitesten verbreitete Form von Animationen im Web. Als Werbebanner, drehende Schalter- und Zeichentrick-Animationen werden uns animierte GIFs noch eine lange Zeit begleiten. Die Frame-Galerie ermöglicht Ihnen Animationen Bild für Bild zu erstellen. Sie gibt Ihnen die vollständige Kontrolle über jeden Aspekt der Animation, von den Pausen zwischen den Bildern bis zur Transparenz der Objekte. Wenn Sie exportieren, ist Xara Xtreme in der Lage animierte GIFs vollständig zu optimieren, so dass sie die kleinstmögliche Dateigröße aufweisen. Dies bedeutet für Sie, dass Sie spannende Animationen erzeugen können, ohne dass sie die Leistungsfähigkeit Ihrer Webseite beinträchtigen HAAGE & PARNTER Computer GmbH, Deutschland 15 / 153

16 2.3.4 Dreamweaver-Integration Macromedia's Dreamweaver ist eines der führenden Webdesignpakete und wird von Designern auf der ganzen Welt zum Erzeugen beeindruckender Webseiten benutzt. Xara Xtreme hat eine spezielle Option beim Exportieren eines Bildes in einem Webformat (GIF, JPEG oder PNG), das einige Zusatzinformationen für Dreamweaver mit der Grafik abspeichert. Wenn Sie dann eine Webseite mit Dreamweaver erstellen, können Sie die Grafik normal einfügen. Wenn Sie die Grafik bearbeiten möchten, klicken Sie einfach auf das Bild, Xara Xtreme wird daraufhin automatisch geladen und die Grafik geöffnet Hexadezimale RGB-Webfarben Die Möglichkeit Farben nach ihrem hexadezimalen Wert auswählen zu können ist unablässig für Webdesigner. Auf diese Art und Weise können Sie Ihre Farben mit den Farben der sicheren Web-Standardpalette abgleichen, die Sie auf Ihrer Webseite benutzen. Oftmals möchte ein Designer eine Grafikfarbe mit einer Hintergrundfarbe z.b. aus der Zelle einer Tabelle abgleichen. Da HTML Hexadezimalwerte verwendet (z.b. #CCCCFF) um Farben darzustellen ist es extrem hilfreich in der Lage zu sein diese Farben in einem Grafikpaket angeben zu können Bildzergliederung [Image Slicing] Große, komplexe Grafiken für Webseiten können große Dateien erzeugen, die nur langsam im Internet geladen werden können. Meistens jedoch enthalten diese Grafiken Gebiete mit einfacher Farbe oder wenigen Details. Um die Datenmenge zu reduzieren, können Sie das Bild in Teile zerstückeln, die dann einzeln geladen werden. Der Vorteil dabei ist, dass die Teile mit wenigen Farben bzw. wenigen Details in einer niedrigeren Qualität abgespeichert werden können (z.b. als ein 2-Farben-GIF) als die komplexeren Bereiche, die in einer höheren Auflösung abgespeichert werden. Das 2- Farben-GIF benötigt weniger Zeit zum Laden, aber trotzdem behalten Sie die detailreiche Auflösung in anderen Teilen bei. Xara Xtreme zerstückelt und speichert nicht nur die Bilder für Sie, sondern schreibt auch noch den notwendigen HTML-Code dazu, so dass Sie, sie einfach in Ihre Webseite kopieren können Image Maps Image Maps werden verwendet um auf Webseiten anklickbare Gebiete oder Punkte auf Grafiken zu definieren. Wenn Sie z.b. eine Karte des 2008 HAAGE & PARNTER Computer GmbH, Deutschland 16 / 153

17 Vereinigten Königreichs von England haben - wie im Beispiel gezeigt - können Sie eine Image Map verwenden um über jedem Land einen anklickbaren Bereich zu bestimmen. Xara Xtreme erlaubt Ihnen eine Webadresse für jedes Objekt des Dokumentes zu bestimmen. Anschließend können Sie das gesamte Bild, mit dem dazugehörigen HTML-Code um die Image Map zu betreiben, exportieren. Wenn Sie einem Objekt eine Webadresse zuweisen, können Sie den anklickbaren Bereich genau dem Objekt anpassen oder den anklickbaren Bereich grob durch ein Rechteck bestimmen, was zu einem viel kleineren Code führt als bei einem komplexen Bereich. Weiterhin erhalten Sie die Möglichkeit bestimmen zu können wohin die Verknüpfung zeigen soll - auf ein neues Fenster, den aktuellen Rahmen, den übergeordneten Rahmen und so weiter Exportieren und Optimieren Das Optimieren von Webgrafiken ist ein elementarer Faktor, wenn Sie die Ladezeiten für Ihre Webseite kurz halten möchten. Um zu erreichen, dass Ihre Grafiken die kleinstmögliche Größe haben und trotzdem gut aussehen, ist es oft notwendig diese zu optimieren. Xara Xtreme hat eine fantastische, eingebaute Optimierung für Webgrafiken und gibt Ihnen die vollständige Kontrolle über die Farbpaletten. Dies bedeutet, dass Sie genau die Einstellungen wählen können, die Sie möchten, inklusive: Farbtiefe, Farbmischung und Transparenz. Sie können auch spezielle Farben fixieren um sicherzustellen, dass diese dem Bild erhalten bleiben. Sie können jede Änderung die Sie vornehmen vorab anschauen, so dass Sie das Resultat begutachten können, bevor Sie sich festlegen. Im Exportdialog können Sie verschiedene Exportoptionen vergleichen um erkennen zu können welches die besten Einstellungen sind Verknüftes Vergrößern [linked stretching] Verknüpftes Vergrößern wird der Vorgang bezeichnet bei dem man benannte Objekte dazu benutzt um andere benannte Objekte zu vergrößern oder zu verkleinern. Eine der gebräuchlichsten Anwendungen für das Verknüpfte Vergrößern ist, wenn Sie einen Schalter mit einem Text darauf entwerfen. Ändern Sie nun die Textgröße, ändert sich die Größe des Schalters entsprechend HAAGE & PARNTER Computer GmbH, Deutschland 17 / 153

18 Diese Funktion ist besonders in Verbindung mit dem Navigationsleistenwerkzeug nützlich. Sie können einen Schalter mit einem Text darauf erstellen und diesen dann kopieren um eine Leiste zu erzeugen. Der Text der Schalter kann anschließend für jeden Schalter editiert werden und der dazugehörige Schalter passt sich automatisch in seiner Größe an HAAGE & PARNTER Computer GmbH, Deutschland 18 / 153

19 2.4 Einführung Teil 4 - Interaktivität Geschwindigkeit Xara Xtreme hat eine der am weitest entwickelten Berechnungsroutinen aller Grafikpakete. Für den Benutzer bedeutet dies, dass die Neuaufbaugeschwindigkeit - die Zeit bis das Bild neu gezeichnet wird, wenn Sie ein Objekt erzeugen, verschieben, vergrößern oder verkleinern - eine der schnellsten ist, die Sie sehen werden. Viele Grafikpakete werden Sie ein paar Sekunden warten lassen bis die Objekte auf dem Bildschirm gezeichnet sind. Bei komplexeren Dokumenten kann dies bedeuten, dass Sie eine nicht unwesentliche Zeit verschwenden, was sehr frustrierend sein kann. Wenn Sie mit Xara Xtreme Bilder generieren, erscheinen diese sofort auf dem Bildschirm. Geschwindigkeit spielt nicht nur beim Erzeugen oder Verschieben von Objekten eine Rolle, sondern jedes mal wenn Sie ein Direkt-Aktions-Werkzeug verwenden, z.b. den Profil- oder Attributdialog der den Farbeditor, werden die Änderungen sofort angezeigt. Das heißt, wenn Sie einen Schieber bewegen, ändert sich nicht nur eine Vorschau, sondern das Bild selbst, so dass Sie sofort am gesamten Bild sehen können, wie sich die Änderung auswirkt Direktaktions-Werkzeuge Xara Xtreme's Direktaktions-Werkzeuge erlauben Ihnen Effekte wie Transparenz, Kantenabschrägung oder Verlaufsfüllungen einfach durch Anwählen und Ziehen des Werkzeuges über das Gebiet, welches Sie beeinflussen möchten, zu generieren. Traditionell haben Sie die Effekte in einer Dialogbox eingestellt und anschließend wurden Sie auf die Grafik angewendet. Mit Xara Xtreme's Direktaktions-Werkzeugen können Sie all diese Effekte direkt auf die Grafik übertragen ohne irgendwelche Zahlen in eine Dialogbox einzutragen! Die Änderungen werden sofort vorgenommen. Dies ist ein großer Vorteil, nicht nur weil es Zeit spart, sondern weil es die kreative Arbeit und das Bild selbst im Mittelpunkt Ihrer Aufmerksamkeit hält. Auch das Experimentieren mit Effekten und Einstellungen wird wesentlich erleichtert. Die Direktaktions-Werkzeuge beinhalten Kantenabschrägungen, Schatten, Transparenz, Füllungen, Kontur und die Überblendwerkzeuge HAAGE & PARNTER Computer GmbH, Deutschland 19 / 153

20 2.4.3 Drag & drop Viele Aufgaben in Xara Xtreme profitieren vom "Drag and Drop"-Prinzip (Ziehen und Fallenlassen). Wenn Sie die Farbe eines Objektes ändern, so können Sie einfach eine Farbe aus der Farblinie auf das Objekt oder seine Umrisse ziehen. Bei Farbverläufen können Sie einfach Farben entlang eines Verlaufpfades ziehen und loslassen und somit Mehrfarbfüllungen erzeugen. Drag&rop kommt auch bei Verwendung von Galerien ins Spiel. Sie können jedes Galerieelement einfach durch Ziehen auf einer Seite platzieren Drucksensitivität Am dichtesten ans echtes Zeichnen kommt man heutzutage durch Verwendung eines Grafiktabletts heran. Xara Xtreme erhöht das Realitätsgefühl eines Grafiktabletts durch Nutzung der Drucksensitivität. Das heißt, wenn Sie das Pinselwerkzeug benutzen, können Sie die Größe und/oder die Transparenz des Pinsels durch stärkeres Aufdrücken des Stiftes ändern. Xara Xtreme erlaubt Ihnen durch den Druck die Größe, die Transparenz, beides oder keines von beidem zu beeinflussen Profile Wenn Sie einem Objekt eine Überblendung, Transparenz, Kontur, Füllung oder einen Schatten hinzufügen, können Sie seine Attribute oder Eigenschaften durch Benutzen des Profil-Dialogfeldes bestimmen. Was genau Sie im Profil-Dialogfeld einstellen können, hängt vom benutzten Effekt ab. In jedem Fall jedoch können Sie einen der voreingestellten Einstellungssätze benutzen oder durch Einstellen der Schieber Ihre eigenen definieren HAAGE & PARNTER Computer GmbH, Deutschland 20 / 153

21 Bei Transparenz können Sie die Form des Überganges vom Anfang bis zum Ende festlegen, während Sie bei Überblendungen und Konturen bestimmen können, wie groß die Schritte auseinanderliegen und wie die Farben, Linien und Transparenzen verwendet werden. Insgesamt ist das Profil-Dialogfeld ein sehr mächtiges Werkzeug, um Ihnen zu helfen Ihre Grafiken nach Ihren Wünschen zu gestalten Lupenfunktion Das Lupenwerkzeug erlaubt Ihnen die Größe der Darstellung des aktuellen Dokumentes zu verändern. Mit dem Lupenwerkzeug können Sie die ganze Seite darstellen lassen, so dass Sie das gesamte Dokument sehen. Sie können die Zeichnung vergrößert darstellen Sie können ein Objekt auswählen und dann dieses anzeigen. oder Eine andere Methode um einen bestimmten Ausschnitt anzuzeigen ist das Werkzeug über die gewünschte Stelle zu ziehen. Das Lupenwerkzeug ist in der Lage bis zu % zu vergrößern - das sind dpi (dots per inch) Undo/Redo In der Lage zu sein das, was man erstellt hat zu ändern ist lebenswichtig in einem Grafikpaket. Xara Xtreme ermöglicht Ihnen auf einfache Weise die letzte Änderung eines Dokumentes wieder rückgängig zu machen. Die "Rückgängig"-Funktion (Undo) ermöglicht Änderungen, die Sie aus Versehen, solche die misslungen sind oder solche die Sie einfach nicht mögen, zurück zu nehmen. Diese Funktion ist in Verbindung mit "Wiederherstellen" (Redo) ein sehr mächtiges Werkzeug, da es Ihnen die Freiheit gibt mit einer Zeichnung, in dem Wissen, dass Sie Änderungen zurück nehmen können oder wenn Sie sich entscheiden eine Änderung doch durchführen zu wollen wieder herstellen zu können, zu experimentieren. Einige Grafikpakete lassen Sie nur eine begrenzte Zahl an Aktionen rückgängig machen, aber Xara Xtreme kann unbegrenzt Arbeitsschritte zurück nehmen, es merkt sich also alles, was Sie tun HAAGE & PARNTER Computer GmbH, Deutschland 21 / 153

22 3 Neue Funktionen von Xara Xtreme Xara Xtreme weist viele Verbesserungen und Weiterentwicklungen gegenüber seinem Vorläufern CorelXARA und Xara Xtreme auf. Die Pioniere der Echtzeit-Kantenglättung und Transparenz bringt Ihnen nun eine ganze Sammlung an neuen Funktionen um Xara Xtreme zu einer unwiderstehlichen Wahl zum Erstellen von Grafiken aller Art zu machen: Neue Render-Engine für noch schnellere und hochwertigere Grafiken Obwohl Xara Xtreme schon immer das schnellste Zeichen- und Illustrationsprogramm war, wurde die Vektorengine nochmals verbessert und ist nun % schneller. Größenänderungen, Verschieben und Rotieren in Echtzeit Xara Xtreme ist die erste Illustrationssoftware, die diese Aktionen mit gefüllten Objekten ausführen kann und bietet damit ein bisher nicht gekanntes flüssiges Bearbeiten. voller Alphakanal-Support für PNG Neuer Xara Picture Editor - der integrierte Bitmap-Editor bietet: o Zero-Memory-Footprint - minimaler Speicherverbrauch bei der Fotobearbeitung o Unendliches Undo o vollen Alphakanal-Support o Plugin-Interface für Erweiterungen Der Xara Picture Editor ist ein komplett neues Werkzeug, das direkt in Xara Xtreme integriert ist. Es ist kein Pixeleditor und auch kein Malprogramm, aber es bietet die wichtigsten Funktionen zur Fotobearbeitung wie Beschneiden, Drehen, Verbessern, Schärfen usw. Eines der wichtigsten Features ist, dass er das Originalbild nicht verändert. D.h. Sie können alle Änderungen jederzeit rückgängig machen. Andere Editoren speichern nach Änderungen das Bild im JPEG-Format ab. Dadurch verschlechtert sich bei mehrmaligem Bearbeiten die Qualität des Bildes erheblich, denn beim JPEG-Format gehen jedes Mal Bildinformationen verloren. Zudem ist es nicht möglich, Änderungen rückgängig zu machen. Mehr als 50 weitere Verbesserungen, z.b.: o verbesserte Farbauswahl o neue Symbole o Vorschau für.xar-dateien im Laden/Speichern-Dialog o Bitmap-Export bis zu Pixel o automatischer Download neuer Tutorialfilme 2008 HAAGE & PARNTER Computer GmbH, Deutschland 22 / 153

23 4 Tutorials 4.1 Tutorial 1: Kantenschrägen [Bevels] Mit dem Kantenwerkzeug lassen sich Ihrem Bild schnell und einfach Kanten hinzufügen, entfernen und verändern, sodass es den Eindruck von Tiefe vermittelt anstatt flach auf dem Papier zu liegen. Um eine Kante zu erzeugen wählen Sie das Objekt an, klicken auf das Kantenwerkzeug und suchen sich einfach einen Kantentyp von der Infofläche aus. Sie haben dort eine große Auswahl: Jetzt können Sie Ihre Kante bearbeiten: Tiefe, Kontrast, Lichtwinkel und Höhe direkt auf dem Bildschirm, ohne dass Sie ein neues Menü öffnen müssen. Sie können z.b. die Tiefe und den Lichtwinkel verändern, indem Sie die Pfeile verschieben: Aber Sie können auch die Kantentiefe, den Kontrast oder die Lichthöhe (stellen Sie sich diese als die Position der Sonne vor) kontrollieren. Das Bild verändert sich in Echtzeit wenn Sie den Schieberegler bewegen. Sie können außerdem entscheiden, ob Sie eine innere oder eine äußere Kante vorziehen. Ersteres erzeugt eine Kante in das Objekt hinein wobei die Größe die Gleiche bleibt. Eine äußere Kante hingegen macht das Objekt größer HAAGE & PARNTER Computer GmbH, Deutschland 23 / 153

24 Wie Sie sehen können, habe ich der Kantenfarbe einen anderen Blauton gegeben. Um diese zu ändern, wählen Sie einfach die Kante an und wählen eine neue Farbe von der Farbpalette am unteren Rand des Fensters aus. Sie können die Farbverläufe oder die Transparenz auf die Kanten anwenden wie auf jedes andere Objekt auch. Und Sie können die Eckenformen der Kanten verändern - abgeflacht, rund oder kantig. Die Beispiele hier sind sehr leicht, einfach um die Grundlagen zu demonstrieren. Aber werfen Sie einen Blick auf dieses Groucho-Bild (siehe unten) um zu sehen, was ein Profi damit erreichen kann. Der effektive Einsatz von Kanten (und Schatten) lassen das Bild fast dreidimensional wirken HAAGE & PARNTER Computer GmbH, Deutschland 24 / 153

25 Created by Dušan Kastelic Copyright Xara Ltd 2008 HAAGE & PARNTER Computer GmbH, Deutschland 25 / 153

26 4.2 Tutorial 2: Navigationen Das Schalter- und Navigationen-Werkzeug ermöglicht es Ihnen Schaltbalken für Ihre Web Seite zu erstellen. Diese Übung zeigt Ihnen wie Sie einen festen Schaltbalken erstellen eine separate JavaScript-Übung beschäftigt sich mit Animationseffekten bei den Navigationen. Ich habe hier schon einen Schalter gezeichnet und entschieden, dass ich einen Rückbalken für mein Design (optional) möchte in dem Fall werde ich ein einfaches, schwarzes Quadrat mit einer Kante verwenden das ich hinter meinem grünen Schalter positioniert habe. Als erstes muss das Navigationen-Werkzeug ausgewählt, dann die ganze Graphik markiert und Neu [New] auf dem Infobalken angeklickt werden. Dadurch wird das Einstellerfenster geöffnet, das Ihnen die Kontrolle über das Aussehen und die Aufmachung des Schaltbalkens ermöglicht HAAGE & PARNTER Computer GmbH, Deutschland 26 / 153

27 Anmerkungen: Strecken von Schaltern: Bestimmen Sie, wie sich die Schalter strecken, wenn Sie Ihren Text eingeben normalerweise wollen Sie wahrscheinlich, dass sich die Schalter automatisch strecken (von der Mitte aus) aber Sie können sie auch so einstellen, dass sie unbeweglich bleiben (egal wie lang Ihr Text ist) Das sind alles ein-schalter Navigationsleisten. Auf der linken Seite ist der Originalschalter; der andere Schalter zeigt die verschiedenen Optionen. Beachten Sie die unterschiedlichen Formen der Abrundungen für bewegliche und unbewegliche Schalter. Schalter verhalten sich gleich: Bestimmen Sie, ob sich alle Schalter strecken auch wenn Sie nur in einen Text einfügen (spart sehr viel Zeit; Sie müssen nämlich nicht jeden Schalter manuell verändern, damit alle die gleiche Größe haben) oder, ob Sie lieber jeden einzeln verändern wollen. Auf der linken Navigationsleiste alle mit; Gleicher Größe; auf der rechten, unabhängige Größe. Gruppen nicht strecken: Erlaubt es Ihnen Teile des Designs vom Strecken auszunehmen. Das ist zwar nicht die normale Art, aber es gibt einige Designs bei denen es vorstellbar ist, dass sich einige Schalter nicht strecken, auch wenn der Rest es tut. In einem solchen Fall markieren Sie den Teil der Gruppe, der sich nicht strecken soll und wählen Sie Gruppen nicht strecken. Der blaue Pfeil ist eine Gruppe. Auf der linken Seite strecken sich die Gruppen, auf der rechten nicht HAAGE & PARNTER Computer GmbH, Deutschland 27 / 153

28 Klicken Sie Erstellen und da haben wir unseren 4 Schalterbalken. Wenn Sie das Ergebnis nicht mögen, können Sie nachträglich noch einige Veränderungen vornehmen. Z.B. können Sie die Anzahl der Schalter auf drei setzen: Beachten Sie wie sich der Rückbalken automatisch mitverändert. Sie können die Farbe der Schalter ganz einfach verändern Sie müssen sie nicht einzeln bearbeiten. Das Schalterdesign unterscheidet sich um einige Nuancen vom Hintergrund Sie können z.b. die Farbe zu gelb setzen: 2008 HAAGE & PARNTER Computer GmbH, Deutschland 28 / 153

29 Sie können dann das neue Design verwenden um auch das der anderen Schalter zu ändern: Den Text auf den Schaltern zu verändern ist genauso einfach. Wählen Sie das Textwerkzeug, klicken Sie auf den Schalter und beginnen Sie zu schreiben. Beachten Sie wie sich alle Schalter und Rückbalken automatisch mit dem Text strecken Sie brauchen nichts erneut zu zeichnen! Sie können auch einen Hyperlink in Ihren Schalter einfügen. Machen Sie einfach einen Rechtsklick über dem Schalter, wählen Sie "Web Adresse" aus dem Menü HAAGE & PARNTER Computer GmbH, Deutschland 29 / 153

30 ...und geben Sie die URL ein [Web Address] HAAGE & PARNTER Computer GmbH, Deutschland 30 / 153

31 4.3 Tutorial 3: Animierte Navigationen Sie können JavaScript animierte Schaltflächen ganz einfach erstellen indem Sie das Schalter- und Navigationen-Werkzeug benutzen das sind Schalter, die ihr Aussehen ändern wenn man mit der Maus darüber fährt oder sie anklickt. Ich habe hier schon eine fertige (nicht animierte) Schaltfläche an der ich demonstrieren werde wie einfach es bei Xara Xtreme ist Animationseffekte zu erstellen (wenn Sie wissen wollen, wie eine normale Schaltfläche erstellt wird, schauen Sie sich die Übung für das Erstellen von Navigationen an). Als erstes wählen Sie das Schalter- und Navigationen-Werkzeug aus und klicken Sie auf den Erstellen/Löschen Schalter [Create or delete states] in der Infoleiste. Hier können Sie bestimmen wie die verschiedenen Zustände aussehen, wenn die Maus über den Schalter fährt, sich neben dran befindet oder ihn anklickt Sie beginnen automatisch mit dem zweiten der genannten. Wenn Sie einen neuen Zustand erstellen, können Sie entscheiden, ob Sie das Design des ersten Zustands übernehmen und selbst verändern, oder ob Sie Xara Xtreme das automatisch machen lassen wollen. Wir werden erst den Zustand wenn die Maus den Schalter berührt und dann wenn er angewählt wird von Xara Xtreme erstellen lassen. Also wähle ich aus dem Menü neuer Zustand verschieden (new state look distinct) und klicke die Kästchen vor Mausberührung und angewählt an und bestätige. Sie können nun jeden Zustand einzeln angucken: 2008 HAAGE & PARNTER Computer GmbH, Deutschland 31 / 153

32 Das sind die Designs, die Xara erstellt hat (l-r: Normalzustand, Mausberührung, angewählt): Ich mag das Design wenn die Maus den Schalter berührt aber ich möchte das des angewählten Zustands ändern. Ich wähle das zu verändernde Design an, wähle den ersten Schalter und verändere ihn (hier gebe ich ihm eine weiße Schattierung, damit es so wirkt, als würde er nach innen gedrückt). Dann kann ich die anderen Schalter einfach auf das Design aktualisieren: Das erspart Ihnen die Arbeit jeden Schalter einzeln zu verändern. Das kann die Farbe, Kanten, Schatten, Transparenz oder was auch immer sein HAAGE & PARNTER Computer GmbH, Deutschland 32 / 153

33 Hier sind die neuen Zustände (Normalzustand, Mausberührung, angewählt): Wenn Sie alle Zustände erstellt haben und mit dem Design zufrieden sind, klicken Sie auf Export im Infobalken......dann benennen und speichern die Datei. Der Exporteinsteller ermöglicht Ihnen nachträgliche Optimierungen. Klicken Sie auf Export, dort gibt es dann noch die Möglichkeit sich die Schalter im Einsatz anzugucken. Die Schaltfläche wird automatisch geteilt und im nötigen HTML und JavaScript exportiert. Anmerkung: Wir empfehlen, dass Sie die Datei in einem extra Ordner speichern, so dass Sie wissen welche Dateien dazu gehören HAAGE & PARNTER Computer GmbH, Deutschland 33 / 153