Wie Erstelle Ich Ein Gummibild

Inhaltsverzeichnis:

Wie Erstelle Ich Ein Gummibild
Wie Erstelle Ich Ein Gummibild

Video: Wie Erstelle Ich Ein Gummibild

Video: Wie Erstelle Ich Ein Gummibild
Video: Photoshop Tutorial - Rahmen erstellen 2024, Kann
Anonim

"Rubbery" ist ein Bild, das skaliert werden kann. Sie können ein solches Bild mit Computerprogrammen erstellen. Seine Bequemlichkeit liegt darin, dass es sich in die gewünschte Richtung "dehnt". Eine solche Web-Erstellung wird erfolgreich in jedem Browser angezeigt. Wenn das Bild einige nützliche Elemente enthält, erhöhen die "Gummi"-Eigenschaften seine Funktionalität.

Wie erstelle ich ein Gummibild
Wie erstelle ich ein Gummibild

Es ist notwendig

Bild, Website, Adobe Photoshop-Programm, Notepad-Anwendung, HTML-Code, Stammverzeichnis Ihrer Website

Anleitung

Schritt 1

Suchen oder erstellen Sie ein Bild, das Sie skalieren und im Internet platzieren möchten. Starten Sie Adobe Photoshop. Öffnen Sie dieses Bild im Programm. Suchen Sie das Slice-Tool in der Symbolleiste. Verwenden Sie es, um das Bild in Stücke zu schneiden. Teilen Sie es so auf, dass das gesamte Bild aus drei grafischen Elementen besteht und das mittlere leer ist. Dadurch wird das Bild bei jeder Monitorauflösung gestreckt.

Schritt 2

Speichern Sie das für das Webformat optimierte Bild (Für Web speichern). Stellen Sie beim Speichern das erforderliche Dateiformat ein - gif, jpeg oder png. Um einzelne Teile des Bildes zu ändern, suchen Sie die Option Slice Select Tool im Menü und ändern Sie die Teile des Bildes so, dass die Größe beim Rendern auf dem Bildschirm minimal mit dem geringsten Qualitätsverlust ist. Speichern Sie die Bilder nach dem Ändern als HTML und Bilder.

Schritt 3

Nachdem Sie Ihre Bilder gespeichert haben, beginnen Sie mit der Bearbeitung des HTML-Codes. Öffnen Sie das gespeicherte HTML-Dokument in Notepad. Löschen Sie alle Codezeilen, die nicht benötigt werden. Behalten Sie nur die Daten der Tabelle, in die die Bilder eingebettet sind, unverändert bei

Schritt 4

Geben Sie in den Zeilen anstelle von yourimage

Schritt 5

Um den mittleren Teil des Bildes zu dehnen, wenn die äußersten Teile auseinandergespreizt werden, schreiben Sie die notwendigen Informationen in die Codezeilen. Geben Sie die Parameter (Breite und Höhe) Ihres eigenen Bildes an.

Schritt 6

Laden Sie die erstellten Bilder in das Stammverzeichnis der Site hoch. Legen Sie neue Pfade zu Bildern auf dem Server fest und bearbeiten Sie so den HTML-Code. Fügen Sie den Bildcode zwischen den Tags ein.

Schritt 7

Überprüfen Sie die Eigenschaften des Bildes. Versuchen Sie, es online zu skalieren. Das Bild muss in jede Richtung flexibel sein.

Empfohlen: