Icon-Design: So gestaltest du deine eigene Icon-Sammlung für die Reise

1. Einführung: in dieser Klasse. Ich werde durch meinen gesamten Prozess der Gestaltung und Icon-Set gehen, von meinem ersten Denkprozess und Kommissionierung alles auf Tipps und Tricks, um Ihren Designprozess schneller und einfacher für Sie zu machen . Ich hoffe, Sie genießen die Klasse. Lasst uns loslegen. 2. Ideenprozess: Ich habe einen kostenlosen Bonus für dich zum Download erstellt, Phil. Frei, um es auszudrucken und Sie können irgendwie mitgehen. Teoh, helfen Sie, Ihr Icon-Set zu gestalten. Ähm , hier sind die Schritte, um eine zu entwerfen. Zuerst müssen Sie sich für ein Thema für meins entscheiden. Ich entschied mich für Reisen, und ich wollte einen meiner Lieblingsorte machen, um zu reisen, und das ist Schottland. Das nächste, was Sie tun müssen, ist zu kommen, welchen Stil Sie möchten, dass Ihr Symbol in voller Farbe ist. Viele Male, Menschen werden dio Onley eine Farbe O r. Zwei Farben im Wesentlichen und dann eine andere wirklich beliebt wäre Ihre Linie Stil für meins . Ich wollte volle Farbe zu machen, und schließlich müssen Sie einfach anfangen, einige Ideen zu notieren, um mit Ihrem Thema zu gehen. Weil meins Schottland war. Ich habe ein paar Dinge von meiner Reise notiert. Also ein Auto, weil wir durch Schottland gefahren sind, die Berge, weil das Hochland war mein absoluter Favorit Teil Schottlands. , Zusammen mit Dingen,für die sie berühmt sind, wie ein Kilt auf Haggis und Whisky und Blatt eso habe ich alles notiert und dann, wenn du das alles hast, musst du anfangen, es einzuengen. Ich wollte fünf Symbole machen, also habe ich meine Liste auf fünf beschränkt. Sobald Sie also eine eigene Liste haben, erstellen Sie bitte ein Projekt mit Symbolen, die Sie erstellt haben, und fügen Sie Ihren gesamten Prozess damit ein. Wenn Sie also ausdrucken, würde sie sicherstellen, dass Sie ein Bild beifügen, damit wir alle sehen können, wie Sie Ihre Entwürfe im nächsten Video ausgedacht haben. Ich werde durch die Gestaltung jedes meiner Symbole gehen, und ich werde viele meiner Lieblings-kleinen Tipps bei der Gestaltung. 3. Symbole entwerfen: beim Erstellen von Symbolen. Ich habe gerne ein separates Artboard für jedes einzelne Icon, um dies zu tun, gehen Sie einfach zur Datei neu. Ich mache das bei 300 Pixeln, weil sie für den Bildschirm sind. Ich habe RGB und dann für Kunstboards ausgewählt. Ich habe fünf ausgewählt, weil ich fünf für das Set mache. Klicken Sie einfach auf Erstellen. Ich schließe, weil ich es bereits erstellt habe und ich eine ziemlich einfache Farbpalette ausgedacht habe, und das sind Farben, die ich verwenden möchte, und ich werde auch Zelte dieser Farben verwenden, und ich möchte sie in meine -Farbfelder, bei denen alle ausgewählt sind. Gehen Sie zu Mustern. Wenn Sie das nicht sehen, gehen Sie zum Fenster und Farbfelder. Klicken Sie auf einen Ordner, der die neue Farbgruppe darstellt. Ich habe Kunstwerke ausgewählt. Ich möchte Prozess zu globalen konvertieren und umfasst Uhren für angespannt. Also okay, und nur damit ich nicht von allen Auswahlen überwältigt werde, werde ich eine kürzlich andere Farbe auswählen und löschen Sie sie von dieser Uhr ist so, wie Sie nur mit den Farben, die Sie verwenden möchten, und jetzt können Sie die auf dem Artboard angezeigten Dateien löschen. Ich habe meinen Icon-Stil gewählt, um mehrere Farben Art von flachen Design-Stil zu sein, und ich möchte, dass sie in einem Kreis als zahniges Quadrat oder abgerundetes Quadrat sein. Um mit Ihrem Kreis zu beginnen, können Sie eine beliebige klare wählen, die Sie möchten, und das erste, was ich tun möchte, ist, den Pass zu machen, um das Rechteck-Werkzeug oder M auf Ihrer Tastatur auszuwählen , ein Rechteck zu machen, und dann werde ich diese Ecken in letzter Zeit umrunden, also werde ich nur an diesem Kreis heranziehen, und dann werde ich das in Blau ändern. Und es ist nur, weil ich in den USA lebe und mein Pass Marine ist und wieder zum Farbführer gehe . Wenn Sie das nicht sehen, gehen Sie zum Fenster und Farbguide und ich werde nur ein Zelt auswählen, das dunkler ist. die Ellipse Tour L auf Ihrer Tastatur, und ich werde das auf einen weißen Strich umschalten und die Strichgröße noch einmal erhöhen. Wenn Sie keinen Strich sehen, wechseln Sie zum Fenster und Strich. Also mag ich den 10-Pixel-Strich, und ich erschaffe gerade diese einfache Art von Symbol für die Welt, das ist der Kreis mit ein paar Zeilen, nur weil jedes einzelne Land einen anderen Stil für den Pass hat . Das ist also ein einfacherer Weg, um einen globaleren aussehenden zu haben . Ich werde das Liniensegment auswählen und eine Linie für die Mitte erstellen könnte sicherstellen dass es nicht überlappt, dass andere Strichkopie und fügen Sie dies vor, indem Sie den Befehl C-Befehl F verwenden und dann drehen, so dass es irgendwie macht, dass X und dann greifen das Ellipsenwerkzeug noch einmal. Stellen Sie sicher, dass es nicht nach dem Strich der ersten Ellipse kommt und Sie können eine weitere machen und das ändern. Also geht es auf halbem Weg dazwischen. Okay, also bin ich glücklich damit. Ich werde jede einzelne der Ellipsen und diese Linien auswählen und einfach voran gehen und Strope erweitern, indem ich zum Objekt gehe. Erweitern Sie Phil und Schlaganfall getroffen, okay. Und ich möchte das nur zu einem kombinieren, also gehen Sie zu Ihrem Pathfinder-Panel. Wenn Sie es nicht sehen, gehen Sie zu Fenster und Pathfinder und verwenden Sie die allererste Option, die die Option Unite ist. Und es hat jetzt ein Objekt für Sie erstellt, so dass Sie wählen können, geben und Pass. Oder Sie könnten sogar eine quiggly Zeile tun, die Text darstellt. Und ich kaufe mit diesem Kampf. Also werde ich nur gehen, um zu tippen und Umrisse zu erstellen. Gruppieren Sie diese zusammen und so dass es passt in die erste sind nicht Board. Ich will zu dieser Kunsttafel gehen. Verringern Sie die Größe und stellen Sie sicher, dass es auf jeder Seite die Kante trifft. Und Sie haben das Symbol Nummer eins fertig. Schnappen Sie sich das Ellipsen-Tool und jetzt werde ich eine Flagge erstellen. einmal erstellt das Rechteck-Werkzeug ein Rechteck. Die schottische Flagge ist blau mit einer Art wie ein weißes X. Also werde ich nur das Rechteck-Werkzeug für jedes einzelne Stück dieser Kopie verwenden und mit dem Befehl C halb-Option vorne einfügen . Ich werde die beiden weißen Rechtecke wieder mit der Option Unite kombinieren, und dann werde ich auch diesen blauen Hintergrund auswählen, und das ist einer meiner Lieblingstipps. Wenn Sie es noch nicht verwendet haben, das Shape Builder Werkzeug Halten Sie die Option gedrückt. Sie sehen, dass der Cursor auf ein Minuszeichen umgeschaltet ist, und alles, was Sie tun müssen, ist über jeden dieser Stücke zu laufen, die Sie löschen möchten. Und es ist ein einfaches ist, dass und Sie haben eine Flagge. Und ich mag es, diese Form-Builder-Option im Gegensatz zur Verwendung des Pathfinder-Tools zu verwenden. Nur für mich. Es ist schneller, und er ist, weil ich nicht in die UN-Gruppe gehen muss, löschen Sie die Stücke und dann gruppieren alles wieder zusammen, weil es schon für mich getan ist. Also möchte ich, dass diese Flagge leicht im Wind winkt, also werde ich gehen, um Krieg und Flagge zu bewirken . Und dann ist es eine harte, die Option, die ich will, das ist 5%. Sie können ein höheres Dio, aber es wird ein wenig zu verzogen aussehen. Sun wird die Schulden wieder auf 5% zurückgehen und okay, denn ich bin fertig, das zu bearbeiten. Ich möchte voran gehen und diese Erscheinung erweitern. So Objekt erweitern Aussehen wird seine Augen leicht verringern, mit dem erektilen Werkzeug wieder, gehen, um einen Fahnenmast und dann die Ellipse Werkzeug für die Oberseite des Fahnenmast zu machen und diese kombiniert . Und Sie können immer ein wenig mehr Details zu diesem Fahnenmast hinzufügen, was ich mit dem Stift-Werkzeug tun werde. Ich möchte ein wenig Glanz hinzufügen, auch, dass ein Lippenteil und ich werde diesen Schlaganfall zu erhöhen. Ändern Sie die Kappe um Cat. Und ich möchte eigentlich ein helleres Grau für diesen Strich und möchte dann mit dem Breitenwerkzeug mit dem Breitenwerkzeugauf die Mitte klicken und vergrößern. Also gefällt mir das. Und dann werde ich ein Rechteck in der gleichen Farbe am Fahnenmast runter bringen, und ich denke, ich bin damit fertig. Also werde ich all dies noch einmal auswählen, indem ich die Form des Builders, indem ich die Form des Builders, Werkzeugs und die gedrückte Option verwende. Ich werde nur beide überfahren, und jetzt sind sie weg. Das nächste, was ich kreieren möchte, ist eine Flasche Whisky. Eines der ersten Dinge, die ich getan habe, als ich nach Schottland kam, war, zu dem Scotch Whisky Erlebnis in Edinburgh zu gehen , und es hat wirklich Spaß gemacht. Aber ich habe auch gelernt, dass ich kein solcher Fan von Scotch Whisky bin. Ah, also ihr Jungs, um loszulegen, verwendet das Rechteck-Werkzeug oder M auf eurer Tastatur gehen, um zu wählen. Er oben zwei dieser Kreise gedrückt halten Shift, so dass es nur diese beiden wirklich um die Spitze davon wählt und dann saugt die unteren zwei und etwas um diejenigen, die ich das Ellipse-Werkzeug verwenden möchte . Erstellen Sie einen abgerundeten Hals für diese Flasche. Unsicherheit geht zurück auf das Rechteck-Werkzeug Zoomen Sie mit Befehl und dem Pluszeichen um dieses Rechteck und ich werde das Stift-Werkzeug verwenden, um eine große Art wie ein Stopper für die Flasche. Angenommen, zurück mit Befehl und dem Minuszeichen. Wählen Sie die drei Teile für die Flasche aus und vereinen Sie diese. Ich werde weiß für diese Flasche verwenden, um den Opazitätsbefehl zu verringern. Sehen Sie, im Befehl F werde ich zu dieser Art wie einer orangefarbenen Farbe wechseln und diese Kapazität wieder auf 100% ändern. Und ich möchte diese Größe einbringen. Okay, also mag ich, dass ich den Whisky haben werde, als ob er teilweise leer wäre. Also was? Das Rechteck-Werkzeug. Ich werde das nur überlappen. Wählen Sie beide Teile aus. Also das Rechteck und was ist dann der Whisky auf der Innenseite? und das Pathfinder-Tool Gehe zu minus vorne. Du bist mit dem Whisky übrig. Also Befehl in der linken Klammer und es wird platziert, dass hinter dem Glas können Sie immer rechten Maustaste auf einen Bereich klicken. Senden Sie rückwärts Ton wird ein Etikett für den Whisky zu machen. Ich werde zwischen dem Rechteck und dem Ellipsenhocker gehen, vereinigen, thes, thes, und dann dieses Form-Builder-Tool verwenden. Also möchte ich einige Details zu der Flasche hinzufügen. Also werde ich nur das Stift-Werkzeug verwenden und entlang der Form dieses Etiketts folgen. Jetzt, da ich das Top erstellt habe, wollte ich auch auf der Unterseite passen. Gehe zum Objekt. Transformieren, reflektieren. Ich möchte, dass das horizontal in der Vorschau angezeigt wird und die Verschiebung nach unten nach unten gezogen weil Sie sehen können, dass die Oberseite dieses Labels ein wenig höher ist als die Unterseite. Also mit einem wählen Sie die Punkte und positionieren Sie sie neu. Also werde ich nur den Blob-Pinsel verwenden, wie ich mit dem Pass erwähnt habe, Sie können eine Art von zerquetschten Linien machen, und die Art von ist ein Platzhalter für Text. Es sieht einfach so aus, als ob jemand zu weiß wechselt. Ich füge nur ein paar verrückte Linien hinzu und Sie können mit dem Stift-Werkzeug oder der Blutbürste fortfahren, um die Highlights zu machen , wie wir es auf dem Fahnenmast getan haben. Eigentlich gehe ich einfach rein. Da ich den schwarzen Pinsel verwende und es damit mache, möchte ich diese vier Teile auswählen und diese Kapazitätsgruppe nur verringern, die zusammen. Und jetzt werde ich das Stift-Werkzeug verwenden, um ein Glas zu erstellen. Also, Shift für eine gerade Linie zu halten, ist es gerade nach unten zu sein. Ich werde es bringen und etwas unten. Wie Sie sehen können,hat diese eine Seite mehr einen Winkel. Wie Sie sehen können, Also nur mit diesem Nein, Tuller bin eine Tastatur, die in die andere Seite bringen wird. Ich möchte, dass das mit dem Whisky eine Flasche an der Seite passt. Also ich, die das Pipettenwerkzeug aufruft, um diese Flasche auszuwählen und es dupliziert, oder es passt zu dieser Farbe und Kapazität Kopieren und Einfügen hinter, was Befehl C Command ist. Was sein? Die Farbe des Whiskys. wieder rein, Bringen Sie daswieder rein,wie wir es mit der Flasche getan haben. Eigentlich möchten, dass dieses Glas einige abgerundete Kanten hat, so wählen Sie eine auf Ihrer Tastatur. Ich gehe nur runter. Da sind leicht Kanten. Wenn Sie Eiswürfel nur ein Quadrat machen möchten, kopieren Sie diesen Stil des Glases. Gruppieren Sie sie zusammen und platzieren Sie in Ihrem Like auf. Also der nächste, den ich machen werde, ist der Kilt. Also, das zu tun, tötete Unterstreichungen, um mit dem Z auf diesem letzten Kunstbrett zu zoomen. Und ich möchte das Karomuster oder Tartan Muster machen. Das erste, was ich tun werde, spielt keine Rolle, ob es größer ist als das Kunstbrett. Möchten Sie den Bildschirm und eine weiße verwenden, und ich möchte diese Kapazität verringern. Ich möchte in einigen verschiedenen Farben hinzufügen. Ich werde das Rot machen. Ich möchte auch die Stelle oder zwei von diesem Gelb machen, was wirklich hell ist. Also möchte ich in den Farbguide gehen und das Zelt davon und all die Stücke, die Sie bereits erstellt haben, geändert haben. Abgesehen von diesem grünen Hintergrund, können Sie diejenigen gruppieren, so Befehl G und dann kopieren und einfügen in Frankreich oder kommen in, siehe Befehl F und dann halten Chef, drehen Sie einfach 90 Grad. Wir sind alle ein bisschen hell für mich, also werde ich die Kapazität für jedes einzelne Stück auf 60% ändern. Das ist besser. Jetzt mit der rechteckigen Tour, ähm, ausgewählt. Klicken Sie einfach einmal auf dem Kunstbrett nach unten, und ich kenne diese Flughäfen oder 300 Pixel. Also werde ich nur ein 300-Pixel-Quadrat und das Ausrichten-Panel machen. Wenn Sie es nicht sehen, gehen Sie zum Fenster in dieser Zeile. Wenn Sie nicht sehen, die Verteilung Abstand und eine Linie zu gehen, um das Menü sollte zeigen Optionen und dann in der A-Linie, um sicherzustellen, dass Sie eine Linie Toe Art Board ausgewählt horizontal ausrichten und vertikale Verbündeten in und ändern Sie dann die Füllfarbe in nichts. Wählen Sie alles aus und drücken Sie dann Befehl um sieben. Und das erzeugt eine Clipping-Maske. Gehen Sie zu Objektmuster und machen Seufzer Fliese Toe Kunst. Speichern Sie eine Kopie und Sie sind fertig, da Sie das Muster bereits erstellt haben. Löschen Sie das einfach. Also werde ich das Stiftwerkzeug wieder verwenden. Wir können genau den gleichen Stil für den Krieg. Das Glas aber auf dem Kopf so gerade Linie größer auf dem Boden und im Moment hat keine Füllung ihren Strich. Gehen Sie einfach zu Ihren Farbfeldern und wählen Sie den Tartan aus, den Sie erstellt haben, weil dieser kleiner sein wird . Ich werde gehen, um zu transformieren und zu skalieren un ausgewählte Transformationsobjekte und in der Uniform möchte ich dies tatsächlich größer machen und ich mag das. Also einfach in Ordnung. Und jetzt werde ich kopieren und einfügen hinter. Und ich auch Sie wissen, dass ich das angepasst habe. Möglicherweise müssen Sie die Größe verringern, damit sie in diesem ersten Teil nicht größer ist. Ich möchte dieses Muster so drehen, bis zu Objekt, Transformieren und wieder drehen un wählen, transformieren, Objekt und klicken. OK, wenn Sie möchten, dass dies etwas schattierter aussieht, Alles, was Sie tun müssen, ist Befehl Siehe Befehl nach dem Kopieren und Einfügen, Wechseln Sie zu dieser grauen Farbe und verringern Sie dann den A-Durchgang Verschieben zu Gruppe thes Befehl Copy Command Tempo hinter ein Commune C Befehl sein Schnappen Sie diese beiden auf der Seite. Gruppieren Sie sie zusammen. Also Befehl G oder Rechtsklick und Gruppe gehen bis zum Objekt. Transform reflektieren Dieses Mal wollte ich vertikal reflektieren und kopieren und dann halten Chef, bringen Sie einfach die in der Gruppe alle zusammen und dann möchte ich den Gürtel machen. Haben alle diese noch einmal mit dem Form-Builder-Werkzeug, das ich wie die Schnalle machen möchte . Das allerletzte Symbol, das ich erschaffen werde, sind Berge. Einige meiner Lieblingsorte in Schottland waren in, wie die Glencoe und ich werde ein Himmelsgebiet. Es war einfach absolut atemberaubend. Die Berge und die Hügel von Schottland sind wunderschön. Also mit dem Sternwerkzeug, machen Sie den Stern. Wenn Sie die Nach-unten-Taste gedrückt halten, können Sie ein Dreieck erstellen. Ich werde nur Schicht halten die graue Farbe machen. Ich werde eine abgerundete Kanten an jeder der Ecken machen. Es ist irgendwie schwer zu sehen, wegen des Hintergrunds. Also gehe ich zu dem Symbol, und Sie können wählen, den nächsten Schritt mit einem Stift-Werkzeug oder mit dem Blob-Pinsel zu tun. Ich werde nur die Blutbürste benutzen und auf die weiße Farbe wechseln und irgendwie wie einen Schneepegel machen . Und Sie können all das in sich selbst färben. Oder Sie können das gerade Builder-Werkzeug verwenden. Schnappen Sie sich beide zusammen. Hm. Verwenden Sie den Berg noch einmal auf dem Form-Builder-Werkzeug und Sie haben eine Melton-Halteoption die alle dupliziert werden können. Greifen Sie alles noch einmal Form, Builder, Werkzeug-Option. Und das sind die letzten fünf Symbole für meine Reisesets. Für Schottland können Sie immer hineingehen und weitere Details wie einen Rahmen für jedes der Symbole hinzufügen. Sie könnten sogar einige lange Schatten auf jedem der Stücke machen. Also, zum Beispiel, ich werde dieses Gelb kopieren, also kommen Sie rein und sehen Sie Befehl F Rechtsklick. Anordnen und nach vorne bringen, um dies zu einer helleren Farbe für den Strich zu wechseln. Erhöhen Sie diesen Schlaganfall Gewicht, aber ziemlich viel tun 25 und gehen Sie zu einem Linienstrich und innen. Eigentlich werde ich das verringern. Versuchen wir es mit 18, damit Sie diese Grenze an jedem einzelnen von ihnen haben können. Also, zum Beispiel noch einmal, wenn ich das Rot machen wollte, so gibt es das Beispiel. Wenn Sie die Grenze auf jedem wollten, können Sie mit den Farben herumspielen, vielleicht wollen ihn dunkler im Gegensatz zu dem Feuerzeug, und Sie können ändern, wie jeder aussieht. Zum größten Teil sieht dieser gut aus. mit Ausnahme der Flagge. Wenn Sie jede dieser vier Zellen auf ähnliche Orte wie Creative Market exportieren möchten so wie ich es am besten gefunden habe, wählen Sie jede einzelne aus. Wechseln Sie zur Dateiexportauswahl. Haben Sie erstere als PNG, weil ich keinen Hintergrund zu diesen hinzufügen möchte, und Sie können sie qualifiziert haben, so dass zweimal die Größe, die 600 Pixel sein würde, es genau die gleiche Größe behalten können . Du könntest es sogar verringern. Wir sind geändert die Auflösung für diese exportieren Sie das Asset und es legt sie in einen Ordner und dann können Sie sie verpacken und hochladen Sie sie für sich selbst. 4. Projekt: Ich hoffe, Sie haben die Klasse genossen und haben auf dem Weg viele gute Tipps und Tricks gelernt. Wenn Sie diese Klasse nützlich finden, bitte geben Sie mir ein Like auch, bitte teilen Sie ein Projekt mit mir basierend auf Ihrem Lieblings-Reiseort. Ich würde absolut gerne sehen, dass es etwas spielt. Nein, wenn Sie Fragen oder Kommentare unten haben. Nochmals vielen Dank, Jungs.