spacer spacer

spacer
:: PIXELPLOW!
:: TUTORIALS
Neue Tutorials
Top Tutorials
Alle A-Z
Wie funktionierts?
Tutorials Text
Tutorials Photo
Charakter Design
 •  Interface Design
Tutorials sonstiges
:: AKTIONEN
:: PHOTOSHOP BLOG
:: TIPPS+TRICKS
:: NEWSLETTER
:: SHOP
:: LINKS
:: MEMBERS
spacer

spacer



Passwort vergessen?
spacer

spacer

Foto-Effekte mit PixelShapes.com

Homepage erstellen mit Wix.com

Partner QUEEKY
queeky.de

Partner CSSFly web tools
cssfly

spacer

spacer


Ich habe die AGB gelesen und akzeptiert

spacer

spacer


Hier kannst Du dich für den Newsletter eintragen / austragen

spacer

spacer



spacer

spacer
Tag - Suche einblenden | ausblenden
::  Tutorials Interface Design

<< InterfaceForm (Basic) 16 Credits / 23210 Views von Frank Heller am 04.07.2004 um 11:24 Uhr  

  Erstelle eine neue Datei in der Größe Deiner Wahl. Dann erstellst Du gleich noch einen Alphakanal.

  Im Kanal ziehst Du dann eine rechteckige Auswahl auf.

  Halte die STRG-Taste gedrückt, und füge weitere Auswahlbereiche hinzu. Natürlich kannst Du auch mit dem elliptischen Auswahlwerkzeug oder dem Lassowerkzeug die Interfaceform gestalten. Um Bereiche von der Auswahl abzuziehen, drücke die ALT-Taste und ziehe Auswahlen auf.

  Wenn die Form soweit steht, füllst du die Auswahl mit weiß und hebst sie dann mit STRG+D auf. Jetzt ist die Form allerdings noch recht klobig und kantig…

  … zeichne sie deshalb mit dem Filter->Weichzeichnungsfilter->Gaußscher Weichzeichner weich. 5 Pixel sind es hier, je nach dem wie groß die Form deines Interfaces wird musst Du den Wert dementsprechend erhöhen.

  Anschließend gehe ins Menü Bild->Einstellungen->Helligkeit/Kontrast und Schärfe die Grafik damit.

  Jetzt sieht die Form weicher und geschmeidiger aus.

  Dann lädst Du die Auswahl mit einem Klick auf Kanäleetikett, wechselst in die Ebenenpalette und füllst Sie mit weiß. Mit dem Ebeneneffekt „Abgeflachte Kante und Relief“ sowie den anderen Effekten kannst Du das Interface dann weiterbearbeiten.

  Hier ein Beispiel wie ein fertiges Interface aussehen könnte.
<< Zurück



> Dieses Tutorial empfehlen

> Für dieses Tutorial Voten (nur eingeloggt)

> Anmerkung zu diesem Tutorial schreiben


von Maxl am 21.07.2004 um 15:01 Uhr
schrit 6,
damit wird grafik nicht schärfer :| !?


von Maxl am 21.07.2004 um 15:04 Uhr
Ich nehme meiner wörter zurück :)

funzt net so ganz in csvon Name am 19.08.2004 um 19:55 Uhr

habs in photoshop cs probiert, aber da haut das net so hin mit der schärfung.

jemand nen tip?

geht dochvon Salami Wurst am 01.09.2004 um 11:14 Uhr
Also bei mir hat alles gefunzt, wirklich gutes tut, aber der letzte Schritt... O_O

Wie macht man denn sowas?
So durchsichtig, Glasmässiges...
Boah...

Übersehenvon Salami Wurst am 02.09.2004 um 11:58 Uhr
Ok hab grade das tut für plastisches gesehen...


problem...von marcel am 17.09.2004 um 18:01 Uhr

folgendes verstehe ich nicht:

"Dann lädst Du die Auswahl mit einem Klick auf Kanäleetikett,..."

hab ein problemvon Max am 16.10.2004 um 20:31 Uhr
folgendes verstehe ich nicht:

"Dann lädst Du die Auswahl mit einem Klick auf Kanäleetikett,..."

von Christian am 03.01.2005 um 12:48 Uhr

Ich benutze die Version Photoshop CS 8 und komme bei diesem Tutorial nicht so richtig mit. Weiß jemand wie man mit der Version einen Alpha-Kanal erstellt? Die weiteren Schritte sind für mich leider auch nicht ausführlich genug erklärt.

von tester am 22.01.2005 um 19:51 Uhr

Habe dieses Tut kurz mit PS CS getestet...........geht doch ohne Probs!!!! *s* wer hier Probs hat besser erst mit "Paint" von MS anfangen! Schade um PS!!

von FlintShrubwood am 16.02.2005 um 03:08 Uhr
Das ist aber das fieseste, was man einem PS-Newbie sagen kann, tester :). Aber ein Tut dieser Art tut mir auch auch sehr gut. Muchos Gracias.


> Ältere Einträge
spacer
spacer
spacer spacer



ein Wort alle Wörter

spacer

spacer



spacer

spacer


Welchen Browser benutzt Du?

IE
Firefox
Mozilla
Netscape
Opera
Safari
Andere

Alle Umfragen zeigen

spacer

spacer


Aktionen_Tutorials_Downloads_PixelPlow


Wir würden uns freuen wenn Du Pixelplow verlinken willst...
Füge dazu einfach folgenden HTML Code in Deine Homepage ein:




spacer

spacer




spacer

spacer

spacer
alle Inhalte (c) 2004 by Pixelplow! bzw. den Autoren Impressum | Druckversion
Seitenanfang

spacer