App-Symbole: Kombinieren von einfachen Formen in der Skizze zum Neuerstellen des neuen Logo von Instagram | Martin Sitar | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

App-Symbole: Kombinieren von einfachen Formen in der Skizze zum Neuerstellen des neuen Logo von Instagram

teacher avatar Martin Sitar, Product Designer at Shopify

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

5 Einheiten (22 Min.)
    • 1. Kurs-Einführung

      0:34
    • 2. Erstellen der Basisschichten

      6:46
    • 3. Kombinieren und Subtracting von Formen

      2:30
    • 4. Kreative Icon Hintergründe

      6:37
    • 5. Exportieren deiner Symbole

      5:14
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

157

Teilnehmer:innen

2

Projekte

Über diesen Kurs

In diesem kurzen Kurs zeige ich dir, wie du in Sketch 3 grundlegende Formen verwendest, um ein App-Symbol genau wie Instagram zu erstellen. Du lernst die Grundlagen von Skizze und kannst anwenden, was du lernst, um deine eigenen benutzerdefinierten Formen, Symbole und Logos zu erstellen. Dieser einfach zu befolgen Kurs ist perfekt für alle, die Skizze lernen und ihre Ideen und Konzepte in schöne Designs verwandeln möchten.

Wenn du nach einer Ikone Inspiration suchst oder mit einem fertigen Icon beginnen möchtest, kannst du mein kostenloses Ikone Pack hier herunterladen, fühle dich frei, es zu benutzen, wie du möchtest.

Dies sind die Farben, in denen ich für meinen app verwendet habe:

  • Gelb: #FCC658
  • Orange: #F46B26
  • Blau: #485BD2
  • Purpur: #B129AE
  • Pink: #DB2471

Triff deine:n Kursleiter:in

Teacher Profile Image

Martin Sitar

Product Designer at Shopify

Kursleiter:in

Hi, my name is Martin Sitar and I'm a designer based in Toronto, Canada. My passion is building products that enrich people's lives in a meaningful way. Over the past few years, I've been lucky enough to work on a product that has changed the way people work on a global scale. In my spare time I love designing and building apps, sharing with the design community, and I always love picking up new skills.

