Photoshop: Logo für Website

Die folgende Anleitung dient der Produktion eines Logos für eine Website "xyz".
Das Format der Datei nimmt Rücksicht auf das Design der Website.

Die Anleitung dient nur dem Erlernen der Software und soll nicht als Gestaltungsvorlage dienen, jede/r soll ein eigenes Design entwerfen!

Die Website beginnt mit dem Gestalten einer Vorlageseite (vorlage.htm). Die Gestaltung berücksichtigt die Bildschirmgrösse. Diese ist normalerweise mindestens 800 Pixel breit und 600 Pixel hoch (SVGA). Heutige Notebookmonitoren sind häufig 768 x 1024 Pixel, Flachbildschirme haben meist noch höhere Auflösung.

Das Beispiel geht von einer Grösse von mind. 600 x 800 Pixel aus.

Die Masse der Tabellen, der Spalten, Zeilen und Zellen nehmen Rücksicht auf dieses Grundmass.

Das Logo ist 200 Pixel breit und 100 Pixel hoch. Somit ist auch die oberste Zeile 100 Pixel hoch und die linke Spalte 200 Pixel breit.
       

Photoshop starten

  1. Hintergrundfarbe der neuen Datei bestimmen
  2. die selbe Farbe wie Websitehintergrund wählen, iIn diesem Fall #cccccc

Datei neu

  1. Name der Datei: logo
  2. Breite wie linke Spalte der HTML-Seite (vorlage.htm) Breite 200 Pixel
    Höhe 100 Pixel
  3. Auflösung für Bildschirm 72 DPI
  4. Hintergrund (Hintergrundfarbe)

 

      

Ebene für Form

  1. Hintergrund- und Vordergrundfarbe bestimmen
    Vordergrundfarbe ist die Farbe des verwendeten Werkzeuges
  2. Die Hintergrundfarbe erscheint als Farbe der Datei (Arbeitsfeld)
  3. Ebenenfenster einblenden (Fenster - Ebenen)
    oben rechts - anklicken
  4. neue Ebene

Ebene benennen

  1. Form (Ebenenname)

 

      

Auswahl zeichnen
neue Ebene im Ebenenfenster anklicken

  1. Auswahlellipse wählen (Auswahlwerkzeug)
  2. Ellipse zeichnen
  3. Auswahl - transformieren
  4. Auswahl verzerren, drehen und mit dem Verschiebenwerkzeug verschieben

Form mit Farbe füllen

  1. obere Ebene anwählen
    Sie muss blau sein
  2. Vordegrundfarbe bestimmen
  3. Füllwerkzeug wählen (Kübel)
  4. Form füllen

 

      

Schatten (Ebeneneffekt)

  1. Ebene mit der Form muss angewählt sein
  2. Ebene - Ebenenstil - Schlagschatten
  3. Fenster so verschieben, dass Form sichtbar ist
  4. Effekte ausprobieren und ok drücken

Text

  1. Vordergrundfarbe für Text ändern
  2. Textwerkzeug wählen
  3. Text schreiben
  4. Fenster - Zeichen (Textfenster holen)
    Schriftgrösse - und Schriftart bestimmen
  5. Text an die rechte Position schieben
top