Illustrator: So erstellen Sie mobile App-Icons in Illustrator | Dawid Tuminski | Skillshare

Playback-Geschwindigkeit


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

Illustrator: So erstellen Sie mobile App-Icons in Illustrator

teacher avatar Dawid Tuminski

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

9 Einheiten (31 Min.)
    • 1. Flache Gestaltung :Einführung in den Kurs

      1:09
    • 2. Kursprojekt

      0:34
    • 3. Was ist flaches Design?

      3:13
    • 4. iOS Kalender App Symbol

      4:28
    • 5. iOS Kalender App Symbol weitergeführt

      2:26
    • 6. Android

      5:11
    • 7. Android wurde fortgesetzt

      5:25
    • 8. UI Podcast in der Metro

      4:59
    • 9. Metro in der Metro ist weiterhin

      3:47
  • --
  • 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.

589

Teilnehmer:innen

13

Projekte

Über diesen Kurs

Toller Kurs!!!! Sehr zu empfehlen!!!

Das Tutorial erläutert nicht nur, wie du Icons erstellen kannst, sondern es gibt einige nützliche Einblicke in die flache Symbole in der Branche und deren Konzeption und in einer sehr prägnanten Zeit

In diesem Kurs erstellen wir mit Adobe Illustrator in iOS, Android und Windows phone mobile App-Symbole mit dem Adobe Illustrator.

Außerdem werfen wir einen kurzen Blick auf das flache Design und warum wir Dinge in einer vereinfachten und vielleicht ein bisschen cartoony gestalten.

Wir verwenden Adobe Illustrator für die Gestaltung von 3 Symbolen :

  • Ein iOS calendar
  • Ein Android inspiriertes camera
  • Ein Windows UI inspiriertes podcast

Jedes Design zeigt dir den Schritt für Schritt an, ein App-Symbol von Grund auf neu zu erstellen. Wir beginnen mit einem leeren Karton und erstellen mit einfachen Transformationen schöne Symbole.

Sogar ein totaler Adobe Illustrator darf nicht Probleme haben, die du ankommst!

Also geh an Bord und lass uns anfangen!

Dawid

PS Wenn dir der Kurs gefällt, sende bitte dein Review und dein Kursprojekt ein. Es wird anderen Schülern helfen, genau wie du an dem Thema interessiert bist, das ich unterrichte, in der Suche nach meinen Kursen. Danke!

Triff deine:n Kursleiter:in

Teacher Profile Image

Dawid Tuminski

Kursleiter:in

Designer, coder and educational entrepreneur.
Adobe Certified Expert in Illustrator whose courses were listed in the Udemy's TOP 10 best reviewed courses.

Creating online courses on design tools like Adobe Illustrator and Adobe Photoshop, logo design, web design, graphic design freelancing, online teaching and digital marketing .

Teaching +30k students in 160 countries worldwide.

Loves the freedom of creating courses and prides in his teaching method, which is straight to the point and with a smile.

His motto: Boring instructors are worse than boring topics!

