SetaPDF
Aktuelles
Startseite
TP Wettbewerbe
Sitemap
Service
Hilfe-Forum
Kolumnen
Linktipps
Buchrezensionen
Traum-Team
Newsletter
Traumquelle
Dreamweaver
Fireworks
Photoshop
Flash
Traum-Start
gimp
GoLive
php / Apache
Sonstige
Grundlagen
Usability
CSS
Apple / Mac
3D
Intern
TP-Sponsor
TP SHOP
Bild Galerie
TP Wallpapers
Forum-Archiv
Link zu uns
Impressum
Zurück  
TP Portal > Fireworks > Softwareboxen mittels Symboltechnik

Leicht gemacht: Softwareboxen mittels Symboltechnik

Wer immer wieder mal eine Softwarebox basteln muss weiß um die Arbeit die dahinter steckt. Besonders aufregend ist das - In Perspektive bringen. Man muss dies aber nicht jedesmal von neuem tun. Nachfolgendes Tutorial zeigt wie man es besser macht.

Softwareboxen sind in den Größen nicht genormt. Jeder Hersteller kann wie er möchte und deshalb ist dazu auch keine allgemeingültige Angabe möglich. tooltipp

Wir brauchen für das Tutorial zwei Teile. Ein Frontteil und ein Seitenteil. Das Frontteil hat die Breite 150px und das Seitenteil die Breite 50px. Beide Teile haben dieselbe Höhe von 250px.

1. Schritt: Front und Seitenteil erstellen und wie in Abbildung anordnen. Diese beiden Teile sind die Grundlage für alle weiteren Softwareboxen in dieser im Tutorial erstellten Perspektive. tooltipp

2. Schritt: Grafiksymbole erstellen. Das erste Symbol ist die Front und das zweite das Seitenteil. Und so gehts: Das Frontteil markieren und Menüpunkt: Modifizieren/Symbol/In Symbol konvertieren (Taste F8). Genauso mit dem Seitenteil verfahren. Am Ende sollte man zwei Symbole vom Typ Grafik in der Bibliothek haben. tooltipp

3. Schritt: Eine Hilfslinien etwa wie in folgender Abbildung setzen. Ich hab hier einfach ein kleines Hilfsrechteck 25x25px angesetzt und die Hilfslinie danach gezogen. Sie ist also 25 px von oben eingerückt. Diese Hilfslinie ist ganz nützlich für das Transformieren. tooltipp

4.Schritt: Jetzt erst folgt das - In Perspektive transformieren. Dadurch, das direkt die Symbole transformiert werden, entfällt das Transformieren des gesamten Aufdrucks von Front und Seitenteil. Der Vorteil dieser Methode liegt auf der Hand. Man kann den Aufdruck Bequem in Draufsicht erstellen.Und so gehts: Erst das Frontsymbol markieren und mit dem Neigungstool aus der Kategorie der Transformationswerkzeuge bis zur Hilfslinie transformieren. Danach auf die selbe Weise das Seitensymbol transformieren. Diese beiden Symbole sind danach fertig und werden selbst nicht mehr geändert! Alle Änderungen (Größe, Aufdruck) an der Rohbox erfolgen nur noch durch das Bearbeiten des Inhaltes der Symbole! tooltipp

So sollte jetzt das erste Zwischenergebnis aussehen. Wir haben eine immer wieder verwendbare Rohbox in dieser Perspektive. Es braucht in Zukunft nur - wie in folgendem Schritt beschrieben - der Aufdruck eingefügt werden und fertig. tooltipp

5. Schritt: Blankobox ist schon ganz nett, aber ohne Aufdruck fehlt irgendwas. Wer jetzt denkt der Aufdruck kommt auf die Symbole, liegt wie gesagt daneben. Der Aufdruck kommt in die Symbole. Doppelt klicken auf das entsprechende Symbol um dieses zu Bearbeiten bzw. über die Bibliothek (F11) gehen. Tip: Wer sich der - Nebeneinander - angeordneten Fenstertechnik bedient ist klar im Vorteil. Einfach den Inhalt in die Symbole einfügen und mit Klick in die Titelleiste des Hauptfensters wird dieses, ohne die Symbolfenster schließen zu müssen, automatisch aktualisiert. tooltipp

Das wars im großen und ganzen. Werden andere Perspektiven verlangt dann ist das Prinzip trotzdem immer dasselbe. Von jeder Aufdruckseite jeweils ein Symbol machen und das Symbol direkt transformieren. Der Aufdruck selbst kommt dann in das jeweilige Symbol (Symbol Bearbeiten). So kann man sich ein paar Blanko-Perspektivische Vorlagen machen, in einer Bibliothek speichern und immer wieder verwenden. Es braucht ja nur der Inhalt ausgetauscht werden. Schnell und Schmerzlos macht man mit dieser Methode beliebig viele Boxen. Wer es nicht so drauf hat mit den Perspektiven - Vorlagen dazu gibt es im Web genügend. Einfach mal auf Seiten kucken wo man mit Software handelt oder selbst eine vorhandene Box fotografieren und nachziehen.

Tip: Wer es übertreibt mit der Transformation bekommt manchmal etwas verzerrte Teile (siehe Abbildung 8). Alles was verzerrt dargestellt wird kann man etwas in der Breite verringern, und es passt wieder. tooltipp

 

Autor: (ar)

Abbildungen

Abbildung 1 - TP - Box

Abbildung 1 - TP - Box

Abbildung 2 - Front und Seitenteil

Abbildung 2 - Front und Seitenteil

Abbildung 3 - Front und Seitenteil in Symbole konvertieren

Abbildung 3 - Front und Seitenteil in Symbole konvertieren

Abbildung 4 - Hilfslinien setzen

Abbildung 4 - Hilfslinien setzen

Abbildung 5 - In Perspektive transformieren

Abbildung 5 - In Perspektive transformieren

Abbildung 6 - erstes Zwischenergebnis

Abbildung 6 - erstes Zwischenergebnis

Abbildung 7 - Symbole bearbeiten mit Nebeneinander angeordneter Fenstertechnik

Abbildung 7 - Symbole bearbeiten mit Nebeneinander angeordneter Fenstertechnik

Abbildung 8 - Proportionen

Abbildung 8 - Proportionen

Buchrezension

Coverimage
AJAX Hacks
Dynamische Webseiten mit AJAX programmieren - dieses Handbuch bietet einen praktischen Einblick.
[mehr]
Gimahhot - Shopping
TP-Partner
Sprachreise London
Webmasterpro
Computerhilfen
Computerhilfen
Eventagentur Hamburg
it-rechtsinfo.de
Designguide
Getreidemühlen
sk-typo3
Kochkurs Berlin
Maandiko.de
d. Webdesigner
PSD Tutorials
Medizin
Handy Forum

Hier könnte Ihre Werbung stehen

 >> INFO << 

\ Startseite | Forum | Impressum | nach oben | Seite zurück /