tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
4271
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    mondspeer mondspeer ist offline Grünschnabel
    Registriert seit
    Nov 2007
    Beiträge
    3
    Name: Leuchtender Button
    Beschreibung: Wie wird ein Bild geschärft
    Schwierigkeit: ** (leicht, wenn man das Pfad-Werkzeug kennt).
    Grafikprogramm: Photoimact 10
    Author: Mondspeer
    Copyright: Mondspeer
    __________________

    Heute ist das Ziel, einen leuchtenden Button zu erstellen.

    Das geht relativ einfach. Alle Teile basieren auf der gleichen eliptischen Grundform.

    1. Erstellt mit dem Pfadwerkzeug eine Elipse, verleiht ihm einen Farbverlauf von einem mittleren zu einem dunklen Rot. (siehe Bild)

    http://www.innenwelten.net/pictures/...ct/button1.jpg

    2. Verdoppelt Eure Elipse. Das wird der hellere Teil des Buttons. Bei diesem Objekt verkleinert Ihr zunächst die Höhe ein wenig und gebt dem oberen Rand mit der "Perspektivischen Verformung" eine schmalere Kontur (4 + 5).

    http://www.innenwelten.net/pictures/...ct/button3.jpg

    Dann gebt Ihr einen helleren Farbverlauf (die hellere Farbe wird jetzt der untere Farbton und oben kommt ein deutlich helleres Rot hin). Dann verleiht Ihr dem Objekt einen Schatten (umlaufend) und mit der Transparenz "0". Schattengröße 100 und Vignette ungefähr 16, abhängig von der Größe des Buttons. Das wird die "Leuchtkraft" des Buttons. Die Farbe des "Schattens" sollte dementsprechend genau der helleren Farbe aus dem Farbverlauf entsprechen.

    3. Jetzt verdoppelt Ihr das erste Objekt erneut. Gebt ihm eine weiße Farbe und macht es wie den "leuchtenden Teil" zuerste in der Höhe kleiner und dann verformt Ihr die obere Rundung mit der Perspektiven-Einstellung des Verform-Werkzeuges. (Siehe Bild)

    http://www.innenwelten.net/pictures/...ct/button4.jpg

    Die Reflexion ist noch zu stark, deshalb wendet Ihr die Funktion "Ausblenden" (9) aus dem Farbmenü (8) an. Farbverlauf von oben nach unten (10) und von weiß nach schwarz (11).

    http://www.innenwelten.net/pictures/...ct/button5.jpg
     

  2. #2
    mondspeer mondspeer ist offline Grünschnabel
    Registriert seit
    Nov 2007
    Beiträge
    3
    4. Jetzt verdoppelt Ihr das erste Objekt noch ein letztes Mal für die Einfassung des Knopfes. Größe bleibt dieses Mal, obwohl Ihr ihn etwas schmaler machen könnt, wenn Ihr wollt. Farbverlauf von mittlerem Grau nach Dunkelgrau.

    http://www.innenwelten.net/pictures/...ct/button6.jpg

    Fertig ist Euer Knopf. Ihr könnt Euch die [URL="http://www.innenwelten.net/pictures/photoimpact/button.ip"]ufo-Datei herunter laden /URL] und selbst damit experimentieren. Viel Spaß damit.

    http://www.innenwelten.net/pictures/...act/button.jpg

    Wenn es noch Fragen gibt, beantworte ich sie gerne.

    Gruß,
    Mondspeer
     

Ähnliche Themen

  1. Leuchtender Schein
    Von Keksl im Forum Photoshop
    Antworten: 3
    Letzter Beitrag: 17.01.11, 17:04
  2. [REQ] Button Tutorial
    Von sapr0x im Forum Flash Plattform
    Antworten: 2
    Letzter Beitrag: 20.08.07, 18:16
  3. Leuchtender Text in Paint.net
    Von StrongSoul im Forum Sonstige Grafik-Programme
    Antworten: 2
    Letzter Beitrag: 12.07.07, 18:38
  4. leuchtender effekt
    Von untread im Forum Photoshop
    Antworten: 5
    Letzter Beitrag: 16.06.03, 09:42
  5. Leuchtender Hintergrund
    Von theLMF im Forum Photoshop
    Antworten: 2
    Letzter Beitrag: 22.04.01, 16:03