His students value his courses for their conciseness, professionalism and actionable tips and techniques they can apply in their day-to-day design tasks and online education businesses.

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. Flache Gestaltung :Einführung in den Kurs: Hallo und willkommen in der Klasse. Es ist wirklich toll, dich an Bord zu haben. Mein Name ist David Tomaszewski und ich bin Adobe-zertifizierter Experte in Illustrator. In dieser Klasse wird Iowa Android und Windows Phone inspirierte mobile App erstellen. Ich komme. Wir werden einen kurzen Blick darauf werfen, was flaches Design ist und warum wir tatsächlich Dinge auf diese vereinfachte und vielleicht ein bisschen Cartoonie Art und Weise entwerfen . Wir werden Adobe Illustrator verwenden, um drei Symbole und IOS inspirierte Kalender App Icon zu entwerfen, eine Android Lutscher inspirierte Kamera bei Icon. Jedes Windows Phone eine Metro, Sie y inspiriert Podcast-App-Symbol. Aber jedes Design zeigt Ihnen den Schritt für Schritt Prozess aus erstellt ein App-Symbol von Grund auf neu. Wir werden mit einer leeren Hartfaserplatte beginnen und mit einfachen Transformationen schöne Aiken schaffen. Und wenn Sie mit meinen anderen Klassen vertraut sind, geht es in meinem Mathematikunterricht um Einfachheit und auf den Punkt zu kommen. Also steig an Bord und lass uns loslegen 2. Kursprojekt: Natürlich geht es in dieser Klasse nicht nur darum, dass du mir beim Sprechen zuhörst und mir beim Klicken zusiehst. Also für das Klassenprojekt möchte ich, dass Sie ein Symbol basierend auf dem Betriebssystem Ihrer Wahl erstellen. Wenn Sie einige Effekte oder Stile aus verschiedenen Symbolen machen möchten, gehen Sie weiter. Versuchen Sie einfach, es flach zu halten und überlegen Sie, wie Sie möchten, dass es aussieht. Wenn Sie es auf einem Smartphone oder einem Tablet zu sehen waren, Sie sind ich kann das Hauptobjekt enthalten 14 aus Schatten und den Hintergrund. 3. Was ist flaches Design?: Was ist das flache Design und warum gestalten wir die Dinge auf eine vereinfachte, flache Art und Weise? Erinnern Sie sich an die Zeiten, in denen Grafikdesigner alle möglichen Blitzkragen, Zutaten und Schlagschatten in ihre Designs packten ? Afrikaner musste dem wirklichen Leben ähneln, so dass sich die Menschen, völlig neu für das gesamte Interimskonzept, an die virtuelle Realität gewöhnen konnten. Skew Zwergismus, wie es genannt wurde, war besonders prominent in Apples Iowa Interface Items. Das heutige traning User Interface Design hat sich komplett verändert. Es gibt keine klassischen Schlagschatten, die größten sind weg, und die Objekte sehen auf D statt drei D aus, wie man es von langjährigen Rivalen erwarten würde. Es war Microsofts Windows Acht. Es gab eines der ersten flachen User Interface Designs und definitiv das bedeutendste in der Branche. Es ist stark gegen das Apple IOS Design. In der Tat setzt Microsoft diesen Ansatz mit seinem neuen Betriebssystem, Windows 10, fort. So scheint es, dass flaches Design stark hält und sie für eine Weile bleiben werden. Warum sieht alles in einem flachen Design so vereinfacht aus? Nun, das ganze Konzept des flachen Designs besteht darin, die Aufmerksamkeit der Benutzer auf die Benutzerfreundlichkeit zu lenken, anstatt zu versuchen , mit auffälligen realen Objekten zu zeigen. Ich denke, man könnte sagen, dass es bei flachem Design um Kommunikation geht oder ein bestimmtes Element tut. Mit den einfachsten Mitteln. Flaches Design hat in den letzten Jahren einige große Erfolge verzeichnet. Es wurde von vielen großen Tag-Marken in der Welt implementiert. Ich habe bereits erwähnt, Microsofts neueste Betriebssysteme, aber zyklische LG oder warum, immer, immer, Variationen von Android You I. Selbst die neueste Iteration aus I West sieht flacher. Natürlich wächst die Zahl der Schmeichler auf Websites jeden Tag in Bezug auf die Web-Entwicklung. Ich denke, es gibt keine prominentere Wohnung ist ein Beispiel als Bootstrap oder Auge konform wie vorne genial. All diese Designs sind vereinfacht, zuletzt auffällig, aber das bedeutet nicht, dass sie langweilig sind. Heller Kontrast in Farben erregen schnell die Aufmerksamkeit des Benutzers und gleichzeitig oder leicht erkennbar über ihre Funktion. Viele von ihnen verwendeten so genannten langen Schatten, um die Symbole attraktiver zu machen. Und übrigens, das werden wir auch in dieser Klasse lernen. Wenn Sie sich entscheiden, im flachen Design-Stil zu entwerfen, denken Sie daran, es um die Idee der Einfachheit zu zentrieren, werden sie Benutzerfreundlichkeit bringen. Sie sahen es kontrastierende Farben, um die Elemente abzuschalten. Designer-Teil. Der Spaß sollte sauber sein, vorzugsweise Sand Saref. In dieser Klasse konzentrieren wir uns auf die Gestaltung von flachen Gegenständen. Ich möchte Ihnen zeigen, wie Sie mit flacher Benutzeroberfläche entwerfen, und ich werde das mit Adobe Illustrator tun. Im Laufe der Klasse lernen Sie einige fantastische und einfach zu befolgende Techniken kennen, die Sie erfolgreich in Ihren Design-Workflow implementieren können . Okay, also lasst uns an die Arbeit und Designer für ein Cycm gehen. 4. iOS Kalender App Symbol: in den letzten Jahren Flandern und hat einen so großen Input aus der Design-Welt, dass sogar Apple in der Regel ist. Ein Sie ich Übersetzer endgültig auf die flache Design Torrent gedämpft, die ich war acht und die neueste Iowa Linie Elemente und Graben den realen Ansatz der Skew mehr fizz, um, um, einem Gunsten der Einfachheit aus flachem Design. - Natürlich. Apples Version von flach ist und ist nicht völlig von ihren U. S. A. Traditionelle Elemente wie Gitter Hintergründe entfernt S. A. , aber ihre Symbole sind definitiv in Richtung Einfachheit gelehnt. In diesem Video werden wir einen Blick darauf werfen, wie man eine von IOS inspirierte Kalender-App erstellt. Das kann ich. Ich möchte Ihnen zeigen, wie wir auch einen flachen Aiken mit einfachen Schatten-Ideen aufpeppen . Aber zuerst, lasst uns das kaputt machen. Ich komme runter. Wir haben die Haupt abgerundete Rechteck-Form, die in ein unterteilt ist, 23 vier und fünf separate Elemente Woche des Jahres oben am Tag des Monats, haben den Tag der Woche in der Unterseite. Alles in allem ein ziemlich einfaches Design. Also fangen wir an, und wir beginnen mit dem abgerundeten Hauptrechteck. Aber davor lassen Sie uns Duplikate sind nicht langweilig mit der Kunst Abbruch hier drin. Ich stelle sicher, dass das Move-Copy-Artwork mit Art Abort nicht ausgewählt ist, und ich werde hier auf diese Schaltfläche klicken, die ein neues Kunstwerk erstellt, und ich würde irgendwo auf der rechten Seite klicken, um eine Grafik zu erstellen. Aber mit den exakt gleichen Abmessungen wie das Original, werde ich eine neue Ebene für mein Design erstellen. Ich nenne es Kalender, und ich bin bereit zu arbeiten, und ich werde mit dem abgerundeten Rechteck-Werkzeug beginnen, auf das wir natürlich über das Tool-Panel zugreifen können . Und wir halten die Shift-Taste gedrückt, um die Proportionen einzuschränken. Ich würde ein abgerundetes Rechteck erstellen, und wir können nur die Rundheit der Ecken durch Drücken der Pfeiltasten nach oben oder unten. Okay, Malley wird ihm einen schönen grauen Phil geben und sicherstellen, dass es keinen Schlaganfall hat. Und wie wir bereits erwähnt haben, ist diese Hauptform in fünf kleinere Formen unterteilt. Das werden wir also jetzt tun. Zuerst werde ich ein Rechteck zu aktiv machen, um ein einfaches Rechteck zu erstellen, wie, Also jetzt gehe ich über zum Pathfinder-Werkzeug und mit beiden meiner Form ausgewählt. Ich werde die Teilung unten hier treffen, um zu wissen, teilen Sie die Form und wir haben als Ergebnis dieser Transformation ist eine Gruppe, so dass ich willen Gruppe es und ich werde anfangen, einige Halsbänder hinzuzufügen. Ich werde den oberen Teil hellrot machen, und ich werde meinen ersten Schatteneffekt hinzufügen, indem ich dieses kleinere Rechteck dunkler mache. Rot in der Vergangenheit würde dem oberen Teil einen Schlagschatten hinzufügen. Aber da wir flache Konstruktionsregeln verwenden, wird der Schatteneffekt simulieren, wodurch ein kleineres und dunkleres Rechteck unterhalb des oberen Teils entsteht. Weiter oben ist dieses Rechteck, das unseren Kalender in zwei Teile teilen soll, und es soll als ein anderer Schattierungseffekt funktionieren. Nun, das ist einfach. Ich werde gerade wieder ein Rechteck erstellen. Machen Sie es schwarz oder eine wirklich dunkle Farbe, und ich werde den Blanding Modus zu weiches Licht ändern, was wir in der Systemsteuerung hier oben oder im Transparenz-Panel auf der rechten Seite tun können. Okay, jetzt kümmern wir uns um den unteren Schatten, und es ist so einfach, wie das untere Rechteck zu duplizieren und es ein bisschen nach oben zu bewegen, und ich mache es, indem ich die Umschalttaste und die alte oder Option gedrückt halte, wenn du auf einem Mac bist. Okay, das sollte es tun. Und ich werde den unteren Teil dunkler machen, Grey. Und wir sind fast fertig. Alles, was wir jetzt brauchen, ist die Typografie, und das machen wir im nächsten Video. 5. iOS Kalender App Symbol weitergeführt: , um das Symbol zu beenden. Wir müssen noch die Daten hinzufügen. Richtig? Okay, die Schriftart, die ich wählte, heißt Lata und das Telefon. Warten Sie. Ich habe mich entschieden, auf Schwarz zu setzen. Wenn der Titel am schnellsten aktiv ist, wird er durch Drücken der Taste T auf der Tastatur aktiviert, klicke ich irgendwo im Dokument und beginne einfach mit der Eingabe. Ich denke, ich werde für den 19. gehen, weil ich denke, es sieht einfach schön aus, aber es kann einen Idioten wählen, den Sie wollen. Es kann sogar der 32. sein, wenn du mich fragst. Mir macht auch diese Art von Kreativität nichts aus. In Ordnung, ich werde das Telefon größer machen. Ich gebe ihm einen richtigen Kragen, positionieren Sie ihn neu, und ich möchte ihn hinter das mittlere Rechteck wie So jetzt werde ich es klonen und wieder mache ich es , indem ich die alte oder Option auf dem Mac und die Shift-Tasten gedrückt halte. Natürlich würde ich es auch kleiner machen. Ich tippe den Wochentag ein und ich werde es bis zur Hälfte des Jahresindikators auf der Oberseite klonen . Ich werde ihm ein Licht des Kragens geben und jetzt ist es Zeit für einige Ausrichtung. Aber bevor wir alles gut ausrichten, wollte ich dir noch eine Sache zeigen. Wenn Sie Ihren Text nicht so aussehen lassen, wie er skizziert wurde und ihn tatsächlich zu einer Zeile machen, wie es klingt, als müssten Sie nur zum Effektmenü gehen. Natürlich bekomme ich meinen ganzen Text ausgewählt und wähle Pfad, Umriss, Objekt. Und jetzt verhält sich alle Steuerpfeiler und das Wichtigste wie sein Umriss. Also, jetzt werden wir alles in die Mitte schicken. Und trotzdem können wir die Möglichkeit haben, die Steuer zu ändern, wenn wir uns entscheiden. Also okay, das ist es also für die Seiken. Wir haben gelernt, wie man einem IOS ein paar nette Schatteneffekte hinzufügt, und wir haben sie erstellt, ohne die Schlagschatten-Option zu berühren. Wir lernen auch, die immer so praktische Umrissobjekt-Befehl im nächsten Video wird ein Android Lutscher Material Design erstellen , Aiken. Also schauen Sie weiter 6. Android: mit der Einführung seiner neuen Version des Android-Betriebssystems zeigte Google seine Idee des flachen Designs, das sie Materialdesign nannten. Sie haben eine ganze Philosophie zusammengestellt, um die Verwendung von Schlagschatten und eine breitere Farbpalette zu rechtfertigen , die zumindest in gewisser Weise den Prinzipien des flachen Designers widerspricht . Ich weiß nicht, wie es Ihnen geht, aber ich mag Materialdesign. Ich mag den Farbzustand, der zu verwenden rät. Ich mag die Schlagschatten für uns wie diese Kamera Ivan, die ich für Sie erstellt habe. Wie üblich, Lassen Sie mich brechen Sie es für Sie wirklich schnell, obwohl es scheint, als ob es eine Menge los ist. Wenn hier, sind die Formen, die verwendet werden, um dieses Symbol zu erstellen, ziemlich einfach. Wir haben diesen rechteckigen Hintergrund umher. Wir haben abgerundete Rechtecke arbeiten uns die Hauptkamera Form auf dem Blitz. Hier oben haben wir ein Rechteck, das genau hier dieser Griff ist und die Linsen mit einfachen Kreisen erstellt haben . Und natürlich haben wir diese langen Schatteneffekte auch Ihre. Was für die Material-Design-Icons charakteristisch ist, ist die Verwendung von Tönungen und Schattierungen. Google ist wirklich spezifisch und wie man Schatten in Übereinstimmung mit dem Materialdesign verwendet. Und wie Sie sehen können, wurden wir oben auf den Formen angespannt, wie hier, hier und auch hier. Und wir haben Schattierungen in der Unterseite von den Formen. Okay, also schätze ich, wir sollten wie zuvor zum Geschäft gehen, alle neue Kunsttafel für mein Design mit ein bisschen Hilfe von unseren Boards zu schaffen . Und wir können nicht vergessen, den Umzug zu deaktivieren, Bilder mit unserer Board-Option zu kopieren und auch eine neue Ebene zu erstellen. Ich werde Kamera genannt, und ich bin bereit, das Symbol wieder zu erstellen. Ich werde mit dem abgerundeten Rechteck-Werkzeug beginnen und wir halten die Verschiebung gedrückt, um die Proportionen zu beschränken oder ein abgerundetes Rechteck wie So Now zu erstellen, was ich jetzt tun muss, ist die Schattierungselemente zu erstellen. Und es ist eine einfachste Aktivierung der Skala erzählt, indem Sie den Ski drücken und dann geben oder zurück auf dem Mac und in diesem Stil Bücher auf einer Skala, Regie alle nach unten, aber Onley vertikal und auf Lee um nur rund 2%. Und ich will nicht schlagen. Okay, ich will den Polizisten treffen, weil ich das ursprüngliche Rechteck jetzt behalten will, mit den beiden Typen ausgewählt. Ich werde zum Bad Vater Werkzeug gehen und ich werde den Divid-Befehl wählen. Ich gruppiere meine neue Form und beginne jetzt mit dem Hinzufügen von Halsbändern. Die Farbpalette, die ich wählte, ist völlig willkürlich, obwohl ich sie aus dem Material Designer-Halsbänder von Google komponierte. Aber wenn Sie für Ihre eigenen Farben gehen wollen, gehen Sie weiter. Also füge ich die Farbe zur Hauptform hinzu und entferne den Strich. Ich werde die Zelte auf das obere Element haben und auch krank an der Form zum unteren Element. Okay, so weit, so gut. Lassen Sie uns nun die Basisform der Kamera erstellen, und wir werden das genau so tun, wie wir es mit der Hintergrundform getan haben. Ich meine, mit dem abgerundeten Rechteck jetzt wieder, aktivieren wir das Skalierungswerkzeug und auf Lee für Nicolle verringerte die Größe um diese Zeit, vielleicht um etwa 4%. Und lassen Sie uns Kopie drücken. Nun hören Sie, teilen wir die Formen und lassen Sie uns gruppieren und alles, was noch zu tun ist, ist die Hauptfarbe hinzuzufügen , ein Zelt oben und schütteln auf der Unterseite. Großartig. Lassen Sie uns nun das mittlere Ornament oder des Griffs erstellen. Wenn du das willst. Ich mache das mit dem Rechteck-Werkzeug. Und ja, du hast vermutet, dass ich es vertikal nach unten skaliere, aber nur ein bisschen mehr. Vielleicht um rund 94% und ich werde Kopie jetzt wieder drücken. Das ist aufgeteilt auf Gruppe sie. Und lassen Sie uns die Halsbänder hinzufügen. Die Oberseite wird heller auf der Unterseite wird dunkler sein. Jetzt ist es an der Zeit, das Objektiv zu erstellen , aber ich denke, wir sollten das im nächsten Video machen. 7. Android wurde fortgesetzt: in diesem Video werden wir das Land Soss versprochen zu schaffen, sondern auch den Blitz. Und wir werden das Symbol mit dem langen Schatteneffekt beenden. Ich werde damit beginnen, die Lippen noch aktiv zu machen, indem ich die AL-Taste auf der Tastatur drücke. Und während Sie die Schicht und die alte oder Option auf dem Mac gedrückt halten, werde ich einen schönen Kreis erstellen, genau so. Ich wette, du weißt, was als Nächstes passieren wird. Ja, wir machen ein kleineres Exemplar aus dem Kreis und ich werde in der Gruppe die Formen teilen. Und da ich die Farben gewarnt habe, die gleichen wie der Körper der Kamera zu sein, werde ich sie einfach mit dem Pipettenwerkzeug abtasten. Jetzt werde ich das erste Element des Objektivs kopieren, indem ich auf die Waage, das Werkzeug und die Skalierunggehe Werkzeug und die Skalierung es herunterskaliere. Aber diesmal gleichmäßig auf etwa 65 bis 70%. Und ich werde schlagen. Kopie auf der Karzai gewählt für dieses Element sind Schattierungen von Grau und sie sind ziemlich dunkel und kalt. Ich bin auf der Suche nach einem guten Kontrast hier. Jetzt werde ich den ganzen Prozess mit kleinerem Element der Länder wiederholen, also werde ich ihn gleichmäßig auf etwa 50% skalieren. Ich werde Kopie drücken und ich werde es schöne blaue Halsbänder geben. Und um mit der Linse zu beenden, werde ich eine einfache breite Ellipse erstellen. - Kein Ort. Es ist irgendwo oben. Rechts Ecke auf der letzten scheint ein abgerundetes Rechteck zu erstellen, das als Blitz fungiert. Also werde ich das tun. Ich werde ein dunkleres Grau machen, und wenn Sie mit dem Design bisher zufrieden sind, können Sie hier mit zusätzlichen viel Schatten aufhören. Ich schätze, du verstehst schon, was ich dir hier zeigen wollte. Aber ich werde ein wenig extra etwas hinzufügen. Ich werde einen einfachen langen Schatteneffekt erzeugen. Und dafür werde ich den Kamerakörper auswählen und in meine könnte Bord kopiert werden. Jetzt werde ich zum Ebenenfenster gehen. Ich wähle jedes Element aus dem Hintergrund aus und gehe zum Auswahlmenü, klicke in Vers, um alle Elemente außer im Hintergrund auszuwählen. Und ich wollte meine Auswahl gruppieren. Ich werde es auch verriegeln und ich werde zum Kameragehäuse davor springen. Jetzt werde ich schwarz machen. Ich werde über den Transformationseffekt gehen, der unter Wirkung gefunden werden kann verzerren und transformieren, transformieren und hier alles für Nicolle und in ein paar Kopien bewegt. Bis sie den Hintergrund aus dem Eiken weiter hinuntergehen, werde ich sein geplantes im Modus zwei weiches Licht ändern und die Deckkraft ein wenig nach unten fallen lassen. Was ich tun muss, ist, den Schatten zu schneiden, den ich gerade erstellt habe, und ich werde das mit unseren Hintergründen tun. Also wähle ich im Ebenenbedienfeld einfach alle Hintergrundelemente aus. Ich werde sie duplizieren und sie mit dem Pathfinder-Tool vereinen. Jetzt werde ich es über den Schatten verschieben, sie beide auswählen, und könnte einfach auf dem MAC plus sieben zur erstellten Clipping-Maske steuern oder befehligen, was übrigens dasselbe ist wie das Gehen zum Objektmenü Clipping, Maske, Make und alles, was noch übrig ist, ist, die ursprüngliche Kamera oben aus dem Stapel zu bewegen, und jetzt können wir die Ansicht unseres Materials Design Icon mit einem langen Schatteneffekt genießen. Das ist es. Wir haben es geschafft. Wir haben gelernt, wie man ein Material-Design-App-Symbol, Houston, erstellt. Einige einfache Skalierung und Pathfinder-Operationen auch gelernt Zehe eine Möglichkeit, einen langen Schatteneffekt im nächsten Video zu erstellen, wir werden einen Blick auf, wie ein natürliches Sie y App-Symbol erstellen, so weiter beobachten. 8. UI Podcast in der Metro: natürlich Sie Warum, dass die Benutzeroberfläche von Windows acht war in der Spitze der flachen Design. Die neueste Iteration von Microsofts Windows, das Windows 10 ist, ist keine Ausnahme. Also, um unser Abenteuer mit den verschiedenen Stilen der verschiedenen Betriebssysteme zu schließen, lassen Sie uns diesen Podcast erstellen. Ich komme. Aber wir wissen, bevor wir Fenster starten, Telefonsymbole verwenden überhaupt keine Schatten. Sie sind so flach wie möglich. Aber zusätzlich zu einer Windows Phone-App, Ich kann Ihnen zeigen, wie die Schaffung mehrschichtiger, langer Schatteneffekt, wissen Sie, wissen Sie, nur für den Fall, dass Microsoft entscheidet, dass in der Zukunft, Ich denke, wir sollte wie immer beginnen, mit dem Auschecken, wie das Icon zuerst konstruiert wird. Was hier wichtig ist zu bemerken, ist, dass jedes Element des Symbols mit der Verwendung der Gerechtigkeit des abgerundeten Rechtecks zu diesem Mann Form hier ist um es Rechteck erstellt wurde der Verwendung der Gerechtigkeit des abgerundeten Rechtecks zu diesem Mann Form hier ist um es . Diese Endungen sind auch abgerundete Rechtecke, und so ist die Basis. Wir bekommen den mehrschichtigen langen Schatten genau hier. Und natürlich haben wir den quadratischen Hintergrund und es gibt nur zwei Halsbänder hier verwendet, weiß und blaugrün. So ist es flaches Design bei ISF sozusagen vergittert. Aziz üblich. Lassen Sie mich damit beginnen, ein wenig Raum Zehenarbeit zu schaffen. Ich geh weiter und dupliziere die Arbeit auf dem Hof. Natürlich möchte ich, dass nur die Kunst den Inhalt von ihm ausgegossen hat. Nein, ich werde eine separate Ebene für mein Symbol alle meine Mitte Broadcast behandeln, und ich werde die ursprüngliche Ebene jetzt die Hauptform aus dem Kurs mit dem abgerundeten Rechteck Zehe lieben . Aber zuerst werde ich sicherstellen, dass nur der schwarze Phil aktiv ist. Wissen Sie, ich möchte, dass der Aiken leicht sichtbar ist, der voran geht und das abgerundete Rechteck aus dem Werkzeugfenster greifen und anfangen wird, es so sicher zu zeichnen , dass es einige Zeit dauern wird. Es ist formend. Die Rundheit der Ecken liegt ganz bei Ihnen. In diesem Fall, wenn Sie Ihre Arbeit beschleunigen möchten, können Sie immer den Pfeil nach rechts drücken, um die Ecken auf das Maximum wie so gerundet zu machen Jetzt möchte ich die Seite in dichten erstellen, und ich werde sie mit dem abgerundeten -Rechteck. Ja, mit vier abgerundeten Rechtecken, um genau zu sein, also werde ich eine erstellen und ich werde es weiß machen und ich werde Turm duplizieren. Lassen Sie mich diese Jungs ein wenig neu positionieren, und ich werde sie richtig gruppieren und ausrichten. Jetzt möchte ich sie nach rechts kopieren und reflektieren, und ich werde das mit dem reflektierenden tun, das durch Drücken der O-Taste auf der Tastatur aktiviert wird . Und wenn Sie intelligente Leitfäden haben, auf denen Sie im Ansichtsmenü überprüfen können, sehen Sie Illustrator, sagen Sie mir, wo sich die Mitte vom Mikrofon befindet. Und das ist eigentlich toll, denn jetzt kann ich halten oder Option klicken, um die reflektierende Zehe nach oben zu bekommen und zu reflektieren. Reflektieren Sie diese Typen nach rechts. Natürlich will ich ein Exemplar. Nicht okay, alles klar, so weit, so gut. Jetzt wählen wir alles aus und drücken minus vorne im Pathfinder-Werkzeug, um die Form zu erhalten, nach der ich suche. Großartig, fantastisch. Nun lassen Sie uns die Basis wieder mit dem abgerundeten Rechteck erstellen, ich werde klicken und ziehen wie, so dass es einige Zeit dauern wollte, um dies richtig zu bekommen. Also mach dir keine Sorgen. Wenn Sie es beim ersten Mal nicht richtig machen, spielen Sie einfach mit ihm herum. Jetzt lösche ich den oberen Ankerpunkt, also wähle ich mit dem Direktauswahlwerkzeug aus. Wie einfach auf Löschen drücken. Ich werde den Strich dicker machen. Ich denke, etwas um 20 bis vielleicht 25 Pixel sollte in Ordnung sein. Und wieder, mit dem Dread-Auswahlwerkzeug aus, Wählen Sie, um die oberen Knöchelpunkte und bringen Sie sie ein wenig nach unten. Wenn Sie denken, dass diese Form ein bisschen zu groß oder zu klein ist, gehen Sie einfach voran und spielen Sie mit seiner Größe, die mit dem Skalierungswerkzeug oder einfach nur durch Wiederdimensionierung mit der Auswahl Zehe, Ich werde auch den Kopf über die Strich-Panel und wählen Sie Runde Mütze. Jetzt lassen Sie uns diesen Ständer erstellen, und es ist so einfach, zwei abgerundete Rechtecke zu schaffen. Nun lassen Sie uns alles in der Mitte ausrichten, und wir sind so eingestellt, dass der mehrschichtige lange Schatteneffekt erzeugt wird. Aber ich denke, dass wir das im nächsten Video machen sollten. 9. Metro in der Metro ist weiterhin: bevor wir anfangen, den langen Schatteneffekt zu erzeugen, lassen Sie uns ein paar Dinge tun. zunächst Lassen Sie unszunächstdie Standardelemente mit dem Pfadfinder-Tool vereinen und erweitern Sie die Basis, indem Sie zum Objektmenü gehen. Erweitern Sie keinen behandelnden Rechteckhintergrund. Also werde ich einfach das Rechteck-Werkzeug greifen und die Umschalttaste gedrückt halten. Erstellen Sie ein Quadrat wie, so werde ich eine schöne stehlen Farbe geben und aufgestiegen, um zurück zu gehen. Und jetzt ist es endlich an der Zeit, den mehrschichtigen Long Shadow Effekt zu erzeugen. Das erste, was zu tun ist, das Mikrofon nach rechts zu klonen, und ich mache das, indem ich die Halle gedrückt halte, die Option gedrückt halten, wenn Sie auf einem Mac sind und jetzt eine Kopie des Originalmikrofons in meine Zwischenablage, weil ich es in einem Sekunde. Jetzt werde ich die Deckkraft des geklonten Mikrofons fallen lassen, das ganze Gewicht. Null. Ich ändere den Mischmodus des ursprünglichen Mikrofons zu weiches Licht, und ich werde die Deckkraft der einzelnen Elemente ändern. Jetzt sind die Gründungen, die ich wähle, völlig willkürlich. Hier gibt es kein Richtiges oder Falsches. In der Tat ermutige ich Sie, mit dem unterschiedlichen Opazitätswert zu experimentieren, damit Sie verschiedene Ergebnisse erzielen und wirklich krass worum es bei dieser Technik geht. Was es vorschlagen würde, ist, die Deckkraft niedrig zu halten, und dies wird den Schatten ein bisschen subtiler machen. Okay, jetzt lasst uns zu den fadenlosen zwei Optionen gehen, und ich werde das einfach tun, indem ich bis zweimal auf die fade klicke. Hier im Werkzeugfenster setze ich den Raum in die angegebene Entfernung ein und gebe ein Pixel ein. Okay, alles, was wir jetzt tun müssen, ist Illustrator zu sagen, welche Elemente wir mischen wollen. Also werde ich mich umziehen. Klicken Sie auf die Oberseite des Mikrofons hier und oben auf das ohne Kapazität, ich werde eine sehr, sehr, sehrhandliche Abkürzung alte Steuerung verwenden , sehr . Be oder Optionsbefehl Bianna Mac, um diese beiden Formen miteinander zu verschmelzen. Und es ist das gleiche wie in das Objektmenü fade und machen. Ich werde diese Schritte für die restlichen Elemente wiederholen. Jetzt werde ich mein Mikrofon zurückbringen, damit ich es vorne stützen werde. Denken Sie daran, wir haben es immer noch in unserer Zwischenablage. Ich werde sicherstellen, dass es weiß ist und dass es normale Mischung und 100% Kapazität hat, und ich werde es sofort in der Schicht aussehen. - Spau. Lassen Sie uns im Hintergrund leuchten, bewegen Sie sich über die fade und wählen Sie unseren Hintergrund mit dem fahlen Lasst uns einfach schneiden indem Sie zum Objektmenü Clipping gehen, Maske machen. Aber in der Regel habe ich nur die Steuerung plus sieben Abkürzung verwendet, und da gehen wir schwach an der U-Bahn, Sie mögen weiter mit ein wenig langen Schatten Magie erstellt. Das Windows Phone-Icon war also das letzte Design in dieser Klasse. Sagen Sie mir, was Sie denken Es wäre toll, wenn Sie Ihre Icon-Projekte gepostet und Sie, wenn Sie Fragen haben, zögern Sie nicht, mich zu kontaktieren und haben ein schönes Design.