So verwenden Slicing in Fireworks CS5

Adobe Fireworks Creative Suite 5 unterstützt s

lVereisung, eine Technik für große Dateien in kleinere Pakete zu brechen, so dass sie schneller herunterladen. Es ist auch ein Verfahren zur URLs auf verschiedene Bereiche eines Bildes in einem Rastermuster zu befestigen.

Ein perfekter Kandidat für geschnittenem Grafik ist eine Navigationsleiste. Jede Registerkarte ist eine einzelne Scheibe, die, wenn sie in einem Web-Browser geklickt haben, den Betrachter an einen anderen Ort stattfindet.

Wählen Sie die passende Leinwand-Befehl.
Wählen Sie die passende Leinwand-Befehl.

Erstellen Sie das Basisbild

Erstellen Sie zunächst die Grundbild - ein Rechteck, für dieses Beispiel. Folge diesen Schritten:

  1. Wählen Sie Datei-Neu, um das Dialogfeld Neues Dokument zu öffnen.

  2. Geben Sie 500 im Feld Breite und 200 in der Höhe Box- klicken Sie auf OK.

    Die neue, leere Dokument öffnet. (Beachten Sie, dass es größer ist als das Bild, das Sie creating- Sie sehen, wie es später zu ändern.)

  3. Wählen Sie das Rechteck-Werkzeug in der Kategorie Vektor des Bedienfelds Werkzeuge. Klicken Sie auf und ziehen Sie ein Rechteck zu erstellen.

    Jede Größe ist in Ordnung.

  4. Mit dem Rechteck ausgewählt, klicken Sie auf Farbe füllen im Abschnitt Farben der Werkzeugleiste und wählen Sie eine Farbe.

  5. Wählen Sie Fenster-Info Info-Fenster zu öffnen.

  6. Geben Sie 300 in der W (Breite) Box und 50 in der H (Höhe) ein.

    Sie können auch das Eigenschaftenfenster verwenden, diese Größe zu setzen.

  7. Mit dem Zeigerwerkzeug auf eine beliebige Stelle in der Leinwand außerhalb des Rechtecks ​​um das Rechteck zu deaktivieren.

  8. rechts, klicken Sie auf (Windows) bzw. bei gedrückter Ctrl-Taste (Mac) und Ändern Leinwand-Fit-Leinwand aus dem Kontextmenü wählen.

    Die Leinwand passt sich an die Größe des Rechtecks.

Wenn Sie keine Objekte ausgewählt haben, können Sie auch die passende Leinwand-Taste im Bedienfeld auf Eigenschaften.

Die Leinwand passt Ihr Objekt zu passen.
Die Leinwand passt Ihr Objekt zu passen.
image2.jpg

Text hinzufügen

Fügen Sie Text der navbar.

  1. Wählen Sie das Textwerkzeug in der Kategorie Vektor des Bedienfelds Werkzeuge.

  2. Klicken Sie auf Füllfarbe im Abschnitt Farben der Werkzeugleiste. Wählen Sie eine Farbe.

  3. Stellen Sie die Schriftart und Schriftgröße im Eigenschaftenfenster.

  4. Klicken Sie auf die linke Hälfte des Rechtecks ​​die Einfügemarke zu positionieren, wo Sie den Text beginnen soll, und den Text eingeben.

    image3.jpg
  5. Klicken Sie zweimal auf der rechten Seite des Textbereichs des aktiven Textbereich zu deaktivieren und ein neues erstellen.

    Halten Sie Alt + Umschalttaste (Windows) bzw. Wahl- + Umschalttaste (Mac) gedrückt und ziehen Sie den ursprünglichen Textfeld auf der rechten Seite ein neues Textfeld zu klonen und ausrichten.

  6. Geben Sie ein Wort oder zwei für die nächste Navigations Registerkarte.

  7. Verwenden Sie das Zeigerwerkzeug, um den Text neu zu positionieren.

Schneiden Sie es

Nachdem Sie eine einfache, aber effiziente navbar vorbereitet haben, verwenden Sie das Slice-Werkzeug ein paar Scheiben zu erstellen und zu exportieren, um sie dann. Folge diesen Schritten:

  1. Wählen Sie das Slice-Werkzeug in dem Bahnabschnitt der Werkzeuge Panel- dann durch Klicken und Ziehen von der oberen linken Ecke des Hauptabschnitts des Rechtecks ​​in Richtung der unteren rechten Ecke.

    image4.jpg

    Wenn Sie nach Perfektion gehen, wählen Sie View-Lineale die Lineale anzuzeigen. Wenn die Herrscher sichtbar sind, können Sie durch Klicken und Ziehen Führer aus ihnen heraus.

    Wenn ein Segment aktiv ist, um die Eigenschaften von Anzeige ändert Slice-Optionen bieten.

  2. Ändern Sie das Format der Scheibe Exporteinstellungen Dropdown-Liste.

    Wählen Sie das GIF-Format, wenn das Kunstwerk viele feste Farbe, oder wählen Sie JPEG für Bilder mit vielen Farbabstufungen.

  3. Geben Sie einen Link in der Link-Textfeld ein.

  4. Geben Sie eine kurze Beschreibung des Zusammenhangs im Alt Textfeld ein.

    Alt-Text ist der Text, der eine Seite heruntergeladen wird angezeigt, während. Es scheint auch, anstelle der Grafik, wenn ein Betrachter die Grafikanzeige in seinem Web-Browser ausgeschaltet hat.

    image5.jpg
  5. Mit dem Tool Slice, klicken und ziehen Sie die zweite Hälfte des navbar zu umgeben. Wiederholen Sie die Schritte 3 und 4.

Das ist in einfacher Form schneiden. Sie können den Prozess machen so kompliziert, wie Sie durch die Erstellung ganze geschnittenem Seiten wollen (weil Suchmaschinen für Textinhalt zu suchen mögen) zu NavBars mit vielen Links und Destinationen.

Menü