1. Design & Illustration
  2. Graphic Design
  3. Icon Design

Erstellen eines realistischen iMac-Symbols in Photoshop

Scroll to top

German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)

In Photoshop können Sie mit nur wenigen ausgewählten Werkzeugen viel tun. Heute zeigen wir Ihnen, wie Sie in Photoshop ein realistisches iMac-Symbol erstellen, das einen 27-Zoll-Bildschirm, eine Tastatur und eine Maus enthält. Lassen Sie uns anfangen!


Tutorial Assets


Schritt 1

Neues Dokument erstellen 2048px x 1400px. Diese Auflösung wird entsprechend den ungefähren Abmessungen des Referenzbildes eingestellt. Wenn Sie eine kleinere Abbildung erstellen möchten, passen Sie einfach die Abmessungen des Arbeitsbereichs und des Referenzbilds an Ihre Anforderungen an.


Schritt 2

Denken Sie daran, Ihre Ebenen in Ordnern zu organisieren, bevor Sie beginnen. Dies ist sehr wichtig, da Sie in diesem Tutorial viele davon erstellen müssen.


Schritt 3: Bildschirm

Platzieren Sie das Referenzbild auf dem Arbeitsbereich und zentrieren Sie es gegebenenfalls. Wählen Sie dann im Optionsfeld das Zeichenstift-Werkzeug (P) und dann das Freiform-Zeichenstift-Werkzeug aus. Aktivieren Sie dann das Kontrollkästchen Magnetisch im selben Bereich. Dadurch wird das magnetische Freiform-Zeichenstift-Werkzeug aktiviert, das dem Teil des Bildes folgt und in Sekundenschnelle benutzerdefinierte Formen erstellt.

Image DescriptionImage DescriptionImage Description
Image Description

Schritt 4

Erstellen Sie einen neuen Ordner im iMac-Ordner und nennen Sie ihn Leg. Wählen Sie das magnetische Freiform-Zeichenstift-Werkzeug und beginnen Sie mit dem Zeichnen der Form. Wir verwenden das Freiform-Werkzeug, um glatte Kurven zu erstellen. Wenn Sie die Maus über den Rand zwischen dem Bild und dem Leerraum ziehen, kopieren die Ankerpunkte nur die Form. Wie Sie jedoch sehen können, ist das Werkzeug auf geraden Linien nicht so präzise, sodass dort zu viele Ankerpunkte erstellt werden. Die Lösung besteht darin, Alt + Klicken zu drücken, um die gerade Linie zu beginnen, und dann Klicken, um den Endankerpunkt zu platzieren und zum Freiformmodus zurückzukehren. Nachdem Sie Ihren Pfad geschlossen haben, können Sie einige der nutzlosen Ankerpunkte entfernen und Ihren Pfad ein wenig vereinfachen.

Image DescriptionImage DescriptionImage Description
Image DescriptionImage DescriptionImage Description

Doppelklicken Sie auf die Ebene mit der neuen Form, um das Dialogfeld für Ebenenstile zu öffnen und einen neuen Verlauf mit den folgenden Werten und Positionen zu erstellen: # 8b8b8b bei 0%, #CCCCCC bei 7% und 49%, # 666666 bei 54% #CCCCCC bei 58% und #CCCCCC bei 100%. Dadurch werden an ihrer Stelle Schatten und Lichter erzeugt.

Image DescriptionImage DescriptionImage Description

Erstellen Sie eine neue Ebene direkt über der Grundform. Wir benötigen diese Ebene, um einen Schatten am oberen Ende des Beins hinzuzufügen, da diese zusätzliche Ebene eine andere Richtung und Form hat als der Verlaufseffekt.

Da sich der Schatten innerhalb der Grundform befindet, können Sie ihn am besten innerhalb der Form halten, indem Sie eine Ebenenmaske erstellen. Da die Form selbst standardmäßig eine hat, müssen wir keine neue erstellen. Wählen Sie die Ebene der Grundform aus und drücken Sie Alt + Ziehen Sie die Ebenenmaske auf die neue Ebene darüber. Diese Verknüpfung erstellt eine Kopie der Ebenenmaske auf einer neuen Ebene.

