Auf dieser Seite haben Sie verschiedene Möglickeiten; Bilder zu gestalten. Dabei können Sie auch verschiedene Kombinationen von Gestaltungsmöglichkeiten anwenden. Ein paar Beispiele:
Sie haben im Internet ein interessantes Bild gesehen? Das können Sie verwenden - wie auch Bilder aus dieser Fotosammlung oder Ihre eigenen Bilder (Format jpg und maximal 800 KB). Und wenn Sie eine leere Fläche haben wollen, die Sie als Bild gestalten möchten, geht auch dies. So wählen Sie die Quellen:
Möchten Sie ein Foto aus dieser Fotosammlung bearbeiten, achten Sie auf die ABC-Schaltfläche, die sich meist
über oder unter den Bildern bzw. Thumbs befindet. Durch einen Klick auf die Schaltfläche beim gewünschten Bild wird dieses
in die Bearbeitung übernommen.
Die Möglichkeiten zur Bearbeitung sind sehr umfangreich, so dass nur die wesentlichsten Punkte genannt werden sollen. Spielen Sie einfach mit den Einstellungen herum - nach dem Klick auf die Schaltflächen Übernehmen wird Ihnen das Ergebnis angezeigt. Stellenweise kann die Ausführung auch mal zwei oder drei Sekunden dauern - schließlich müssen die Anweisungen an den Server übermittelt werden, das Bild muss dort neu gezeichnet und erstellt werden und dann muss das Bild natürlich an den Browser übermittelt werden. Bei umfangreichen Gestaltungen kann dies auch mal einen Moment dauern - vor allem noch dazu, wenn der Server in den Stoßzeiten sowieso schon sehr ausgelastet ist.
Hinweise zu den einzelnen Bearbeitungsmöglichkeiten finden Sie in der Legende zu den einzelnen Symbolen/Beschriftungen. Treten Fehler auf, sollten Sie also zuerst dort nachsehen.
Der wesentlichste Aspekt, der hier nur genannt werden soll, ist die Reihenfolge der Bearbeitung. Dazu ist es wichtig zu wissen, dass die einzelnen Bearbeitungen aus Qualitätsgründen immer am Rohbild erfolgen, also am Original. Wenn Sie jetzt also Gestaltungselemente auf dem Bild positionieren und das Bild dann verkleinern, kommen ungewollte Effekte heraus, da die Elemente immer noch am gleichen Platz bleiben - an dem des Rohbildes. So ist es also zweckmäßiger, das Bild erst zu verkleinern und dann die Gestaltungselemente zu positionieren. Und zur Positionierung der einzelnen Elemente sollten Sie in der Legende den Hinweis zu den Ebenen lesen, damit nicht ungewollt bestimmte Elemente durch andere überzeichnet, also verdeckt, werden.
Aus Platz- und Übersichtlichkeitsgründen sind die einzelnen Funktionen durch Symbole gekennzeichnet (die übrigens alle auf dieser Website erstellt wurden). Am Anfang mag es etwas gewöhnungsbedürftig sein, aber hier in der Legende sollen die Symbole udn Funktionen beschrieben werden und wenn Sie die Maus über ein Symbol legen, erscheint eine kleine Beschreibung der Funktion.
Über dem Bild finden Sie eine Symbolleiste mit zentralen Funktionen, die für das gesamte Bild gelten. Dazu gibt es eine Titelleiste mit der Angabe der Originalgröße und der Angabe der aktuellen Größe, die durch die Anwendung der gewünschten Funktionen erreicht wurde. Darunter befinden sich die zentralen Funktionen:
|
Feld für Notizen. Dies könnte wichtig sein, wenn das Programm ausgebaut und eine Weiterbearbeitung von Bildern möglich wird. So können später eventuell Vorlagen für Szenarien erstellt werden, zum Beispiel Leervorlagen für Icons. Im Moment spielt dieses Feld bei Aufräumarbeiten eine Rolle: Ist ein Text enthalten, wird das Bild möglichst auch dann nicht gelöscht, wenn nicht angegeben wurde, dass es dauerhaft gespeichert sein soll. |
|
Ist das Häkchen gesetzt, wird eine Liste der einzelnen Arbeitsschritte über das Bild gelegt. Bei Unregelmäßigkeiten
kann diese analysiert werden, um einen eventuellen Fehler zu finden.
|
|
Geben Sie hier ein, um wieviel Grad das Bild vor der Bearbeitung im Uhrzeigersinn gedreht werden soll.
Beim Drehen wird vom Bild nichts abgeschnitten, sondern das Bild wird vergrößert und die ungenutzten Bereiche werden durch die
Hintergrundfarbe der Website aufgefüllt.Die gleiche Einstellungsmöglichkeit gibt es bei der unteren Übernehmen-Schaltfläche. Diese wirkt sich auf das gesamte Bild aus, also mitsamt der auf dem Bild enthaltenen Elemente. |
|
Setzen Sie hier das Häkchen, wenn Sie das Bild beschneiden möchten. Geben Sie dazu in die Felder rechts davon die Maße ein: X - waagerechte Koordinate, ab der das neue Bild beginnen soll. Y - senkrechte Koordinate, ab der das neue Bild beginnen soll. Breite des Bereichs des neuen Bildes. Höhe des Bereichs des neuen Bildes.
|
|
Geben Sie das Maß der längeren Seite ein, um das Bild zu verkleinern; die Verkleinerung erfolgt proportional.
Soll das Bild nicht verkleinert werden, lassen Sie das Feld leer. Das Bild sollte unbedingt vor dem Gestalten verkleinert werden.
|
|
Möchten Sie das Bild von hier aus verlinken oder einbetten, muss dieses Häkchen gesetzt werden. Ansonsten kann es passieren, dass das Bild im Zuge von Aufräumarbeiten gelöscht wird. |
|
Legen Sie hier fest, in welcher Qualität das Bild ausgegeben werden soll. Je höher die Qualität, desto länger ist die Ladezeit.
Die Qualitätseinbußen werden nicht nur am Bild selbst sichtbar, sondern auch Schriften in bestimmten Farben wirken verschwommener.
|
|
Das Bild wird nicht als JPG ausgegeben, sondern als PNG. Die Qualität ist besser (vor allem bei Texten), aber die Ladezeit länger. |
|
Zeichnet ein Beispiel mit Texten und einer Fläche in das Bild.
|
|
Zeichnet ein Gitternetz ins Bild. Damit können Pixelpositionen herausgefunden und das Bild kann geprüft werden, ob es gerade ist.
|
|
Zeichnet eine Liste mit den Standardfarben und deren RGB-Zahlen in das Bild.
|
|
Zeichnet eine Liste mit den RGB-Zahlen von regelmäßig gewählten Bildpunkten in das Bild und berechnet aus diesen Angaben die RGB-Durchschnittswerte.
Dadurch haben Sie die Möglichkeit, Gestaltungselemente farblich auf die im Bild bereits enthaltenen Farben anzupassen. Die Messung
der Farben erfolgt grundsätzlich auf der untersten Ebene, also direkt af dem Bild.
|
|
Wählt zufällig Pixel aus und zeichnet die RGB-Zahlen der jeweiligen Farben in das Bild.
Dadurch haben Sie die Möglichkeit, Gestaltungselemente farblich auf die im Bild bereits enthaltenen Farben anzupassen. Die Messung
der Farben erfolgt grundsätzlich auf der untersten Ebene, also direkt af dem Bild.
|
|
Geben Sie die X- und Y-Koordinaten eines Bildpunktes ein, damit an dieser Stelle die RGB-Zahlen der Farbe dieses Bildpunktes in das Bild gezeichnet werden.
|
|
Klicken Sie auf Übernehmen, damit die gewählten Einstellungen wirksam werden. Es spielt keine Rolle, welche dieser Schaltflächen Sie betätigen. |
Unter dem Bild befinden sich die Tabellen, in denen Sie die einzelnen Elemente gestalten können. Diese haben gleiche Merkmale (wie zum Beispiel die Farben) oder auch individuelle Merkmale:
|
Legen Sie durch Setzen der Häkchen fest, welche Elemente angezeigt werden sollen. Sie haben damit die Möglichkeit, verschiedene Elemente zu erstellen und verschiedene Kombinationen als einzelne Bilder herunterzuladen. Weiterhin können Sie durch gezieltes Ein- und Ausblenden die geeignete Kombination von Elementen finden. Und sollte sich die Nachfrage dahingehend entwickeln, wird noch eine Funktion eingebaut, die es Kunden ermöglicht, Vorlagen zu erstellen, zu verwalten und zu nutzen. |
| Text auf Bild bzw. Name | Bei Texten: Ihr Text, der auf dem Bild erscheinen soll. Sonst: Bezeichnung für das Element, die nicht auf dem Bild erscheint. Diese Texte bzw. Namen sind erforderlich, da die Elemente nur auf dem Bild erscheinen, wenn sie vorhanden sind. Weiterhin sind diese Angaben nützlich, wenn Sie sich eine Liste der Arbeitsschritte erstellen lassen. |
 |
