>
>

Hinweis: Photoshop-Projekte werden im Desktop geöffnet. Link für späteren Zugriff freigeben.

Kommt es nur uns so vor, oder sehen wirklich alle Web-Mockups gleich aus? Wenn man sich im Internet umschaut, findet man überall die gleichen Handy-Vektoren und die gleichen langweiligen Computerbildschirme. Um Abhilfe zu schaffen, hat die Designerin Sofia Pusa diese originellen Web-Mockups in einem ausgefallenen Konstruktivismus-Stil kreiert. Damit können Sie Ihre Webarbeit präsentieren und sich von der Masse abheben. Das Einfügen Ihres Designs ist ganz einfach. Sie können auch die folgenden Schritte befolgen, um die Farben an Ihren Look anzupassen.

 

Mit diesen einfachen Schritten können Sie die Vorlagen anpassen.

SCHRITT 1 VON 3

Eigene Arbeit einfügen

Doppelklicken Sie auf die Miniaturansicht des Smartobjekts in der Ebene „YOUR DESIGN HERE“. Es wird eine neue Datei geöffnet, in der das Farbverlaufsbild angezeigt wird. Ziehen Sie Ihr Webseiten-Design per Drag & Drop auf die Datei, ändern Sie mit dem Werkzeug „Verschieben“ bei Bedarf die Größe und drücken Sie die Eingabetaste, um das Bild zu platzieren. Speichern Sie es, und kehren Sie zur Hauptdatei zurück, um Ihre Arbeit an Ort und Stelle zu sehen. Nehmen Sie Anpassungen nur in der Datei „Smart Layer“ vor und speichern Sie sie nach jeder Anpassung, um das Mockup zu aktualisieren.

SCHRITT 2 VON 3

Hintergrund ändern

Suchen Sie die Ebene „Hintergrundfarbe“. Doppelklicken Sie auf die Miniaturansicht der Ebene. Wenn der Farbwähler angezeigt wird, wählen Sie die neue Hintergrundfarbe. Die besten Ergebnisse erzielen Sie, wenn Sie mit der Pipette eine Farbe aus Ihrem eigenen Webseiten-Design auswählen.

SCHRITT 3 VON 3

Objektfarben ändern

Alle Zylinder, Würfel und Rechtecke sind vollständig anpassbar. Öffnen Sie den Ordner „Designelemente“ und schalten Sie im Bedienfeld „Ebenen“ das Auge neben den einzelnen Objekten um, sodass Sie die zu ändernde Form angeben können. Klicken Sie auf das Dropdown-Menü, und doppelklicken Sie auf die Farbe. Finden Sie mithilfe des Werkzeugs „Farbwähler“ den richtigen Farbton.

 

TIPP: Erstellen Sie mit Adobe Color ein Farbschema, das Ihr Design komplementiert.

Mehr in der restlichen Kollektion

ÜBER DIE KÜNSTLERIN

Sofia Pusa ist eine unabhängige, multidisziplinäre Kreativdirektorin und Illustratorin. Sie lebt in London. In ihren preisgekrönten Illustrationen verschmelzen lebhafte Farben mit malerischen Mustern. Ihre Werke sind regelmäßig in der Musik-, Werbe-, Kunst- und Modebranche zu sehen. Mehr davon auf Instagram.