Erstellen Sie dein eigenes iOS Pack

1. Einführung: Hey, was ist los, alle sind nur hier. Also bin ich ein Designer und Unternehmer aus Großbritannien. Und dies war ein sehr begehrtes Tutorial, wie Sie Ihre eigenen iOS-Symbole zu machen. Seit ich mein eigenes iOS-Icon-Paket veröffentlicht habe, habe ich über $30.000 gemacht und ich habe eine Menge Anfragen von Leuten gefragt wie sie ihre eigenen Icon-Packs machen können und entweder, wie sie ihre eigenen Icons im Allgemeinen machen können. Diese Art von Guide ist eine sehr, sehr schnelle, wie Sie Ihre eigenen machen. Also lasst uns hineingehen. 2. Teil 1 Einrichten: Also fangen wir mit Sigma an. Wenn Sie kein Zahlenkonto haben, melden Sie sich bitte an. Es ist kostenlos, sich anzumelden und es ist kostenlos zu verwenden. Wir machen ein neues Dokument. Und dann machen wir einen Rahmen, indem wir f drücken. Machen Sie einfach einen Rahmen, einen Außenborder, wo wir unsere Symbole machen können. Und was ich zuerst tun möchte, ist, dass ich gerne einen Screenshot von meinem Home-Bildschirm einbringen möchte, um dies zum Beispiel zu bringen. Das ist also derzeit bei der doppelten Auflösung. Wir können das ändern, indem wir auf die Breite gehen, einen Schrägstrich setzen und dann zu Ihnen setzen, und dann werde ich die halbe Breite. Und was wir von hier aus tun, ist, dass diese Symbole einen Grenzradius haben. Also werden wir diesen Grenzradius kopieren. So machen wir ein Rechteck Gebet Drücken r. Machen Sie es um die gleiche Größe wie dieses. Stellen wir sicher, dass das hier drinnen ist. Im Rahmen. Sie sind wie, oh, komm schon. Da gehen wir. Also wollen wir sichergehen. Also werden wir hineinzoomen. Und es ist perfekt aufgereiht. Und dann lassen Sie uns die Breite anpassen, um perfekt zu sein. 9091 ist nicht korrekt. 90 von 91, das sieht nicht meine schlammigen. Wird es um 90, um 90. Das ist also erledigt. Und dann können wir den Radius senken, indem wir in alle anderen Ecken der Form gehen, das herunterbringen und es so nah wie möglich an das iOS-Symbol heranbringen. Ich glaube, das ist nah genug. Jetzt, wo wir das getan haben, können wir das aus dem Weg bringen. Und wir können anfangen, unsere erste Ikone zu machen. 3. Teil 2 Erstelle dein erstes Icon: Mein Icon-Paket war also hauptsächlich schwarze Icons. Also werde ich hier auch schwarze Symbole machen. Also lassen Sie uns tun, die Füllfarbe ist schwarz. Und fangen wir mit etwas Einfaches an. Wenn ich zum Beispiel die Symbole anschaue, die wir hier auf der rechten Seite haben, beginnen wir mit der Erinnerungs-App, die wir hier sehen. Also werde ich einen kleinen Kreis machen. Machen Sie diesen Kreis weiß, glaube ich. Ja, lass es uns weiß machen. Und machen wir es zehn mal zehn. Da gehen wir. Mein Ziel hier ist also nicht, dass die Symbole exakte Repliken dessen sind, was Sie hier sehen. Ich möchte, dass diese Symbole Geist oder Stil und Geschmack für sie haben. Also werde ich für einen monochromatischen Look gehen, wie Sie hier sehen können. Das ist es, was wir tun werden, und wir könnten die Dinge sogar einfacher machen. So hat zum Beispiel die Erinnerungs-App drei Punkte mit den Ringen um sie herum. Vielleicht stecke ich nicht mal die Ringe rein. Also lassen Sie es uns einfach kopieren und einfügen. 12345678. Ja, ich finde, das sieht gut aus. Und dann können wir die zweite oder dritte Form sogar auf acht bewegen. Da gehen wir. Und dann stellen wir sicher, dass es zentriert ist. Schön. Und dann lassen Sie uns eine Zeile setzen. Also würde ich gerne eine Linie mit einem Rechteck einfügen, weil die Linie sein wird, na ja, es ist sowieso im Grunde ein Rechteck. Machen wir es 49. Eigentlich machen wir es etwas kürzer, er Breite. Machen wir es 34 und dann zwei Pixel hoch. Und dann werden wir es weiß machen, wird es mit unserem Kreis senden, 12345678 Jahr. Ich glaube, das funktioniert. Und dann können wir das Gleiche hier machen. Wir haben unsere erste Ikone. Sehr einfach, sehr einfach, wirklich so einfach wie das. Lassen Sie mich, nun, lassen Sie uns GUI in Erinnerungen abrechnen. So jetzt, da wir wissen, dass unsere Reminders App. 4. Teil 3 die Recreate neu erstellen: Als nächstes machen wir den nächsten Schritt, den Sie hier sehen. Also werden wir einfach kopieren und fügen Sie unsere Erinnerungen Icon 1234. So verschieben Sie ein Symbol zehn Pixel jedes Mal, wenn Sie gedrückt halten Shift, und dann drücken Sie die Pfeiltaste nach links oder rechts, und es wird es entlang um zehn Pixel bewegen. Sagen wir, lasst uns dazu bewegen, und lasst uns die Ritter-App machen. Also lasst uns hineinzoomen. Wir haben diesen Schreibtisch gemacht, und dann nehmen wir diese Form hier an. Legen Sie es hier rüber, und wir bringen es, obwohl Erlang, nett. Also hat die WhatsApp irgendwie an der Spitze und dann so von der Spitze des Notizblocks ausgerichtet und es hat zwei Zeilen. Also versuchst du herauszufinden, was hier gut aussehen würde. Vielleicht sollten wir es nicht wirklich vollständig in voller Breite schaffen. Die Linien, ich meine, also haben wir diese gemacht und wir wählen unsere Linie aus. Vielleicht machen wir es jetzt so, dass es 90 Breite ist, lassen Sie es uns um zwei verringern. Lassen Sie uns also die Breite auf 70 reduzieren, zentrieren Sie sie. Und dann lasst uns ja einbringen, weißt du was, ich denke, das kann funktionieren. Und dann werde ich sehen, dass wir drei Zeilen hier haben, jetzt, wo ich kopiert und eingefügt habe. Wir können die Breite zwischen ihnen ändern, indem wir hier zur rechten Seite gehen und sie dann in das ändern, was wir für angemessen halten. Ich denke, 12 sieht gut aus. Ich möchte eigentlich auch die Breite der Icons wieder ändern. Also lasst uns das vielleicht auf 60 runterbringen. Und dann lassen Sie uns zu den Symbolen schicken. Jetzt sind wir eigentlich denken, dass es ziemlich gut aussieht wie eine Notizen-App. Wieder, sehr, sehr einfach. muss nicht kompliziert sein. Ich denke, das ist die Hauptsache. Machen Sie Symbole so einfach, wie Sie möchten, vor allem, wenn Sie zum ersten Mal anfangen, die Symbole zu machen, weil es sehr einfach ist , kompliziert mit Symbolen zu überstehen und wirklich in das Design zu gelangen, weil ich einige Flechtendesigner kenne kann wirklich Stunden nur auf einem Symbol verbringen, wenn Sie zum ersten Mal anfangen, empfehle ich Ihnen, einfach mit Symbolen wie diesen zu beginnen. 5. Teil 4 Erstelle ein Symbol für deine Lieblings-App: Nun, was ist, wenn Sie ein Symbol Ihrer Lieblings-App wie Twitter erstellen möchten? Also, was wir tun werden, ist, dass wir es kopieren werden. Eigentlich brauchen wir einen Namen, auch unsere Ikone. Also lassen Sie uns das nennen, Notizen. Und wir werden diesen einen Twitter nennen. Also, was wir tun ist, suchen wir nach Twitter, Logo, SVG, vielleicht als wahrscheinlich der beste Weg, es zu tun. Wir gehen, um braune Quelle von Epsilon zu tragen, die ich hier habe. Und dann können wir das Twitter-Logo herunterladen. Sobald Sie das Twitter-Logo speichern, gehen Sie zurück zu Ihrem FISMA fallen wollen, werden diese Zeilen hier schnell Bereich entfernen. Und dann können wir die SVG-Datei hier ziehen. Sobald Sie einen Drag haben, ist Dan ziemlich groß, definitiv viel zu groß, um auf das eigentliche Symbol selbst zu passen. Und Sie können auch sehen, dass die Twitter SVG tatsächlich zwei Formen hat und ihren Abstand um das eigentliche Twitter-Symbol. Damit wir diese Form entfernen können. Wir können das Twitter-Symbol hier nehmen und es in unser Twitter-Symbol ziehen. Und dann können wir die Größe ändern. Oh, ich ändere die Größe der ganzen Form. Wir brauchen eigentlich nur die Größe des Vektors zu ändern. Wenn es nun darum geht, wie groß das eigentliche Twitter-Symbol relativ zum Icon sein sollte, liegt das ganz bei Ihnen. Aber was ich empfehle, ist, wenn Sie Formen wie diese haben, wie das Twitter-Symbol, und Sie werden mehr Symbole, die in der Mitte des Symbols selbst sind, versuchen, auf die gleiche Breite und Höhe relativ zu halten, so dass wir wissen, dass unsere Ikone 90 mal 90 ist. Ändern wir die Breite dieses kleinen Symbols auf vielleicht 48, zum Beispiel. Eigentlich müssen wir sie verknüpfen, damit wir sicherstellen müssen, dass die Proportionen eingeschränkt sind. Du drückst den Knopf hier, um das zu tun. Aber ja, ändern wir das auf 48. Und wir können zentrieren, wird es auch die Farbe der es ändern. Und ja, ich denke, das sieht ziemlich gut aus wie ein Twitter-Symbol. Jetzt können wir sehen, die Höhe und die Breite davon ist anders. Aber solange wir an einem relativen Hoch von 48 und einer relativen Breite bis 48 halten, je nachdem, welche Seite die längste ist. Ich denke, das ist ein guter Weg, um sicherzustellen, dass alle Ihre Symbole proportional aussehen und Sie erhalten eine Art zusammenhängender und konsistenter Blick zwischen ihnen. 6. Teil 5 die Message-Symbole erstellen: Warum machen wir nicht das Nachrichten-Symbol als nächstes. Also lasst uns das hier kopieren. Ich bringe IVR. Und wir machen die Nachrichten, die ich bekommen habe. Also werden wir das 2s Symbol darin löschen, wird unsere Gruppe umbenennen. Also, was wir heute tun, ist, dass wir einen Kreis einfügen. Also können wir das tun, indem wir hier rauf gehen, oder wir drücken einfach auf die Tastatur. Ich hatte einen Kerl. Und dann lassen Sie uns Gitter-Symbol machen. Also werde ich hier sehr hart. Also versuche ich nur, mehr Beine herauszufinden, oder? Und dann werden wir einen Vektor einbringen. Also verwenden wir hier das Stift-Werkzeug, das Sie sehen können und dann, was wir tun werden, ist, dass wir eine Form wie diese machen. Oh, tut mir leid, du bist verbunden. Aber unsere Form hat offensichtlich nur einen Streik. Wir müssen es wirklich füllen. Also haben wir den Streik entfernt und geben ihm eine Füllung. Da sind wir. Wir sind eigentlich schon ziemlich Modul da. Also, was wir tun, ist, dass wir diese beiden Formen nehmen und sie zu einer machen. Also gehen wir hier hoch und Sie können Gewerkschaftsauswahl machen und ich mache die Form zu einem. Dann können wir die Farbe von es zu y ändern. Jetzt sind wir, das ist unsere Maschen-Symbol sehr schnell und einfach gemacht. 7. Teil 6 Export: Um Ihre Icons zu exportieren, wählen Sie einfach jedes aus. So wie so. Sie gehen zu Plus beim Export. Normalerweise exportiere ich sie mit recht hohen Auflösungen. Also lass uns vier Mal machen. Und dann können Sie PNGs einfach am besten funktionieren. Sie exportieren vier Ebenen und speichern sie dann einfach, wo immer Sie möchten. Und es ist wirklich so einfach wie das. Sie können im Grunde über alle Symbole, alle Lieblings-Ikonen des Urins gehen und sie kopieren. Verwenden Sie einfach Vektorwerkzeuge und Formwerkzeuge, um sie so viel zu kopieren, wie Sie möchten. Und Sie können auch Markenlogos wie Facebook, Twitter, Tesla, andere Logos aus dem Internet bekommen . Drag & Drop ändern Sie nicht die Farbe von ihnen, setzen Sie sie oben auf das Symbol. Und das ist so ziemlich es. Natürlich. Es braucht Zeit und das ist die Hauptsache. Es dauert ein paar Stunden, um alle Symbole für alle Ihre Lieblings-Apps zu erstellen. Aber mit der Zeit kannst du es tun und du kannst was Glück haben. Also ich hoffe, ihr habt dieses Tutorial genossen und vielen Dank für das Anschauen.