Farbe. Wählen Sie aus der Liste eine Farbe, falls Sie die Zahlen nicht selbst eingeben möchten. Wählen Sie aber unbedingt den oberen Eintrag "-", wenn Sie selbst Zahlen eingeben, weil der Eintrag in der Liste Vorrang hat und Ihre Zahlen sonst wieder gelöscht würden. Ist JavaScript aktiviert, geschieht dies automatisch. |
  
|
Die RGB-Zahlen für die Farben der Elemente.
Eine Übersicht über Farben finden Sie auf Webmaster-Tools. Beispiele: 0-0-0 255-0-0 0-255-0 0-0-255 255-255-0 255-255-255 125-125-125 Sie haben hier folgende Möglichkeiten, die RGB-Zahlen herauszufinden:
Wenn Sie selbst RGB-Zahlen für die Farben eingeben, wählen Sie in der Farbliste den oberen Eintrag "-", weil die Farbe in der Liste Vorrang hat. Dies ist nicht erforderlich, wenn Sie JavaScript aktiviert haben - in dem Fall sehen Sie, wie sich der Listeneintrag farblich ändert, wenn Sie die Farben selbst eingeben. |
|
Transparenz von 1 bis 127. 1 = nicht transparent, 127 = vollkommen transparent. Legen Sie damit fest, wie durchsichtig das Element sein soll. Dies funktioniert aufgrund eines Fehlers allerdings nicht bei Ellipsen/Kreisen, die nicht ausgefüllt dargestellt werden sollen. |
|
Ebene. Legen Sie die Reihenfolge fest, in der die Elemente gezeichnet werden sollen, indem Sie Nummern vergeben. Je höher die Nummer, desto später wird das Element gezeichnet und überdeckt somit Elemente mit niedrigeren Nummern. |
|
Stärke der Linien in Pixeln. Bei Ellipsen und Kreisen sind 2 bis 4 aufgrund des bei Transparenz genannten Fehlers nicht möglich. |
| Text |
|
||||||||||||
|
|
||||||||||||
|
Schriftgröße. Beachten Sie, dass manche Schriftarten erst ab einer bestimmten Schriftgröße gut zur Geltung kommen. | ||||||||||||
|
Der Winkel, in dem der Text erstellt wird. Z. B. 0 = waagerecht, 90 von unten nach oben, 270 von oben nach unten. | ||||||||||||
|
Beginn X, also waagerecht der Abstand vom linken Bildrand zum Beginn der Schrift. | ||||||||||||
|
Beginn Y, also senkrecht. Hier ist wichtig, dass es sich um den Abstand vom oberen Bildrand zur Unterkante des Textes handelt - im Unterschied zu Rechtecken. |
|
Damit legen Sie fest, ob Rechtecke ausgefüllt sein sollen oder nicht. Sie können so also zum Beispiel entweder ein dünnes ausgefülltes Rechteck als eine Linie verwenden oder ein nicht ausgefülltes Rechteck mit einer starken Linie als kompletten Rahmen. |
    
