Share
Was Sie erstellen werdenIn diesem Tutorial lernen Sie einige neue Techniken und Tricks. Wir werden das Isometric Map Mockup verwendenProdukt als Beispiel und sehen im Detail, wie es erstellt wurde. Am Ende haben Sie eine voll funktionsfähige Aktion und Vertrauen, um "Transformationsaktionen" aufzubauen..
Keine Zeit und brauche diese Aktion so schnell wie möglich? Sie können dieses isometrische Kartenmodell über GraphicRiver erwerben.
Öffne die test.psd Datei an dieses Tutorial angehängt. Ich habe es für Ihre Bequemlichkeit erstellt, damit Sie keine langen Schritte bei der Dokumenterstellung befolgen müssen.
Stellen Sie sicher, dass Sie Ihren Arbeitsbereich ordnungsgemäß eingerichtet haben. Für dieses Tutorial benötigen wir einige Panels: das Aktionen, Schichten, und Styles Platten. Wenn diese Felder nicht sichtbar sind, gehen Sie zu Fenster und aktivieren Sie die Bedienfelder nacheinander nach ihren Namen.
Dann müssen Sie sicherstellen, dass die Linealmaße sind Pixel. Wenn Sie die Lineale nicht sehen, drücken Sie Befehl-R um sie zu aktivieren, und dann Rechtsklick auf dem Lineal selbst und wählen Sie Pixel.
Nachdem wir unseren Arbeitsbereich nach Bedarf eingerichtet haben, können wir mit der Aufzeichnung unserer Aktion beginnen.
Gehe zum Aktionen Panel und erstellen Sie ein neues Aktionssatz. Sie können es nennen, wie Sie möchten.
In der Aktionssatz, ein ... kreieren Neue Aktion. Geben Sie einen beliebigen Namen, zum Beispiel "Isometrische Kartenaktion".
Danach drücken Sie die Stopptaste. Das liegt daran, dass nach dem Erstellen einer Aktion standardmäßig automatisch die Aufzeichnung gestartet wird. Wir wollen das noch nicht.
Wähle aus "Main" Ebene, weil wir nicht wollen, dass dieser Schritt aufgezeichnet wird. Für uns ist dies der Schritt, den ein Benutzer ausführt. Der Benutzer entscheidet, welche Ebene ausgewählt werden soll.
Nun ist es Zeit, auf die Schaltfläche zu klicken Aufzeichnung Knopf auf unserem Aktionen Panel. Von diesem Moment an wird fast alles, was wir in Photoshop machen, aufgezeichnet. Nachdem wir unsere Aktion aufgezeichnet haben, können Sie diese Aktion erneut ausführen, um den gleichen Arbeitsprozess auf andere Bilder anzuwenden.
Hier haben wir eine Aufgabe. Wir müssen das schneiden "Main" Schicht in drei Teile vertikal, und auch diese Schritte müssen aufgezeichnet werden.
Ein ... kreieren Intelligentes Objekt von dem "Main" Schicht. Um dies zu tun, Rechtsklick darauf und wählen Sie In intelligentes Objekt konvertieren. Wir machen das, weil wir einen neuen Raum für unsere weiteren Schritte brauchen.
Nachdem, Doppelklick auf der Intelligentes Objekt Schicht zu Bearbeiten der Inhalt. Sie werden zu einem neuen Dokument gewechselt. Hier arbeiten wir mit unserem Image.
Jetzt möchten wir mehr freien Platz um unser Bild herum schaffen, indem wir die Leinwandgröße vergrößern. Gehe zu Bild> Leinwandgröße, und im Dialogfenster statt "Pixel", wählen "Prozent" und Eingabe 200% für beide seiten. Dadurch wird die Leinwandgröße proportional vergrößert.
Hier gehen wir schnell weiter und erstellen eine Ausrichtungsvorlage. Diese Ebene hilft uns später, einige unserer Kartenteile an der Mitte der Leinwand auszurichten.
Erstellen Sie eine neue Ebene. Klicken Sie dazu auf das kleine "Blatt Papier" -Symbol am unteren Rand des Fensters Schichten Panel. Nach dem Erstellen bleibt die Ebene über der "Main" Schicht.
Halt Befehl-[ um unsere neu erstellte Ebene unter zu verschieben "Main" Schicht. Benennen Sie die Ebene um "Vorlage".
Füllen Sie diese Ebene mit einer beliebigen Farbe, indem Sie drücken Befehlsrückschritt. Für uns spielt die Farbe wirklich keine Rolle, denn die "Vorlage" Die Ebene ist eine temporäre Ebene und wird später gelöscht.
Zum Schluss müssen wir auf die "Main" Ebene, so dass es ausgewählt wird. Drücken Sie Möglichkeit-] zu wechseln "Main" Schicht. Beim Handeln müssen wir alles flexibel machen, um den Prozess in Zukunft wieder anwenden zu können.
Das schneiden "Main" Schicht in drei gleiche Teile, müssen wir tatsächlich zwei Schnitte machen. Wir werden das teilen "Main" Schicht mit der Auswahlwerkzeug. Treffen Sie eine Auswahl um unsere Ebene, indem Sie gedrückt halten Befehl und klicken Sie auf die Miniaturansicht der Ebene. Dann geh zu Wählen Sie> Auswahl transformieren.
Nun zu etwas Mathe. Wenn wir nehmen 100% von unserer tatsächlichen Bildgröße und durch 3 dividieren, erhalten wir ungefähr 33,34%. Das ist also genau der Wert, den wir in sehen wollen Breite Eingabefeld. Geben Sie den Wert ein, den Sie auf dem Bild unten sehen. Es ist wichtig, das nicht zu vergessen Referenzpunktposition. Das ist ein Fangpunkt für die Verwandlungen. Wählen Sie den Fangpunkt in der Mitte nach links.
Nachdem Sie alles richtig eingegeben haben, drücken Sie die Taste Eingeben Schlüssel.
Damit sind wir fast fertig. Jetzt müssen wir die aktuelle Auswahl etwas nach links erweitern, damit wir zu 100% sicher sind, dass wir keine unerwarteten Pixel um den Schnittbereich schneiden. Wir tun dies, weil das Verweilen von Pixeln in der Zukunft Probleme beim Transformieren verursachen kann und es schwierig ist, sie zu identifizieren.
Gehe zu Wählen Sie> Auswahl transformieren. Der Referenzpunkt muss in der Mitte rechts sein, und geben Sie dann diese Abmessungen in die Felder ein: W:110%; H:110%;
Drücken Sie Eingeben.
Bevor wir weitermachen, müssen wir einen kleinen Trick machen, den ich "Clear Cut" nenne. Die ganze Idee dieses Tricks besteht darin, die Ebene ohne transparente Pixel an der Schnittkante zu schneiden. Wie machen wir das? Gehe zu Auswahl> Auswählen und Maskieren. Navigieren Sie dann zum rechten Menü und geben Sie die folgenden Werte ein:
Dann klick OK.
Rechtsklick in der Auswahl und aus dem Dropdown-Menü wählen Ebene über Schnitt.
Benennen Sie unsere neu geschnittene Ebene um und geben Sie ihr den Namen "1". Drücken Sie Möglichkeit-[ um die rückwärtige Ebene auszuwählen. Jetzt die "Main" Ebene ist ausgewählt.
Hier haben wir zwei getrennte Schichten. Grundsätzlich werden wir in diesem Schritt die gleichen Dinge wie zuvor tun. Der einzige Unterschied ist, dass wir die Auswahl um die Hälfte reduzieren.
Stellen Sie sicher, dass "Main" Ebene ist ausgewählt. Treffen Sie erneut eine Auswahl um die aktuelle Ebene, indem Sie gedrückt halten Befehl und klicken Sie auf die Miniaturansicht der Ebene. Okay, jetzt haben wir die Auswahl rund um die Ebene.
Gehen Sie als Nächstes zu Wählen Sie> Auswahl transformieren. Lassen Sie uns die Auswahl um die Hälfte reduzieren. Geben Sie den Wert von ein 50% in dem Breite Eingabefeld. Vergiss das nicht Referenzpunktposition, die muss Mitte links sein.
Drücken Sie die Eingeben Schlüssel.
Wie ich versprochen habe, sind die Schritte ziemlich ähnlich. In diesem Fall müssen wir auch eine Auswahl um die linke Seite erweitern. Schauen Sie sich an, wie wir das bisher gemacht haben.
Geh und greife Wählen Sie> Auswahl transformieren (das Anhaltspunkt muss in der Mitte rechts stehen) und geben Sie diese Werte in die Felder ein: W:110% H:110%.
Drücken Sie die Eingeben Schlüssel.
Wiederholen Sie für diesen Teil auch die "Clear Cut" -Methode wie in Schritt 3 des aktuellen Abschnitts.
Rechtsklick Wählen Sie in der Auswahl und im Dropdown-Menü Ebene über Schnitt. Benennen Sie unsere neu geschnittene Ebene um und geben Sie ihr den Namen "2". Drücken Sie Möglichkeit-[ um auf die darunter liegende Ebene zu wechseln. Benennen Sie es um "3".
Wir haben jetzt drei gleich geschnittene Teile. Nun sind wir bereit, zwei davon umzuwandeln, nämlich "1" und "2". Was mit dem dritten zu tun ist, wissen Sie später. Lass uns erst einmal in die Transformation gehen.
Ebene auswählen "1". Gehe zu Bearbeiten> Transformieren und wählen Sie Rahmen. Geben Sie die folgenden Werte ein:
Das Anhaltspunkt ist unten rechts. Drücken Sie Eingeben.
Ebene auswählen "2". Gehe zu Bearbeiten> Transformieren und wählen Sie Rahmen. Geben Sie die folgenden Werte ein:
Das Anhaltspunkt ist unten links. Drücken Sie Eingeben.
Wie Sie vielleicht bemerkt haben, haben wir jetzt ein Problem. Wir können die Lücke zwischen der dritten nicht transformierten Schicht und den restlichen Schichten sehen. Wenn wir jetzt die dritte Schicht transformieren, funktioniert das für uns nicht.
In einer gewöhnlichen Situation hätten wir die dritte Ebene umgewandelt und dann nach links verschoben. Da wir jedoch die Aktion aufzeichnen, funktioniert diese Methode nicht für uns. Wir müssen also etwas universeller machen. Dies stellt sicher, dass es für alle Arten von Bildgrößen funktioniert.
Okay, jetzt müssen wir eine Mehrfachauswahl treffen. Wir stehen auf einer Schicht "2". Wir möchten beide Layer auswählen: Layer "2" und Schicht "1". Halten Sie die Befehl Schlüssel und klicken Sie auf die Ebene "1" um es der Auswahl hinzuzufügen. Jetzt sollten beide Layer ausgewählt sein.
Dann müssen wir die ausgewählten Ebenen in eine konvertieren Intelligentes Objekt. Rechtsklick auf einer von zwei Ebenen - es ist wirklich egal, auf welcher - und aus dem Dropdown-Menü In intelligentes Objekt konvertieren.
Wir können Objekte nicht einfach nacheinander ausrichten, wenn Sie eine Aktion aufzeichnen. Vielleicht sagst du, dass es einfach ist, wenn man das aktuelle Beispiel bedenkt, aber es ist nicht genau. Es kann gelingen, das aktuelle Bild auszurichten, aber es funktioniert nicht für ein anderes. Daher brauchen wir eine sehr flexible Methode, die für alle Arten von Bildern geeignet ist.
Hier ist ein kleiner Trick. Wir müssen unseren Smart-Objekt-Layer an der unteren linken Ecke ausrichten.
Während wir fortfahren, haben wir bereits unsere intelligente Objektebene ausgewählt, und wir müssen die "Vorlage" Schicht zu dieser Auswahl. Halte das Befehl Schlüssel und klicken Sie auf die "Vorlage" Schicht.
Geh und schnapp dir die Werkzeug verschieben. Beim Ausrichten in Photoshop wird eine größere Ebene verwendet. Wählen Linke Kanten ausrichten-Das Smart-Objekt wird auf die linke Seite geklebt.
Klicken Sie anschließend auf Unterkanten ausrichten. Wir haben es unten auf der Leinwand platziert.
Es ist Zeit, den dritten Teil unserer Karte auszurichten.
Wählen Sie die Ebene aus "3". Dann wählen Sie die Auswahlwerkzeug für Auswahlrechtecke. Halten Sie die Befehl Schlüssel und klicken Sie auf die Intelligentes Objekt Miniaturansicht, um die Auswahl zu treffen.
Wähle aus Werkzeug verschieben. Ebene ausrichten "3" zur Unterseite. Richten Sie dann die Ebene nach links ausSeite. Richten Sie schließlich die Ebene nach rechts aus.
Drücken Sie Befehl-D um die aktuelle Auswahl aufzuheben.
Gehe zu Bearbeiten> Transformieren und wähle Rahmen. Stellen Sie das ein Anhaltspunkt zu Recht. Dann geh zu Bearbeiten> Transformieren und wähle Horizontal spiegeln oder in der Breite Eingabefeld Geben Sie den Wert von ein -100%.
Der letzte Schritt wird das Spiegeln der Ebene sein. Gehe zu Bearbeiten> Transformieren und wähle Horizontal spiegeln.
Ebene auswählen "3". Gehe zu Bearbeiten> Transformieren und wählen Sie Rahmen. Geben Sie die folgenden Werte ein:
Stellen Sie das ein Anhaltspunkt nach links unten. Drücken Sie Eingeben.
Im Moment haben wir unsere Karte in einer seltsamen Position. Wir müssen es in die Position drehen, die wir tatsächlich brauchen.
Ebene auswählen "1". Halten Sie die Befehl Schlüssel und klicken Sie auf die Ebene "2" so dass beide Ebenen ausgewählt werden. Gehe zu Bearbeiten> Transformieren und wählen Sie Drehen.
Geben Sie die folgenden Werte ein:
Drücken Sie Eingeben.
Jetzt müssen wir Teile aus dem intelligenten Objekt befreien. Wir führen diesen Schritt aus, weil wir einige Schattierungsstile auf die mittlere Teilebene anwenden möchten. Wir möchten, dass unsere Teile getrennt werden.
Ebene auswählen "1". Rechtsklick Wählen Sie auf der Ebene und im Dropdown-Menü aus Neues Smart Objekt per Kopie.
Doppelklicken Sie auf die neu erstellte Ebene zu Bearbeiten der Inhalt
Wählen Sie im geöffneten Dokument die Ebene aus "2".
Drücken Sie Löschen (Rücktaste) um die Ebene zu löschen "2".
Schließen Sie das aktuelle Dokument und klicken Sie auf, wenn Sie es schließen sparen Taste.
Rasterisieren Sie als Nächstes die gerade geschlossene Ebene. Rechtsklick auf der Ebene und wählen Sie Ebene rastern. Benennen Sie es um "1". Drücken Sie Möglichkeit-[ um auf die darunter liegende Ebene zu wechseln.
Für einander Intelligentes Objekt, Die Schritte sind ziemlich gleich. Doppelklick auf der aktuellen Ebene zu Bearbeiten die Inhalte.
Wählen Sie in einem neu geöffneten Dokument die Ebene aus "1". Drücken Sie Rücktaste Ebene löschen "1". Schließen Sie das Dokument und klicken Sie beim Schließen auf sparen.
Rastere die Ebene. Rechtsklick auf der Ebene und wählen Sie Ebene rastern. Benennen Sie es um "2".
In diesem kurzen Abschnitt wenden wir Stile auf den mittleren Teil der Ebene an "2". Wir möchten, dass unsere Karte realistischer aussieht. Also fügen wir etwas Schattierung hinzu.
Ebene auswählen "2". Doppelklicken Sie darauf, um das Fenster aufzurufen Ebenenstile Fenster. Wähle aus Farbüberlagerung Sektion. In diesem Abschnitt bringen Sie das herunter Opazität zu 35%. Wähle die Farbe # 000000 (pures Schwarz).
Klicken OK.
Es ist Zeit, die Kartenteile in der Mitte unserer Leinwand zu zentrieren.
Ebene auswählen "1". Fügen Sie die Auswahlebenen hinzu "2" und "3". Dazu halten Sie die Befehl Taste und klicken Sie auf die Ebene "2" unddann auf Schicht "3". Wir müssen alle drei Schichten auswählen.
Drücken Sie Befehl-G um alle ausgewählten Layer in einer Gruppe zusammenzufassen. Benennen Sie die Gruppe um. Gib ihm den Namen "Alle Teile".
Beachten Sie, dass das Erweitern von Gruppen in Photoshop keine aufnahmefähige Funktion ist.
Erweitern Sie die Gruppe, indem Sie auf das kleine Dreieck auf der linken Seite der Gruppe klicken. Danach wählen Sie die Ebene aus "1".
Dieser Trick ist besonders im automatisierten Modus relevant, da nach dem Ausführen der Gruppe keine Layer mehr sichtbar sind. Wir möchten aber trotzdem in der Lage sein, Layer aufzunehmen und die Action weiter aufzuzeichnen. Wenn wir also auf die Ebene klicken "1", Die Gruppe wird automatisch erweitert, und Photoshop kann die Ebenen wieder sehen.
Wähle aus "Alle Teile" Gruppe. Halten Sie die Befehl fügen Sie zur Layer-Auswahl das hinzu "Vorlage" Schicht.
Wähle aus Werkzeug verschieben.
Wählen Sie im Menü Vertikale Zentren ausrichten und dann wählen Horizontale Zentren ausrichten. Achten Sie nicht auf die "Vorlage" Ebene bewegt sich ein wenig.
Wähle aus "Vorlage" Ebene und löschen Sie es durch Drücken von Rücktaste Taste auf Ihrer Tastatur.
Gehe zu Bild> Zuschneiden. Im Dialog wählen Sie Basierend auf> Transparente Pixel, und in der Wegschneiden Optionen, gehen Sie mit allen Richtungen: Oben, Rechts, Links, Unten.
Erweitern Sie die Leinwand ein wenig. Gehe zu Bild> Leinwandgröße. Wählen Sie im Dialogfenster anstelle von Pixeln Prozentsätze und Eingaben 200% für beide seiten. Dadurch wird die Leinwandgröße proportional vergrößert.
Wir haben die losgeworden "Vorlage" Schicht. Jetzt müssen wir stattdessen den Hintergrund erstellen. Ebene auswählen "3". Erstellen Sie eine neue Ebene. Klicken Sie auf das neue Ebenensymbol ganz unten in der Schichten Panel. Benennen Sie die Ebene um "Hintergrund".
Bewegen Sie die Ebene nach hinten, indem Sie drücken Befehl-[. Setzen Sie die Vordergrundfarbe auf Grau # 444444. Verwenden Sie die Tastenkombination Optionstaste (Rücktaste) die Ebene mit der grauen Farbe ausfüllen.
Dies ist ein Ausgangspunkt für die Erstellung des Volumes für die Karte.
Halte das Befehl Taste und wählen Sie mehrere Ebenen aus: "1", "2", und "3". Drücken Sie Befehl-E um die ausgewählten Ebenen zusammenzufügen.
Jetzt müssen wir die zusammengefügte Ebene zweimal kopieren. Dazu drücken Sie Befehl-J zweimal. Sie sollten jetzt drei Exemplare sehen.
In diesen Schritten erstellen wir eine 3D-Oberfläche für unsere Karte.
Wechseln Sie zur darunter liegenden Ebene, indem Sie drücken Möglichkeit-[. Die darunter liegende Ebene wird ausgewählt. Gruppieren Sie die aktuelle Ebene (Befehl-G). Benennen Sie die Gruppe um "Volumen".Wechseln Sie zur darunter liegenden Ebene (Möglichkeit-[).
Jetzt müssen wir den 3D-Volumeneffekt hinzufügen. Wähle aus Werkzeug verschieben zuerst. Halten Sie die Wahl-Befehl Tasten und gleichzeitig die Aufwärtspfeil Schlüssel sechsmal.
Klicken Sie dann auf und wählen Sie die Gruppe aus "Volumen", und verschmelzen (Befehl-E).
einstellen Ebenenstile für diese Schicht. Wähle aus Farbüberlagerung Sektion. Bringen Sie als nächstes das herunter Opazität zu 35%. Wähle die Farbe # 000000 (pures Schwarz).
Wir müssen die Gesichtsebene etwas verschieben. Wechseln Sie zur Ebene darüber: Möglichkeit-]. Wähle aus Werkzeug verschieben und drücken Sie die Aufwärtspfeil Schlüssel sieben Mal.
Benennen Sie die Ebene um und rufen Sie sie an "Gesicht".
Der letzte Schritt ist das Erstellen der "Schatten" Schicht für unsere Karte. Wähle aus "Hintergrund" Schicht. Drücken Sie Möglichkeit-] um es in die darüber liegende Ebene zu verschieben.
Wenden Sie Stile darauf an. Wählen Farbüberlagerung. einstellen Opazität zu 100%. Wähle die Farbe # 000000. Klicken OK.
Rastere diese Ebene.
Nehmen Sie die Werkzeug verschieben und bewegen Sie die aktuelle Schattenebene mit der Maus ein wenig nach unten.
Gehe zum Filter Unschärfe> Gaußsche Unschärfe. Stellen Sie das ein Radius zu 35,0 Pixel.
Herzliche Glückwünsche! Wir sind fertig! Jetzt können wir auf die Schaltfläche klicken Höre auf, aufzunehmen Taste.
Dies war eine Demonstration des Arbeitsablaufs zum Umgang mit Transformationsaktionen. Es ist nicht eine der schwierigsten Aufgaben, aber es ist auch nicht leicht. Wenn Sie alles richtig gemacht haben, haben Sie jetzt eine voll funktionsfähige Aktion und können diese auf alle anderen Bilder anwenden.
Der Aktionsbereich ist nicht so begrenzt, wie Sie vielleicht denken. Es lohnt sich also, etwas darüber zu lernen, wenn Sie bereits mit Photoshop angefangen haben. Wenn Sie es lernen, werden Sie sehen, wie es Ihnen hilft, Zeit bei der Durchführung von alltäglichen Aufgaben zu sparen.
Fühlen Sie sich frei, mir unten in den Kommentaren Fragen zu stellen. Ich wünsche Ihnen viel Erfolg bei Ihren Experimenten!
Denken Sie daran, dass Sie dieses isometrische Kartenmodell über GraphicRiver erwerben können.
Accentsconagua