Zurück   Flashforum > Flash > Stuff

Antwort
 
LinkBack Themen-Optionen Ansicht
Alt 05-01-2006, 16:46   #1 (permalink)
Banned
 
Registriert seit: Jun 2003
Beiträge: 1.276
[STUFF] Fireworks: Rechteck mit nur einer abgerundeten Ecke

Inhalt:
Hier lernt ihr, wie man mit Fireworks8 (mit früheren Versionen sicher auch möglich, jedoch nicht getestet) ein Rechteck erstellt, das - entgegen der Standardeinstellung - nur eine abgerundete Ecke besitzt; dieses Tutorial lässt diese Ecke beispielhaft die rechts-unten sein.

Vorraussetzungen:
  • Fireworks8
  • Grundkenntnisse in Fireworks

Schwierigkeitsgrad:
Einfach

1. Schritt
Erstellt ein Rechteck beliebiger Größe mit dem Rechteckwerkzeug (U).
Schiebt die Ebene im Ebenenfenster (F2) per Drag&Drop auf das "Neues Bitmap-Bild" Icon am unteren Rand des Fensters (Abb.1: rot markiert).
Nun habt ihr 2Ebenen mit je einem Rechteck, die beiden Rechtecke liegen genau übereinander, daher ist nur eines sichtbar.

Abb.1

2. Schritt
Die jeweiligen Ebenen der Rechtecke wurden zur Verdeutlichung mit "OBEN" und "UNTEN" bezeichnet, dies ist zum Erfolg des Tutorials jedoch nicht erforderlich, bietet aber mehr Überblick.
Blendet nun die OBEN-Ebene aus.

Abb.2

Fügt über das Eigenschaftenfenster eine beliebige Rundung hinzu

Abb.3

Geändert von Magnuss (05-01-2006 um 16:51 Uhr)
Magnuss ist offline   Mit Zitat antworten
Alt 05-01-2006, 16:47   #2 (permalink)
Banned
 
Registriert seit: Jun 2003
Beiträge: 1.276
Danach sieht das Rechteck so aus (Abb.4)

Abb.4

3. Schritt
Blendet nun die OBEN-Ebene wieder ein und zerschneidet das Rechteck etwa an den rot umkreisten Stellen (Abb.5) mit dem Messerwerkzeug (Y)
(Für die Schritte 3 und 4 wurde die UNTEN-Ebene ausgeblendet)

Abb.5

Nun ist das Rechteck in zwei Teile und somit auch zwei Ebenen aufgeteilt.
Das Dreieck rechts-unten kann gelöscht werden.

Abb.6
Magnuss ist offline   Mit Zitat antworten
Alt 05-01-2006, 16:47   #3 (permalink)
Banned
 
Registriert seit: Jun 2003
Beiträge: 1.276
4. Schritt
Markiert den verbliebenen Teil des Rechtecks, wählt den Füller (P) klickt auf einen der Endpunkte und anschließend auf den anderen Endpunkt, das Rechteck ist nun wieder geschlossen.

Abb.7

Für eine exaktere Aussenlinie müsst ihr als Linie Bleistift/1Pixel hart wählen.

5. Schritt
(Blendet nun wieder die UNTEN-Ebene ein)
Achtet nun darauf, das die gleichen Aussenlinien pixelgenau übereinander liegen (sonst erhaltet ihr kein genaues Rechteck als Ergebnis) und markiert beide Rechtecke (Abb. 8).

Abb.8

6. Schritt
Wählt Modifizieren/Pfade kombinieren/Vereinigen und ihr habt das gewünschte Ergebnis erreicht (Abb. 9).

Abb.9

7.Schritt
Wenn ihr das so erstellte Rechteck mit dem Teilauswahlwerkzeug (A) markiert, seht ihr das überflüssige Punkte im Rechteck vorhanden sind, markiert diese mit dem Teilauswahlwerkzeug und löscht sie, es müssen nur je ein Punkt an den Ecken und zwei Punkte um die Rundung herum vorhanden sein.

Viel Spaß mit diesem Tutorial!

Geändert von Magnuss (05-01-2006 um 16:56 Uhr)
Magnuss ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind an
Pingbacks sind an
Refbacks sind an



Alle Zeitangaben in WEZ +1. Es ist jetzt 18:27 Uhr.

Domains, Webhosting & Vserver von Host Europe
Unterstützt das Flashforum!
Adobe User Group


Copyright ©1999 – 2012 Marc Thiele