Design-Trends 2020 und wie du sie gestaltest!

1. Designtrends 2020 – Einführung: Aziz. Sie sagen, Trends sind Ihre Freunde und in der Welt des Designs ist es wichtig, sich über die neuesten Trends zu informieren, um mit Ihrer Arbeit auf dem Laufenden zu bleiben . Trends können auch Themen sein, die Sie sehen, durch moderne neue Designarbeiten laufen. Es gibt einen Grund, warum wir sehen, dass Themen so beliebt werden. Zum Beispiel gibt es einen aufstrebenden Trend der Verwendung ultra klobig, ultra mutige Gedanken und Schriften im Webdesign und mobilen App. Design Grund warum ist, weil klobige Schriften für eine bessere Lesbarkeit sorgen. Wir schauen auf kleine Bildschirme wie ein Telefon oder und ich sehe zu. Es gibt normalerweise einen grundlegenden Grund, warum wir sehen, dass diese Trends entstehen, und ich möchte über Zelle gehen für diejenigen, die ich denke, könnten langfristig gestaltete Verschiebungen sein, die nicht nur für ein paar Monate, sondern für viele Jahre dauern werden. Sie wollen nie Trends folgen, weil sie frisch und cool aussehen. Sie möchten ihnen folgen, weil sie die Art und Weise verändern können, wie wir mit dem Design oder der Marke interagieren und interagieren. Sie geben uns neue Gefühle aufregender Veränderungen und können uns einen Einblick in die menschliche Kreativität geben . Wir werden uns ein paar wichtige Designthemen oder Trends ansehen, die meines Erachtens im Jahr 2020 auftauchen oder fortsetzen werden . Aber nicht nur das wird einige grundlegende, einfache Projekte, die wir gemeinsam tun könnten, um Ihnen zu helfen, nachzuahmen. Design-Trends sind nicht die richtige Software, um sie zu engagieren und zu erstellen und sie Wirklichkeit werden zu lassen. 2. Typography: Typografie wird wenig wild. Typografie wird weiterhin Bewegung im 2020-Typ zeigen, wird sich mit Animation bewegen, sich an verschiedene Formen anpassen und sich an eine breitere Vielfalt von Objekten anpassen. Erwarten Sie, dass Typografie versucht, traditionelle rechtwinklige Präsentationen zu brechen und sich an die Welt um sie herum anzupassen . Es wird eine Verschiebung von blockigen, unoriginellen serifenartigen Schriften und ein Umzug in Schriften geben, die ein wenig Persönlichkeit haben . Wie in diesem Beispiel, wo Sie mehr Kontrast in der Dicke des Strichs in verschiedenen Zeichen sehen erscheinen Sie auch oder Schriftarten im Web, die mehr Schrägen, Kurven und einzigartige Eigenschaften zu ihnen haben . Erwarten Sie mehr gebrochene Typografie mit Worten, die wie ein Puzzle oder zerbrochenes Glas verstreut müssen nicht mehr der logischen linken rechten Reihenfolge folgen, wie es bricht das Gitter und nimmt ein natürlicheres Gefühl. Sie werden eine Menge von sich wiederholenden Typ Behandlungen sehen, um eine fett Aussage abzugeben, suchen Sie nach mehr verzerrten, verzerrten Text zu unserem umbrochenen Text Text wird in seiner Umgebung gewesen und schaffen fast eine psychedelische Wirkung. Arbeitstext war immer etwas, das in der Vergangenheit experimenteller schien, wie moderne Kunst, aber erwarten, dass es 2020 mehr Mainstream- und Markenprojekte gehen. Nach dieser Lektion werden wir in Adobe Illustrator springen und die Umschlag-Optionen ausprobieren, um diesen Effekt selbst auszuprobieren . Um das Poster zu bewerten, sehen Sie hier. Und als Unterstützung für immer komplexere Schriften kommt in die digitale Welt sehen mehr Designer laden in benutzerdefinierten Schriften auf mobilen und Web-Design-Layouts. Eine Sache, die einem Designer besser angepasste Schriften helfen wird, ist der Anstieg von variablen Schriftarten, obwohl immer noch fehlt in der Menge, die zur Verwendung und zum Download zur Verfügung steht. Variable Schriftarten ändern sich im laufenden Betrieb, und Sie können die Dicke der Schrift nach Belieben anpassen. Sie können auch den Abstand zwischen Zeichen ändern, ändern, wie komprimiert die Schriftarten und einige variable Schriftarten, gehen Sie einen Schritt weiter und ermöglichen es Ihnen, die Schriftart zu ändern und benutzerdefinierte Eigenschaften hinzuzufügen . Unterstützung für variable Schriftarten ist immer noch neu, so dass im Moment gibt es keine Tonne für uns zu verwenden, aber sie sind immer noch da draußen, und der herunterladbare Link-Typ, der mit dem Abschnitt des Kurses geht, werde ich eine paar großartige Ressource ist, wenn Sie mehr darüber wissen möchten, wo diese variablen Schriftarten zu finden sind. Es gibt eine wunderbare Website namens Far Playground, die Ihnen eine Chance gibt, diese variablen Fonds live mit einer Vielzahl von Möglichkeiten zu testen. Dies ist etwas, das sich weiterentwickeln und für eine Weile umgesetzt werden muss, aber Sie müssen es zumindest als Designer auf Ihrem Radar haben, da variable Fonds die zukünftige Wahl von Designern weltweit im Jahr 2020 und darüber hinaus sein könnten. Also sind wir in Adobe Illustrator und was? Ich werde dir zeigen, wie du diesen trendigen, verzerrten Effekt machst, den du hier siehst. Wir werden unsere eigene Version davon schnell machen, und ich werde Ihnen zeigen, wie es geht. Und es ist viel einfacher, als du denkst. Wir werden einen repetitiven Typ machen, was eine Art anderer Trend ist, den wir nur ein bisschen früher im Video übergegangen sind. Lass uns weitermachen und ein paar Worte machen. Lassen Sie uns ein neues Dokument öffnen, so Datei neu. Lass uns einfach eine Postergröße machen. Wir werden die Dinge ein wenig einfach machen. Mach einfach eine 8,5 mal 11. In Ihrem Fall könnten Sie in einem vier und einem 10. Was auch immer Art von Größe ist Art von Ihrer typischen Plakatgröße, und das wird ein kleines kleines Flyer Poster werden zu schaffen. Und ich will einen repetitiven Typ machen und es gibt einen kleinen Trick, den ich dir zeigen werde. Also werden wir die Wörter in Großbuchstaben eingeben. Design-Trends. Gehen wir weiter und legen Sie die Schriftart fest, die wir mögen. Es wächst hier unten, um zu sehen, was ein nettes, dickes, klobiges zu benutzen wäre dickes, . Wir können jede von ihnen verwenden. Verwenden wir das als Oh Sands uber oder ich habe eine andere Liste von als Schulden. Lassen Sie uns einfach etwas im Schwarz versuchen, damit es nicht ganz so hart ist. Also, jetzt muss ich das immer wieder duplizieren, um eine Art von diesem Postereffekt zu erstellen, so dass ich halten konnte, Option und ziehen und weiter, das den ganzen Weg nach unten auf dem Papier zu tun, und das würde ein wenig zu viel Zeit in Anspruch nehmen. Hier ist ein kleiner Trick. Ich werde die Option gedrückt halten und ziehen, und das wird eine doppelte Kopie erstellen. Also, jetzt werde ich Befehl drücken d einfach Befehl D drücken und halten Sie es gedrückt, um so viele Duplikate usw. zu erzeugen , wie Sie wollen. Und das ist sehr hilfreich für Formen und Linien. Ich wollte das nur für Sie demonstrieren. Ich mache ein einfaches Pin-Werkzeug, halte einen Klick gedrückt, halte die Umschalttaste gedrückt, um eine gerade Linie zu machen, tausche das auf einen Strich, und ich mache erst eine Kopie. Also werde ich Option ziehen, die eine Kopie gemacht hat. Und jetzt drücken Sie einfach Befehl D, und es wird sich so oft replizieren, wie Sie wollen. Das ist so ein riesiger Zeitersparnis. Ich wünschte, ich wüsste das vor 10 Jahren, als ich als Illustrator arbeitete. Und natürlich kann er die Verschiebung gedrückt halten, das um 45 Grad drehen, um Ihre kleinen typischen Muster zu machen, die Sie in zeitgenössischer Kunst und Design sehen . Jetzt, wo wir unsere wiederholten Worte haben, könnten wir die Schrift ändern, wenn wir sie hier zur Haut bringen wollen. Es ist nie zu spät. Solis ist drinnen fällig, und wir werden diesen Typ mit dem Warp beginnen. Wie verziehen wir diesen ganzen Typ, um den gleichen Biege-, beweglichen psychedelischen Effekt zu erhalten? Wir werden unseren Umschlag verwenden, verzerren Werkzeug, und Sie können feststellen, dass im Objektfeld den ganzen Weg nach unten gehen, um zu speichern. Hier werden wir die nächsten Minuten leben. Also lassen Sie uns Oliver-Typ wählen und wir können diese sogar gruppieren, also nur eine Art Gruppierung oder Typ zusammen. Und dann gehen wir zum Umschlag „Verzerren“, und es gibt ein paar verschiedene Optionen. Am einfachsten ist es, mit einem Warp zu machen, und es wird alle Ihre Text-Warp-Optionen laden, die Sie normalerweise angezeigt hätten. Aber es wird dir erlauben, all diese Dinge auf unterschiedliche Weise zu biegen, damit wir es so biegen können . Dies ist mit Aufstieg, und es gibt andere, wie Fischaugen , die es irgendwie nach innen oder außen biegen können. Sie könnten einige wirklich coole Effekte sehen, die erstellen können, indem Sie einfach den Umschlag tun. Warp-Optionen können es sogar verdrehen. Geben Sie ihm den coolen Effekt. Also gehen wir weiter und gehen zurück in unsere Geschichte. Befehl Z geht zurück. Lassen Sie uns etwas etwas weiter ausprobieren, also gehen wir zurück zum Umhüllungsobjekt, werden umhüllt, verzerrt und waren, anstatt eine Marke mit Warp zu machen, werden wir mit Mesh machen . Wenn Sie also mit strahlenden Maschen herumgespielt haben, ist dies ein sehr ähnlicher Weg. Es funktioniert. Es wird ein Chaos für uns schaffen. Es wird uns fragen, wie viele Zeilen und wie maney Spalten von Ankerpunkten wir bearbeiten können, um die Maische zu erstellen. Also, wie kompliziert wollen Sie Ihr Netz? Und wir wollten ziemlich einfach sein. Also lasst uns einfach ein sehr einfaches machen. Nur zwei Zeilen und zwei Spalten und Sie komprimieren in der Vorschau, um zu sehen, was ich meine. Es gab uns ein paar verschiedene Ankerpunkte zu manipulieren. Du könntest das komplexer machen, wenn er es wollte. Bleiben wir bei nur zwei für jetzt, nur für ein Beispiel. So kann ich jetzt mein Direktauswahlwerkzeug nehmen, und ich kann auf einen dieser Ankerpunkte klicken, die es für mich erstellt hat, und ich kann mich drehen und biegen nach meinen Wünschen. Sagen wir mal, ich möchte das umstellen und es so aussehen lassen, als würde es rauskommen. Ich könnte es verdrehen, ihm einen verdrehten Look geben. Also, was großartig an all dem ist, dass ich immer noch die Schriftart ändern kann, ist der Typ dann ist die Schriftart noch live. Alles, was ich tun muss, ist, den Gruppentext auszuwählen, und ich könnte hier nach oben gehen und dies ändern, wenn ich das zu fett oder schwarz ändern wollte. Das kann ich nicht einfach mögen. Also fangen wir an, das umzukehren. Ich werde hier nur einen schwarzen Hintergrund setzen. Ich kann das nicht einmal auf eine andere Ebene legen und sperren, um es einfacher zu machen, sondern nur versuchen, schnell zu demonstrieren. Und lasst uns das Weiß machen, das so aussieht, dass das Poster zusammenkommt, damit wir zurückgehen können. Nehmen wir an, wir wollen dies weiterhin ein wenig arbeiten, also gehen wir zurück zu Hüllkurve Objekt Hüllkurve, verzerren. Wir können es loslassen und so zurückkehren, wie es ursprünglich war, ohne sich zu verziehen. Aber wir können auch nicht runtergehen, um den Umschlag zu bearbeiten, und es wird uns wieder unsere Kontrolle geben . Lassen Sie uns ihr direktes Auswahlwerkzeug bekommen, und wir können es auch auf die Seite biegen. Dies ist also eine sehr einfach zu verankern Punkte pro Zeile an Ankerpunkte pro Spalte. Mal sehen, ob wir das nicht freigeben können, also gehen wir zur Objekthülle, verzerren und lassen es einfach los, und wir können zurück und diese oberste Ebene löschen und wir könnten zurückgehen und das noch komplizierter machen . Also lasst uns das jetzt machen. Lass es uns etwas kleiner machen. Verkleinern Sie und schauen wir mal, ob wir das nicht etwas komplizierter machen können. Umschlag verzerrt. Wir machen ein Netz und wir werden drei machen. Diesmal haben wir noch ein bisschen mehr Ankerpunkte zu kontrollieren und zu verziehen. Holen Sie sich ein Direktauswahlwerkzeug. Was ist Twist? Dieser böse Junge macht es wirklich einzigartig und interessant. Und jedes Mal, wenn ich das mache, sieht es ein bisschen anders aus. Könnte auch die Seiten tun. Und das hat Kontrolle, so dass Sie Ihre Griffe tun können, um glattere Übergänge zu haben. Twist, Twist und gibt ihm die Art von drei d, wo es rückwärts und vorwärts geht. Ist das eine verdrehende Aktion? Und so sagen wir, wir sind bereit, einige Effekte hinzuzufügen. Wir möchten Grady INts hinzufügen. Dies ist immer noch Live-Text, also sagen wir, wir wollen Umrisse auf dem Text erstellen. Das wird das sein, was wir tun werden. Wir gehen zum Objekt, Umschlag verzerren, und es gibt etwas namens Expands. Also lassen Sie uns zuerst unser Objekt auswählen und nach unten gehen, um zu erweitern, und es wird im Grunde den Typ skizzieren und es wird ein umrissenes Objekt werden. Jetzt können wir mit uns arbeiten. Jedoch wollen wir würde zu einer strahlenden Tafel nicht gehen. Und so konnte man sehen, wie einfach es war, diesen Effekt zu erzeugen. Sie konnten das nicht so arbeiten, wie Sie es wünschen, und ich wollte Ihnen kurz zeigen, dass Sie das mit etwas jenseits des Textes tun können. Sie können dies mit Formen und Linien tun. Ich werde tun, was wir getan haben, bevor wir nur einen Klick bekommen konnten, Shift gedrückt halten und ich werde eine gerade Linie erstellen. Mach es nur zu einem weißen Schlag, und wir werden tun, was wir vorher getan haben. Wir werden nur eine Kopie machen. Ich werde gedrückt halten, Option und ziehen Sie über, und dann kann ich unsere neue Befehlsverknüpfung verwenden. Führen Sie den Befehl D aus und halten Sie ihn gedrückt. Und genau so haben wir alle unsere gleichen Linien geschaffen. Also werde ich tun, was wir mit dem Text gemacht haben. Ich wollte das zusammen gruppieren, und jetzt könnten wir die gleichen Warping-Optionen damit machen, und das wird wirklich cool und interessant. Also Umschlag verzerrt ich mache mit einem Netz und lass uns diesmal drei machen. Also bekomme ich drei verschiedene Punkte. Also jetzt und holen Sie sich unser Direktauswahl-Tool und tun Sie das gleiche, was wir zuvor getan haben. Aber man konnte sehen, wie interessant das aussehen könnte. Sie könnten diese Linien verdrehen, einige wirklich interessante Muster erstellen, und Sie könnten einige Beispiele von einigen sehen, die ich mit der gleichen genauen Methode erstellt habe. Und nur eine Frage von Minuten, können Sie einige wirklich nette Hintergründe sowie erstellen und bleiben ziemlich im Trend mit einigen dieser verzerrten, verzerrten Look. Ihre Herausforderung jetzt als Student ist es, diesen Umschlag zu praktizieren, um Werkzeug bei Adobe Illustrator zu verzerren und zu sehen, was Sie mit Ihrer Typografie kommen. Und wenn er mit Linien und Formen und anderen Dingen experimentieren wollte, könntest du das auch tun. Liebe, Ihre Arbeit zu sehen und zu sehen, welche Art von ordentlichem Zeug er kommt mit. 3. Skeuomorphismus: Skew mehr FIC Design ist nichts Neues. Riesig in der Steve Jobs Ära Bei Apple war es die Kunst, Benutzeroberflächen, Buttons und Icons mit realistischeren Eigenschaften zu entwerfen . Dies wurde zu einer beliebten Möglichkeit, Symbole und Grafiken anzuzeigen, weil es sehr intuitiv und benutzerfreundlich war . Wir können dies im Instagram-Logo sehen. Der ältere hatte Textur, Details, Details, Beleuchtung und Mawr, um uns dieses organische Gefühl zu geben. Dann, ein paar Jahren, und wirklich in den letzten zehn Jahren, hatten wir eine große Verschiebung weg von Ska Morphing in flaches Design. Wie wir wissen, hat flaches Design die ganze Wut gewesen, mit einfachen Einzelton Schatten, keine Unschärfe in einer Gesamtreduktion von Details auf Objekte, um ihnen eine einfachere Präsentation zu geben . Ein Wechsel zum flachen Design geschah, weil Benutzeroberflächen immer kleiner wurden und eine einfache Symbolanzeige in Aktion oder Schaltfläche notwendig war. Wie in allen Dingen Design schwingt das Pendel immer wieder in die andere Richtung zurück. Wir sind übersättigt mit flachem Design. Es ist sauber, einfach zu bedienen sicher, aber es scheint einen allgemeinen Mangel an Charakter mit flachem Design zu geben. Wenn jeder es tut, wird es gewöhnlich, langweilig, nützlich für sicher und manchmal atemberaubend in seiner Einfachheit. Aber die Menschen waren noch nie eine Gruppe, um zu lange moderne Skew, Morphismus oder neuer Morphismus still zu bleiben , wie manche es nennen mögen. Es ist nicht nur das, was es vor 10 Jahren war, sondern es ist eine Evolution und wie Menschen diese Design-Idee nutzen. Vorbei sind die starken Verwendungen von Texturen und Highlights, und jetzt kommt die Verwendung von vielen subtilen Schatten und Glanzlichtern verschwommen, um diesen unglaublichen geschichteten Look zu kreieren . Dieser Look fühlt sich an, als könnten Sie ihn berühren und die Rippen des Glases und Aluminium und Kunststoff an Ihren Finger spüren . Wir liebten es, in den Laden zu gehen und einfach zu berühren. Die Dinge waren taktil. Kreaturen und Zehe haben einen Design-Trend, der uns das Gefühl gibt, dass die digitale Welt wirklich durchfühlen kann . Die Verwendung von Design ist unglaublich. Wir können Kurven durch geschickt platzierte Lichter und Schatten emulieren. Die digitale Welt fühlt sich wieder lebendig und organisch an. Wie kann ich dieses neue, mehr Ficker Schema üben oder emulieren ? Design „Waise“. Es ist einfacher, diesen Effekt zu erzeugen, als Sie erkennen, als eine Balance zwischen Platzierung von Glanzlichtern , eine hellere Farbe und Schatten sind dunklere Farbe und strategische Orte. Sie können diesen Effekt mit einer Vielzahl von Software erstellen, einschließlich Affinitätsdesigner Adobe Photo Shop. Aber heute werde ich Ihnen zeigen, wie Sie ein schnelles kleines Projekt mit Adobe Illustrator machen, um es zu beenden, erstellen Sie eine schnelle Schrägstellung mehr FIC-Design-Button. Heute haben wir also die Chance, diesen ganz neuen Design-Trend zu praktizieren, den Sie überall sehen . Aber es ist ein bisschen einfacher, als du denkst. Es sieht so aus, als wäre es ein ziemlich komplexer Effekt, dass es wirklich nur ah Highlight-Ebene, eine Schattenebene und einige einfache flache Formen, um diesen Effekt zu erzeugen. Und ich habe Dies ist eine herunterladbare Datei. So könntest du mit mir an diesem sehr schnellen Fünf-Minuten-Projekt arbeiten. Wir haben ein paar einfache Farben, die wir hier ausleihen können, halten Sie die Option gedrückt, ziehen Sie ihn nach unten, damit wir alles neu erstellen können. Wir werden diesen „Off-Status-Button“ erstellen. Also ein Knopf, der noch nicht gedrückt wurde. Es ist irgendwie im Aus-Zustand. Wir werden ein einfaches, abgerundetes Rechteck erstellen , halten Verschiebung sehr einfaches abgerundetes Rechteck und der Schlüssel, um mehr FIC-Design zu verzerren, ist die Farbe auf der Innenseite einer Form wird die gleiche Farbe wie der Hintergrund sein. Wir nehmen ihr Pipettenwerkzeug und Beispiel- oder Hintergrundfarbe, und jetzt siehst du es nicht. Aber das ist OK, denn wir werden hinzufügen oder Lichter und Schatten, damit Sie sehen können, dass es fast vom Bildschirm abspringt. Also werden wir duplizieren oder formen, und wir werden zuerst unseren Schatten erschaffen. Also, was wir tun wollen, ist in der Regel Doppelklick und finden Sie nur einen Schatten dunkler. Also einfach nach unten auf Ihrem Farbfeld, um einen Farbton dunkler zu finden oder bereits eine Art Farbe für das ist ein bisschen dunklere Farbe ausgewählt zu haben, und wir werden dies rückwärts in das Schichtsystem schicken. Also befehlen Sie die linke Klammer und wir werden sie ein wenig abstellen. Anstatt hier zu sein, wird es den Schatten nach unten werfen, richtig? Nun wollen wir also die Hervorhebungsebene erstellen. Also machen wir das Gleiche und machen das weiß, was heller wird als der Hintergrund. Es wird dein Highlight geben. Es wird oben links vergessen, uns rückwärts zum Schichtsystem zu schicken und oben zu schieben. Und wir wollen nicht viel Verschiebung machen. Was wir tun wollen, ist es ziemlich eng in diesem Bereich zu machen. Wir haben nur ein Highlight und eine Schattenebene. Was wir also tun werden, um den Effekt zu erzeugen, ist, dass wir das ziemlich dramatisch verwischen müssen. Wir wählen das Highlight in der Schattenebene aus, und wir werden die beiden Formen hinter unserer Hauptform verwischen. Wir werden das tun, indem wir Unschärfe bewirken. Wir werden nur eine Gaußsche Unschärfe machen. Wir werden auf Vorschau klicken, um sicherzustellen, dass wir es auf den richtigen Ebenen auf haben. Lassen Sie uns versuchen, etwa 30 30 Pixel sagte. Plötzlich sieht es so aus, als würde es von der Seite verschwinden. Wir könnten natürlich unsere Glanzlichter und Schattenebenen nehmen, die sie bei Bedarf enger in den Griff bekommen könnten, weil sie sehen konnte, wie der Effekt bereits beginnt zu kommen. Und es sind nur drei einfache Quadrate. Ah, Highlight Quadrat, ein Schattenquadrat und die gleiche Farbe Quadrat in der Mitte von Das ist der Hintergrund, es fügt hinzu, sind einfache Symbol für die Schaltfläche. Ich habe diese Ikone, die ich mit einem Nikon-Set gemacht habe, das wir in der digitalen Design-Masterclass entwerfen. Ich leihe es mir hier aus und lege es in die Ikone. Wie machen wir dieses Symbol zu einem Teil dieser Schaltfläche? Als wäre fast ein Glanz oben auf dem Knopf wie ein Glas. Wir können voran gehen und machen es zu einem Caray Deign, um ihm irgendwie das Gefühl von Lichtern und Schatten zu geben, genau wie wir es Lichtern und Schatten zu geben, mit dem Knopf getan haben. Also habe ich eine große und bereits hier erstellt waren, ein wenig von einer dunkleren Farbe zu tun weil wir wollen, dass das Symbol noch einen Teil vor dem Hintergrund stehen. Cem wird dieses strahlende Lichtbogenstrahlungswerkzeug anpassen und es werden die Glanzlichter auf der Oberseite und Schatten auf der Unterseite. So, jetzt sieht es so aus, als ob es ein Teil der Schaltfläche ist, verursacht die Anpassung der Lichter oben links und die Schatten der unteren rechten. Wir können diesem Symbol noch komplexere Komplexität hinzufügen, indem wir es duplizieren, wodurch es alles noch dunkler wird, um einen Schatten zu emulieren. Lassen Sie uns diese dunkelste Farbe hier probieren. Was wir tun werden, ist im Grunde Adam in ihrem Schatten hier. Du könntest unser Symbol nehmen, es rechts oben setzen. Und ich werde einfach meine Pfeiltasten nach unten und links nehmen und es leicht rüber schieben. Also, was wir jetzt tun werden, ist zu Fuß zu gehen, die Schicht dahinter und die Schicht davor zu greifen, und wir werden das einfach duplizieren und es hier runterbringen. Wir werden im Grunde diese Formen ausschneiden, genau das, was wir als inneren Schlagschatten wollen. Wir werden unser Form-Builder-Werkzeug hier drüben bekommen, und wir werden auf die Optionstaste für die Subtraktion klicken. Ich habe nur ein bisschen davon geschnitzt. Also bleiben wir nur mit dem, was irgendwie ein innerer Schatten sein würde. Also werden wir das auf unsere Schicht bringen. Wir brauchen diese oberste Schicht nicht mehr. Wir brauchen nur den Layer, den wir mit dem Grady int erstellt haben. Wir werden es oben rechts oben bringen und es zu dieser dunkleren Farbe machen, und das wird unser in ihrem Schatten sein . Gibt es nur ein wenig mehr Tiefe und Dimension. Es ist wirklich ein kleines Detail. Sie müssen nicht unbedingt diesen Teil hinzufügen oder tun, der ein bisschen wie ein Schlagschatten ist. Wenn Sie also verkleinern, fügt es ein wenig Tiefe und Dimension hinzu. Es gibt nur noch eine Sache, die wir hinzufügen müssen, und jetzt sieht es toll aus. Aber es muss eine Art Highlight oder Grenze geben. Ein sehr dünner Rand um den Rand fügt nur ein kleines bisschen mehr Details hinzu, da dies nicht nur eine flache Icahn ist. Es hat Plastik. Es hat Glas drauf. Wir müssen ein wenig an den Rändern haben, um Lichter und Schatten zu zeigen. Es gibt ein Duplikat das Quadrat, das wir bereits haben, und wir werden es zu einem großen in einem sehr leichten Strahlen machen. Wir werden das benutzen, Grady. Hier ist der Wächter. Wir werden die Richtung ändern. Also haben wir Lichter oben und Schatten unten, und wir werden es einfach zu einem Schlaganfall umdrehen, und wir werden es ziemlich dünn machen und es eine Grenze nach außen haben. Genau so haben wir ein wenig mehr Dimension mit den Glanzlichtern und den Schatten hinzugefügt, indem wir diesen sehr dünnen Rand hinzugefügt haben. Mal sehen, was der Schlaganfall ist. Das geht einfach zu unserem Strich-Panel. Wir können das sogar reduzieren, um es ungleichmäßig zu machen. Haut deinen Schlaganfall und voila! Wir haben unseren kleinen Knopf. Das ist also unsere Aus-Status-Taste, und wir müssen nur unseren On Button erstellen. Dies ist also die On-Status-Taste, bei der die Person drückt, die die mobile App sind oder wo immer sie diese Schaltfläche für sie zur Verfügung haben. Also, jetzt müssen wir emulieren, wie es ist, seinen Knopf zu drücken und zu übergeben. Der Hintergrund drückte ein. Es wird ein bisschen runtergehen. Eines der großen Dinge, die wir tun werden, ist, die Lichter und Schatten zu wechseln. Anstatt der Schatten unten, rechts, es jetzt innen und oben links sein. Dasselbe mit Highlights. Highlights befinden sich hier oben rechts. Diese kleine Highlight-Ebene, die wir am Anfang erstellt haben, genau da oben oben. Es ist jetzt auf der Innenseite und auch auf der Unterseite, oder? So wechseln die Lichter und Schatten nicht nur, sondern sie werden jetzt innerhalb der Schaltfläche, um ein Tiefenfeld oder ein Gefühl von Tiefe zu geben, wie die Tasten, die nach unten gehen. Also werden wir einfach unsere bestehende Taste kopieren und wir sind so gut, es irgendwie umkippt. Einige Dinge hier könnten wir unsere Highlight- und Schatten-Layer abnehmen. Und lasst uns zuerst unseren Schatten oben rechts bringen. Also müssen wir die Form ändern. Wir müssen den Gaußschen Fleck hier reduzieren, damit wir das tun können, indem wir Fuß gehen. Unser Erscheinungsbild Panel nach unten ändert sich, oder Gaußsche Unschärfe, die wir hier haben, nur ein wenig zu reduzieren, vielleicht 15 und wir werden duplizieren Was wir tun werden ist bereit, ist das Form-Builder-Werkzeug zu schnitzen aus, was wir denken, wäre ein guter Schatten. Also, was wir tun, ist, dass wir einen Schatten ausschneiden, der im Grunde diese Form annehmen wird . Nehmen wir beide, ziehen wir das ein wenig fest. Wir werden beide auswählen und zu unserem Form-Builder-Werkzeug gehen und wo wird das ausschlagen , die Optionstaste gedrückt halten und das ausstanzen. Wir haben also nur diese Form eines Schattens übrig. Wir bringen es direkt hierher auf der Innenseite des Knopfes. Stellen Sie sicher, dass es auf der obersten Ebene auftaucht und wir werden dasselbe tun. Wir haben die Form bereits erstellt. Also lass uns das einfach kopieren und einfügen und ich werde dir einen coolen Trick zeigen. Also werde ich die Shift-Taste gedrückt halten, zu unseren Richtungskontrollen gehen und jetzt, wo ich diese Shift-Taste gedrückt habe, wird es automatisch in 45-Grad-Schritten tun. Also werde ich das einfach in die gegenüberliegende Ecke verwandeln. Genau so können wir weitermachen und das weiß machen. Ja, wir brauchen diese Form nicht mehr zu haben. Wir haben schon irgendwie dupliziert, dass das auch im Inneren existieren wird, um das rückwärts zu schicken und den Schatten dominant zu haben und dort oben rechts zu sein. Jetzt sieht unser Knopf schon so aus, als würde er nach innen drücken. Machen Sie noch einen Schritt, damit es sich wirklich anfühlt, als würde es nach innen gedrückt. Wir müssen den Strich auf dieser Außenstrichschicht etwas dicker machen. Anstatt also ein Gewicht von 0,75 Pixel oder Punkten zu sein, werden wir das ändern, um es nur ein winziges, etwas dicker zu machen , um mehr Tiefe zu geben und etwas, das wir tun werden, um sogar ein wenig mehr Realismus hinzuzufügen, wie wir ein gerollte Rand an der Außengrenze. Also, was das bedeutet, ist, Sie sehen hier, wie es fast gerollt aussieht, weil es irgendwie, ah, einen Schatten auf der linken Seite hat ah, . Und dann hat es eine Art Highlight auf der rechten Seite. So gibt es fast einen Effekt dieser rollförmigen Grenze ist nicht nur eine flache Grenze, es ist gerollt. Wir werden das tun, indem wir diesen Schlag duplizieren und dunkler machen. Also lassen Sie uns diesen Strich ein bisschen dunkler machen, aber nicht super dunkel hier. Und stellen Sie sicher, dass das ein Schlaganfall ist. Und eine Sache, die wir tun werden, ist, dass wir hier eine Gaußsche Unschärfe machen. Ich werde sicherstellen, dass das hier draußen ist. Und was wir tun werden, ist, dass wir hier eine Gaußsche Unschärfe machen werden, denn im Moment ist das wirklich scharf. Wir werden nach oben gehen und vielleicht sogar diese ziemlich dünne 0,5 nach oben gehen, um zu Unschärfe zu machen und lassen Sie uns eine Gaußsche Unschärfe machen. Wir wollen nicht, dass es sehr dramatisch ist. Wir wollten nur ein wenig verschwommen sein und klicken. Okay, also gibt es uns eine Art gerollte Grenze. Sehen Sie, wir müssen das vielleicht ein bisschen mehr reduzieren, und lassen Sie uns die Farbe etwas aufhellen, ein wenig niedrigerer Kontrast. Also gehen wir hin. Jetzt sieht es so aus, als wäre es ein bisschen mehr gerollt, ein bisschen mehr nach innen gedrückt, also ist das unser On-Zustand, und das ist unser Off-Zustand. So hat es nur das Schritt für Schritt neu erstellt. Dies ist die, die ich vor den Klassen der erstellt habe, die wir gerade gemacht haben. Kein großer Unterschied. Das ist eine gute Sache. Und Sie können dasselbe mit längeren Knöpfen tun. Dies verwendet also die gleiche genaue Methode. Also haben wir das Highlight oben links, und wir haben einen Schatten unten, rechts, rechts, und wir haben diese Farbe, die die gleiche Farbe wie der Hintergrund ist. Du könntest das mit jedem Farbton tun, also selbst wenn du ein dunkles Du hättest, könntest du mit dunklen Farben tun. Sie müssen nur nicht einmal eine Farbpalette in der herunterladbaren Ressource haben. können wir überprüfen. So können Sie dies mit allem tun, solange Sie die gleichen grundlegenden Schritte folgen. Sie könnten dies mit jeder Farbe und jedem Farbton tun. 4. Handgezeichnete Objekte: Pan-gezeichnete Assets. Mit der neuesten Version von Procreate five oder Adobe Fresco digitalen Skizzierkappen ist es jetzt einfacher als je zuvor, handgezeichnete Elemente für Ihre Designstücke zu erstellen. Sie können sogar Ihr Wakame-Tablet und Fotoshopped verwenden, um Ihre Designs zu produzieren und das handgezeichnete Gefühl hinzuzufügen . Vor der Popularität des digitalen Skizzierens APS war es ein wenig schwierig, handgezeichnete Assets einzubringen, obwohl es nicht unmöglich war, durch die Verwendung eines Fotos mit klarer Beleuchtung zu machen, jeglichen Hintergrund zu entfernen, den es keinen Wähler gab Shop und tun einige Farbbearbeitung Ihrer Arbeit in der Lage, es zu verwenden und bringen Sie es, bringen Sie es digital in. Aber jetzt mit der digitalen Skizze APS können wir mit der digitalen Skizze APSsofort organisch aussehende Pinsel, Bleistiftstriche erstellen , Aquarellstriche anheften und in Fotoshop exportieren, und sie sind in wenigen Minuten einsatzbereit. Dies ist ein wunderbarer Trend zu umarmen, denn als Designer können Sie traditionelle künstlerische Methoden verwenden und sie auf etwas anwenden, das sie früher so statisch war, dass es computerisiert nicht mehr mit diesen sauberen, einfachen Formen stecken . Aber jetzt können wir Formen mit einer natürlichen, echten menschlichen Note haben, wie man mit den meisten modernen Designtrends sehen konnte. Es geht darum, sich wieder mit ihrer Vergangenheit zu verbinden. stecken den ganzen Tag auf unseren Handys mit farbigen uninspirierten Formen und Boxen, sehnen uns nach etwas Normaleres und natürlicheres. Sie können sogar handgezeichnete Assets und Social-Media-Kampagnen integrieren, wie ich es in meiner neuesten digitalen Design-Meisterklasse getan habe , wo wir mehrere handgezeichnete Assets erstellen und sie anstelle unserer Standardschriftarten und Computer John Arrows verwenden . Ich werde Ihnen zeigen, wie einfach es ist, ein paar handgezeichnete Assets einzubringen, die ich erstellt habe, sie in Design zu bringen, um eine Zeitschrift mit einer natürlichen handgeschriebenen Schlagzeile zu erstellen . Also werde ich zeigen, wie man handgezeichnete Vermögenswerte macht und fünf fortpflanzt. Wir werden das in den Fotoshop bringen und die ein bisschen abstimmen. Und dann werden wir es endlich in eine Redaktion bringen, eine Zeitschrift verteilen, damit wir irgendwie mehr von unserem authentischen, handgezeichneten Stil zeigen können . Also werde ich jetzt in die Fortpflanzung gehen und ein neues Dokument für ein neues Dokument erstellen, und wir wollen eines erstellen, das so groß wie möglich ist, weil wir diese handgezeichneten Assets machen . Wir bringen sie in Photoshopped, sie werden Raster sein. Also machen wir einfach eine 4000 mal 4000 Leinwand. Und so für redaktionelle Verbreitung, manchmal ist es schön, voranzugehen und einen Plan zu bekommen, welche Art von handgezeichneten Vermögenswerten wir einbeziehen wollen . Inter-Dokument. Und so werde ich manchmal das Foto zuerst für die redaktionelle Verbreitung beziehen. Also in diesem Fall werde ich voran gehen und ein Ende laden, gehen Sie zu Einstellungen, fügen Sie hinzu, ich werde ein Foto einfügen, das ich auf Pecs als dot com gefunden habe, die viele kostenlose tolle Fotografie finden könnte, die ich in diesem Hochzeitsfoto hinzufügen werde ich werde zu meinen Schichten gehen. Ich füge nur eine neue Ebene hinzu. Das funktioniert also sehr ähnlich wie Fotoshop und klicken Sie hier auf das Additionszeichen bei einer neuen Ebene war großartig darüber, wenn wir dies als Photoshop-Datei exportieren, wird es alles in verschiedenen Ebenen sein, so dass wir keine Elemente trennen müssen. Sie sind alle jenseits ihrer eigenen kleinen Schichten. Also, jetzt werden wir schaffen, dass es 2020 Hochzeitstrends sein wird. Also wollte ich tun, ist diese rohe, authentische 2020 Art von Marker. Schau Oh, das wird über die Mitte von ihr gehen und dann irgendwie einen goldenen Swoosh haben, der rüber geht und einige Typografie aus dem Fotoshop in Design auf dem goldenen Swoosh steckt. Also haben wir eine separate Schicht. Das wird dort sein, wo 2020 geschrieben wird. Und ich werde einen einfachen Marker machen. Oder ich kann durch einige dieser verschiedenen Pinsel gehen, um herauszufinden, für welche Art von Look ich gehen möchte. Die meisten von denen, die ich benutze, sind dick und klobig. Du wirst in der Tinte sein und vor allem in der Zeichnungskategorie. Und ich muss das hier benutzen, das man „Düsternis“ nennt. Gehen Sie weiter und wählen Sie die Standardoptionen dafür aus. Ich werde wählen, eine weiße Farbe geht bis zu meinem Farbfeld auf weiß zu tun. Also habe ich nur ein paar verschiedene Versionen hier zu tun, macht 20 20. Ich werde sicherstellen, dass meine Kapazitäten bei 100% Sie ändern können. Dieser Pinsel ist gut, wir können immer neue Ebenen erstellen und so viele von ihnen tun, wie wir wollen, denn wenn wir exportieren eine Photoshopped Datei und bringen sie mit all diesen verschiedenen Ebenen verschiedene Arten, die wir wählen können. Wir mögen nicht die 1. 1, die wir sie auf verschiedene Schichten gelegt haben , die irgendwie getrennt haben können , . Ich könnte sogar eine kleinere Pinselgröße machen, also gibt es drei verschiedene 2020-Optionen. Ich könnte dies weiterhin für weitere 20 Minuten tun, 20 verschiedene Versionen bekommen, Broker oder lassen Sie es direkt dort. Ich habe es abgeschaltet, nur die Transparenz für die, die ich behalten möchte . Also lasst uns einen Swoosh-Assent machen, den wir nutzen können, um unseren nächsten Teil unseres Titels anzubringen. Also machen wir das und wollen es Gold machen. Lassen Sie uns ein wenig Inspiration vom Foto bekommen. Ich werde nur meinen Finger halten und sehen, ob ich vielleicht eine Farbe nicht finden kann, die wirklich gut aussehen würde , umgeschaltet und schon eine Art Goldfarbe ausgesucht hatte. Ich habe meine Geschichte hier wird auf eine goldene Uhr klicken und wir können die gleiche benutzen, oder wir können ein paar verschiedene Pinsel ausprobieren. Also lassen Sie uns mit der Düsterung bleiben. Und ich werde eine große Bürste dafür tun, weil es ein netter Swoosh sein wird, der überquert und etwas tut, um unseren Typ anziehen. Und wieder einmal können wir so viele von ihnen tun, wie wir wollen und dann wählen Sie die, die wir am Ende wollen. Und wir könnten sogar einen anderen Pinsel machen. Also versuchen wir es Blackburn. Das ist viel mehr, das nicht transparent ist, oder? So könnte das ein anderer Look sein, Eagle Hawk, vielleicht gehen Sie wieder mit dem Pinsel zurück, um es ein wenig weniger transparent zu machen. Versuchen Sie diesen Pinsel als nächstes und Sie bürsten ihn an einer beliebigen Stelle, da dies alle Ebenen sind. Also ist es nicht wirklich wichtig ist, wenn wir es in Fotoshop exportieren wird die totale Kontrolle über sie haben . Es gibt also ein paar schnelle Vermögenswerte, die wir hier haben. Diese sind alle in verschiedenen Schichten. Willst du sie alle stürzen und wir werden exportieren. Das ist eine Fotoaufnahmedatei. Also gehen Sie weiter, bringen Sie diese Vermögenswerte rein. Ich schalte nur meine Hintergrundfarbe aus, weil wir alle transparent sein wollten, und ich schalte mein Foto aus, weil ich das im Fotoshop mitbringen werde. Es war nur für mich, eine Vorstellung von der Platzierung von Gegenständen zu bekommen, damit ich nicht einmal mein Foto mehr brauche . Wir brauchen nur diese verschiedenen Vermögenswerte zusammen. Wir gehen zu Einstellungen und exportieren als Photoshop-Datei. Wir gehen zu teilen und machen Photoshopped Datei PSD und ich werde das bringen und ich werde Google Drive verwenden, um es auf meinen Desktop Computer zu bringen, und ich werde Ihnen einen Adobe Fotoshop sehen . Also hier sind wir in Adobe Photo Shop, die bereit waren, in die Assets, die wir erstellt haben, bringen. Wir haben eine Fotoshop-Akte dafür genau hier. So sollte unsere Vermögenswerte aussehen, sollte auf einem transparenten Hintergrund sein, all diese verschiedenen Schichten, und wir können Art wählen und wählen, welche wir denken, würde wirklich gut funktionieren. Und wir haben ein paar verschiedene Möglichkeiten. Sie können den Hintergrund immer einschalten und etwas dunkler machen, damit Sie sehen können Ihre Assets aussehen und diese Ebene sperren können. Also, jetzt können wir wählen, was, 2020 und welche Art von Swoosh wollen wir einbringen. Und ich hatte eine Chance, viele verschiedene Stile zu machen, und das ist eine herunterladbare Ressource für euch Jungs. Sie sind frei, diese Assets zu verwenden, wie Sie möchten und, ah, Testprojekte, kommerzielle Projekte, persönliche Projekte, alle verschiedenen Stile. Also, wenn Sie ein anderes Foto als Hochzeit verwenden möchten, können Sie die Art der Verwendung dieser handgezeichneten Assets in Ihrer Arbeit testen. Also für diesen hier versuche ich an ein paar zu denken, die funktionieren könnten. Also nur eine Art von Auswahl. Vielleicht diese beiden. Ich will etwas Weicheres. Jemand ist ein bisschen grungy für die Hochzeit. Also werde ich diese Mitte einfach mitnehmen. Wir werden ihn auf das Dokument legen und sehen, welches wir denken, wirklich gut aussehen würde . Versuchen wir es, wenn wir es etwas größer machen und winkeln können. Wir können immer mit der rechten Maustaste klicken und es zu einem intelligenten Layer vor unserem Smart-Objekt machen. Wenn wir es also nach oben und unten skalieren können, ohne Auflösung zu verlieren, dann gibt es ein paar Dinge, die wir tun können, um es Pop zu machen. Wir können einen leichten Schlagschatten hinzufügen, könnte es eine schöne große Verbreitung und keine sehr schwere Deckkraft sein. Jetzt müssen wir unseren Gold-Swoosh einbringen, weil wir unsere kleinen Design-Trends direkt darunter haben wollen . Und das ist dann der Schriftzeichenmaler, wenn jemand neugierig ist, sucht irgendwie nach einer schönen, weichen Schrift, die wirklich gut zu Hochzeiten passen würde. Also haben wir eine Menge unserer Gold-Swooshes hier. Wir könnten ein paar aussuchen, die denken würden, dass es schwächen würde, und wir fügen diese Assets einfach ein, indem wir es unten ziehen. Und genau so haben wir eine schöne Hintergrundfarben Uhr. Wir können sogar eine finden, die nicht Winkel hat oder zurück und tun Sie eine mit einem leichten Winkel und auch Winkel oder Typ, wenn wir wollten. Ich habe eine weitere kleine herunterladbare Ressource, die eine Reihe von Zahlen hat und auch den Swoosh, den wir für das Projekt verwendet haben. Versuchen wir es mit einer anderen Version. Lassen Sie uns das duplizieren und sehen, wie es aussieht. Wir werden nur Wirbel etwas verziehen, um ihm eine kleine Biegung zu geben. Geh hoch, um zu tippen. Wir werden nur unseren Text verziehen, und wir machen einen Bogen. Sehr kleiner Bogen, sehr winzig mit einem Winkel. Es So können wir herausfinden, welche wir denken, sieht trendy aus, weil es irgendwie ein wenig von einem geschichteten Look, und wir könnten einfach positionieren oder tippen. Dann, wenn wir bereit sind, Chicago los. Was wir nicht brauchen, könnten wir eine kleine Fotobearbeitung an dem Foto machen, wird es nur ein wenig sättigen , damit Gold wirklich herausspringt und das Foto schärft. Jetzt sind wir bereit, es in Adobe im Design zu integrieren. Also werden wir das einfach als eine einfache Photoshop-Datei speichern. Wir werden ein Design sein. Ich habe bereits die linke Seite des Spreads erstellt und möchte das vielleicht sogar auf die rechte Seite setzen . Das ist keine große Sache. Und noch eine Sache, die wir tun könnten. Wenn es in Biggert Super hohe Auflösung kommt, könnten wir einfach einen Container erstellen und ihn in den Container ziehen. Wir können mit der rechten Maustaste klicken, und wir passen es einfach proportional an, füllen, Rahmen. Es wird nur weitergehen und Größe. Und für uns können wir das immer manuell machen. Und so gehen wir hin. Wir sind in der Lage, einige handgezeichnete Vermögenswerte sehr schnell einzubringen. Wir konnten dies in weniger als 10 Minuten tun, nur um unseren redaktionellen Artikeln ein wenig Pop und Persönlichkeit hinzuzufügen . Und könntest du das auch mit Social Media machen? Wie Sie hier sehen? Ich habe all diese handgezeichneten Pfeile und Vermögenswerte gemacht. Das habe ich in der digitalen Design-Meisterklasse gemacht. Wir haben das zusammen gestellt. Wir gingen ein wenig mehr in die Tiefe und was ich gerade mit dieser Lektion gemacht habe, und Sie können Social-Media-Zeug erstellen, alles in der Design-Welt. Ich denke, das ist ein riesiger Trend. Vorwärts zu bewegen ist seine Hand gezeichnete Sachen, und mit Fortpflanzung, es macht es wirklich einfach. Aber das bedeutet nicht, dass Sie das Gleiche nicht mit dem Wakame-Tablet oder mit billigeren Zeichnungslösungen machen können. 5. Bewegung in Design: wie ich bereits erwähnt in dieser Reihe von Videos Bewegung als großer Trend in allen Dingen Design, aber nicht nur mit Typografie. Das bedeutet, dass mehr GIFs und Videos in den Designstücken im Mittelpunkt stehen und in Werbebewegungen können Wunder bewirken, um die Aufmerksamkeit zu erregen. Sind beschäftigt Unordnung digitale Leben. Es gibt viele Studien, und einige von Facebook und anderen großen Akteuren durchgeführt. Das deutet auf den Vorteil hin, dass Sie Ihrer statischen Bewegung hinzufügen. Fügt Geschichten und Fotos hinzu, da sie dazu neigen, höhere Konversionen und Klickraten zu erzielen. Und das muss es nicht immer sein. Dieses vollständig animierte Drei-D-Video könnte es sein, ist ein einfaches Vier-Frame-Geschenk, das Designern erlaubt , Bewegung zu zeigen, die die Augen des Benutzers auf den Bildschirm zieht. Es könnte eine leichte Animation zu Social Media sein. Post machen kleine Elemente bewegen Ihr Design. Es könnte sogar für Präsentationszwecke sein, indem Sie Ihre Arbeit in Aktion auf der Hanse dot com zeigen , zum Beispiel, sind auf Ihrem Portfolio animierte GIFs oder nichts Neues, und sie sind nicht nur für Katzennamen mehr, aber sie sind eine großartige Möglichkeit für einen Grafikdesigner, eingeführt zu werden, Zehe fügt Bewegung zu Ihrer Arbeit hinzu, da es super einfach und leicht zu erlernen ist, und die nächste Lektion werden wir schnell lernen, wie es geht. Ein animiertes GIF im Fotoshop wird eine einfache Sechs-Frame-Animation machen und es als Geschenk exportieren , um auf unserer Website, Social Media und mehr zu verwenden . Es gibt eine Adobe-Software-App namens Adobe After Effects, die in der Adobe Creative genannt Abonnement enthalten ist, die eine Premiere Pro Software-Lösung toe Hinzufügen von Animationen zu Ihren Designs und Typografie ist. Die Software ist das nächste Level Zeug. Wenn Sie an einfachen GIF-Animationen vorbei gehen und in etwas detaillierteres und immersiveres, vor allem Animationen mit Typografie, gehen Sie jederzeit über die super glatte Animation wie die hier zu sehen, es ist eine gute Chance, die mit After Effects, Fotoshop und anderen Give Creation Programmen erstellt wurde. Verwenden Sie eine Reihe von Fotos, um Ihre Animation zu erstellen und nach Effekten, verwendet Algorithmen, um eine viel seidigere Bewegung zu erstellen. Aber seien Sie sich der steilen Lernkurve bewusst. Es war ein kalter Fotoshop mit dem Timeline-Meeting. Es gibt nicht nur komplexe Effekte hinzuzufügen, sondern sie hat jetzt auch diese Timeline zu denken und in einigen Fällen einen Drei-D-Raum. Sie können damit fast alles animieren, einschließlich Logos, einschließlich Logos animierte Plakate, Bewegung und Typ sowie Social-Media-Anzeigen und Videos. Heute sind wir in Adobe Photo Shop, und wir werden die Timeline-Option verwenden, um eine sehr einfache Sechs-Frame-Animation zu erstellen. Genau wie du es hier siehst. Wir werden einige einfache Typografie auf den Bildschirm und vom Bildschirm kommen lassen. Wie Sie sehen können, wenn Sie diese Art der GIF-Animationen lernen, können Sie es auf so viele verschiedene Dinge anwenden, einschließlich Social Media-Kampagnen und alles, was Bilder, Fotos, Typ oder Grafiken. Also öffnen wir ein neues Dokument und Adobe Photo Shop. Es wird ein Standard-Instagram-Größe Post sein. Also lassen Sie uns tun 10 80 mal 10 80 uh, Pixel mit 300 Menschen I Auflösung und alles andere als Standard Glenn und klicken Sie auf Erstellt eine einfache Instagram-Postgröße tun, die wir tun werden , ist gehen über zu unserem Ebenen-Panel und wir werden nur fügen Sie einen einfachen Hintergrund wird ein Rechteck-Werkzeug zu bekommen, und das Hinzufügen eines einfachen Hintergrunds zu unserem Instagram-Post wird ein schönes, buntes Grading-Risiko des Doppelklicks machen und ein in unserem Ebenenstil-Panel hinzufügen macht ein wenig Grady in Overlay. Wir können natürlich die Richtung ändern, die alles läuft, und lassen es leichter auf der Oberseite sein und klicken Sie auf OK, und wir haben alles eingerichtet. Was wir jetzt tun werden, ist, dass wir zum Fenster gehen und unsere Timeline laden . So Fenster Timeline, das ist, wie Sie tun Alle Ihre GIF-Animationen ist durch dieses Panel. Jetzt werden Sie nach zwei Optionen gefragt, um eine Frame-Animation zu erstellen oder eine Video-Timeline zu erstellen . Das Erstellen einer Video-Timeline gibt Ihnen die Möglichkeit, eine detailliertere Kontrolle über Typografie und das Einblenden von Fotos und Bewegungen zu haben und wirkt ein wenig mehr wie ein Videobearbeitungsprogramm, in dem Sie Keyframes und alle möglichen Komplexitäten haben. Und ich gehe das in meiner digitalen Design-Meisterklasse genauer durch, aber wir werden eine sehr einfache Frame-Animation erstellen. Das wird noch einfacher sein, also erstellen wir eine Frame-Animation und klicken auf den Button, der unsere Frames laden wird. Also habe ich drei verschiedene Spieler erstellt. Ich möchte, dass Thies langsam einblendet und langsam als Teil unserer Animation ausgeblendet wird. Was wir also tun wollen, ist, dass wir all diese 20% Deckkraft erhalten wollen. Genau hier drüben auf ihrem Ebenen-Panel wollen wir, dass alle drei 0% sind. Wir wollen, dass sie alle anfangen, da sie nicht auf dem Bildschirm sind. Es wird auch all diese 20 Deckkraft direkt dort in ihrem Ebenen-Panel reduzieren, und wir werden unseren ersten Animationsrahmen erstellen. Es ist bereit, hier zu klicken und einen neuen Rahmen hinzuzufügen. Und für den zweiten Rahmen wollen wir unser erstes Wort gerne zeigen. Also werden wir zu unserer glücklichen Schicht gehen und die Kapazität erhöhen. Und jetzt sind wir bereit für unsere nächsten Animationen. Wir machen einen weiteren Rahmen, und jetzt wollen wir, dass das nächste Wort so neu kommt, dass wir diese 100% Deckkraft machen werden. Wir werden einen neuen Rahmen erstellen, und wir wollen, dass unser letztes Wort hereinkommt. Machen Sie diese 100% Deckkraft. Also, jetzt werden wir das Wort langsam ausblenden. Also lassen Sie uns einen anderen Frame erstellen Jetzt Wir wollen Jahr gleich wieder ausblenden eine andere Ebene erstellen . Jetzt ist es Zeit, dass neue in ihrem letzten Frame wieder auf Null reduziert werden. Wir sind glücklich, ist bis auf Null und war großartig darüber. Ist, wenn wir es schleifen, haben wir eine. Wir enden mit dem gleichen Rahmen, den wir beginnen. Sie werden also nicht viele Änderungen zwischen diesen sehen und es wird sehr schön ableto Schleife sein . Nehmen wir an, wir wollen eine Schleife spielen. Wir gehen gleich hier runter. Sie werden das Wort für immer sehen, wo Sie voran gehen, und tun Sie den Dropdown-Pfeil und wählen Sie Schleifenoptionen. Wir werden sicherstellen, dass es auf ewig eingestellt ist. So setzt es die Lupin-Lupin-Schleife fort, so dass wir voran gehen und den Play-Knopf drücken könnten, irgendwie sehen, wie es aussieht. Und es ist ein bisschen zu schnell. Und das ist kein Problem. Im Moment haben wir fast null Sekunden. Dies ist die Zeit zwischen jedem Frame-Übergang und Null Sekunden war unglaublich schnell sein . Aber wir können die Shift-Taste gedrückt halten und alle unsere Frames auswählen, und wir könnten sie alle zur gleichen Zeit ändern, um etwa 0,2 Sekunden. Das wird also 0,2 Sekunden zwischen jedem Frame hinzufügen und es etwas langsamer machen. Also lasst uns spielen. Es ist immer noch ein winziges bisschen schnell, aber du könntest deine eigene Zeit hier reinbringen. Also statt 0,2, lassen Sie uns Typ und andere und tun 0,3 Sekunden zwischen jeder Flamme. Klicken Sie auf OK und sehen Sie, wie das aussieht. Und mit jedem dieser Frames stecken Sie nicht fest, was Typografie ist. Sie können Fotos einbringen und sie herausbringen. Es gibt eine Menge Dinge, die Sie mit Frame-Animation tun können, und es gibt auch etwas namens Tween ing hier. Und was Tweeting tut, ist es fügt zusätzliche Frames zwischen zwei Frankreich Animationen hinzu, um es ein wenig mehr gezeichnet zu machen . Sagen wir mal, ich will nicht, dass die Worte nur herauskommen. Ich möchte, dass sie langsam ein- und langsam verblassen. Was wir tun könnten, ist, dass wir eine Tweeting-Animation zwischen glücklich und neu hinzufügen können, also werde ich unglücklich klicken und hier unten auf Tween klicken, und ich werde darauf klicken. Es wird ein paar zusätzliche Frames für mich hinzufügen und fügen wir standardmäßig fünf Frames hinzu. Wir werden auf OK klicken, wenn wir nicht fünf zusätzliche Frames für uns geladen haben. Also jetzt zwischen den beiden Frames, Ich habe die Deckkraft reduziert oder erhöht, um das Wort glücklich zu zeigen. So, jetzt ist es langsam verblasst in den Worten. Und das ist, was Tweeting tut, ist, dass es dieses Extra hinzufügt. Sie wissen, welche Frames Sie hinzufügen möchten, um den Übergang glatter zu machen, dann gehen Sie zurück und spielen Sie. Du könntest sehen, verblasst und er kann diese etwas schneller beschleunigen. Nehmen wir unsere Tween-Frames und lassen Sie uns das viel schneller machen. Man konnte sehen, wie das Wort ein wenig verblasst. So gibt es auch die Tweeting-Option. Ich wollte euch irgendwie zeigen. Wie exportieren und sehen Sie ein Geschenk, wenn Sie bereit sind und Sie mit der Animation zufrieden sind? Und gehen wir weiter und gehen zurück in unsere Geschichte und entfernen Sie einfach das Tweeting. Gehen wir zurück zu unserer einfachen Sechs-Frame-Animation. Also jetzt sind wir bereit zu exportieren. Wir gehen zum Dateiexport und gehen zu einem sichereren Web-Vermächtnis. Es wird uns viel mehr Optionen beim Exportieren von Geschenken geben, und wir können die Größe ihres Geschenks ändern, indem wir die Menge an Farben und Qualität ihres Geschenks reduzieren . Aber jetzt, seit dem ziemlich einfachen, werde ich es in der bestmöglichen Qualität halten. So 128 dithered standardmäßig ist vollkommen in Ordnung. Dasselbe mit Rick Farben. Je mehr Sie die Farben reduzieren, desto mehr wird die Dateigröße reduziert und Sie können die Dateigröße hier unten in diesem Bereich sehen , Sie werden sehen, es sind nur 100 3 Kilobyte, was nichts ist. Es ist eine fantastische Größe, viele dieser Optionen zu verwenden. Sie können als Standard verlassen, und wir könnten weiter gehen und klicken Sie auf Speichern. Sie können auch einige Schleifenanimationen hier unten haben. Es sagt ewig. Aber Sie können es auch einmal tun, wenn Sie möchten, dass Ihre Animation nur einmal abgespielt wird und auf dem letzten Bildschirm bleibt . Aber im Moment werden wir es schleifen. Also lasst uns ewig tun und retten. Sagen wir mal, ich will eine Vorschau. Unsere kleine GIF-Animation. Wenn du darauf doppelklickst, werde ich einen Mac gehen, und ich denke, das Gleiche passiert an den Fenstern. Sie werden alle Frames in verschiedene Bilder aufgeschlüsselt sehen. Was genau das ist, was ein Geschenk ist, ist eine Reihe von Bildern, die als Animation zusammengestellt werden. Was ich tun möchte, ist ich eine Vorschau es in einem Browser wollen. Es wird ziehen Sie es über zu einem Browser in diesem Fall, Firefox, Firefox, und wir konnten sehen, unsere Animation geschieht. Und jetzt sind wir bereit, es hochzuladen. Ein einfaches gerahmtes Geschenk ist dieses Beispiel eines Social-Media-Beitrags, in dem wir Typografie einbringen, es wegbringen, Dinge hereinkommen lassen und es schafft nur ein dynamischeres Bild statt nur ein statisches Bild . Fügt nur das kleine Extra an Bewegung hinzu, und es braucht nicht viel Arbeit. Und übrigens, diese luftgezeichneten Assets, die du sagst, dass ich mich nicht gepflanzt habe, also kannst du irgendwie etwas aufregenderes und dynamisches haben als nur einfache Typografie von einem Computer. Ich gehe über komplexere, Timeline angetriebene Geschenke, die die andere Option, die aufgetaucht ist, als ich zum ersten Mal begann, dass der Rahmen Geschenk. Wir gehen über das viel detaillierter in meinem digitalen Design, Master Glass, wo wir 45 Minuten bis eine Stunde tun, um ein bisschen komplizierter eines Timeline getriebenen Geschenks zu schaffen . Wenn Sie mehr Kontrolle über das Ausblenden beim Zoomen in den Fotos haben möchten, ist das definitiv der richtige Weg. Aber für diese Klasse wollte ich nur eine kurze Einführung, die einfachste Form des Geschenks, das Sie tun könnten, das ist die Rahmenanimation Geschenk. 6. Bold geometrische Formen: kühne geometrische Formen. Dies ist bei weitem der größte und beliebteste Trend, den ich sehe und designe. Ich habe Stunden und Stunden damit verbracht, Projekte zu V hance dot com zu erforschen, und geometrische Formen kamen in allen Kategorien auf. Ein Animationsdruck Design, redaktionelles Design, Branding Paket und Logos. Sie könnten hell, lebendig sein oder einen festen Hintergrund verwenden. Helden. Geometrische Formen können Volumenkörper haben, sind dünne Striche oder Linien. Diese geometrischen Formen können mit Mischmodi überlappt werden, um Formen innerhalb von Formen zu erstellen , und es kann auch in einfachen Mustern verwendet werden, um eine breite Palette von flexiblen Markenbeständen zu erstellen . Was ist großartig an der Verwendung von geometrischen Formen und Design ist, dass es eine andere visuelle außerhalb der Typografie bietet , die Ty Parker V helfen kann abheben oder helfen, das gesamte Designstück Schmutz fühlen sich ohne den Einsatz von Fotografie gefüllt. Und wir dürfen die geometrischen Formen, den Einfluss auf das Logo-Design und den Sinn für Ordnung, den ein gitterbasiertes geometrisches Logo mit sich bringen kann, nicht vergessen. Es ist relativ einfach zu beginnen, geometrische Formen und den W Illustrator zu erstellen. Durch die Verwendung einiger Gitter und der Rasteroptionen bekomme ich einen Blick auf Adobe Illustrator und demonstriere dies jetzt. Also, hier sind wir in Adobe Illustrator, ich werde zeigen, wie man einige sehr grundlegende geometrische Formen erstellt, damit Sie beginnen, über diesen abstrakteren Design-Trend nachzudenken. Es ist eines der ersten Dinge, die Sie tun möchten, ist, ein neues Dokument zu öffnen und Sie möchten sicherstellen, dass Raster angezeigt werden. Das erste, was Sie tun möchten, ist, gehen Sie nach oben und stellen Sie sicher, dass Ihre Guides angeklickt werden . Hilfslinien werden eine große Hilfe bei der Erstellung aller geometrischen Formen sein, um auf das Gitter zu klicken. Ein weiteres sehr, sehr hilfreiches Werkzeug ist, dass es zwei Punkt schnappt. Also wird alles, was du erstellst, im Raster einrasten, und das wird unglaublich hilfreich sein. Und die Beschleunigung unseres Workflows so gefangen einen Punkt und jetzt kann es einige grundlegende Formen erstellen. Und wir werden einige Onley erstellen, die Kreise für diese Aufgabe verwenden. Wir kriegen unser Lippenwerkzeug, und wir könnten die Verschiebung gedrückt halten und einen perfekt dimensionalen Kreis schaffen. Es wurde geschnappt, stimmte es zu. Es ist so viel einfacher zu tun, jetzt könnte es einfach die Option gedrückt halten und ziehen. Wissen Sie, wir können eine Reihe von Kreisen erstellen, die wir sogar duplizieren können, und wir können unser Rechteck-Werkzeug bekommen , um dies perfekt in zwei Hälften zu teilen, mit dem Form-Builder-Werkzeug. Also die Auswahl aller meine Objekte und ich gehe über diese und viele meiner anderen Design-Kurse hatte es Art verwendet diese grundlegenden Werkzeuge und Adobe Illustrator, aber zeigt Ihnen, wie schnell es ist. Wir können sogar diese gedrückt halten Shift umkehren, wenn Sie wieder drehen und es wird es um 45 Grad Winkel tun , was so hilfreich ist und halten Sie die Option Dragged schafft einige grundlegende kleine Formen hier. Du bringst sie sogar runter und machst ihm verschiedene Farben. Halten Sie gedrückt, verschieben Sie tun, tun, reflektieren Sie in eine andere Farbe. Das ist also kreativ zu sein und diese verschiedenen Formen zu finden, die miteinander interagieren können. Also lassen Sie uns diese Art von Donutloch erstellen. Wir greifen das Ellipsenwerkzeug, um einen ziemlich großen Kreis zu machen. Gehen wir zum Objektpfad und was wir tun werden, ist, dass wir den Pfad ausgleichen, den wir in der Vorschau auf OK klicken könnten , und was es getan hat, ist, dass es zwei Kreise für uns geschaffen hat. Es versetzt den Weg der lehren all dies und viele meiner Design-Kurse und wählen Sie beide Form , die ältere Werkzeuge ein riesiges Werkzeug, vorteilhaftes Werkzeug bei seiner Schaffung all diese Formen formen. Es gibt also einen einfachen Donut. Wir können komplexe Formen innerhalb des Donuts erstellen, indem wir wieder Formen setzen, überlappen sie, nehmen diese Form Builder Werkzeug und stürzen ihn heraus, halten Sie die Optionstaste gedrückt und so können Sie eine Vielzahl von Formen erstellen. Nehmen wir an, wir wollen hier ein kleines Muster hinzufügen. Was wir tun könnten, ist unseren kleinen Trick zu tun. Wir haben es in einer vorherigen Lektion getan. Klicken Sie hier oben, halten Sie die Umschalttaste gedrückt, erstellen Sie eine Linie. Ich werde Option tun und Dragon wurde eine Kopie zu erstellen. Und dann dupliziere ich diese Kopie, indem ich den Befehl mache, ihr Zeilensystem zu erstellen. Jetzt können wir das gruppieren, Shift gedrückt halten, perfekt um 45 Grad gedreht, und ich könnte es überlappen, beide meine Objekte auswählen. Ich gehe über den Pathfinder, und ich werde zuerst meinen Weg skizzieren müssen. Also wird es zum Objektpfad umrissene Striche gehen. Und jetzt werde ich in der Lage sein, das mit dem Pathfinder auszuschlagen. Versuchen wir es mit minus vorne. Und das hat gut funktioniert, um alles auszuschneiden, um eine Art interessante Form zu schaffen, und er kann all diese verschiedenen Formen mit dieser Form, einem älteren Werkzeug und dem Snap to Grid Werkzeug kombinieren , um diese sehr präzisen geometrischen Muster und zeig sie einfach so zusammen. Und Ihre Aufgabe ist es jetzt, in Adobe Illustrator zu gehen und Ihr erstes geometrisches abstraktes Poster mit einer Kombination von nur kreisförmigen Formen zu erstellen .