Wählen Sie die Ebene und dann das Pinsel-Werkzeug (B) mit 0% - 10% Härte und großem Durchmesser aus und malen Sie den Schatten in die obere rechte Ecke des Beins.

Image DescriptionImage DescriptionImage Description
Image Description

Kopieren Sie die Grundformebene, indem Sie Cmd / Strg + Alt + J auswählen und im nächsten Dialogfeld den Namen ändern. Bewegen Sie die Ebene über die Schattenebene (Nr. 3). Wählen Sie das Direktauswahl-Werkzeug (A) und wählen Sie bestimmte Ankerpunkte aus und bearbeiten Sie die Form, um die Oberseite des Beins zu erstellen. Erstellen Sie einen Verlaufsebeneneffekt mit den Werten #ced2db bei 0% und 38% und #717073 bei 100%. Erstellen Sie zwei neue Ebenen über der neuen Form. Nennen Sie sie Highlight (#1) und Shadow (#2). Kopieren Sie die Ebenenmaske auf sie (Alt + Ziehen). Erstellen Sie mit dem Polygonalen Lasso-Werkzeug (L) ein Auswahlrahmen für den Schatten - es kann breiter als die Grundform sein, da die Ebenenmaske alles außerhalb verbirgt. Füllen Sie es mit #333333. Deaktivieren Sie das Auswahlrechteck, wählen Sie Filter > Weichzeichnungsfilter > Gaußscher Weichzeichner und wenden Sie Weichzeichner entsprechend dem Schatten an. Spielen Sie einfach mit dem Wert, um den realistischsten Schatteneffekt zu erzielen.

Image DescriptionImage DescriptionImage Description
Image Description

Die Hervorhebungsebene ist ziemlich ähnlich. Ebenenmaske kopieren. Erstelle ein Festzelt mit dem Polygonalen Lasso-Werkzeug(L). Füllen Sie es mit #CCCCCC. Deaktivieren Sie das Auswahlrechteck und wählen Sie Filter > Weichzeichnungsfilter > Gaußscher Weichzeichner. Wenden Sie nun ungefähr 3 kleine Unschärfe an. Erstellen Sie eine Auswahl mit dem Polygonalen Lasso-Werkzeug (L). Der obere Rand sollte sich direkt am Ende des Weichzeichners befinden und der untere Rand sollte eine Höhe von des Weichzeichners entfernt sein. Wählen Sie mit dem Auswahlrahmen Filter > Weichzeichnungsfilter > Gaußscher Weichzeichner und wenden Sie denselben Wert wie für den Schatten an.

Image Description

Schritt 5

Zeichnen Sie zunächst die Grundform der Anzeige. Wählen Sie das magnetische Freiform-Zeichenstift-Werkzeug und beginnen Sie mit dem Zeichnen der Form. Versuchen Sie, mit Alt + Klicken so viele Ankerpunkte wie möglich zu erstellen, um gerade Linien zu erhalten. Wenn Sie die Form fertiggestellt haben, passen Sie die Ankerpunkte an

Image DescriptionImage DescriptionImage Description

Fügen Sie der Form einen Verlaufsebenenstil mit folgenden Werten hinzu: #333333 bei 0% und 13%, #b5b5b5 bei 15%, #666666 bei 17%, #999999 bei 20% und #CCCCCC bei 100%. Stellen Sie den Winkel des Verlaufseffekts auf 77 Grad ein.

Image DescriptionImage DescriptionImage Description

Erstellen Sie nun eine neue Ebene über der Form und kopieren Sie die Ebenenmaske darauf. Wählen Sie das Pinsel-Werkzeug (B) mit einer Härte von ca. 5% und färben Sie #CCCCCC und malen Sie den Schatten in der oberen rechten Ecke. Wählen Sie die Anzeigeform aus und duplizieren Sie sie mit Cmd/Strg + Alt + J. Bewegen Sie die Ebene über die mit Schatten. Verschieben und passen Sie die Ankerpunkte mit dem Direktauswahl-Werkzeug (A) an, um die Vorderseite der Anzeige zu erstellen. Erstellen Sie einen Verlaufsebeneneffekt mit folgenden Werten: #999999 bei 0%, #e3e2e6 bei 100% und stellen Sie den Winkel auf 10 Grad ein.

