de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Skeuomorphic PSD zu Flat Design mit Skeuomorphism.it

So ist Skeuomorphismus out und flaches Design ist in, das ist alte Nachrichten, aber hey, Trends können echte Unbeständig sein und Designer sind der Gnade ausgeliefert, mitzuhalten. Wenn Sie skeuomorphe Designs haben, die Sie flach drehen möchten, ist hier ein Werkzeug, das eine große Hilfe sein wird.

Skeuomorphism.it ist eine kostenlose Photoshop-Erweiterung von Roy Barber, die das Skeuomorphismus-Design mit nur einem Klick in ein flaches Design verwandelt. Wenn Sie etwas Skeuomorphic (Symbol, Hintergrund oder Website-Vorlagen) finden, die Sie flach drehen möchten, ist dies das Plugin zu bekommen.

Installation

Beachten Sie, dass Photoshop CS6 mindestens auf Ihrem Computer installiert sein muss, damit Sie diese Erweiterung verwenden können. Gehen wir nun zur Homepage von Skeuomorphism.it und laden Sie zuerst die Erweiterung herunter.

Doppelklicken Sie auf die Datei Skeuomorphism.it.zxp und der Adobe Extension Manager wird geöffnet. Akzeptieren Sie die Lizenzvereinbarung. Bevor der Installationsprozess beginnt, müssen Sie zuerst den Herausgeber der Erweiterung überprüfen. Installieren Sie es und starten Sie Photoshop bei Bedarf neu. Sie können jetzt die Erweiterung verwenden.

Nimmt nur einen Klick

Wir werden dieses Facebook Icon von Christophe Tauziet für das Demo verwenden. Dies ist das ursprüngliche Symbol.

In Ihrem Photoshop sollten Sie rechts ein neues Panel sehen. Wenn es nicht einfach erscheint, gehen Sie zu Fenster> Erweiterungen> Skeuomorphismus .

Klicken Sie auf die Schaltfläche " Arbeiten mit Magic", und alle Schatten, inneren Schatten, Farbverläufe oder Lichter werden entfernt oder reduziert, um das Design flach zu machen. Hör zu.

Einschränkungen

Wenn Sie diese Erweiterung verwenden, wird nicht jedes Skeuomorphismus-Design wie erwartet flach transformiert. Manchmal kann sich die ursprüngliche Farbe oder Form des Designs ändern. In diesem Subscribe-Formular von Tempees werden Sie feststellen, dass der Abonnement-Button blau ist.

Als ich versuchte, es mit dem Plugin zu deaktivieren, wurde die Schaltfläche zum Abonnieren grau. Wenn dies für Sie nicht funktioniert, drücken Sie Strg + Z, um zum Ausgangszustand zurückzukehren.

Letzter Gedanke

Ich muss nur sagen, dass der Name dieses Plugins ironisch ist, aber es ist eine echte nützliche Zeitersparnis und es macht die Transformation fast sofort. Sie müssen den Entwurfsprozess nicht von Grund auf wiederholen oder durchführen. Alles was es braucht ist ein Klick und Ihre Designs sind flach. Wie cool ist das?

20 beste Werbegeschenke für angehende UX Motion Designer

20 beste Werbegeschenke für angehende UX Motion Designer

Interface-Designer interessieren sich zunehmend für UX-Design mit animierten Modellen, die Benutzeraktionen emulieren. Diese UX-Modelle basieren auf Bewegungen mit animierten Effekten, um zu definieren, wie eine Schnittstelle auf Benutzereingaben reagieren soll .Die meisten UX-Designer lernen, Software zum Erstellen dieser Animationen zu verwenden.

(Tech- und Design-Tipps)

Anfängerleitfaden für: Erstellen von HTML5 / CSS3-Webseiten

Anfängerleitfaden für: Erstellen von HTML5 / CSS3-Webseiten

Dieser Artikel ist Teil unserer "HTML5 / CSS3 Tutorials" -Serie - mit dem Ziel, Sie zu einem besseren Designer und / oder Entwickler zu machen. Klicken Sie hier, um mehr Artikel aus derselben Serie zu sehen. HTML5 und CSS3 haben das Web in nur 2 Jahren im Sturm erobert. Vor ihnen gab es viele veränderte Semantiken in der Art und Weise, wie Webdesigner Webseiten erstellen sollen, und mit ihrer Ankunft kommen eine Reihe toller Unterstützungen wie alternative Medien, XML-Stil-Tags und progressive Eingabeattribute für Webdesigner, um verträumt zu werden Funktionen wie Animation.Obw

(Tech- und Design-Tipps)