WorX-Online | Tutorials | Tests

Zuerst wieder ein Hinweis: die alten Seiten mit den dunkel- düsteren Interfaces sind immer noch Online.

Wünsche für weitere Tutorials mehme ich gern entgegen. Natürlich kann ich nicht garantieren sie auch zu verwirklichen, denn mein Wissen ist eigentlich ziemlich beschränkt. Echt!

Ach, bevor ich es vergesse: ein bestimmtes Grundwissen setze ich dann doch voraus. Ich werde bestimmt nicht noch jedesmal reinschreiben wo die Alphakanäle sind. Sowas sollte man eigentlich wissen!

	Vielen geht es sicherlich wie mir vor noch nicht so langer Zeit: wie macht man einen Button der auch glaubhaft aussieht, also wirklich "gedrückt" wirkt. Zuallererst brauchen wir mal eine Ebene in die der Button eingelassen sein soll. Dann legen wir mit einem Pfad die Form des Buttons fest. Wenn´s nur ein Kreis oder ein Viereck sein soll reicht auch das Auswahlwerkzeug, nur muß man dann die Auswahl als Maske speichern.

	Mittels des Pfades oder der Auswahl machen wir nun die Aussparung in der Basisebene. Dieses Vorgehen habe ich detailiert im Tutorial "Aussparung" beschrieben. Hier nochmal die Kurzform: Inhalt der Auswahl in der Basisebene löschen, Auswahl ausweiten, neue gruppierte Ebene anlegen. Dort hinein mit weichem Airbrush malen. Schwarz oben links, Weiß unten rechts. Ebene auf "Ineinanderkopieren" stellen und Deckkraft verringern. Das wars damit.

	Nun folgt der Button. Dazu laden wir die Auswahl erneut aus dem Alphakanal oder dem Pfad und füllen sie in einer neuen Ebene mit 50 Prozent Grau (Bearbeiten - Fläche füllen). Jetzt vverkleinern wir die Auswahl um ein paar Pixel (Auswahl- Auswahl verändern - Verkleinern). Nun legen wir eine neue, gruppierte Ebene über der Ebene mit 50% Grau an. Dazu halten wir die Shift- Taste gedrückt und klicken in der Ebenenpalette auf das Symbol "Neue Ebene". Als Kopiermodus "Ineinanderkopieren". In dieser Ebene malen wir nun genau wie im Tutorial "Aussparung" mit einem weichen Airbrush, nur diesmal mit Schwarz in der rechten, unteren und mit Weiß in der linken, oberen Ecke des Buttons. Danach wird die Auswahl aufgehoben und die Ebenendeckkraft etwas reduziert. Zum Schluß legen wir erneut eine neue, gruppierte Ebene (auf "Ineinanderkopieren" gestellt)an und füllen sie mit einer Farbe. Damit ist der Button fertig.

	So, jetzt brauchen wir nur noch ein paar Dinge hinzufügen damit der Button auch glaubhaft gedrückt wird. Zunächst wird wieder die Auswahl aus dem Alphakanal oder dem Pfad geladen. Diese wird umgekehrt (Umschalt - Strg - I). Danach wird eine neue, gruppierte Ebene über der Buttonebene angelegt. Die Auswahl wird nun in dieser Ebene mit Schwarz gefüllt. Danach wird die Auswahl aufgehoben und der Inhalt der Ebene um ein paar Pixel nach rechts und Unten bewegt. Man könnte auch nochmal mit dem Weichzeichner drüberfahren damit der Schatten etwas weicher wirkt. Sind wir damit fertig legen wir eine gruppierte Einstellungsebene an. Dazu klicken wir mit gedrückter Strg- Taste in der Ebenenpalette auf das Symbol "Neue Ebene", wählen "Helligkeit/Kontrast" und kreuzen "Mit darunterliegender Ebene gruppieren" an. Im darauf folgenden Dialog vermindern wir die Helligkeit etwas, so das der Button dunkler wird. Die Ebenepalette sollte dann so wie links zu sehen aussehen. Man könnte jetzt die Ebenen soweit zusammenfassen das nur noch die Ebenen "Schatten" und "Helligkeit/Kontrast" mit der Ebene Button gruppiert sind.

	Damit der Effekt etwas realistischer aussieht sollte der Button noch eine Beschriftung oder ein Symbol aufweisen. Ein Symbol wie dieses links erstellt man sehr schnell auf folgende Art: Magnetisches Raster einblenden (Umschalt- ß, Umschalt- Strg- ß), mit dem Polygon- Lasso Auswahl erstellen, Raster ausblenden und Auswahl in einer neuen Ebene mit 50 Prozent Grau füllen. Darüber neue, gruppierte Ebene anlegen, Auswahl um 1 oder 2 Pixel verkleinern, umkehren und in der Ebene mit Airbrush und Schwarz/Weiß das Relief malen (wie oben beschrieben). Auswahl aufheben, diese 2 Ebenen zusammenfassen, auf "Ineinanderkopieren" stellen und diese Ebene mit der Ebene Button gruppieren. Um das Bild für den ungedrückten Button zu erhalten blenden wir die Ebenen "Helligkeit/Kontrast" und "Schatten" aus. Für den gedrückten Zustand blenden wir sie wieder ein und verschieben das Symbol um einen Pixel nach Rechts und Unten. Voila...