Image Description

Schritt 6

Duplizieren Sie die Ebene (Cmd / Strg + Alt + J) und richten Sie den Ebeneneffekt der Farben-Ineinanderkopieren auf #000000 ein. Wählen Sie die Form mit dem Pfadauswahl-Werkzeug(A) aus und wählen Sie den Subtraktionsmodus. Wählen Sie das Rechteck-Werkzeug(U) und decken Sie etwa 20% des unteren Teils des Bildschirms ab. Drücken Sie Kombinieren. Benennen Sie diese Ebene in Display Glass um.

Platzieren Sie Ihr Hintergrundbild auf dem Arbeitsbereich und transformieren Sie es entsprechend der Perspektive (Bearbeiten > Transformieren > Perspektive).

Image Description

Erstellen Sie einen neuen Ordner und nennen Sie ihn Menü. Erstellen Sie eine neue Ebene in diesem Ordner und nennen Sie sie auch Menü. Wenden Sie eine Ebenenmaske in Form eines transformierten Hintergrundbilds an. Wählen Sie die Ebene und dann das Polygonale Lasso-Werkzeug (L) aus. Erstellen Sie eine Auswahl in Form des transformierten Hintergrundbilds und wählen Sie unten im Ebenenbedienfeld die Option Ebenenmaske hinzufügen.

Wählen Sie das Polygonale Lasso-Werkzeug (L) und erstellen Sie eine Auswahl für das Menü im oberen Teil der Anzeige. Wählen Sie das Verlauf-Werkzeug(G) und füllen Sie diese Auswahl mit einem Verlauf von #d1d0d1 bis #ffffff. Der dunklere Teil des Verlaufs ist der weiter entfernte.

Wählen Sie das Ellipse-Werkzeug (U) und erstellen Sie eine kleine Ellipse, die das Logo in der Taskleiste ersetzt. Bewegen Sie es in die Position oben links und passen Sie seine Größe an (Cmd/Ctrl + T).

Wählen Sie Horizontaler-Text-Werkzeug (T) und erstellen Sie die Menütitel wie Vorschau Datei Bearbeiten Anzeigefenster Hilfe oder was auch immer. Bewegen Sie es neben das Logo in der oberen linken Ecke und passen Sie auch seine Größe an (Cmd/Ctrl + T). Erstellen Sie bei ausgewähltem Horizontaler-Text-Werkzeug (T) eine neue Textebene mit einer Zeit von 12:15 oder was auch immer und platzieren Sie sie in der oberen rechten Ecke der Anzeige. Wie Sie sehen können, respektiert der Text die Perspektive nicht sehr. Wählen Sie Bearbeiten > Transformieren > Schrägtransformation und passen Sie die Form dieser beiden Textebenen an die Perspektive an.

Image Description

Wählen Sie das Rechteck-Werkzeug (U) und erstellen Sie die Dockform mit #FFFFFF. Stellen Sie die Transparenz der Formebene auf 50% ein. Wählen Sie das Direktauswahl-Werkzeug (A) und passen Sie die Positionen der Ankerpunkte an die Form des Docks an.

Jetzt brauchen wir die Schwarze und blaue Symbole (dieses Tutorial funktioniert mit Add On 1). Platzieren Sie die Symbole in der Reihe. Führen Sie sie zusammen (wählen Sie die zusammenzuführenden Ebenen und Cmd/Strg + E aus), um die Transformation zu vereinfachen und konsistenter zu gestalten. Nennen Sie diese Icon Pack Layer Icons. Kopieren Sie die Ebenenmaske von der Menüebene in diese Ebene. Ändern Sie die Größe des Symbolpakets (Bearbeiten > Freie Transformation oder Cmd/Strg + T) und passen Sie die Perspektive an (Bearbeiten > Transformieren > Perspektive). Verwenden Sie Cmd /Strg + T, um das Finish zu polieren. Dupliziere Layer Cmd / Ctrl + Alt + J und nenne es Icons Ref. Wählen Sie Bearbeiten > Transformieren > Vertikal spiegeln, um die Symbole vertikal zu spiegeln und unter die ursprünglichen zu verschieben. Passen Sie die Perspektive über Bearbeiten > Transformieren > Schrägstellung an und stellen Sie die Deckkraft der Ebene auf etwa 45% ein.

