Share
Mit Photoshop können neben Websites auch Schnittstellen für alle Arten von Anwendungen erstellt werden. Im heutigen Premium-Tutorial zeigen wir Ihnen, wie Sie mit Photoshop und Illustrator eine Schnittstelle für das elektronische Tresorschloss im Retro-Stil erstellen. Lass uns anfangen!
Die folgenden Assets wurden während der Erstellung dieses Tutorials verwendet.
Öffnen Sie das mit den Downloaddateien dieses Tutorials gelieferte Bild aus Metal Texture in Adobe Photoshop. Drücken Sie "Befehl / Strg + A", um alle auszuwählen. Gehen Sie zum Menü und klicken Sie auf "Bearbeiten> Muster definieren". Nennen Sie Ihr Muster "metalBg" und klicken Sie auf OK. Schließen Sie das Metalltexturbild. Erstellen Sie eine neue 768 (Breite) x 1024 (Höhe) -Datei. Drücken Sie "U", um das Rechteckwerkzeug auszuwählen.
Erstellen Sie eine Rechteckform mit der gleichen Größe wie Ihr Dokument. Benennen Sie Ihre Rechteckform in "Hintergrund" um und doppelklicken Sie darauf, um die folgende Verlaufsüberlagerung und Musterüberlagerung hinzuzufügen. Beachten Sie, dass wir im Pattern Overlay-Stil das zuvor erstellte "metalBg" -Muster ausgewählt haben. Erstellen Sie eine neue Ebene für die Einstellung der Ebenen, indem Sie unten im Fenster "Ebenen" auf "Neue Füllung oder Einstellungsebene erstellen" klicken. Geben Sie die Werte des folgenden Bildes ein. Machen Sie aus Ihren Ebenen "Background" und "Levels" eine Gruppe. Benennen Sie die Gruppe in "Bg" um.
Öffnen Sie in Adobe Photoshop das mit diesem Tutorial gelieferte Bild "Leather Texture". Drücken Sie "Befehl / Strg + A", um alle auszuwählen. Gehen Sie zum Menü und klicken Sie auf "Bearbeiten> Muster definieren". Nennen Sie Ihr Muster "leatherBg" und klicken Sie auf OK. Schließen Sie das Ledertexturbild. Erstellen Sie eine Form wie in der folgenden Abbildung dargestellt. Benennen Sie die Form in Leder um. Doppelklicken Sie darauf, um den Stilen Schlagschatten, Abschrägung und Relief sowie Musterüberlagerung mit den Werten des folgenden Bildes hinzuzufügen. Beachten Sie, dass wir im Pattern Overlay-Stil das zuvor erstellte "leatherBg" -Muster ausgewählt haben.
Öffnen Sie Adobe Illustrator. Wählen Sie das Stiftwerkzeug aus und erstellen Sie eine Form wie in der folgenden Abbildung dargestellt. Benennen Sie die Form in "Knob" um. Gehen Sie zum Menü und drücken Sie Effect> 3D> Revolve, und geben Sie die Werte des nächsten Bildes ein.
Duplizieren Sie die Knob-Form. Benennen Sie das Duplikat in "Drehregler 2" um. Drücken Sie Umschalt + F6, um das Fenster "Aussehen" zu öffnen, falls es nicht geöffnet ist. Klicken Sie bei ausgewählter Knob-2-Form auf den Link 3D Revolve im Erscheinungsbildfenster. Ändern Sie die Werte in die Werte in der folgenden Abbildung.
Bei der Erstellung dieses Tutorials habe ich herausgefunden, dass die radiale Unschärfe in Photoshop nicht vollständig rund ist. Daher müssen wir hier einige zusätzliche Schritte ausführen. Kopieren Sie Knob2 aus Illustrator in Photoshop als intelligentes Objekt. Positionieren Sie die Größe und passen Sie sie an das folgende Bild an. Rastern Sie die Vektorobjektebene für intelligente Objekte. Wählen Sie nun mit dem kreisförmigen Maskenwerkzeug jeden Kreis des Knopfes aus und drücken Sie Befehlstaste / Strg + J, um eine neue Ebene aus der Auswahl zu erstellen. Ich habe den Abschnitt nur zu Illustrationszwecken mit verschiedenen Farben bemalt. Am Ende sollte ein Ebenenfenster ähnlich dem in der folgenden Abbildung gezeigten Fenster erscheinen.
Wählen Sie jeden Teil des Reglers aus und gehen Sie im Menü zu Filter> Noise> Add Noise. Geben Sie die Werte des folgenden Bildes ein.
Befehl / Strg + Klicken Sie auf die Miniaturansicht eines Teils, um eine Auswahl zu treffen. Wenden Sie eine radiale Unschärfe an, indem Sie auf Filter> Unschärfe> Radiale Unschärfe gehen. Geben Sie die Werte des folgenden Bildes ein. Wiederholen Sie diesen Schritt für die anderen drei Teile des Knopfes. Sie können Befehl / Strg + F drücken, um den zuletzt verwendeten Filter anzuwenden.
Fügen Sie die vier Ebenen zusammen, indem Sie sie auswählen und Befehl / Strg + E drücken. Benennen Sie die resultierende Ebene in "Drehknopf" um.
Sie sollten mit so etwas enden.
Gehen Sie zurück zu Illustrator, kopieren Sie Ihre Knob-Form (die dunklere) und fügen Sie sie als Smart-Objekt in Ihre Photoshop-Datei ein. Verändern Sie die Größe, um sie an Ihre "Knopfebene" anzupassen. Klicken Sie bei gedrückter Strg-Taste auf die Miniaturansicht Ihrer Vektor-Smart-Objekt-Ebene, um eine Auswahl zu treffen. Klicken Sie am unteren Rand des Ebenenfensters auf die Schaltfläche "Neue Füllung oder Anpassungsebene> Ebenen erstellen", um eine Ebenenanpassungsebene hinzuzufügen. Geben Sie die Werte des nächsten Bildes ein.
Verbinden Sie die Ebene "Level 2" und die Ebene "Vector Smart Object". Ändern Sie den Mischmodus der resultierenden Ebene in eine hellere Farbe und die Füllung in 16%..
Wählen Sie den Layer "Drehknopf" und "Levels 2" und drücken Sie die Befehlstaste / Strg + E, um die beiden Layer zusammenzuführen. Duplizieren Sie die resultierende Ebene und führen Sie sie erneut zusammen. Benennen Sie die Ebene erneut in "Drehknopf" um. Duplizieren Sie die Ebene "Regler" erneut und platzieren Sie die duplizierte Ebene unter "Regler". Benennen Sie die duplizierte Ebene in "Big Shadow" um. Fügen Sie der Ebene "Big Shadow" einen Schlagschattenstil hinzu, gefolgt vom nächsten Bild.
Doppelklicken Sie auf die Ebene "Drehknopf", um einen Abschrägungs- und Reliefstil hinzuzufügen. Geben Sie die Werte des nächsten Bildes ein.
Lassen Sie uns nun die Nummern auf dem Knopf erstellen.
Gehen Sie zurück zu Illustrator. Erstellen Sie ein "Lineal" wie das oben im folgenden Bild dargestellte.
Für die Zahlen habe ich den Chunk Five Font verwendet. Öffnen Sie das Symbolfenster (Fenster> Symbole). Ziehen Sie das soeben erstellte Lineal in das Symbolfenster, um daraus ein Symbol zu erstellen. Gehen Sie nun in Ihr Ebenenfenster und duplizieren Sie eine der bereits vorhandenen Reglerformen. Benennen Sie die resultierende Ebene in "Knob Numbers" um. Wählen Sie die Form "Knob Numbers" aus und öffnen Sie das Erscheinungsbild-Fenster (Umschalt + F6). Klicken Sie im Fenster Darstellung auf den Link 3D-Drehung. Klicken Sie im Fenster "3D-Revolve-Optionen" auf "Map-Art". Taste. Wählen Sie im Map Art-Fenster die Fläche 5 von 10 aus. Wählen Sie das Symbol mit dem zuvor erstellten Lineal aus und klicken Sie auf die Schaltfläche "An Größe anpassen". Vergewissern Sie sich, dass das Kontrollkästchen Unsichtbare Geometrie aktiviert ist. Klicken Sie auf OK und Sie sollten am Ende etwas wie den im folgenden Bild gezeigten Drehknopf haben.
Lassen Sie uns nun die Linien auf dem Knopf erstellen. Es ist derselbe Vorgang wie im vorherigen Schritt. Erstellen Sie eine Folge weißer und schwarzer Linien wie die oben im folgenden Bild dargestellte. Öffnen Sie das Symbolfenster (Fenster> Symbole). Ziehen Sie die soeben erstellte Folge von weißen und schwarzen Linien in das Symbolfenster, um daraus ein Symbol zu erstellen. Gehen Sie nun in Ihr Ebenenfenster und duplizieren Sie eine der bereits vorhandenen Reglerformen. Benennen Sie die resultierende Ebene in "Knob Lines" um. Wählen Sie die Form "Knob Lines" und öffnen Sie das Fenster "Darstellung" (Umschalt + F6). Klicken Sie im Fenster Darstellung auf den Link 3D-Drehung. Klicken Sie im Fenster "3D-Revolve-Optionen" auf die Schaltfläche "Map-Art". Wählen Sie im Map Art-Fenster die Fläche 6 von 10 aus. Wählen Sie das Symbol mit der zuvor erstellten Zeilenfolge aus und klicken Sie auf die Schaltfläche "An Größe anpassen". Vergewissern Sie sich, dass das Kontrollkästchen Unsichtbare Geometrie aktiviert ist. Klicken Sie auf OK und Sie sollten am Ende etwas wie den im folgenden Bild gezeigten Drehknopf haben.
Kopieren Sie die in Illustrator erstellte "Knob Numbers" -Form und fügen Sie sie als intelligentes Objekt in Photoshop ein. Verändern Sie die Größe wie im Bild unten. Benennen Sie das Smart-Objekt in "knobNumbers" um. Wenden Sie einen Bebel und eine Prägung sowie einen Farbüberlagerungsstil an. Geben Sie die Werte des folgenden Bildes ein.
Maskieren Sie nun den Teil der "knobNumbers", der ausgeblendet werden soll. Wählen Sie dazu die Ebene "knobNumbers" aus, drücken Sie die Befehlstaste / Strg + G, um eine Gruppe zu erstellen. Benennen Sie die Gruppe in "numbersGroup" um. Erstellen Sie mit dem Kreismasken-Werkzeug eine Auswahl des Kreises, wie im nächsten Bild gezeigt. Alles außerhalb dieses Kreises wird versteckt. Wenn die Gruppe "Zahlengruppe" ausgewählt ist, klicken Sie auf die Schaltfläche "Ebenenmaske hinzufügen" am unteren Rand des Ebenenfensters.
Kopieren Sie nun die Form "Knob Lines" von Illustrator als intelligentes Objekt in Photoshop. Ändern Sie die Größe und platzieren Sie sie in der richtigen Position. Ändern Sie den Mischmodus in "Multiplizieren" und die Füllung in 8%. Benennen Sie das Smart-Objekt in "Zeilen" um..
Für dieses Tutorial habe ich auch einen Stempel in Illustrator erstellt. Sie können das von mir erstellte verwenden, das in diesem Lernprogramm enthalten ist, oder Sie können ein eigenes erstellen. Kopieren Sie den Stempel von Illustrator nach Photoshop als Formebene und benennen Sie ihn in "Stempel" um. Wenden Sie einen Abschrägungs- und Reliefstil mit den Werten des folgenden Bildes an. Ich habe den Stempel ein wenig gedreht, damit er natürlicher wirkt.
Duplizieren Sie die Knob-Ebene und verschieben Sie die duplizierte über alle anderen Ebenen. Doppelklicken Sie darauf, um eine Verlaufsüberlagerung mit den Werten des nächsten Bildes hinzuzufügen. Ändern Sie die Füllung auf 0%. Benennen Sie die Ebene in "Glanz" um.
Jetzt fügen wir dem Regler etwas Textur hinzu. Duplizieren Sie die Ebene "Glanz" und benennen Sie die duplizierte Ebene in "Textur" um. Entfernen Sie die vorherigen Stile und fügen Sie einen Musterüberlagerungsstil hinzu. Verwenden Sie das gleiche verkratzte Metallmuster, das wir am Anfang des Hintergrunds verwendet haben. Jetzt sieht der Regler etwas realer aus, ist aber immer noch etwas flach.
Verdunkeln wir den äußeren Ring des Knopfes. Wählen Sie den äußeren Ring aus. Klicken Sie am unteren Rand des Fensters "Ebenen" auf die Schaltfläche "Neue Füll- oder Anpassungsebene erstellen" und wählen Sie "Verlaufskarte" aus.
Geben Sie die Werte ein, die in der folgenden Abbildung dargestellt sind.
Treffen Sie mit dem Maskenwerkzeug die Auswahl in der folgenden Abbildung.
Klicken Sie nun im unteren Bereich des Fensters "Ebenen" auf die Schaltfläche "Neue Füll- oder Anpassungsebene erstellen" und wählen Sie "Farbton / Sättigung". Geben Sie im Fenster "Anpassung" die Werte des folgenden Bildes ein und ändern Sie die Überblendung der Ebene in "Multiplizieren". Doppelklicken Sie auf Einstellungsebene, um einen inneren Schatten mit den Einstellungen des folgenden Bildes hinzuzufügen.
Wenn die Einstellungsebene ausgewählt ist, drücken Sie Befehlstaste / Strg + G, um eine Gruppe mit der darin befindlichen Ebene zu erstellen. Benennen Sie die Gruppe in "mainKnobShadow" um. Wenn "mainKnobShadow" ausgewählt ist, klicken Sie auf die Schaltfläche "Ebenenmaske hinzufügen" am unteren Rand des Ebenenfensters. Wählen Sie bei ausgewählter Ebenenmaske der Gruppe "mainKnobShadow" das Verlaufswerkzeug aus und erstellen Sie einen linearen vertikalen Verlauf mit Weiß unten und Schwarz oben.
Um ein wenig von der Schärfe des Schattens zu entfernen, wählen Sie die Maske der Einstellungsebene in der Gruppe "mainKnobShadow" aus. Gehen Sie zum Menü und wählen Sie Filter> Weichzeichnen> Gaußscher Weichzeichner. Geben Sie die Werte des folgenden Bildes ein und klicken Sie auf OK.
Erstellen Sie mit dem Ellipse-Werkzeug einen Kreis wie in der folgenden Abbildung. Die Farbe spielt keine Rolle.
Benennen Sie die Form in "innerCircle" um. Wenn der Layer "innerCircle" ausgewählt ist, drücken Sie die Befehlstaste / Strg + G, um eine Gruppe zu erstellen. Benennen Sie die Gruppe in "hervorheben" um.
Ändern Sie die Füllung des "inneren Kreises" in 0%. Doppelklicken Sie darauf, um der Ebene "innerCircle" einen inneren Schatten und einen äußeren Schein hinzuzufügen. Geben Sie die Werte des folgenden Bildes ein. Wählen Sie die Gruppe "Highlight" aus und klicken Sie auf die Schaltfläche "Ebenenmaske hinzufügen" am unteren Rand des Ebenenfensters. Stellen Sie sicher, dass die eben erstellte Ebenenmaske ausgewählt ist, und erstellen Sie mit dem Farbverlaufswerkzeug einen vertikalen Farbverlauf mit Weiß oben und Schwarz unten.
Befehl / Strg + Klicken Sie auf die Vektormaskenminiatur der Ebene "innerCircle", um den helleren Teil des Reglers auszuwählen. Klicken Sie nun im unteren Bereich des Fensters "Ebenen" auf die Schaltfläche "Neue Füll- oder Einstellungsebene erstellen" und wählen Sie "Ebenen". Geben Sie im Justierungsfenster die Werte des folgenden Bildes ein. Drücken Sie die Umschalttaste, um alle Ebenen des Drehreglers auszuwählen, und drücken Sie Befehlstaste / Strg + G, um eine Gruppe daraus zu erstellen. Benennen Sie die Gruppe in "KNOB" um..
Jetzt können wir den pixelierten Rand unten fixieren. Erstellen Sie eine Kreisformebene, die genau so groß ist wie der hellere Teil des Reglers oberhalb aller anderen Regulierschichten innerhalb der Gruppe "KNOB". Benennen Sie die Formebene in "Fix" um. Fügen Sie einen Schlagschattenstil hinzu und geben Sie die Werte des folgenden Bildes ein. Ändern Sie die Füllung in 0%.
Mit dem Zeichenstift-Werkzeug erstellen Sie ein kleines Dreieck am oberen Rand des Knopfes über der Ebene "Fix". Ändern Sie den Mischmodus in Überlagerung und die Füllung in 50%. Benennen Sie die Ebene in "Dreieck" um.
Lassen Sie uns nun die Tastatur erstellen. Wir erstellen eine Schaltfläche, wiederholen sie und fügen dann Textur und Licht hinzu. Erstellen Sie eine abgerundete Rechteckform mit einem Eckenradius von 3 px. Fügen Sie einen Schlagschatten- und Abschrägungs- und Reliefstil hinzu. Geben Sie die Werte des folgenden Bildes ein. Benennen Sie die Formebene in "a" um. Wenn die Ebene "a" ausgewählt ist, drücken Sie die Befehlstaste / Strg + G, um eine Gruppe zu erstellen. Benennen Sie die Gruppe in "1" um.
Duplizieren Sie die Ebene "a" und benennen Sie die duplizierte Formebene in "b" um. Fügen Sie der Ebenenform "b" die folgenden Stile für Schatten, Innenschatten, Abschrägung und Prägung sowie Farbüberlagerung hinzu.
Erstellen Sie mit dem Rechteckformwerkzeug ein Rechteck, das etwas kleiner als das abgerundete Rechteck ist. Verschieben Sie es ein paar Pixel nach oben und fügen Sie einen Schlagschattenstil mit den Werten des folgenden Bildes hinzu. Benennt das Rechteck in "c" um.
Duplizieren Sie die Formebene "c" und benennen Sie die duplizierte Ebene in "d" um. Ändern Sie die Farbe in 5f5f5f. Fügen Sie die folgenden Stile hinzu: Schlagschatten, Inner Shadow, Inner Glow, Abschrägung und Relief und Verlaufsüberlagerung. Geben Sie die Werte des folgenden Bildes ein.
Erstellen Sie eine Kreisform, die innerhalb des kleineren Rechtecks zentriert ist. Benennen Sie den Kreis in "e" um. Folgen Sie dem nächsten Bild, um einen Schlagschatten, einen äußeren Schein, einen inneren Schein und eine Verlaufsüberlagerung hinzuzufügen. Stellen Sie sicher, dass die Füllung auf 0% eingestellt ist..
Duplizieren Sie die Formebene "d", platzieren Sie die duplizierte Ebene auf der Ebene "e" und benennen Sie sie in "f" um. Fügen Sie einen inneren Schatten und einen Verlaufsüberlagerungsstil hinzu. Geben Sie die Werte des folgenden Bildes ein. Stellen Sie sicher, dass die Füllung der Ebene auf 0% gesetzt ist..
Wählen Sie das Textwerkzeug aus und schreiben Sie die Nummer 1 über die Ebene "f". Doppelklicken Sie darauf, um eine Abschrägung und eine Prägung sowie einen Farbüberlagerungsstil hinzuzufügen (siehe folgende Abbildung). Ändern Sie die Füllung in 0%. Und wir haben den ersten Schlüssel fertiggestellt.
Du hast recht, wir müssen nicht alle diese Schritte machen, um die anderen Schlüssel herzustellen. Lässt den Ordner "1" duplizieren, benennen Sie die Ordner um und ändern Sie die Texte. Wählen Sie alle Nummerngruppen aus und drücken Sie Befehlstaste / Strg + G, um eine Gruppe daraus zu erstellen. Benennen Sie es in "Tastatur" um.
Jetzt fügen wir den Tasten etwas Textur hinzu. Wählen Sie die Gruppe "Tastatur" aus und ziehen Sie sie auf die Schaltfläche "Neue Ebene erstellen" am unteren Rand des Ebenenfensters, um sie zu duplizieren. Drücken Sie die Befehlstaste / Strg + E, um die duplizierte Gruppe zusammenzuführen. Benennen Sie die resultierende Ebene in "Textur" um und platzieren Sie sie in der Gruppe "Keypad" auf allen anderen Ebenen. Wenden Sie einen Musterüberlagerungsstil an, dem das Bild unten folgt.
Beginnen wir mit der Anzeige. Erstellen Sie ein abgerundetes schwarzes Rechteck mit einem Eckenradius von 3 px. Benennen Sie es in "displayBg" um. Wenden Sie den folgenden Schlagschatten, Äußeren Schein und Abschrägung und Prägung an. Geben Sie die Werte des folgenden Bildes ein.
Erstellen Sie einen Ordner über der Ebene "displayBg" und nennen Sie ihn "OPEN Group". Der Name der Schriftart, die wir in der Anzeige verwenden werden, lautet Digital Dream Narrow. Wählen Sie das Textwerkzeug aus. Stellen Sie sicher, dass Ihr Text links ausgerichtet ist, und schreiben Sie 888888 mit der Größe a von 25 px und der Farbe 1e1e1e. Stellen Sie den Mischmodus auf Helligkeit ein. Duplizieren Sie die Ebene und ändern Sie die 8 in X. Duplizieren Sie die Ebene "XXXXXX" und schreiben Sie "OPEN". Ändern Sie die Farbe des Texts in 73854d. Stellen Sie den Mischmodus auf Normal. Fügen Sie der Ebene "OPEN" mit den Werten des folgenden Bildes einen äußeren und inneren Schein hinzu.
Duplizieren Sie die Gruppe "OPEN Group". Verschieben Sie die neue Gruppe nach rechts und benennen Sie sie in "CLOSED Group" um. Öffnen Sie die "CLOSED Group" und ändern Sie den Text "OPEN" in "CLOSED". Blenden Sie den "OPEN" -Text in der "OPEN-Gruppe" aus.
Duplizieren Sie die Gruppe "GESCHLOSSEN". Verschieben Sie die neue Gruppe an den Anfang und benennen Sie sie in "Numbers" um. Ändern Sie die Größe der drei Texte in 46 px. Fügen Sie der Ebene "XXXXXX" vier weitere X hinzu. Fügen Sie der "888888" -Schicht vier weitere 8s hinzu. Ändern Sie den Text "GESCHLOSSEN" in eine beliebige Zahl.
Duplizieren Sie die Ebene "displayBg". Benennen Sie die duplizierte Ebene in "grün" um und doppelklicken Sie darauf, um einen Verlaufsüberlagerungsstil hinzuzufügen. Geben Sie die Werte des folgenden Bildes ein. Wenn die "grüne" Ebene ausgewählt ist, drücken Sie Befehlstaste / Strg + G, um eine Gruppe zu erstellen. Benennen Sie die Gruppe in "Green Group" um. Wenn die "Grüne Gruppe" ausgewählt ist, klicken Sie unten im Ebenenfenster auf die Schaltfläche "Ebenenmaske hinzufügen". Erstellen Sie auf der Ebenenmaske der "Grünen Gruppe" einen linearen diagonalen Farbverlauf, rechts oben weiß und unten links schwarz.
Duplizieren Sie die "Grüne" Ebene. Benennen Sie die duplizierte Ebene in "Abschrägung" um und verschieben Sie sie über die Gruppe "Zahlen". Löschen Sie die vorherigen Stile der Ebene. Wenden Sie die in der folgenden Abbildung dargestellten Formatvorlagen an: Inner Shadow, Inner Glow, Abschrägung und Prägung sowie Farbüberlagerung. Und wir haben mit der Anzeige fertig.
Wir machen jetzt die Lichter. Beginnen wir damit, eine Gruppe namens "ledGreen" über der Gruppe "Anzeigen" zu erstellen. Machen Sie innerhalb der Gruppe "ledGreen" eine weitere Gruppe mit dem Namen "metalRing". Erstellen Sie eine kreisförmige Formebene in der Gruppe "metalRing", und fügen Sie die Stile Schlagschatten und Verlaufsüberlagerung wie in der folgenden Abbildung gezeigt hinzu.
Duplizieren Sie die Ebene innerhalb der Gruppe "metalRing". Entfernen Sie die vorherigen Stile, und wenden Sie den im folgenden Bild gezeigten Verlauf an.
Erstellen Sie nun eine neue Gruppe mit dem Namen "light" über der Gruppe "metalRing". Innerhalb der Gruppe "Licht" erzeugen Sie eine kreisförmige Form, die kleiner als der Metallring ist. Fügen Sie den Stilen Inner Shadow, Inner Glow, Color Overlay, Gradient Overlay und Stroke nach dem Bild unten hinzu. Benennen Sie die Formebene in "Farbverlauf" um.
Lassen Sie uns nun ein Muster für das Glas des Lichts erstellen. Erstellen Sie ein 4 x 4 px großes Dokument mit weißem Hintergrund. Malen Sie die 4 oberen linken Pixel und die 4 rechten unteren Pixel wie ein Schachbrett mit Schwarz. Gehen Sie zum Menü und drücken Sie "Edit / Define pattern", geben Sie dem Pattern einen Namen und drücken Sie OK. Sie können dieses Dokument jetzt schließen. Sie müssen es nicht speichern.
Gehen Sie zurück zu Ihrem Safe-Box-Schnittstellendokument. Duplizieren Sie Ihre "Verlaufsebene" und benennen Sie die duplizierte Ebene in "Licht" um. Fügen Sie einen Stil für innere Schatten, Farbüberlagerung, Verlaufsüberlagerung und Musterüberlagerung hinzu, wie in der folgenden Abbildung dargestellt.
Duplizieren Sie die Gruppe "ledGreen". Verschiebe es nach rechts und benenne es in "ledRed" um.
Öffnen Sie das "Licht" in der Gruppe "ledRed", und verbergen Sie die Formebene "Licht" für einen Moment.
Entfernen Sie alle Stile der Formebene "Verlauf" mit Ausnahme des inneren Schattens und der Verlaufsüberlagerung. Um die Stile zu entfernen, ziehen Sie sie einfach in den Papierkorb am unteren Rand des Ebenenfensters. Doppelklicken Sie über die Verlaufsüberlagerung und ziehen Sie den Deckkraftregler auf 100%..
Zeigen Sie die Formebene "hell" erneut an und entfernen Sie den Stil der Farbüberlagerung. Doppelklicken Sie darauf und fügen Sie einen Schlagschatten- und einen äußeren Glühen-Stil hinzu. Geben Sie die Werte des folgenden Bildes ein. Jetzt sind wir mit den Lichtern fertig.
Und zum Schluss machen wir einen Lautsprecher, damit Ihre Safe-Box einen komischen Ton erzeugt, wenn Sie den falschen Code eingeben :-). Öffnen Sie das meshPattern. jpg-Bild mit diesem Tutorial. Gehen Sie zum Menü und klicken Sie auf Bearbeiten> Muster definieren. Schließen Sie die meshPattern.jpg und kehren Sie zu Ihrer Benutzeroberfläche zurück.
Machen Sie auf der rechten Seite des roten Lichts eine Kreisform und wenden Sie die folgenden Stile an, wie in der folgenden Abbildung dargestellt. Schlagschatten, InnerShadow, Äußeres Glühen, Inneres Glühen, Abschrägung und Relief und Musterüberlagerung. Benenne die Ebene in "Speaker" um.
Bewegen Sie den "Lautsprecher" unter die Gruppe "ledRed".
Accentsconagua