Check out my portfolio, and follow me on Dribbble.

Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Kurs-Einführung: Hi, ich bin Martin Satar. Und in dieser Klasse werde ich Ihnen zeigen, wie Sie grundlegende Formen und Skizzen verwenden, um ein APP-Symbol zu erstellen, das ähnlich ist. Dann haben Sie Instagram-Logo. Sie können die Fähigkeiten, die Sie in dieser Klasse lernen, anwenden, um Ihre eigenen benutzerdefinierten Formen, Symboleund Logos für das Klassenprojekt zu erstellen Formen, Symbole . Du brauchst eine Idee für eine Nikon und etwa fünf Stunden, mit denen du arbeiten möchtest. Ja, ich werde dieses Kamera-Icon von Sketched out erstellen, und ich werde diese Farben verwenden, die uns ähnlich sind. Große Ressource, die ich gerne für Farbschemata verwenden, ist kühler Stop CO. Hier können Sie großartige Farbpaletten erzeugen, indem Sie einfach die Leertaste drücken. Also lasst uns loslegen und sicher sein, dass Strike in das Klassenprojekt kommt. Ich kann es kaum erwarten zu sehen, was du dir einfällt. 2. Erstellen der Basisschichten: Es ist immer hilfreich, sich an Ihr Symbol in Bezug auf grundlegende Formen zu denken. Für das Kamera-Symbol haben wir Quadrat ein Rechteck und drei Kreise. Es ist eine leere Skizzendatei geöffnet. Lassen Sie uns beginnen, indem Sie die Formen erstellen, aus denen unser Symbol besteht. Das Symbol, das wir heute erstellen, hat eine quadratische Form. Also werden wir voran gehen und ein Quadrat auf die Leinwand ziehen. Ich gehe zum Einfügemenü, gehe nach unten zur Form und wähle Regie aus. Sie können Shapes auf der Leinwand zeichnen, indem Sie klicken und ziehen. Wenn Sie eine perfekt proportionale Form wie ein Quadrat machen möchten, können Sie alte Verschiebung und Skizze automatisch angepasste Proportionen, um perfekte Form fallen zu lassen. Sie könnten auch nur die Größe im Inspektor hier durch Eingabe und Werte. Also für mein Symbol werde ich Werte von 300 mal 300 eingeben. Jetzt hat das Symbol, das wir erstellen, abgerundete Ecken. Also werde ich nur den Radius der Ecken, indem ich meine Form auswähle. Und dann gibt es einen Radius-Schieberegler hier drüben im Inspektor, und ich trinke das nach rechts. Sie können auch auf benutzerdefinierten Wert tippen, wenn Sie einen bestimmten Wert im Auge haben. Also für dieses Symbol, Ich mag Ecke Radius von 45. Also werde ich voran gehen und geben Sie 45 Treffer ein. Geben Sie ein. Sie werden feststellen, dass Formen und Skizzen zustimmen. Füllen Sie einen dunkelgrauen Rand aus. Wir werden eigentlich nicht die Grenze in diesem Tutorial verwenden. Wir gehen weiter und machen das aus. Ich werde das tun, indem ich die Form auswähle und dann sein Häkchen direkt neben der Rahmenfarbe überprüft . Also jetzt deaktiviert dies die Grenze. Sie können sehen, dass dieses Rechteck keinen Rahmen darauf angewendet hat. Das Letzte, was wir tun werden, ist, diese Datei zu speichern. Perfekt. Unser Symbol hat diesen leeren Bereich in der Mitte, und alles, was ist nur eine andere Form, die von unserer ursprünglichen Basisschicht subtrahiert wurde, die dieses Quadrat ist. Also werde ich weitermachen und dieses zweite Rechteck erstellen. Und um das zu tun, werde ich den ursprünglichen quadratischen Trefferbefehl auswählen, siehe, zu kopieren und Befehl V zum Einfügen. Jetzt haben wir das Quadrat über sich selbst eingefügt und Sie können sehen, dass eine neue Ebene hier für uns kurz vor dem Original erstellt wurde . Ich werde gehen und die Farbe ändern, um es einfacher zu sehen, was passiert, so geändert, um zu lesen. Und jetzt werde ich dieses Quadrat so skalieren, dass es etwas kleiner ist. Und ich werde das tun, indem ich die Werte im Inspektor genau hier eingippe, was es 235 von 235 gemacht hat. Und weil unsere Proportionen hier gesperrt sind, sobald ich den Wert für die mit und drücken Sie eingeben, wird das Quadrat in der Größe geändert. Ich werde das in der Mitte unseres ursprünglichen Platzes positionieren. Nein, tun Sie das einfach, indem Sie Skizzen, Layoutund Werkzeuge ziehen und dann verwenden , Layout . Es hilft uns, die Form innerhalb der anderen Form zu zentrieren. Perfekt. Unsere ursprüngliche Ikone hat abgerundete Ecken unten und spitze Ecken oben. Wenn Sie eine Form und eine Skizze schnell verdoppeln, können Sie damit die einzelnen Punkte für diese Form bearbeiten. Also werde ich voran gehen und die beiden obersten Punkte auswählen. Also war ich wie, die 1. 1 halten Shift und wählen Sie die 2. 1 Ich werde den Eckenradius Schieberegler den ganzen Weg nach unten auf Null bringen , und das gibt uns die scharfen Ecken, die wir wollen. Nun ist diese innere Form in unserer Ikone eigentlich ein Rechteck. Also werde ich auch schnell voran gehen und das ein bisschen irgendwo um die Mitte ziehen . Ich bin irgendwo genau da. Perfekt. Nun, das letzte, was ich mit der Form tun möchte, ist, den Radius dieser unteren Ecken hier anzupassen. Nur so passt es etwas schöner zum Außenradius des Außenviertels. Wieder mal. Auch, wie beide dieser Punkte, ich wähle die 1. 1 halten Shift und wähle die 2. 1 Und ich werde nur den Eckenradius Wert auf 25. Perfekt. Nun, um die Transformation auf diese Form anzuwenden, können Sie entweder drücken, entkommen oder einfach nur die Schaltfläche Bearbeiten beenden hier oben. Als nächstes werde ich das Objektiv für ein Kamera-Symbol erstellen. Und wir werden das tun, indem wir ein paar Kreise kreieren, die das repräsentieren werden. Also gehen wir hier zum Einfügemenü, gehen Sie zu Form und wählen Sie das Oval Tool aus. Ich werde Kreis innerhalb des Quadrats zeichnen, jemand, der das durch Klicken, Ziehen und Halten Shift genau so zu tun . Das sieht ziemlich gut aus. Ich werde das in die Mitte ziehen, so dass ich die Grenze abschalten werde ,die , Farbe in Orange ändern werde. Nein, ich will eigentlich nicht, dass das perfekt in der Mitte ist, also wähle ich meine Form aus und wähle den Kreis aus. Und was du in Skizzen tun kannst kannst du Formen um ein Pixel verschieben, indem du die Cherokees und 10 verwendest. Pixel, wenn Sie die Umschalttaste gedrückt halten und dann die Lufttasten drücken. Also werde ich Shift halten und nur einmal die Pfeiltaste nach unten drücken. Großartig. Jetzt werde ich das Innere dieser Leitungen erschaffen, damit ich diese Form dupliziere wie, Mann. Sehen Sie, und dann befehlen Sie V, und ich werde die Farbe dieses Kreises in Blau ändern. Nun, ich werde das etwas nach unten skalieren, und ich möchte, dass der Unterschied zwischen dem blauen und orangefarbenen Kreis ungefähr der Unterschied zwischen dem Quadrat und dem Rechteck hier ist. Also wähle ich diese Ecken aus, und während wir Shift halten, ziehen wir, um das so kleiner zu machen. Ich werde es in der Mitte des orangefarbenen Kreises positionieren, und Sie können Skizzen sehen, die mir mit diesen Guides helfen. Aber ich bin noch nicht ganz da, also werde ich diese Platte einfach etwas kleiner machen. Genau wie das auf Das sieht ziemlich gut aus. Ich bin damit zufrieden. Nun, der letzte letzte Schliff, den ich diesem Symbol hinzufügen möchte, ist, das Fenster vom Blitz hier oben zu setzen . Also werde ich in einem Kreis behandelt und ich werde die O Abkürzung treffen, um das ovale Werkzeug zu bekommen. Es wird einfach so einen kleinen Kreis zeichnen. Und das wird das Fenster dort darstellen. Ich schalte den Rahmen aus, ändere die Farbe in Grün und positioniere einfach in der oberen rechten Ecke, wo ich es will. Genau so. Jemand dort ist perfekt. Großartig. Nun, kurz bevor wir anfangen, diese Formen zu subtrahieren und zu kombinieren, um unser Symbol zu erstellen, möchte ich die Ebenen benennen. Und das wird es einfacher machen, wenn Sie mit all den verschiedenen Ebenen arbeiten, um den Überblick zu behalten, was was ist. Also werde ich die Basisschicht genannt, die unser Quadrat ist. Ich nenne eine Kamera nur in der rechteckigen Kamera, die nur im äußeren Kreis das Objektiv, den inneren Kreis, den UN-Ausschnitt und das Blitzfenster einfach Flash. Großartig. Jetzt können Sie bereits sehen, dass unser Icon hier Gestalt annimmt. Und dann im nächsten Schritt werden wir einige Operationen verwenden, um die verschiedenen Formen zu subtrahieren und zu kombinieren, um das Symbol zu erstellen , das wir uns vorgestellt haben. 3. Kombinieren und Subtracting von Formen: Dieser nächste Schritt ist, wo viel von der Magie passiert. Sketch verfügt über eine Reihe von Werkzeugen, mit denen Sie Formen kombinieren können, um komplexere Formen zu erstellen Wir verwenden den Osten, um die bereits erstellten Formen in unserem Kamerasymbol zu kombinieren . Also, um loszulegen, werden wir gehen und im Grunde dieses Rechteck von unserem ursprünglichen Quadrat subtrahieren. Ich gehe voran und wähle mein Quadrat aus, halte, verschiebe und wähle das Rechteck aus, und was wir tun wollen ist, dass du diese rote Form subtrahieren willst, damit wir hier oben zu diesen 1.000.000-Operationen gehen , und es ist ein Traktor. Wir haben das Rechteck von unserem Quadrat subtrahiert, und wir haben eine neue kombinierte Form. Sie können sehen, dass im Ebenenfenster hier, und Sie kombinieren Form erstellt wurde. Das nächste, was Sie tun möchten, ist, nehmen Sie diesen orangefarbenen Kreis und fügen Sie ihn unserer Form hinzu, die wir gerade erstellt haben . Also gehen wir voran und wählen diese Form, halten, verschieben, verschieben, wählen den Kreis und treffen Vereinigung, und was das tut, ist, dass es diesen Kreis zu unserer quadratischen Form fügt, und wir wollen die Innenseite der Linse subtrahieren aus dem Rest dieser Form. so wird wählen, dass die Form der Kreis der Innenseite der Winde. So, wie das Quadrat und hatte subtrahieren. Jetzt fängt das wirklich an, wie das Symbol zu sehen, das wir ursprünglich erstellen möchten. Das letzte, was wir hier tun möchten, ist das Blitzfenster vom Rest der Form zu subtrahieren. Wir wählen unsere Form aus, wählen den Kreis, den sie subtrahiert, und dort haben wir es. Jetzt werden Sie im späteren Bedienfeld feststellen, und für die kombinierte Form wurde eine neue Ebene erstellt. Und wenn wir das öffnen, haben wir alle Formen, die wir vorher erstellt haben und tatsächlich in der Lage waren, diese zu bearbeiten. Jetzt, wo ich das Kamera-Symbol sehe, hier drüben möchte ich diesen Flashman nicht zu einem kleinen bisschen größer machen, also wähle ich Flash wird die Ebene hier auswählen, und ich ziehe es einfach, um es ein bisschen zu machen hier drüben möchte ich diesen Flashman nicht zu einem kleinen bisschen größer machen, also wähle ich Flash wird die Ebene hier auswählen, größer, einfach so. Perfekt. Und ich finde, das sieht wirklich toll aus. Jetzt, wo wir unsere schöne Ikone erstellt haben, können wir voran gehen und beginnen, den Hintergrund zu machen. Aber bevor wir das tun, möchte ich nur noch eine Sache mit unserer Ikone hier machen. Ich werde es nur auswählen, gehen Sie zu Spielerpfaden und es abgeflacht. Jetzt werden wir hier eine Luft von der Skizze bekommen, aber Sie können es einfach ignorieren und sowieso abgeflacht schlagen. Und was dies tun wird, wird es uns erlauben, das Symbol nach oben zu skalieren, indem Sie es ziehen , ohne irgendwelche der Eigenschaften zu verlieren, wie die Rundheit der Ecken oder die Dicke dieser einige dieser Linien hier. Und wir werden diese Icon-Kamera einfach „Great“ nennen. 4. Kreative Icon Hintergründe: Nun, was ich hier tatsächlich gemacht habe, ist direkt neben meiner Kamera. Symbol identifiziert die Farben. Ich möchte es in meiner Zutat verwenden. Also, äh, was Sie tun möchten, ist, wenn Sie über die Ausstrahlung nachdenken, die Sie verwenden möchten oder mögen, die Farben, die Sie in Ihrem Hintergrund verwenden möchten, versuchen Sie, etwa fünf Farben auszuwählen und das ist, was ich getan habe hier. Und so habe ich sie gerade hier ausgelegt, damit Sie die Farben sehen können, die ich verwenden werde. Und das werde ich auch in die Kursbeschreibung setzen. Um auf unserem Hintergrund zu beginnen, werden wir ein Rechteck erstellen. Also werde ich die Abkürzung benutzen und hier ein Rechteck zeichnen, eigentlich will ich Quadrat zeichnen. Also werde ich Schicht halten, um das perfekte Quadrat fallen zu lassen. Und ich wollte es in dieser Größe lassen. Werde die Grenze ausschalten und ich war um die Ecken zu 30 Pixel. Machen Sie es 50 perfekt. Und jetzt, was wir tun werden, ist, dass wir die Hintergrundfarbe auf dieses Quadrat setzen. Also, weil ich meine Mörder hier angelegt habe, ähm, und ich habe einfach ein paar Quadrate geworfen und sie in einer Gruppe gruppiert. Ich wähle diese Farben aus, wenn ich will, dass sie mein Haus verkaufen. Es ist so für den Hintergrund des Platzes. Ich möchte, dass meine Grundfarbe lila ist. Also werde ich die Farbe treffen, die Kachel hier füllen, das Pipettenwerkzeug auswählen und die violette Farbe abholen. Und so, sobald ich darauf klicke, wirst du sehen, dass mein abgerundetes Rechteck diese Farbe annehmen wird. Dies wird also die Basishintergrundfarbe für das für mein Symbol sein. Es gibt also ein paar verschiedene Möglichkeiten, diesen Effekt zu erzielen. Und die Art und Weise, wie ich es tun werde, ist eine Reihe von Kreisen auf einer Fliege Gaussian Blur effektiv erstellen . Also begann ich hier, indem ich das Kreiswerkzeug, das ovale Werkzeug, Poletto, auswählte. Und ich werde einen über einen Kreis zeichnen, genau hier unten unten, so wie ich die Grenze wieder auf dieser Seite abschalte. Sieht ziemlich gut aus. Ich gebe dem hier die Farbe Orange. Ich werde das auch später sofort nennen. Nennen Sie es einfach Orange Circle. Jetzt. Ich werde das nur duplizieren, ähm, es Befehl C zu kopieren Befehl mich einfügen, äh, und ich werde die gelbe Farbe anwenden. Nun, die Größe und Position dieser Kreise sind in diesem Moment nicht wirklich wichtig, also werde ich sie einfach lassen, wo sie sind und diesen gelben Kreis nennen und ich werde noch ein paar Mal duplizieren. Legen Sie diese hier oben, ändern Sie die Farbe, verwenden Sie die Farbe, lassen Sie die Farbauswahl fallen. Hier, machen das wird blau den Namen zu Blue Circle ändern und mein letzter wird hier unten in der rechten unteren Ecke sein und ich werde zuerst den Namen dieses hier ändern, ich werde die Farbe zu diesem Rosa ändern. Ändern Sie den Namen in Pink Circle. Nun, um den gewünschten Effekt zu erzielen, werde ich alle Kreise und dieses Ah, dieses Rechteck hier auswählen und ich möchte diese innerhalb des Rechtecks maskieren. Also, wenn ich gedrückt habe, die Maximalfunktion tatsächlich passieren, ist, dass diese in diesem Rechteck enthalten sein werden . Also gehe ich weiter und mache das hier oben und schnell auf Maske. Und jetzt können Sie sehen, dass sie sich alle innerhalb dieses abgerundeten Rechtecks befinden und Ihre Ebenengruppe wurde für mich erstellt und enthält alle meine Kreise. Also was? Ich werde tun, ist, ich werde alle von ihnen genau wie die 1. 1 Hold Shift auswählen und die letzte auswählen. Und ich werde den Gaußschen Weichzeichnereffekt hier unten im Inspektor überprüfen. Ich werde die Unschärfe auf 35 Pixel erhöhen. Nun, das fängt an, ein bisschen mehr wie das Instagram-Logo zu sehen. Also, was wir jetzt tun werden, ist eine Justiz Kreise, indem sie ihre Position und Größe anpassen, um irgendwie den gewünschten Effekt zu erzielen, für den wir gehen. Also klicke ich hier doppelt auf diesen blauen. Sie können sehen. Sobald ich darauf geklickt habe, kann ich es bewegen und die Größe anpassen. Er wird es bis zur Ecke hier schieben und die Größe von etwas erhöhen. Also greife ich einfach eine dieser Ecken, halte Shift gedrückt und ziehe nach außen, um es etwas größer zu machen. Und jetzt bin ich einfach da oben. Ähm, das sieht ziemlich gut aus. Und ich mache dasselbe mit dem rosa, den ich hier unten habe. Er wird es verdoppeln, ähm, die Ecke schnappen und Shift halten, während ich ziehe, um die Größe etwas zu vergrößern. Jetzt. Ich möchte, dass die gelben und orangefarbenen Kreise oben auf all diesen stehen. Ich werde nur beide Ebenen hier in meinem Ebenenfenster auf der linken Seite auswählen. Ich werde die kurz davor ziehen, nur um kurz vor dem rosafarbenen und blauen Kreis zu sein und einfach von dort fallen zu lassen. Großartig. Jetzt greife ich den orangefarbenen Kreis und mache die gleiche Hold-Verschiebung, die nach außen andauert. Ich denke, das hier ist wirklich groß. Ich werde es in die Ecke schieben. So wie so. Okay. Und dann schnappe ich mir den gelben Kreis. Lassen Sie es irgendwie die Größe, die es ist, aber schieben Sie es runter, um den orangefarbenen Kreis ein wenig zu bewegen, einfach so, und ich werde den blauen Kreis nur ein bisschen zu bewegen links hier. So wie das. Großartig. Also, jetzt haben wir, ah, Zutat Stil Hintergrund für Ikone. Mal sehen, was passiert, als wir uns entschieden haben, einen Stein darüber zu legen. Also habe ich gerade diese Gruppe hier geschlossen. Ich werde hier rüber rutschen. Schnapp dir das Kamera-Symbol, und ich wollte den Befehl drücken, um ihn zu kopieren. Ich werde das Kommando treffen. Ich komme zurück und ein Commander V zu Paste. Ich schiebe es in die Mitte unseres Platzes und richte es einfach aus. Und, ähm, die Größe ist eigentlich ziemlich gut. Also das letzte, was hier noch zu tun ist, ist, die Füllfarbe unseres Symbols toe white zu ändern. Großartig. Also jetzt haben wir unseren Farbhintergrund. Sie können experimentieren, indem Sie die Farben in verschiedene Farben ändern, die Sie mögen, oder ändern Sie die Größe der Kreise oder sogar die Arten der Strahlkraft, die hier verwendet werden . Also, zum Beispiel, ich werde tatsächlich doppelklicken auf diesen blauen Kreis und einfach nicht nur ziehen noch, um das viel größer zu machen. Also werde ich diesen Kreis wirklich groß machen. Kein Wunder, dass ich so ganz oben auf dem Symbol komme. , Er kann experimentieren,indem er mehr als fünf Farben direkt zu freundlichen Zutaten hinzufügt, die du dir einfällt . Und Sie können Ihre Hintergründe und Symbole in den Projektbereich für diese Klasse 5. Exportieren deiner Symbole: Als nächstes möchte ich Ihnen zeigen, wie Sie Ihr Icon exportieren können. Aber zuerst, lassen Sie uns überprüfen, was wir hier getan haben. Also haben Sie später unsere Hintergründe hier, und wir werden eigentlich nur den Namen des Hintergrunds wählen. Wir haben unser dupliziertes Symbol mitten in der Mitte. Ich habe gerade ein Farbmuster-Layer hier oben. Das brauchen wir nicht mehr. Dann hast du Original, wie hier drüben. Sie haben vielleicht bemerkt, dass, wenn ich den Radius auf diesen quadratischen Eckenradius anwende, anwende, es nicht ganz so abgerundet ist, wie Sie auf einem App-Symbol für die Prüfung finden würden. Also konnten wir hier wieder rein gehen und es d Eckenradius auf ihrer Maske nur durch Einstellen des Schiebereglers. Aber was Sie feststellen werden, ist, dass der Eckenradius auf App I Kegel ein wenig anders ist als das, was Sie einfach erstellen können, indem Sie diesen Radius-Schieberegler hier herumschieben. Also, was wir eigentlich tun werden, ist, dass wir die eingebaute Skizze verwenden. Ich immer Symbol Vorlage, und wir werden diese Form zu nehmen. Wir nehmen dein Symbol und fügen es dort ein. Und dann wird unser unser Eckradius genau das sein, was wir wollen. Also für diesen Schritt ist es eigentlich besser, das irgendwie zu reduzieren, um sicherzustellen, dass wir keine unserer Ecke verlieren. Denn zum Beispiel wenn du zum Beispielzu viel herumkommst , könnte der eigentliche Radius tatsächlich nicht gefragt werden. Also nehmen wir es einfach auf so etwas hin und das ist gut genug. Und wir werden diese beiden Formen so mögen und sie gruppieren. Also werde ich schlagen und dir befohlen, sie zu gruppieren. Sie können sehen, wir haben eine neue Ebenengruppe hier, die es Kamera-Symbol nennen und drücken Sie Enter. Also, was wir als Nächstes tun werden, ist, dass wir Sie von der Vorlage ablegen. Ich war App. Ich komme, das wird öffnen und Sie für uns eingereicht, die eine Vorlage im Inneren als Symbole unterschiedlicher Größe für all die verschiedenen Spots hat , die Sie benötigen, um Symbole zu generieren, wenn Sie eine IOS-App entwerfen . Und so können Sie sehen, dass sie hier alle verschiedene Größen haben. Und was wir tun werden, ist, dass wir unser Symbol aus unserer Akte kopieren. Wir werden unsere Kamera-Symbol-Layer auswählen, sind Layer-Gruppe es Befehl C Wir gehen weiter und fügen Sie es in diese Vorlage ein. Also habe ich hier auf die 1. 1 geklickt und einfach auf Befehl V Du kannst unsere Symbole etwas kleiner sehen, also müssen wir sie einfach skalieren und nur die Größe und die Art, wie ich Simeon hier bin, übrigens, hält Befehl und dann drücken, plus oder minus, um zu vergrößern und zu verkleinern, sagt ihm wieder in. Und lassen Sie uns einfach die Größe dieses Standard-App-Symbol hier dieser Vorlage überprüfen. Also, wenn ich darauf klicke, begreifen beiseite, ist 5 12 mal 5 12 im Inspektor, schwache auf meinem Symbol. Gehen Sie zu skalieren und passen Sie einfach die Werte hier auf 5 12 und drücken Sie OK, und da haben wir es sind Icon ist perfekt skaliert und es hat die perfekte Menge an Eckenradius angewendet, um, für den Einsatz im APP Store oder für unsere Ich wünsche Könnte ich. Jetzt können wir diesen Prozess für all diese anderen Instanzen unseres Icons duplizieren. Also, zum Beispiel, gut, schnell auf diesem einen Hit Befehl V zum Einfügen bewirkt Ehre Zwischenablage. Jetzt Rock auf ist viel größere Cluster. Überprüfen Sie dies aus dieser Vorlage, indem Sie hier auf den Namen klicken Sie sehen, die Größe ist 1 80 x 1 80 Also werden wir auf ihr Symbol seine Skala klicken und einfach 1 80 eingeben und OK in Irak besitzt Größe passen perfekt in diese passen, uh, diese Vorlage hier, die auf dem iPhone-Home-Bildschirm verwendet wird. Diese erste Vorlage, die wir haben, die bei drei X sagt, ist für das iPhone sechs plus und die eine, die bei zwei X sagt, ist für jedes iPhone mit dem Retina-Bildschirm. Also lassen Sie uns voran und setzen Sie auch unser Symbol auf diese Vorlage hier. Ähm, und wir können hier sehen, indem Sie auf den Namen die Größe klicken. Und Inspektor ist 1 20 mal 1 20 Also gehen wir voran und Pacer Symbol dort auch und gehen, um zu skalieren und ändern Sie die Größe auf 1 20 Dort gehen wir. Und so bleibt uns nur noch übrig, dieses Symbol zu exportieren. So exportieren Sie eines der Symbole aus jeder Vorlage, die Sie, dass Sie sie in schnell auf den Namen der Vorlage und dann in der unteren rechten Ecke des Inspektors hier, klicken Sie auf Elemente exportieren. Also lassen Sie uns voran und exportieren Sie dieses Symbol für iPhone mit Retina-Bildschirm. Wir werden auf Export-Assets klicken, und wir werden fortfahren und unser Symbol in unserem Projektordner speichern und exportieren. Großartig. Also lassen Sie uns jetzt in unserem Finder überprüfen, uh, und sehen, wie unser APP-Symbol aussieht. Und wir können sehen, dass Skizzen automatisch einen Assets-Ordner erstellt, einen Rucksack auf Ordner. Und hier ist ihre Ikone, um zwei X, also jetzt verdoppeln wir es schnell. Wir können öffnen, dass auf diese wird in ein wenig gezoomt, aber bei der tatsächlichen Größe sind Symbol sieht so aus, und das ist perfekt. Und da habt ihr es, Leute, das unsere Nach-Icahn-Klasse einschließt. Wenn Sie irgendwelche Fragen haben, werde ich Ihnen gerne helfen, auf die fragen Sie mich etwas. Diskussion. Ich hoffe, ihr habt Spaß. Und ich kann es kaum erwarten, Ihre Icons auf der Klassenprojektseite zu sehen. Wenn Sie Vorschläge haben, was Sie als Nächstes lernen möchten, schreiben Sie mir eine Zeile. Wir sehen uns das nächste Mal. Ja,