Image Description

Wählen Sie das abgerundete Rechteck-Werkzeug(U) und stellen Sie den Radius auf 5 ein. Erstellen Sie zwei dünne Formen für Geräte und platzieren Sie sie an der Seite des Displays.

Erstellen Sie eine neue Ebene und nennen Sie sie Reflexion. Cmd/Ctrl + Klicken Sie auf die Maske der schwarzen Bildschirmebene (Display Glass-Ebene), um eine Auswahl der Anzeige zu erstellen, und wählen Sie dann Polygonal-Lasso- Werkzeug (L). Halten Sie die Alt-Taste gedrückt und erstellen Sie eine Auswahl um die Reflexion, um den Teil zu subtrahieren, der für die Reflexion nicht benötigt wird. Wenn die Reflexionsauswahl noch aktiv ist, wählen Sie das Verlauf-Werkzeug(G) und füllen Sie die Auswahl mit einem Verlauf mit folgenden Werten: #FFFFFF bei 0% und Deckkraft 100%, #FFFFFF bei 100% und Deckkraft 0%. Um ein besseres Ergebnis zu erzielen, wählen Sie das Radiergummi-Werkzeug (E) mit einer Härte von 0% und einer Größe von ca. 150 und löschen Sie den unteren Rand der Reflexion.

Wählen Sie das Ellipse-Werkzeug (U) und erstellen Sie die Grundform für den Apfel. Wenn das Ellipsen-Werkzeug(U) noch ausgewählt ist, aktivieren Sie den Subtraktionsmodus und erstellen Sie drei neue Formen über der Basisform, um Löcher davon zu subtrahieren. Wechseln Sie vom Modus "Subtrahieren" zurück in den Modus "Neue Formebene erstellen". Erstellen Sie eine neue Ellipse für die Spitze des Apfels. Wählen Sie Punkt-konvertieren-Werkzeug und klicken Sie auf die oberen und unteren Ankerpunkte der Ellipse, um Kurven zu entfernen. Bewegen Sie die Spitze auf den Apfel. Wenn die Farbe des Apfels nicht grau ist, ändern Sie sie in #333333. Legen Sie nun den fertigen Apfel in die untere Mitte des Displays.

Image DescriptionImage DescriptionImage Description
Image Description

Schritt 7: Maus

Die Maus besteht aus weniger Ebenen als die Anzeige. Es enthält drei Formebenen für die Basisteile der Maus und zwei Ebenen für die obere Reflexion und das Logo.

Image DescriptionImage DescriptionImage Description

Wählen Sie das Ellipse-Werkzeug (U) und erstellen Sie eine Ellipse, die hauptsächlich der Form der Maus entspricht. Wählen Sie das Direktauswahl-Werkzeug(A) und passen Sie seine Position und Form an die Mausform an. In diesem Fall ist es einfacher, das Ellipse-Werkzeug(U) anstelle des magnetischen Freiform-Zeichenstifts (P) zu verwenden, da die Form klein ist und vier nahezu symmetrische Ankerpunkte enthält.

Erstellen Sie einen Verlauf-Ineinanderkopieren-Ebenenstil mit folgenden Werten: #e4e4e4 bei 0%, #aaabaf bei 46% und 52%, #333333 bei 100% und setzen Sie den Verlaufswinkel auf -87.

Image Description

Duplizieren Sie die Basisebene und fügen Sie Ankerpunkte (Ankerpunkt-Werkzeug hinzufügen) zur unteren Randlinie hinzu. Bearbeiten Sie die Ankerpunkte, um die Form anzupassen, indem Sie das Direktauswahl-Werkzeug (A) und das Punkt-konvertieren-Werkzeug verwenden.

Image Description