|
Setzen Sie die Häkchen, wenn Sie eine Fläche als oberen, rechten, unteren bzw. linken Rahmen haben möchten.
Die Bezeichnungen werden automatisch eingetragen und Sie haben dann die Möglichkeit, diese Rahmen anzupassen. Achtung: Haben Sie in den oberen Rechteckfeldern bereits Zahlen eingegeben, werden diese durch die automatischen Einstellungen überschrieben. |
|
Legen Sie fest, wo der Mittelpunkt der Ellipse bzw. des Kreises in waagerechter Richtung (X) sein soll, also vom linken Bildrand aus. |
|
Legen Sie fest, wo der Mittelpunkt der Ellipse bzw. des Kreises in senkrechter Richtung (Y) sein soll, also vom oberen Bildrand aus. |
|
Breite der Ellipse/des Kreises (in diesem Fall Durchmesser). |
|
Höhe der Ellipse/des Kreises (in diesem Fall Durchmesser). |
|
Legen Sie fest, ob die Ellipse ausgefüllt werden soll. Wenn nicht, funktioniert die Transparenz nicht und Strichstärken von 2 - 4 sind nicht möglich (Bug in der GD-Lib). |
 | X-Koordinate des Anfangs der Linie (also waagerecht). |
 | Y-Koordinate des Anfangs der Linie (also senkrecht). |
 | X-Koordinate des Endes der Linie (also waagerecht). |
 | Y-Koordinate des Endes der Linie (also senkrecht). |