[PS7+ | Grafiken] LCD Display

M4nic

Knight
LCD Display

Jetzt will ich euch mal zeigen, wie man ein cooles LCD Display machen kann.

Schritt 1
Erstelle ein Bild und färbe den Hintergrund in dieser Farbe: #212121.


Schritt 2
Benutze das Abgerundete-Rechteck-Werkzeug, stelle den Radius auf 4Px und ziehe ein Rechteck in dieser Farbe: # 7FC4C7.
Das ganze soll nun so aussehen:

2231.gif



Schritt 3
Jetzt lässt du das Rechteck ausgewählt und gehst auf Filter > Störungsfilter > Störungen hinzufügen... und stellst folgendes ein:
Stärke: 2, Verteilung: Gleichmäßig, Monochrom: an.
Nun klickst du mit Doppelklick auf die Ebene um den Ebenstil zu bearbeiten und wählst dort "Schatten nach innen" aus.
Dort machst du folgende Einstellungen:

Einstellung3.gif


Dann wechselst du zu "Abgeflachte Kanten und Relief" und stellst dort dieses ein:

Einstellung4.gif


Das Ganze sollte nun so aussehen:

2235.gif



Schritt 4
Nun wagen wir uns an die Zahlen.
Schreibe genau in der Mitte 88:88 in einer digitalen Schrift.
Falls du so eine Schrift (Font) nicht besitzen solltest, kann du dir die HIER downloaden.
Bei dieser stellen wir dann die Fläche und die Deckkraft auf jeweils 50 %.
Diese Einstellung musst du dir merken, denn das sind alle Symbole, die nicht in Benutzung sind.
Später kann ja z.B. nicht Play und Stop gleichzeitig benutzt sein! ;)

2233.gif



Schritt 5
Den Text duplizierst du nun und stellst alles wieder auf 100 %.
Hier kommt jetzt eine beliebige Zahl rein die du frei aussuchen kannst.
Bedenke aber dabei, das die hintere Zahl max. 59 sein kann! :gaga:

Jetzt verfeinern wir noch etwas die aktivierten Zahlen (die mit 100 %).
Gehe wieder in den Ebenestil von den aktivierten Zahlen und wähle "Schlagschatten" aus.
Dort machst du folgende Einstellungen:

Einstellung6.gif



Schritt 6
Jetzt erstellen wir ein Pastikfenster für das LCD Display.
Aus diesem Grund duplizierst du das türkiese Rechteck vom Anfang und schiebst es bei den Ebenen ganz nach oben.
Klicke nun mit rechter Maustaste auf die Ebene und wähle "Ebenenstil löschen" aus.
Dann gehst du wieder per Doppelklick in den Ebenestil, wählst "Schatten nach innen" aus,
wobei du aber die Standarteinstellung beibehältst und wechselst dann wieder zu "Abgeflachte Kanten und Relief".
Dort machst du folgende Einstellung:

Einstellung6.gif


Dann gehst du in dieser Kategorie weiter zu "Konturen" und machst dort diesen Einstellung:

Einstellung5.gif


Dann wechselst du zur Farbüberlagerung und benutzt dort diese Farbe:

Zu guter letzt stellst du noch die Fläche dieser Ebene auf 0%.
So haben wir den Eindruck gewonnen, dass über dem Display eine Plastikscheibe liegt.
Am Besten versucht ihr jetzt auch vor allem auf die Proportionen zu Achten!
Nun sollte das Ganze so aussehen:

1034.gif



Schritt 7
Jetzt kannst du deiner Fantasie freien Lauf lassen, ja nach dem was du alles auf dem LCD Display haben willst.
Denk daran, dass die du bei allen aktiven Zahlen den Ebenstil beibehältst, also Schlagschatten usw.
Aus diesem Grund empfiehlt es sich, immer die Ebene zu kopieren und etwas anderes rein zuschreiben.
Genau so musst du das natürlich auch mit den inaktiven Zahlen machen.

Ich hab mal meine Fantasie austoben lassen und dabei kam das raus! :D

fertig.jpg



Ich hoffe das Tutorial hat euch gefallen und wie immer freue ich mich für jede Art von Feedback! :D

Ciao
 
klasse tutorial, sieht sehr gut aus.



PS: LCD Display ausgeschrieben würde Liquid Crystal Display Display bedeuten...
also wenn schon LC Display = )
 

Adan0s

Administrator
Staff member
lol wie geil...könnte man bestimmt gut für nen radio gui in doom3 gebrauchen...wenn man zb. mal fahrbare fahrzeuge hat
 

M4nic

Knight
Stimmt!
Ich bin auch gerade an einem interaktiven D3M Radio! ;)

Ein kleiner Vorgeschmack, dass sieht dem ziemlich Ähnlich! ;)

remote_rollover_2_1.gif
 

M4nic

Knight
BIG BIG THX! :daumen:

Man merkt, dass hier schlagartig mehr Interesse herrscht!
Nur noch ne Zwischenfrage: Geht da schon und wird das noch zu machen sein mit dem Ticker?

Ciao
 
Top