Erstellen Sie einen Ebenenstil für die Verlauf-Ineinanderkopieren mit den folgenden Werten: #cccae0 bei 0%, #d8d8e2 bei 100% und setzen Sie den Verlaufswinkel auf 90.

Erstellen Sie einen Schlagschatten-Ebenenstil mit den folgenden Werten: Füllmethode: Multiplizieren und #000000, Deckkraft 75%, Winkel 95 Grad, Abstand 2 Pixel, Streuung 0%, Größe 1 Pixel.

Dupliziere die Ebene und entferne Effekte. Setzen Sie die Farbe dieser Formebene auf #dbdbe7. Passen Sie die Position und Kurve der Ankerpunkte mit dem Direktauswahl-Werkzeug (A) und dem Punkt-konvertieren-Werkzeug an, um eine obere Reflexion der Maus zu erstellen.

Strg + Klicken Sie auf die Ebenenmaske dieser Reflexionsform, um eine Auswahl davon zu erstellen. Erstellen Sie eine neue Ebene für die Lichtreflexion. Wenn die Auswahl noch aktiv ist, wählen Sie das Polygonale Lasso-Werkzeug (L) und bei gedrückter Alt-Taste die Größe der Auswahl, um sie nahezu an die Lichtreflexion anzupassen. Wählen Sie Pinsel-Werkzeug (B) und #FFFFFF Farbe. Stellen Sie die Pinselhärte auf 0% und malen Sie die Lichtreflexion.

Um das Logo oben zu erstellen, wählen Sie einfach das Ellipse-Werkzeug (U) und erstellen Sie eine Ellipsenform. Fügen Sie mit dem Werkzeug Ankerpunkt hinzufügen einige Ankerpunkte hinzu. Wählen Sie Punkt-konvertieren-Werkzeug und erstellen Sie die Form des Apfels neu, um sie an die Perspektive anzupassen.

Image Description

Schritt 8: Tastatur

Der letzte Schritt zum Erstellen des realistischen iMac-Symbols besteht darin, die Tastatur zu erstellen. Dieser Teil funktioniert mit Formen, Verläufen, dem magnetischen Freiform-Zeichenstift-Werkzeug und einigen Ebeneneffekten. Wenn Sie es noch nicht haben, erstellen Sie einen Ordner und nennen Sie ihn Tastatur.

Image DescriptionImage DescriptionImage Description

Wählen Sie das magnetische Freiform-Zeichenstift-Werkzeug. Erstellen Sie Kurven durch Klicken + Ziehen und gerade Linien durch Alt + Klicken. Erstellen Sie so wenig Ankerpunkte wie möglich, aber konzentrieren Sie sich auf die Form.

Image DescriptionImage DescriptionImage Description

Wählen Sie das Ellipse-Werkzeug (U) und erstellen Sie die Form der Seitentaste. Wenden Sie einen Verlauf-Ineinanderkopieren-Effekt mit den folgenden Werten an: #c6c6c6 bei 0%, #666666 bei 5%, #999999 bei 15%, #dfdfdf bei 30%, #999999 bei 45%, #cccccc bei 50%, #999999 bei 55%, #dfdfdf bei 70%, #999999 bei 85%, #666666 bei 85%, #c6c6c6 bei 100%. Der Farbverlauf ist symmetrisch, sodass jede Farbe auf der linken Seite die gleiche auf der rechten Seite hat. Stellen Sie den Verlaufsstil auf Winkel und den Winkel auf 120 ein.

Image DescriptionImage DescriptionImage Description

Dupliziere die Formebene. Transformieren Sie die Größe (Cmd/Ctrl + T), um eine kleine Mitte der Schaltfläche zu erstellen. Fügen Sie den Strichebeneneffekt hinzu. Stellen Sie die Größe auf 2, die Position auf Innen und die Farbe auf #5f5f5f ein. Stellen Sie die Deckkraft der Formebene auf 28% ein.

Image Description

Wählen Sie  Zeichenstift-Werkzeug (P) und erstellen Sie die Form für den unteren Schatten der Tastatur. Passen Sie die Ankerpunkte mit dem Direktauswahl-Werkzeug (A) und die Kurven mit dem Punkt-konvertieren-Werkzeug an. Fügen Sie den Verlaufsebeneneffekt mit den folgenden Werten hinzu: #000000 bei 0%, #545559 bei 72% und #545559 bei 100%. Stellen Sie den Verlaufswinkel auf 88 ein.

