Expression Design (Part1): Layers in Expression Design

Von Christina Duskanich Autor Feed 15. October 2010 13:05

In den folgenden 8 Blogbeiträgen werde ich näher auf Expression Design eingehen. Beginnend mit dem Thema Layers. Dies ist ein sehr wichtiger Punkt, da arbeiten mit Layers den Workflow stark vereinfacht. Zum allgemeinen Verständnis verfasste ich den Blogbeitrag komplett in Deutsch, und somit steht Ebene für Layers.

Standard gemäß befindet sich der Ebenen Content im rechten unteren Eck, jedoch kann man dies durch individuellem anpassen des Arbeitsbereichs verändern. Unter Fenster –> aktuellen Arbeitsbereich speichern, kann man so seinen Arbeitsbereich seinen Vorstellungen entsprechend speichern. Durch Fenster –> Arbeitsbereich zurücksetzen, oder Strg+Umschalt+R kann dies jederzeit wiederrufen werden. Falls die Ebenen Box nicht unten angezeigt werden sollte, kann man diese unter Fenster –> Ebenen, oder F3 aktivieren.

arbeitsbereich  arbeitsbreichBoxebenenBox

Ebenen Box

In der Ebenen Box werden uns die angelegten Ebenen, von unserem Projekt, angezeigt. Neben dem Namen der jeweiligen Ebene, befindet sich auch eine Miniaturanzeige, welche uns einen kleinen Überblick, über den Inhalt, der einzelnen Ebenen, verschafft. Hier befindet sich auch ein kleiner Pfeil, mit dem man durch klicken den Inhalt einzeln aufgelistet bekommt. Durch Doppelklick auf den Namen, ist es uns ganz einfache möglich den Namen zu ändern. Dies ist bei vielen Ebenen besonders hilfreich, da man sonst schnell den Überblick verlieren kann.

In der Ebene Box herrscht eine einfachere Hierarchie, die besagt, dass die oben liegende Ebene die darunter liegende überdeckt. Durch verschieben ist diese jedoch leicht änderbar.

Neben jeder Ebene befindet sich ein Schloss. Im Normalfall befindet es sich im geöffneten Zustand. So können wir den Inhalt der Ebene ohne weiteres bearbeiten. Durch einen Klick auf das Symbol, schließen wir das Schloss und können somit den Inhalt sperren. Dadurch wird die Ebene fixiert und kann nicht mehr bearbeitet werden. Dies kann man auch über die Ebenenoptionen bewirken –> Ebene fixieren.

submenueumbenennenschloss

Durch klicken auf das Auge neben dem Schloss, kann man den Inhalt der Ebene vorübergehend ausblenden. Die Objekte sind noch da, allerdings im Moment nicht sichtbar. Durch abermaligen klicken, werden die Objekte wieder angezeigt.

Wenn man den gesamten Inhalt einer Ebene selektieren möchte, muss man die Elemente nicht einzeln auswählen. Durch das Rechteck Symbol neben dem Auge, selektiert man alle Objekte, innerhalb einer Ebene, mit einem Klick. Dies erkennt man daran, wenn das Rechteck gefüllt ist.

Diese Rechteck ist ebenso dafür gut, wenn man ein Element auf eine andere Ebene verschieben möchte. Hierzu markiert man auf der Arbeitsfläche die gewünschten Objekte und zieht diese, mit klicken und halten auf das Kästchen der Ebene auf dem sich das Objekt befindet, auf die gewünschte Ebene.

augeebenenAuswahlauswahlAlleziehen

 

Ebenen Optionen

Mit dem drüberfahren der Maus, über das Bild der Ebene, wird uns eine etwas vergrößerte Darstellung des Content gezeigt. Falls uns die Darstellung im Allgemeinen zu klein ist, oder wir keine Bildhafte Darstellung benötigen können wir dies unter den Einstellungen –> Miniaturdarstellungsoptionen ändern.

vergrossernminiaturoptionenen

In der Ebene Box - Optionen (Angezeigt durch ein Zahnrad) kann man nicht nur die Darstellung ändern, sondern auch Ebenen löschen, erstellen, sowie duplizieren (ebenso mit den Symbolen rechts unten möglich).

Durch Ebenenoptionen –> Ebenenfarbe… ist es möglich den Ebenen jeweils eine geeignete Farbe zu geben. Welche nicht nur neben dem Namen erscheint, sondern auch die Farbe für die Selektion bestimmt.

 loeschen_kopierenfarbe auswahl

 

Ebenenrenderingstil

Es gibt vier verschiedene Rendering Stile. Welche in den Ebenoptionen umgestellt werden können.

Für gewöhnlich arbeitet man im Standard Modus. Hierbei werden Elemente in ihrer endfertigen Form dargestellt.

standard

 

Wenn man die Option Pfad auswählt. Werde nur noch die Umrisse, bzw die Pfade der Formen angezeigt. Jedoch keine Farben und Effekte mehr.

pfad

 

Das Drahtmodel ähnelt dem Pfad Modus sehr stark. Jedoch ist es wesentlich nützlicher wenn man kompliziertere Objekte bearbeitet.

drahtmodel

 

Im Vorschau Modus, welches stark dem Standard Modus ähnelt, wird das Endfertige Produkt ebenso in allen Farben und Formen angezeigt, jedoch nicht so exakt ist.

vorschau

 

Ich hoffe das ich mit diesem Blog Post, euch einen guten Überblick mit dem Arbeiten von Ebenen im Expression Design geben konnte. Der nächstfolgende Beitrag wird, passend zu Windows Phone 7, über das Design von Icons und Startscreen handeln.

 

Meine lieben Leser…

Ich absolviere ein 6 monatiges Praktikum, bis Februar, im Team der DPE. Heuer habe ich meine Matura auf der Graphischen abgelegt und werde nach meinem Praktikum, voraussichtlich mit dem Studium Werbung und Graphik beginnen.

Xtina

Tags:  Feed Tag,  Feed Tag,  Feed Tag

Comments (1) -

>

10/15/2010 2:23:17 PM #

Sehr fein, es gibt ohnehin viel zu wenig Tutorials & Co für Design im Web. Bin gespannt auf den WP7-Icon-Artikel ... dorth ab ich noch keine vernünftige Methode gefunden, XAML-Icons in WP7 wiederzuverwenden. In WPF geht das schön weil man jede Ebene als ein Icon in ein zusammengefasstes Resource Dictionary exportieren kann und dann in WPF das gewünsche "Icon" einfach über den Ebenennamen laden kann, aber in Silverlight/WP7 funktioniert das so leider nicht. Dort hab ich mich dann wieder auf Export -> PNG beschränkt.

Bernhard König Österreich

Add comment

  Country flag

biuquote
  • Comment
  • Preview
Loading

www.microsoft.com/austria | © 2009 Microsoft Corporation. Alle Rechte vorbehalten.
BlogEngine.NET 2.5.0.6 powered by atwork