Erstelle Hi-Tech-HUD-Ringe in Adobe Photoshop – Ein Grafikdesign für das Lunch™-Kurs

1. Gestalte Hi in Photoshop – Einführung: Hallo, ich bin Helen Bradley. Willkommen zu diesem Grafikdesign für den Mittagskurs, erstellen Sie High-Tech-HUD-Ringe in Adobe Photoshop. Grafikdesign für das Mittagessen ist eine Reihe von Klassen, die eine Reihe von Tipps und Techniken für die Erstellung von Designs und für die Arbeit in Anwendungen wie Illustrator, Photoshop und Procreate lehren . Heute machen wir HUD-Ringe. Jetzt sortieren HUD-Ringe technologische Ringe, die Sie auf einem elektronischen Head-Up-Display sehen könnten , wo sie ihren Namen bekommen. Aber ich habe auch gehört, dass sie GO-Ringe genannt werden. Es gibt eine Menge Dinge, die man sie nennen könnte. Grundsätzlich denke ich nur, dass sie wirklich coole kreisförmige Formen sind, und sie machen Spaß in Photoshop und Sie werden einige interessante Techniken lernen , wie Sie dies tun. Sie werden lernen, wie Sie das Muster machen, aus dem Sie Ihren HUD-Ring machen. Auf dem Weg sehen Sie auch, wie Sie eine Form mit einem Farbverlauf füllen und wie Sie Texturen in Photoshop verwenden. Es gibt eine ganze Menge anderer Photoshop-Tipps und Tricks, die Sie auf dem Weg lernen werden. Jetzt, wenn du dieses Video durchgehst, bitte, wenn es dir gefällt, gib ihm einen Daumen hoch. Das ist wirklich hilfreich für andere Schüler, weil es ihnen sagt, dass dies ein Kurs ist, den sie gerne nehmen können. Wenn Sie mit dem Daumen nach oben einen Kommentar hinterlassen möchten, ist das noch besser, und ich lese jeden einzelnen Ihrer Kommentare. Beginnen wir mit der Herstellung dieser wunderbaren HUD-Ringe in Photoshop. 2. HUD Teil 1: Um mit unseren hud Ringen zu beginnen, einfach gehen, um ein brandneues Dokument wie Datei und dann Neu zu erstellen. Mein Dokument hat eine Größe von 1.400 x 1.400 Pixel. Die einzige wirklich wichtige Sache hier ist, dass Sie die gleiche Breite und Höhe verwenden , so dass Sie ein quadratisches Dokument haben, das wird wichtig sein, um diese Ringe zu erstellen. Ich verwende den RGB-Farbmodus und verwende ein transparentes Hintergrundbild. Klicken Sie auf „OK“. Im letzten Panel hier sehen Sie, dass wir eine Ebene haben und es ist transparenter Hintergrund. Nun, die Werkzeuge, die Sie hier verwenden werden, werden das rechteckige Auswahl-Werkzeug und das elliptische Auswahl-Werkzeug sein, und Sie werden auch diese Vordergrundfarbe verwenden. Ich schlage vor, dass Sie es auf Schwarz setzen, indem Sie den Buchstaben D auf Ihrer Tastatur drücken, und das setzt nur Ihre Standardfarben. Beginnen wir mit einem Rechteck. Ich werde nur klicken und ziehen, um es von einer Seite zur anderen über das Dokument zu zeichnen . Ich werde es mit der Vordergrundfarbe füllen, indem Alt Backspace Option Löschen auf dem Mac drücke. Nun, gehen wir und tun es wieder, aber lassen Sie uns nur dieses Rechteck Teil des Weges durch das Dokument nehmen , und wieder, füllen Sie es mit Alt Backspace Option Löschen auf dem Mac. Wechseln Sie nun zum Verschieben-Werkzeug hier, bewegen Mauszeiger über die Form, und fügen Sie die Alt- oder Wahltaste hinzu, bis Sie diese beiden Pfeile erhalten. Es sollte eine schwarze Pfeilspitze und eine weiße Pfeilspitze geben, die Ihnen mitteilt, dass Sie diese Form verschieben und kopieren möchten. Ziehen Sie darauf, und erstellen Sie eine weitere Form weiter entlang des Dokuments. Nun, ich habe diese sehr sorgfältig mit den Smart Guides aufgereiht. Ich werde das noch mal tun und nur sicherstellen, dass diese ordentlich aufstellen. Wenn Ihre intelligenten Hilfslinien nicht funktionieren und Sie eine aktuelle Version von Photoshop verwenden, gehen Sie zum Menü Ansicht, klicken Sie auf „Anzeigen“, und stellen Sie sicher, dass Intelligente Hilfslinien aktiviert sind , da Sie auf diese Weise alles ausrichten können. Als Nächstes fügen wir einige kleine Quadrate im Dokument hinzu. Dafür werde ich eine brandneue Ebene erstellen. Ich gehe zum Rechteck-Werkzeug, und dieses Mal werde ich einfach ein sehr kleines Quadrat herausziehen. Ich mache das, indem ich die Umschalttaste gedrückt halte, während ich ziehe, weil das die Form auf ein Quadrat beschränkt. Wieder werde ich es füllen, Alt Rücktaste Option Löschen auf dem Mac. Jetzt kopieren wir diese Ebene mit „Layer“, „Neu“, „Layer via Copy“. Wir werden diese Form verschieben, und wir werden das mit „Bearbeiten“, „Free Transform“ tun. Moment ist die Mitte dieser Form bei 15 Pixeln, also werde ich nur 50 hinzufügen, und das wird 65 Pixel sein. Es wird es über das Dokument zu verschieben, und es bewegt es auch nur 50 Pixel, die gleichmäßig in meine 1.400 Pixel breiten Dokumente aufgeteilt werden. Das wird schön und sogar über die Seite. Ich klicke hier auf das Häkchen. Nun, es gibt drei Tastenstriche, die ich verwenden werde. Ich werde Control Alt Shift auf dem PC halten und das wäre Command Option Shift auf dem Mac. Sie brauchen also drei Finger dafür, und dann gehen Sie und drücken Sie einfach den Buchstaben T, und das tut, was eine Wiederholungstransformation genannt wird. Es nimmt diese Form an, die wir verschoben haben, und es dupliziert sie nicht nur, sondern es dauert auch genau die gleiche Entfernung wie die vorherige. Wir haben am Ende eine ganze Reihe von Boxen im gesamten Dokument, und alles, was wir tun mussten, war, eine Form zu erstellen, um dies zu tun. Jetzt gehe ich zurück hier runter, um herauszufinden, welche dieser Ebenen das ursprüngliche Quadrat enthält. Ich denke, es wird wahrscheinlich Schicht 3 sein, was es ist. Ich habe auf die oberste Ebene geklickt. Jetzt werde ich sicherstellen, dass Ebene 3 sichtbar ist, und Shift klicke darauf. Ich habe alle Ebenen ausgewählt, die alle diese kleinen Quadrate enthalten, und ich klicke mit der rechten Maustaste und wähle „Ebenen zusammenführen“. Es legt sie nur alle auf eine einzige Schicht, was ein wenig bequemer ist. Es ist auf verschiedene Arten praktisch, weil dies nicht nur auf einer separaten Ebene ist, so dass ich sie zum Beispiel ganz verschieben kann , was ich tun werde, sondern auch, weil ich ein Duplikat davon machen kann. Also ziehe ich es einfach auf das Symbol „Neue Ebene“. Nun habe ich ein Duplikat dieser Ebene. Ziehen wir es weg und verkleinern wir es nach oben. Ich suche nur nach meinem Verschiebenwerkzeug, um in diesen Stretch-Modus zu wechseln. Ich habe eine Kopie davon gemacht und geschrumpft. Jetzt werde ich Alt ein paar Duplikate wegziehen. Ich werde dies nur ungleichmäßig über das Dokument verteilen, aber stellen Sie sicher, dass sie sortieren aufgereiht sind. Diese befinden sich alle auf separaten Ebenen. Auch hier kann ich diese Ebenen auswählen, rechten Maustaste klicken und „Ebenen zusammenführen“ wählen. Denn das gibt mir eine weitere Ebene, die ich verwenden kann, wieder, um einige Formen zu machen. Ich ziehe es auf das Symbol „Neue Ebene“, um es zu duplizieren. Ich werde es hier wegschleppen. Was ist, wenn ich das in winzige kleine Quadrate verwandle? Was ist, wenn ich es ein wenig schrumpfen lasse? Jetzt kann ich es einfach an eine andere Stelle im Dokument verschieben. Ich klicke auf das Häkchen. Nun, ich könnte eine Kopie davon machen, damit ich es den ganzen Weg hindurchstrecken kann. Ich habe das Muster, das über das Dokument geht. Nun, bevor ich viel weiter gehe, werde ich eine neue Ebene am Ende dieses Dokuments hinzufügen, indem ich per Steuerelement oder Befehl auf das Symbol Neue Ebene klicke , wenn ich die unterste Ebene ausgewählt habe. Ich werde es mit Weiß füllen, das meine Hintergrundfarbe ist, Control Backspace-Befehl Löschen auf dem Mac. Ich will nur einen Blick werfen und erklären, was wir hier tun, jetzt, wo wir etwas zu sehen haben. Was wir in einer Minute tun werden, ist, dass wir diese Form drehen werden, damit diese Seite sich mit dieser Seite verbinden wird. Wir wollen sicherstellen, dass die Dinge hier im selben Flugzeug sind, denn wenn sie sich zusammenschließen, wollen wir nicht, dass es dasselbe gibt. Hier, wenn diese Zeile in einer anderen Höhe im Dokument als diese Zeile wäre, hätten wir ein offensichtliches Gleiches. Gelegentlich ist das okay, aber wenn es die ganze Zeit passiert, wirst du dasselbe durch deinen letzten Ring sehen. Sie möchten versuchen, sicherzustellen, dass sich diese Elemente in derselben Zeile befinden. Die andere Sache ist, dass, weil diese beiden Seiten beitreten werden, wenn es hier ein fehlendes Stück gibt, wenn Sie diese Entwürfe stoppen, kurz vor einer dieser Seiten des Dokuments, wieder, werden Sie dasselbe bekommen. Auch hier ist es egal, ob Sie ein paar dieser Linien haben , die es nicht bis zur anderen Seite schaffen, aber Sie wollen, dass die meisten von ihnen dorthin gelangen, so dass Sie am Ende mit durchgezogenen Linien um Ihren hud Ring. Jetzt haben wir ein Hud-Ringmuster begonnen. Im nächsten Video werden wir dieses Muster beenden und damit beginnen, die Ringe selbst zu machen. 3. HUD Pt 2: Um mit unserem Grundmuster fortzufahren, werde ich auf die oberste Ebene im Bild klicken, also wieder, wir arbeiten an diesen Ebenen. Ich werde eine neue Ebene hinzufügen und wir werden einige kreisförmige Elemente hinzufügen. Ich gehe hier zum Elliptical Marquee Tool. Nun, wenn ich nur einen Kreis zeichne, was passieren wird, wenn wir den HUD-Ring machen, ist, dass dieser Kreis nicht mehr kreisförmig sein wird. Es wird gestreckt oder geschoben. Entweder wird es gezogen, so dass es breiter und flacher ist, oder es wird höher gestreckt. Erwarten Sie nicht, dass Kreise am Ende wie Kreise aussehen, aber sie sind immer noch interessante Formen. Ich ermutige Sie, sie in Ihren HUD-Ringen zu verwenden. Ich werde hier nur eine Minute hineinzoomen, damit wir sehen können, wo wir arbeiten. Ich habe diese Form auf einer eigenen Ebene. Ich werde es hier drüben am Rande des Dokuments positionieren. Wir werden dasselbe tun wie mit diesen Rechtecken. Ebene, Neu, Layer via Copy. Bearbeiten, Free Transform. Es sind 18,5 Pixel. Nun, das hier werde ich in größeren Schritten bewegen. Ich werde nur 100 hinzufügen. Ich werde es 118,5 Pixel machen. Ich klicke auf das Häkchen. Ich werde verkleinern. Ich werde auf dem Mac Control Alt Shift T, Befehls-Option Shift T drücken , um meine Kreise zu machen. Sie sind den ganzen Weg durch das Dokument gegangen. Wieder werde ich auf die oberste Ebene klicken. Ich werde gehen und die Ebene finden, die meinen ersten Kreis darauf hat, was ich denke, ist dieser hier. Klicken Sie bei gedrückter Umschalttaste darauf, um alle Ebenen auszuwählen, auf denen sich die Kreise befinden. Klicken Sie mit der rechten Maustaste, und wählen Sie Dies verschmilzt es zu einer einzigen Schicht, mit der ich unabhängig von den anderen umgehen kann. Das erste, was ich tun werde, ist ein Duplikat davon zu machen. Ich werde das Duplikat nehmen und es einfach mit dem Verschiebungswerkzeug wegbewegen. Ich werde es zerquetschen und vielleicht auch kleiner machen. Ich werde das in diesen Bereich des Dokuments stellen. Wenn Sie aufgrund des Raster, das Sie arbeiten, feststellen , dass diese Shapes in das darunter liegende Raster springen möchten. Sie können sie einfach hinlegen und schieben Sie sie mit den Pfeiltasten nach oben und unten auf Ihrer Tastatur. Jetzt, wo ich es an Ort und Stelle habe, gehe ich nach Alt, ziehe drauf. Ich werde es nur den ganzen Weg über das Dokument hier setzen. Jetzt werde ich weiterhin ein paar weitere Elemente für meinen HUD-Ring aufbauen. Sie werden nur dies tun wollen, ist ein paar zusätzliche Formen aufzubauen. Sie kommen wahrscheinlich um ein Drittel des Dokuments runter. Je mehr Elemente Sie haben, desto interessanter wird es sein. Ich höre auf zu reden und mache es einfach. Jetzt. Ich bin ziemlich fertig mit meinen HUD-Ringen, außer einer Sache, die ich Ihnen als eine Option zeigen möchte, die Sie verwenden könnten. Wir werden diese Hintergrundebene nur ausschalten, weil es ziemlich wichtig ist, dass Sie sagen, dass wir dies mit Transparenz tun werden. Ich gehe zurück zum rechteckigen Festzelt Werkzeug. Ich werde sicherstellen, dass ich auf einer neuen Ebene bin, die nichts darauf hat, was dieser nicht tut. werde nur diese Ebene auswählen, werde ich ein kleines Quadrat ziehen. Was ich tun möchte, ist, diese Form hier aus dieser Linie zu schneiden , weil ich denke, dass diese Linie ein bisschen zu solide ist. Ich drücke „Alt Backspace Option Löschen“ auf dem Mac. Ich werde Ebene, Neue Ebene über Kopieren wählen. Ich werde meine Edit machen, Free Transform, und das ist 14 Pixel. Ich werde nur 50 hinzufügen. Ich gehe zu 64 Pixel und ich werde auf das Häkchen klicken. Jetzt werde ich nur wiederholen, dass den ganzen Weg über mit meinem Control Alt Shift T, Command Option Shift T auf dem Mac. Jetzt, da ich es den ganzen Weg da drüben habe, werde ich diese Ebenen einfach zusammenführen. Wir haben jetzt eine Ebene oben auf dem letzten Stapel , der diese Linie von kleinen Quadraten darauf hat. Aber was ich tun möchte, ist, dass ich das hier aus dieser Form herausschneiden möchte. Ich gehe zu Control oder Command klicken Sie auf diese Ebene Miniaturansicht und was ich bekomme, ist eine Auswahl. Jetzt muss ich meine Auswahl verschieben. Ich gehe nach oben, um Auswahl transformieren auszuwählen. Dies ermöglicht es mir, die Auswahl zu transformieren. Ich werde es hier raufschieben. Jetzt siehst du, dass ich nicht die Formen mitnehme, ich nehme nur die Auswahl mit. Ich werde das dort positionieren, wo ich will, dass es jetzt sein soll. Ich schiebe es nur mit der Pfeiltaste nach oben. Ich schaue es nur in Position und ich werde einfach auf das Häkchen klicken. Jetzt ist meine Auswahl oben auf diesem schwarz gefüllten Element. Was ich tun will, ist, diese Quadrate daraus zu schneiden. Ich muss zurückgehen und die Schicht finden, auf der das drauf ist. Da es die erste Schicht war, die ich gemacht habe, ist es wahrscheinlich direkt hier unten unten. Wenn ich mit diesem Augapfel-Symbol überprüfen, können Sie sehen, dass die Ebene ist. Es hat auch andere Dinge drauf, aber es hat diesen großen schwarzen Streifen. Jetzt, da ich diese Ebene ausgewählt habe, die, die ich entfernen möchte. Ich werde es nur auswählen und ich werde auf „Löschen“ drücken. Wenn ich das mache, stoße ich tatsächlich Löcher in das. Ich fülle es nicht mit Weiß, was etwas völlig anderes und etwas im Grunde unerwünschtes darin sein wird. Sie möchten Weiß wirklich nicht als Füllung verwenden, wenn Sie Transparenz tatsächlich entfernen und anzeigen können , da dies Ihnen später mehr Optionen geben wird. Jetzt werde ich die Auswahl aufheben, indem „Control“ oder „Command D“ drücke, um die Auswahl aufzuheben. Wenn wir nun die weiße Schicht dahinter betrachten, können Sie sehen, dass wir dieses Muster haben. Ich denke, es sieht ein bisschen besser aus, weil es nicht ganz so dunkel ist. Das war noch eine der möglichen Optionen, die ich Ihnen nur zeigen wollte. Nun diese Zeile hier, die wir gerade erstellt haben, diese Boxen. Ich glaube, sie sind nicht genau da, wo ich sie haben will. Ich wähle nur die Ebene aus, wähle das Verschieben-Werkzeug aus. Da sie alle auf einer Ebene zusammen sind, kann ich sie einfach ein wenig weiter nach oben verschieben und ich könnte sie einfach ein wenig zerquetschen. Nennen wir das erledigt. Nehmen wir an, dass dies das Muster ist, das wir verwenden möchten, um unseren HUD-Ring zu erstellen. Wir werden klicken, um auf der obersten Ebene auszuwählen, und wir werden die unteren meisten dieser transparenten Ebenen auswählen. Wir möchten diese weiße Ebene nicht auswählen, weil wir nichts damit zusammenführen möchten. Wir werden mit der rechten Maustaste klicken und Layer zusammenführen wählen. Dies nimmt diese Form bis zu einer einzigen Schicht an, so dass wir jetzt beginnen können , damit zu arbeiten und es zu einem HUD-Ring zu machen. 4. HUD Teil 3: Jetzt habe ich mich sehr bemüht, diese Form zu schaffen. Weil ich eine Menge Arbeit daran getan habe, werde ich es als PSD-Datei speichern. Ich habe gerade diesen Hud Ring Starter PSD genannt. Indem ich es speichere, bedeutet das, dass ich zurückkommen kann und es immer wieder benutzen kann. Wenn ich mehrere Hud-Ringe machen möchte, werde ich immer noch diese Form haben, die ich später in eine andere einfügen könnte. Die andere Sache, die ich tun werde, ist, dies zu beschneiden, weil Sie sehen könnten wenn ich diese oberste Ebene mit dem Verschiebungswerkzeug ausgewählt habe, sehen Sie, dass es einige Elemente hier und hier draußen gibt. Die Auswahl ist größer als das Dokument selbst und das wird meine Hud-Ringe verfälschen, wenn ich komme, um sie zu erstellen, also was ich tun muss, ist, diesen Überschuss wegzuschneiden. Ich werde auf meine weiß gefüllte Ebene klicken und ich werde auf das Werkzeug Zuschneiden klicken. In früheren Versionen von Photoshop können Sie Ihre Auswahl durch Ziehen erstellen. In neueren Versionen von Photoshop erhalten Sie diese Handles einfach bis zum gesamten Dokument. Sie können es zuschneiden, indem Sie die Eingabetaste oder die Eingabetaste drücken. Das bringt dieses Crop Overlay auf sich. Was Photoshop sagt, um Ihnen zu helfen, Sie haben all das Zeug hier und hier draußen und ich bin dabei, es wegzuschneiden. Ohne etwas zu bewegen, gehst du einfach. „ Ja, danke. Genau das bin ich hergekommen, um zu tun.“ Wir sind zurück zu unserem 1400-1400-Pixel-Dokument, aber dieses Mal, wenn ich auf diese oberste Ebene klicke, werden Sie sehen, dass die Transformationsgriffe direkt am Rand des Dokuments befinden. Draußen gibt es nichts. Es ist alles verschwunden. Wenn Sie nun in einer leichteren Version von Photoshop arbeiten, möchten Sie sicherstellen, dass Sie beim Zuschneiden diese Option zum Löschen von Zuschneidepixeln ausgewählt haben, da wenn Sie dies nicht tun , die Zuschneidepixel gelöscht werden und Das wird dich in einer Minute beißen, wenn wir gehen, um einen Hud Ringe zu erschaffen. Schalten wir die weiß gefüllte Ebene aus. Lass uns gehen und unsere Schicht holen. Ich ziehe den Inhalt nur weiter nach unten im Dokument. Ich möchte, dass es in der Mitte der Dokumente sortiert wird. Ich werde es nur von innen dort positionieren. Das andere, was ich tun wollte, ist, dass ich eine Kopie davon machen möchte. Auch hier habe ich all die Mühe gegeben, dies zu schaffen. Gehen wir und reden eine Kopie davon aus einer Reihe von Gründen, die Sie in einer Minute sehen werden. Ich werde nur auf diese Ebene klicken und sie auf das neue Ebenen-Symbol ziehen und ablegen. Das gibt mir ein Duplikat dieses Musters. Ich werde nur den unteren verstecken, und wir werden daran arbeiten. Wir werden unseren ersten Hud-Ring kreieren. Wir tun dies, indem wir auf diese Ebene klicken und Filter, Verzerrung, Polarkoordinaten wählen. Nun gibt es zwei Optionen für diesen Polarkoordinatenfilter. Man ist rechteckig bis polar, und das gibt uns diese schönen Hud-Ringe. Der andere ist polar bis rechteckig und das gibt uns keine schönen Hud-Ringe. Wenn Sie verwirrt sind, welche Sie verwenden möchten, testen Sie einfach jeden von ihnen, und vergrößern Sie Ihr Bild ein wenig nach unten und Sie werden sehen, welches Sie wirklich verwenden möchten und es ist rechteckig bis polar. Ich werde auf „OK“ klicken. Hier ist der erste unserer Hud-Ringe und lassen Sie uns das Hintergrundlicht einschalten, damit Sie sehen können, wie wunderbar es aussieht. Das sind wirklich lustige Dinge zu machen. Lass uns gehen und das einfach für eine Minute ausschalten und den Ring selbst ausschalten. Lasst uns unser Muster wieder anschalten. Lass uns eine Kopie davon machen, nur damit wir ein Duplikat versteckt haben, falls wir es benutzen wollen. Nun, wenn dieser mit dem Verschieben-Werkzeug ausgewählt wurde, drehen wir ihn um 180 Grad. Ich halte nur Shift, während ich sie drehe. Jetzt lass uns gehen und das in einen Hud-Ring verwandeln. Filtern, verzerren, Polarkoordinaten. Wir wissen bereits, dass wir rechteckig bis polar wollen, also klicke ich auf „Okay“. Wenn Sie einen Blick auf diese beiden Ringe unabhängig voneinander, werden Sie feststellen, dass sie tatsächlich völlig anders sind. Weil wir es umgedreht haben, sind verschiedene Elemente in der Mitte. Hier können Sie sehen, dass das letzte Element, das wir erstellt haben, nur die zerquetschten Quadrate auf der Innenseite sind. In dem Muster, das wir erstellt haben, waren sie ganz oben, weil wir es umgedreht haben. In unserer ursprünglichen Form, die gleichen Formen auf der Außenseite. Sie waren am unteren Rand des Musters, als wir es erstellt haben. Was an der Unterseite des Musters ist, geht nach außen, was oben auf dem Muster ist, geht nach innen. Weil wir das Ding um 180 Grad gedreht haben, haben wir einen völlig anderen Ring aus genau den gleichen Teilen gemacht. Das ist einer der Gründe, warum wir uns die Mühe gemacht haben, diese Form zu duplizieren, weil es uns die Möglichkeit gab, zwei verschiedene Hud-Ringe zu bekommen. Nun, das hier oben, ich werde es duplizieren. Ich werde nur eines dieser Duplikate wegnehmen. Nun, ich kann es jetzt nicht sehen. Ich werde die Sichtbarkeit des obersten einschalten. Wenn Sie zwei Ringe übereinander lassen, erhalten Sie einen wirklich interessanten Effekt, aber Sie erhalten auch das Potenzial, so etwas zu tun und den obersten Ring neu zu dimensionieren, um in den unteren passen, oder sogar ein wenig über die unten, so dass Sie die beiden zusammen mischen. Jetzt, wenn ich das neu skaliere, mache ich dies mit ausgewählter Alt- und Umschalttaste, also ist es proportional skaliert. Ich werde nur auf das Häkchen klicken. Jetzt können Sie feststellen, dass Ihre Ringe ein wenig zerquetscht sind. Je nachdem, wo Sie begonnen haben, diese Ringe zu erstellen, können Sie feststellen, dass sie nicht perfekt kreisförmig sind. Nun, im nächsten Video werde ich Ihnen zeigen, wie Sie sie einfach kreisförmig machen können. Wir werden sie nur umgestalten, aber tun es sehr genau. 5. HUD Pt 4: Im letzten Video schlug ich vor, dass es eine Chance gäbe, dass Ihre HUD-Ringe vielleicht nicht perfekt kreisförmig sind. Lasst uns das einfach testen. Ich habe diese Ebene ausgewählt, und ich werde steuern oder Befehl klicken Sie auf die Miniaturansicht „Ebene“. Das bedeutet, dass alle Daten auf diesem Layer ausgewählt werden. Jetzt gehe ich zum Info-Panel, ich habe es dort geöffnet, aber lass uns einfach gehen und sehen, wo du das finden würdest; du wählst „Fenster“ und dann „Info“. Wenn Sie hier unten auf das „Info“ -Bedienfeld klicken, wird Ihnen die Breite und Höhe des aktuell ausgewählten Objekts angezeigt Da es sich um einen Kreis handelt, sollten diese beiden Werte gleich sein. Wenn deine Höhe größer ist als deine Breite, und ich werde nur meine Höhe größer als meine Breite machen, wirst du so etwas haben, einen ausgestreckten Ring. Dieser Wert für die Höhe wird größer als der Wert für Breite sein. Nun, alles, was Sie tun, ist, einfach den unteren Griff hier zu greifen und ihn einfach nach oben zu bewegen, hier ein Auge auf diese Werte zu behalten und anzuhalten, wenn die beiden gleich sind. Ich bringe das nur auf den gleichen Wert zurück , der für mich 12,792 ist, und das ist zurück zu genau dem, was es sein sollte, und ich klicke hier auf das Häkchen. Jetzt kann ich meinen anderen Ring überprüfen, während ich hier bin. Ich werde das einfach ausschalten, weil ich weiß, dass es richtig ist Schalten Sie das ein. Ich kontrolliere, klicken Sie auf das Miniaturbild, so dass ich es ausgewählt habe und lassen Sie es im Infofenster überprüfen. Hier sind die Zahlen etwas anders, die Breite ist ein wenig kleiner als die Höhe, also bekomme ich nur die Höhe hier und ziehe sie einfach nach oben, bis es der gleiche Wert ist oder zumindest wirklich nahe am Breitenwert ist, und das ist genau das gleiche, also werde ich nur auf das Häkchen klicken. Sie werden wahrscheinlich kommen und überprüfen wollen, dass Ihre HUD-Ringe wirklich Kreise sind , so dass, wenn wir Dinge tun, wie sie ineinander legen, sie wirklich gut ineinander nisten. Ich muss das auch reparieren, was ich jetzt schnell machen werde. Jetzt sind meine HUD-Ringe in Ordnung, sie sind alle perfekt kreisförmig. Bevor wir aufhören, mit dem Polarkoordinatenfilter zu arbeiten, möchte ich Ihnen etwas anderes zeigen, was es tun kann. Ich gehe zurück zu meiner ursprünglichen Musterebene, und ich werde ein Duplikat davon machen, weil es wieder einen Grund geben kann, dass wir sie später verwenden möchten. Auf dieser Schicht werde ich es dehnen. Ich werde es dehnen, so dass es das gesamte Dokument einnimmt, und dann werde ich es um 90 Grad drehen. Hier kippe ich es nur auf die Seite. Lassen Sie uns nun den Polarkoordinatenfilter mit Filter, Verzerren, Polar Koordinaten darauf anwenden . Dieses Mal, anstatt dass diese Elemente den ganzen Kreis umwickelt werden, werden sie zu kleinen Kreisbögen. Klicken wir einfach auf „OK“ und speichern Sie. Nun, das ist ein weiterer interessanter Effekt. Es ist nicht das Gleiche wie die HUD-Ringe. Aber als wir HUD-Ringe in einer Illustration zusammengesetzt haben, könnte es einen wirklich guten Hintergrund bilden. Es ist ein weiteres Element, das ich davon abhalten würde, mit diesen Polarkoordinaten zu arbeiten. Nicht nur HUD-Ringe und die Möglichkeit, sie ineinander zu verschachteln, sondern auch die Möglichkeit, diese als Element unter einem Bild zu verwenden , das beispielsweise aus den HUD-Ringen bestand . Lassen Sie uns nun weitermachen und all diese in einer sehr einfachen Illustration zusammenfassen und wir werden es auch mit einer Textur texturieren. 6. HUD Pt 5: Jetzt sind wir bereit, weiterzumachen und diese Elemente in eine abschließende Illustration zu bringen. Bevor Sie das tun, empfehle ich Ihnen zunächst, dieses Bild zu speichern. Wieder habe ich das gerade als meinen HUD-Ringstarter gespeichert. Ich habe hier alles gerettet. Da ich vielleicht zurückkommen und diese Elemente wieder verwenden möchte, mache ich tatsächlich ein Duplikat dieser Datei. Ich werde das tun, indem ich „Bild“ und dann „Duplizieren“ und dann einfach auf „OK“ klicke. Dadurch wird eine Kopie des HUD-Ringstarters erstellt. Ich benutze das Original nicht, aber ich habe gerade eine exakte Kopie davon gemacht. Ich habe immer noch die Originaldatei und all ihre Teile hier, die ich tatsächlich schließen werde. Ich werde diese Ebene den letzten Stapel hinunter ziehen und sie direkt über meinem weißen Element hier setzen, weil ich denke, dass dies einen guten Hintergrund bilden würde. Aber was ich tun möchte, ist, es weniger schwarz und ein bisschen interessanter zu machen. Ich werde seine Deckkraft bei einem sehr niedrigen Wert füllen, so dass sie sich in die darunter liegende Ebene einfügt. Das ist eines der Dinge, die ich mit dieser Schicht machen kann. Die andere Sache, die ich tun kann, ist, die Pixel auf dieser Ebene zu sperren, indem Sie einfach auf die Ebene klicken und auf dieses kleine Schlosssymbol klicken, und das sperrt die Pixel auf der Ebene. Moment werde ich nur seine Deckkraft auf 100 Prozent zurücknehmen , weil ich Ihnen zeigen möchte, was ich tun werde. Ich werde gehen und mir einen Gradienten besorgen. Ich öffne den Farbverlauf hier und ich werde nur hier auf diese Dropdown-Liste klicken , um die Farbverläufe zu sagen, die ich habe. Wenn hier kein Gradienten ist, den Sie verwenden möchten, können Sie hier auf das Zahnradsymbol klicken und gehen und einige andere Steigungen erhalten. Jetzt weiß ich, dass ich schon Metalle da drin habe, aber du willst vielleicht etwas wie Spezialeffekte oder Spektren oder Farbharmonien machen. Klicken Sie einfach darauf, um ihn auszuwählen, und klicken Sie dann auf einen Stift, damit Sie ihn am Ende Ihrer Farbverlaufsauswahl hinzufügen. Nun, es sieht so aus, als hätte ich diese Auswahl schon da drin. Aber lassen Sie uns einfach dieses auswählen. Ich werde sagen: „Nun, das ist ein Gradienten, den ich verwenden möchte. Es nennt sich Silber.“ Ich kann hier darauf klicken, um den Verlaufseditor zu öffnen, damit ich Änderungen am Farbverlauf vornehmen kann wenn ich möchte, indem ich zusätzliche Punkte hinzufüge oder diese lange oder etwas tue, was ich will. Ich könnte hier sogar eine Farbe ändern, das ist weiß. Ich könnte hier reingehen, darauf klicken und zum Beispiel eine andere Farbe auswählen. Ich könnte etwas auswählen, das Rot darin hat , um ein wenig Farbe in meinen Farbverlauf hinzuzufügen. Für den Moment werde ich nur auf „OK“ klicken. Jetzt habe ich hier meinen Farbverlauf ausgewählt. Ich denke, ich könnte mit einem linearen Farbverlauf beginnen und nur sehen, wie das aussieht. Ich werde nur klicken und über mein Dokument ziehen, und das hat diesen Farbverlauf auf diese Form angewendet. Wenn es mir nicht gefällt, kann ich etwas anderes ausprobieren. Nehmen Sie es aus einem anderen Blickwinkel heraus. Wenn ich den Farbverlauf nicht mag, kann ich zurückgehen und ihn ändern. Nicht wirklich glücklich mit diesem weißen Bit, also könnte ich einfach gehen und den Farbverlauf ändern. Klicken Sie einfach auf den Gradient Editor, nehmen Sie dieses Tempo, mit dem ich nicht wirklich zufrieden bin. Klicken Sie hier und lassen Sie uns eine dunklere rote Farbe hinzufügen. Ich denke, das wird besser aussehen. Klicken Sie auf „OK“ und kommen Sie zurück und machen Sie das noch einmal. Viel besser. Das ist eine andere Sache, die Sie mit diesen Schichten tun können, ist, sie einfach mit einem Farbverlauf zu füllen oder etwas interessanteres. Jetzt werde ich die Auswahl des Schloss-Symbols hier aufheben und ich werde auch die Deckkraft auf dieser Ebene verringern , nur um sie in das Weiß darunter zu mischen , aber jetzt hat es ein wenig Farbe darin. Ich kann meine HUD-Ringe zurückbringen. Ich werde das hier zurückbringen, und ich werde das hier verschieben. Ich werde es hier mit dem Verschieben-Werkzeug auswählen und ich ziehe es einfach in die obere Ecke hier und vergrössere es wahrscheinlich ein wenig, und schiebe es einfach wieder hinein, so dass es ein bisschen mehr als ein Hintergrundstück wird. Auch hier möchte ich das wahrscheinlich in die darunter liegenden Ebenen mischen, indem ich seine Deckkraft reduziert. Ich werde meine geschichteten Elemente zurückbringen. Ich werde nur auf das Sichtbarkeits-Symbol klicken. Ich will, dass es ein bisschen größer wird. Ich werde beide Schichten auswählen und es nur ein wenig ausstrecken. Technisch gesehen sollten wir die Dinge in Photoshop nicht zu sehr ausdehnen, aber das ist eine digitale Illustration, und es ein wenig zu dehnen , macht keinen allzu großen Unterschied. Jetzt werde ich mir dieses Labor ausleihen, weil ich denke, es ist ein interessantes Element. Ich werde nur darauf klicken und ich werde es drehen. Ich werde es aus dem Weg bringen. Das hat die Möglichkeit, ein Element in meiner Collage zu sein, und das war natürlich nur das Stück, aus dem wir den eigentlichen HUD-Ring herstellten. Nun, was ich mit dieser Ebene wieder tun werde, ist es, sie zu vermischen. Ich werde nur seine Deckkraft ein bisschen reduzieren. Bevor ich nun eine Textur bekomme, um dies zu texturieren, möchte ich vorschlagen, dass dies tatsächlich eine reflektierte Form ist. Ich werde die beiden Elemente auswählen, die die zentrale Form bilden , die diese beiden hier sind, und ich werde sie duplizieren. Ich werde sie einfach per Drag & Drop auf das neue Ebenen-Symbol hier. Ich habe ein zweites Set davon. Jetzt kann ich diese zusammenführen, weil ich sie nur als Reflexion verwenden werde. Ich werde diese Schichten zusammenführen. Nun, was ich tun werde, ist, dass ich das frei transformieren werde. Ich wähle „Bearbeiten“, „Free Transform“. Was ich tun möchte, ist, dass ich diese obere Kante den ganzen Weg nach unten ziehen möchte. Ich drehe es effektiv nur um. Was ich tun kann, ist, wenn ich angefangen habe, mich zu bewegen, ich kann einfach hier klicken und die Höhe auf minus 100 Prozent ändern. Wenn ich das mache, bekomme ich einen genauen Flip dieser Form. Nun, was ich tun werde, ist es einfach hier nach unten zu bewegen, so dass es perfekt ausgerichtet und Sie können sehen, dass all diese Objekte dort sind , wo sie wären, wenn dies eine Reflexion wäre. Jetzt, da ich diese Form habe, kann ich nur seine Deckkraft ein wenig reduzieren, so dass es wie eine Reflexion aussieht. 7. HUD Pt 6: Jetzt sind wir bereit, weiterzumachen und uns eine Textur zu schnappen. Ich mag diese Texturseite wirklich, also werde ich Ihnen den Link zu ihm geben. Seien Sie vorsichtig, da bei dem Link Groß-/Kleinschreibung beachtet wird. Daher müssen Sie ihn genau wie gezeigt eingeben. Es ist die Flickr-Seite einer Person namens Skeletalmess und er bietet kostenlose Texturen an und sie sind nicht nur für den persönlichen Gebrauch, sondern auch für den kommerziellen Gebrauch verfügbar , was einer der Gründe ist, warum ich seine Texturen wirklich mag, weil Sie sie kommerziell verwenden können, wenn Sie möchten. Jetzt bin ich besonders daran interessiert, nach einer Textur zu suchen, die etwas Farbe hat und auch einige interessante Stücke und Stücke. Ich denke, dass dieser hier wahrscheinlich nur zur Rechnung passt. Es heißt Freakywood, nicht ich. Um es zu erhalten, klicken Sie auf die Textur, um sie in einem neuen Fenster zu öffnen und suchen Sie dann nach dem Download-Link hier. Klicken Sie auf und klicken Sie dann auf die gewünschte Größe. Ich nehme es in der Originalgröße herunter und warte dann nur ein paar Sekunden, während es herunterlädt. Ich werde jetzt klicken, um es in meinem Download-Ordner anzuzeigen und hier ist es. Ich werde es einfach per Drag & Drop in mein Photoshop-Dokument und es kommt als neue Ebene. Nun, es ist ein rechteckiges Dokument und wir arbeiten mit einem quadratischen Dokument. Aber da dies eine Textur ist, spielt es keine Rolle, denn niemand wird Ihnen sagen, dass Ihre Textur gestreckt wurde, weil, wie könnte jemand überhaupt wissen, wie Ihre Textur überhaupt aussah? Ich werde nur auf das Häkchen hier klicken, jetzt, wo ich es gestreckt habe. Ich werde es ganz oben auf dem letzten Stapel setzen, also werde ich es über alles andere hinauf verschieben. Alles, was oben auf dem letzten Stapel steht, das vollständig undurchsichtig ist, wie dieses Bild ist, wird alles darunter blockieren. Was wir jetzt tun müssen, ist, das zu vermischen. Wir gehen zu den Mischmodi, und ich werde nur den ersten Mischmodus auswählen, der Auflösen ist. Auf dem Tempo sagen, ich kann jetzt die Mischmodi durch Drücken der Pfeil nach unten oder die Pfeiltaste nach oben navigieren und das bringt mich nach unten oder nach oben die Mischmodus-Liste. Auf dem Mac sind die Dinge ein wenig anders; Sie müssen sicherstellen, dass Sie hier nichts ausgewählt haben , das ein Pinselwerkzeug verwendet. Das sicherste, was Sie tun können, ist, entweder das Auswahlrahmenwerkzeug oder das Verschieben-Werkzeug auszuwählen, das funktioniert einwandfrei. Drücken Sie dann die Umschalttaste plus oder die Umschalttaste minus, um durch die Mischmodi zu navigieren. Sie müssen es jedoch starten, indem Sie einen Mischmodus auswählen und dann die Umschalttaste plus oder die Umschalttaste Minus drücken. Wieder auf dem PC benutze ich nur den Pfeil nach oben und unten und ich arbeite nur durch diese um zu sehen, was da ist und welche Art von mir nimmt. Jedes Mal, wenn Sie eine Textur auf einem Bild haben, müssen Sie diese Mischmodi wirklich durchlaufen denn obwohl Sie sortieren, was die Mischmodi tun werden, was sie tun sollen, Sie wirklich nicht wissen, welche Auswirkungen es auf ein Bild haben wird, das so viele Ebenen wie dieses hat. Sie können sehen, dass sie alle sehr, sehr verschieden sind. Da ich für meinen persönlichen Gebrauch durchmache, mag ich dieses wirklich, aber ich werde es nicht benutzen. Es ist Ausschluss, so wird es die Dinge in einen negativen Blick verwandeln, wie es Unterschied wird. Pin Licht ist interessant. Hartes Licht sieht ziemlich gut aus. Soft Light ist ein wenig enttäuschend, wie Overlay. Overlay ist einer meiner Go-to-Mischmodi, aber hier macht es wirklich nichts viel. Dunklere Farbe ist in Ordnung, aber es nimmt wirklich nur das zentrale Element und nur ein paar Teile der Textur darunter. Aber wenn Sie die Deckkraft dort verringern, können Sie einen interessanten Effekt bekommen. etwas wie eine dunklere Farbe mit einer geringeren Deckkraft kombinieren, könnte dies zwar sparen, aber es ist wahrscheinlich nicht das, was ich verwenden werde. Ich denke, ich werde für eine von diesen wie Linear Burn oder Multiply gehen. Multiplizieren ist immer ein guter Mischmodus, um Details aus den darunter liegenden Ebenen hervorzuheben. Ich werde den Multiplikationsmodus verwenden und in diesem Stadium werde ich dieses Bild als erledigt nennen, weil Sie jetzt die Techniken haben , die Sie verwenden würden, um ein Bild wie dieses zu erstellen. Sie wissen, wie Sie das Element erstellen, aus dem Sie Ihren hud Ring machen werden. Sie wissen, wie man die hud Ringe macht und wie man sie neu dimensioniert, so dass sie perfekt quadratisch sein werden , wenn sie ein wenig länglich aussehen. Sie wissen auch, wie Sie einen Farbverlauf auf eine Form anwenden, und Sie wissen, wie Sie eine Textur erhalten und eine Textur in ein Bild mischen. Ihr Projekt für diese Klasse wird es sein, zu gehen und einen hud Ring selbst zu erstellen. Sie können es so detailliert oder so einfach machen, wie Sie möchten. Sie können Ihr Element mit einer Mini-Collage beenden, wie ich hier getan habe, oder einfach nur Ihre hud Ring für uns zu sehen. Wenn Ihnen diese Episode von Grafikdesign zum Mittagessen gefallen hat, geben Sie ihr bitte einen Daumen hoch. Die Daumen hoch sind wirklich wichtig, weil es anderen Menschen hilft zu sehen, dass dies eine Klasse ist, die sie vielleicht nehmen wollen. Mein Name ist Helen Bradley. Vielen Dank für die Teilnahme an dieser Episode von Graphic Design for Lunch, und ich freue mich darauf, Sie bald in einer kommenden Episode zu sehen.