Image DescriptionImage DescriptionImage Description

Wählen Sie das  Zeichenstift-Werkzeug (P) oder den magnetischen Freiform-Zeichenstift. Erstellen Sie oben auf der Tastatur. Ich habe sechs Ankerpunkte erstellt - zwei Ankerpunkte für jede Kurve. Wählen Sie das Direktauswahl-Werkzeug (A) und das Punkt-konvertieren-Werkzeug und passen Sie die Kurven an die ideale Form an. Fügen Sie den Verlaufsebeneneffekt mit den folgenden Werten hinzu: #9b9b9b bei 0%, #747474 bei 100%. Stellen Sie den Verlaufswinkel auf 85 ein.

Image Description

Dupliziere die Formebene. Reduzieren Sie die Größe der Form etwas (Cmd / Ctrl + T). Wählen Sie das Direktauswahl-Werkzeug (A) und das Punkt-konvertieren-Werkzeug und passen Sie die Position der Ankerpunkte und Kurven an den Ecken an. Stellen Sie die Formfarbe auf #f2f2f2 ein. Jetzt haben wir die Tastatur bereit, um die Tasten zu krümmen und einige Finishing-Ebenen hinzuzufügen.

Image DescriptionImage DescriptionImage Description
Image Description

Wählen Sie  Zeichenstift-Werkzeug und aktivieren Sie die Option Vom Werkzeugbereich subtrahieren. Schauen Sie sich das Referenzbild an und versuchen Sie, die Form so weit wie möglich zu verkleinern, wobei Sie jedoch das Aussehen der Tastatur und ihrer Tasten beibehalten. Die häufigste Form, die Sie subtrahieren können, ist ein Rechteck. Erstellen Sie also Rechtecke, um die Löcher zwischen bestimmten Schlüsseln zu subtrahieren. Vergessen Sie nicht den riesigen Platz um die Pfeile. Klicken Sie während der Schritte oder am Ende des Subtrahierens auf Kombinieren.

Neue Ebene erstellen (Cmd/Strg + Alt + J). Kopieren Sie die Ebenenmaske der Tastenformebene darauf (Alt + Ziehen). Wählen Sie Pinsel-Werkzeug(B) und stellen Sie die Härte auf 0% und die Größe auf 20 Pixel ein. Stellen Sie die Farbe auf #a7a7a7 und zeichnen Sie den Seitenschatten der Tasten.

Image Description

Schritt 9: Polnisch

Der letzte Teil dieses Tutorials konzentriert sich auf die Reflexionen und Schatten, die der iMac und sein Zubehör werfen. Duplizieren Sie den Anzeigeordner. Lassen Sie es ausgewählt und führen Sie es zusammen (Cmd/Ctrl + E). Verschieben Sie es in den Reflexionsordner. Spiegeln Sie die Ebene vertikal (Bearbeiten > Transformieren > Vertikal spiegeln). Verschieben Sie das Bild in die untere Ecke des Originals. Wählen Sie Verkrümmen-Transformation (Bearbeiten > Transformieren > Verkrümmen) und transformieren Sie das Reflexionsbild so, dass es der unteren Form des Originalbilds entspricht.

Wählen Sie das Radiergummi-Werkzeug (E) und stellen Sie die Härte auf 0% und die Größe auf ca. 250 Pixel ein. Löschen Sie etwa die Hälfte des Reflexionsbildes. Stellen Sie die Deckkraft des Pinsels auf 50% ein und löschen Sie die verbleibende Reflexion. Wenn die Deckkraft auf 50% eingestellt ist, entfernt das Radiergummi nur die Hälfte davon, sodass das Bild transparent und weniger sichtbar ist. Passen Sie die Sichtbarkeit der Reflexion oder sogar ihre Position an.

Image Description

Duplizieren Sie den Ordner der Maus. Fügen Sie es zusammen (Cmd/Ctrl + E). Verschieben Sie es in den Reflexionsordner. Wählen Sie Verkrümmen-Transformation (Bearbeiten > Transformieren > Verkrümmen) und transformieren Sie das Reflexionsbild so, dass es zum unteren Rand der Maus zeigt.

Wählen Sie das Radiergummi-Werkzeug (E) und stellen Sie die Härte auf 0% und die Größe auf ca. 250 Pixel ein. Stellen Sie die Deckkraft des Pinsels auf 50% ein und löschen Sie die verbleibende Reflexion. Der Effekt ist der gleiche wie für das Display. Passen Sie auch die Position und die Deckkraft der Ebene an.

Image Description

Die Reflexion der Tastatur kann aufgrund ihrer Form etwas schwierig sein. Statt Ebenen zu duplizieren, werden wir die Reflexion selbst zeichnen.

Wähle das  Zeichenstift-Werkzeug (P). Erstellen Sie eine Form für die Tastaturreflexion. Kopieren Sie einfach den Rand der Tastatur und machen Sie unten entsprechend dem Bild links etwas Platz.

Wählen Sie die Formebene aus und wenden Sie die folgenden Werte für den Verlaufsebeneneffekt an: #cdcdcd bei 0%, #cdcdcd bei 56%, #343434 bei 60%, #cdcdcd bei 63%, #cdcdcd bei 74%, #141415 bei 79%, #141415 bei 100%.

Formebene rastern (Rechtsklick auf die Ebene und dann Rasterisieren auswählen). Wählen Sie das Radiergummi-Werkzeug (E) mit einer Härte von 0% und einer Größe von 150. Löschen Sie den unteren Teil der Reflexion entsprechend der Form der Tastatur. Stellen Sie die Deckkraft des Radiergummis auf 50% ein und löschen Sie die verbleibenden Teile der Reflexion teilweise.

Image Description

Wenn Sie keinen Ordner zum Erstellen haben, nennen Sie ihn Schatten. Es sollte sich unter den Ordnern iMac, Maus und Tastatur sowie über dem Reflexionsordner befinden.

Image DescriptionImage DescriptionImage Description

Erstellen Sie einen Unterordner im Ordner "Schatten" und nennen Sie ihn "Magische Maus". Erstellen Sie zwei Ebenen in diesem Ordner und nennen Sie sie heller und dunkler. Die dunklere sollte sich über der helleren Ebene befinden.

Wählen Sie Hellere Ebene. Wähle Pinsel-Werkzeug (B). Stellen Sie die Größe auf 20px und die Härte auf 30% ein. Stellen Sie die Farbe auf #828385 ein. Malen Sie Schatten unter die Maus und stellen Sie die Deckkraft der Ebene auf 20% ein.

Wählen Sie Dunkle Ebene. Wählen Sie Pinsel-Werkzeug (B). Behalten Sie die Größe von 20px und die Härte von 30%. Stellen Sie die Farbe auf #343435 ein und malen Sie den dunkleren Schatten. Passen Sie die Position beider Ebenen an.

Image Description

Erstellen Sie eine neue Ebene im Schattenordner unter dem Mausordner und nennen Sie sie Tastatur. Wählen Sie Pinsel-Werkzeug (B) mit einer Härte von 0%. Die Größe sollte entsprechend dem Teil des Schattens eingestellt werden. Stellen Sie die Farbe auf #00000 ein. Wählen Sie das Radiergummi-Werkzeug (E) und löschen Sie überzogene Teile. Das Letzte ist, die Position anzupassen, wenn sie nicht passt.

Image DescriptionImage DescriptionImage Description
Image Description

Erstellen Sie eine neue Ebene im Schattenordner unter der Tastaturebene. Wählen Sie Pinsel-Werkzeug (B) mit einer Härte von 0%. Die Größe hängt wie bisher vom Teil des Schattens ab, aber halten Sie ihn etwa 15 Pixel klein. Malen Sie den Schatten am unteren Ende des Beins. Lassen Sie es die Form des Beins kopieren und verschwinden Sie sanft an den Seiten.

Image DescriptionImage DescriptionImage Description

Endgültiges Bild