Entwerfe und animiere digitale Anzeigen wie ein Profi (HTML5, Paid Social und GIFs)

1. Kurs-Trailer: Hi. Mein Name ist Samantha Richardson und ich bin Grafikdesignerin. Und begrüßen Sie Teoh, Ein Insider's Guide für die Erstellung digitaler Werbekampagnen. Ich arbeite seit etwa fünf Jahren in der Werbebranche, und ich habe festgestellt, dass digital, wie durch diesen Kurs ein wenig einschüchternd sein könnte, ich würde nicht entmystifizieren, was in die Produktion einer plattformübergreifenden digitalen Kampagne geht. Ich zeige Ihnen einige Tipps und Tricks für die Herstellung von ansprechenden Designs und Animationen und Möglichkeiten, die Sie Ihren Kunden präsentieren können. Wir werden einen Kanal fünf Banner, Videos, Brigade, soziale und Gäste für E-Mail-Explosionen erstellen Videos, Brigade, . Wir gehen über einige einfache digitale Marketing kommt ups, die Ihnen helfen und bilden Ihre Entwürfe werden mit ILTER und Fotoshop, um unsere Kampagnen zu konzipieren und zu gestalten. SPD ater einige sehr einfache animierte S P G Flex zu erstellen. Es würde Teoh. Anime und Größe sind Kampagnen über verschiedene Plattformen und Größen hinweg. Alle in dieser Klasse vorgestellten Programme sind kostenlos oder haben eine kostenlose Testversion zur Verfügung, damit Sie loslegen und sie testen können. Agenturen wollen, dass Sie denken, dass das Erstellen digitaler Bär kompliziert ist, aber ich werde Sie Schritt für Schritt durch den Prozess führen. Sie können Ihre Werbung oder Kundenwerbung selbst in die Hand nehmen. Ein Klassenprojekt wird die Verzögerungskampagne für Ihr Haustier durchführen, wenn sie im Internet waren . Also bleib zurück, schnapp dir einen Snack und ich sehe dich im nächsten Video. 2. Tools: Hey, danke, dass du zur Klasse beigetreten bist. Wir werden eine breite Palette von Werkzeugen verwenden, um unsere Handlungen zu recherchieren, zu entwerfen und zu animieren. Alle Tools Bereich, die kostenlos oder haben eine kostenlose Testversion. Sie haben also keine Ausreden. Einige Werkzeuge sind optional für den Kurs. Je nachdem, wie riskant Ihre Gefühle so wichtig sind. Werkzeuge werden Adobe Illustrator und Fotoshop sein. Wir werden auch in Flex hüpfen. Es würde Design Cloud und Google Chrome sind optional. Tools werden Pinterest und SVG ator über Links zu diesen Programmen und irgendwelche Rabatte oder Pro sein, weil ich und die Klassennotizen Wie wir durch den Kurs gehen, werde ich Sie durch warum gehen? Ich benutze jedes Programm. Am Ende des Tages hast du das Beste nicht an und ich bin nicht mal Niere. Mein kann nicht ehrlich sein, unterkleidet 3. KURSPROJEKT: Unser Projekt ist es, eine Scheinwerferkampagne für Ihr Haustier oder Ihr Lieblingstier zu erstellen. Wenn sie im Internet wären, was würde nicht tun, wenn er im Internet wäre? Natürlich, Um eine Werbekampagne zu machen, müssen Sie mit einem Mock Produkt und Marke Tube kommen. Aber lassen Sie sich nicht zu sehr auf die Details hier stecken. Betrachten Sie dies als eine Gelegenheit, einige lustige Entwürfe zu einer Animation zu machen. Versuchen Sie, an eine Idee zurückzudenken, die Sie für ein Design hatten, aber nie eine Chance hatten, zu verwenden. Ich werde dich durch meine Scheinwerfer-Kampagne führen. Grippe Grippe ist eine Marke, die ich erfunden habe, die Accessoires Boden Phantasie Cops macht. Insbesondere bietet die Grippe langhaarige Katzen, deren natürliche, königliche Schönheit es den Leuten schwer macht zu sehen, wie stilvoll ihre Accessoires sind. Meine Inspiration, Theon ist eine totale Hauptkatze. Er hat so einen luxuriösen Mann, dass ich nie in der Lage sein würde, seine Halsbänder zu sehen, wenn er sie trug , aber mit der Farbe zurück Beweis, wäre er eine Phantasie nur außerhalb von Jahren auf der Innenseite. Also lassen Sie Ihr Haustier die Muse und lassen Sie mich wissen, was Sie für Ihre Anzeigenkampagne auf der Klassendiskussionsrunde tun Anzeigenkampagne auf der Klassendiskussionsrunde tun 4. Digitale Marketingstrategie: In Ordnung. Schnallen Sie sich an, Butterblume, denn es geht ein wenig runter. Digitale Marketing-Strategie Loonies, je nachdem, wer Sie sind, können Sie verschiedene Gründe für die Teilnahme an diesem Kurs haben. Vielleicht arbeitet Ihr Ah-Designer in einer Kreativagentur. Vielleicht sind Sie ein Geschäftsinhaber, der versucht, Ihre Marke zu schärfen und einen Weg zu finden, mehr kreative Kontrolle über Ihr Produkt oder vielleicht oder jemand anderes zu haben . Einige von Ihnen können jeden Tag mit dem Medienspezialisten arbeiten, und einige von Ihnen müssen Ihre eigenen sein. Aber was auch immer Ihr Job-Titel für diese Scheinwerfer-Kampagne ist, Sie sind der Designer. Das bedeutet nicht, dass man die ganze Strategie und das Denken einem anderen überlassen kann. Als Designer ist es äußerst hilfreich, die Grundlagen des digitalen Marketings zu verstehen. Wir werden kurz drei der meisten Unterstützung in digitalen Marketing-Konzepten für einen Designer diskutieren , um K B zu kennen . Grundsätzlich ein K B. I Unternehmen dabei, ihren Erfolg oder ihre Leistung über verschiedene Plattformen hinweg zu messen. Du machst eine Anzeige. Du hast ein Ziel. Was ist das Wichtigste, was Ihr Klient gegen Grippe erreichen will? Wir wollen, dass Leute sehen, unsere Anzeigen näher an den Kauf sind üppige Accessoires zu bewegen. Einige hilfreiche Metriken für uns könnten also sein, wie viel Prozent der Leute sehen, die unsere Reichweite ist, oder klicken Sie auf den Akt durch. Das ist die Klick-Theorie KP. Ich würde diese Prozentsätze messen und unseren Erfolg numerisch demonstrieren. Noch wichtiger ist, dass aus Designsicht, wenn ich über unsere KP nachdenke, das Ziel unserer Designpersonas und der Zieldemografie verstehen kann. Eine Persona ist in der Regel ein fiktiver Charakter. Die U Composite, um ein Segment Ihrer Zielgruppe zu repräsentieren sind persona ist unser V. I. P. Wir wollen sicherstellen, dass unsere Anzeige ihren Bedürfnissen für unser Klassenprojekt entspricht. Ihr Haustier ist die Persona. Mein Katzentheon ist ein super schicker Junge, also wusste ich, dass er sich für etwas interessieren würde, das ein wenig wütend und irgendwie lustig und albern fühlte . Einige Anzeigen verfügen über mehrere Personas, auf die sie sich beziehen. Zur gleichen Zeit für dieses Projekt, wir später an einem bleiben, aber ich werde Ihnen zeigen, wie Sie Flex es verwenden können, um leicht duplizieren und modifizieren und hinzufügen, um verschiedene Personas zu adressieren . Während Sie dort arbeiten, bauen Sie Ihre Persona, zögern Sie nicht, sie in der Klassendiskussion zu posten, um Feedback zu erhalten. Alles in Ordnung zum nächsten Konzept. Der Trichter stellt verschiedene Stufen der Konsumentenreise vom ersten Kontakt mit einer Marke bis hin zum Kauf und der totalen Markenbindung dar. Genau wie es wichtig ist zu wissen, wer Ihr Publikum ist. Es ist auch wichtig zu wissen, welche Art von Beziehung Ihr Publikum mit dem Produkt hat. Wird Ihre Anzeige die Zielgruppen sein? erste Mal lernen über das Produkt, zum Beispiel, flog für ist noch kein bekannter Name, so dass unsere Anzeige einige erklären, eine Front zu tun. Während Ihre Zielgruppensaison mit mehr Anzeigen und Inhalten interagiert, werden sie in die nächste Phase überlegt. Dies ist, wo Sie ihr Bewusstsein haben, und jetzt lernen sie ein wenig mehr über Sie als Marke. Vielleicht betrachten sie dich als Ressource und engagieren sich mit deiner Marke, indem sie deinen Blog besuchen oder deine Videos ansehen. Die letzte Etappe vor einer Umwandlung ist die Entscheidung. Die Person ist sich bewusst und interessiert an Ihrem Produkt, aber es wiegt immer noch alle Optionen. Wirklich spezifische Messaging. Solch uns ein exklusives Angebot kann wirklich helfen, den Verbraucher Teoh machen, dass Kauf und der letzte Bereich Retention zielt darauf ab, unseren Kunden zu erleichtern, wiederholte Einkäufe, Empfehlungen und Testimonials zu machen, so dass neue potenzielle Kunden beginnen das Telefon. wissen, wo Ihre Zielgruppe im Finale landet, können Sie entwerfen und hinzufügen. Das sagt den Verbrauchern alles, was sie wissen müssen. Zwar verschwenden wertvolle Zeit und fügt Basis für größere Marken. Möglicherweise haben Sie eine Reihe verschiedener Anzeigen, die verschiedene Plattformen ausgeben und Kunden an verschiedenen Punkten im Trichter gezielt ausrichten. Diese Plattformen sind grenzenlos, könnten aber Bären-Anzeigen, bezahlte soziale E-Mail-Kampagnen, sowie YouTube-Blog ASIO, sogar Tic Tac, enthalten bezahlte soziale E-Mail-Kampagnen, sowie YouTube-Blog ASIO, . Oftmals hilft Ihre Persona zu informieren, welche Plattformen für Ihre Kampagne am sinnvollsten . Ach, ich bin für unseren Kurs ein bisschen voraus. Wir sind nicht einfach Ihre Marken, sondern nur ein Pfeifentraum. Unser Ziel wird es sein, das Publikum bewusst zu machen, dass Ihr Produkt, denn dies können Sie mit dem Medienspezialisten arbeiten. Es wird all das Zeug für dich tun, oder du fühlst vielleicht beide Rollen in deiner Firma. So oder so, die Grundlagen des digitalen Marketings zu tun, kann nur helfen. Dank dieser Strategien wissen wir, welche Art von Anzeigen und wie wir möchten, dass unsere Kunden damit interagieren. 5. Deliverables: Liefergegenstände, in Ordnung. Es gibt ein paar verschiedene Ebenen für dieses Projekt. Sie werden lernen, wie man kreiert. Es wird herrlich sein. H Schmelze von Better fügt ein smorgasbord von bezahlten sozialen, einschließlich Instagram Post Instagram Geschichten. Wir leben und treten es alte Schule, und ich zeige Ihnen, wie man ein Geschenk für so etwas wie eine E-Mail-Kampagne von basierend machen. Bitte liefern Sie Bullen aus Dingen, die ich in echten Werbekampagnen produziert habe. Aber wenn du dich überwältigt fühlst, mach dir keine Sorgen. Könnte so viel oder so wenig tun, wie Sie auswählen möchten, und wählen Sie aus, welche Leistungen Ihnen am wichtigsten sind . Aber es ist meine Aufgabe, Ihnen zu zeigen, wie einfach es ist, die Grenzen zu überschreiten. Es ist einfacher denn je, robuste Anzeigenkampagnen mit einer Vielzahl unterschiedlicher Anzeigenarten, -formate und -größen zu erstellen . Seien Sie nur sicher, dass Ihre Färbung in den Linien. Sie können das Datenblatt überprüfen, und die Klasse kennt die empfohlenen Attribute für jede Anzeige. Es gibt einige strenge Regeln für bestimmte Plattformen, so überprüfen Sie, dass Sie auf dem Laufenden bleiben 6. HTML5: es ist Jewel five Code wird verwendet, um die überwiegende Mehrheit der Online-Inhalte zu strukturieren und anzuzeigen. Vielleicht erinnern Sie sich daran, ihn zu verwenden, um Ihren Text auf Ihrem MySpace-Profil zu drehen. Hot Pink Designer verwenden es auch, um Banner- oder Display-Anzeigen zu erstellen. Im Gegensatz zu seinem Vorgänger, HTML five eignet sich für die Erstellung von responsive animierten Designs, die auf verschiedenen Geräten und Browsern funktionieren , einschließlich Mobile I s O. Sobald Sie Ihre Banner-Anzeigenkampagne erstellt haben, ist es übergeben an einen guten Freund, der Medien-Spezialist, der Is It spielt und all diese kleinen Viertel und Nischen bewaffneten Webseiten, die asiatische, Alle fünf fügt hinzu, sind in Form einer ZIP-Datei zur Verfügung gestellt, die enthält eine Nation, alle fünf Code und alle Referenzvideos und Bilder. Ich werde Sie durch die Ordnerstruktur einer HTML-Fünf-Anzeige führen. Wenn Sie hier html five file doppelklicken, wird es geöffnet. Und was auch immer Programm Sie als Standard-Browser eingestellt haben, können wir auch diese Datei öffnen Neco Texteditor wie erhabenen Text, und es wird den Code zeigen, der unsere Anzeige ausmacht, die es flex. Es hat keine Sorgen hervorgerufen. Wir werden uns mit keinem Code verarschen. Zusätzlich zur Code-Datei. Flex es. Wenn es ein paar andere Assets in unserer HTML Five Zip Datei packen wird, werden Sie Ihr Backup haben, was ich hier hochgezogen habe. Ihr Sicherungsbild ist das letzte Bild Ihrer Animation, und es wird bereitgestellt, falls es Probleme beim Rendern des Codes in Ihrem HTML 5 gibt. Am Rest der Assets sind nur P und G, J. Paige und SP Jeez, dass wir von Illustrator und Flex ein Ttive und Flex gebracht haben. Es würde diese optimiert und hilft uns, eine wirklich schöne niedrige Dateigröße zu bekommen, so dass wir mir unsere Ad-Server-Anforderungen für ein Projekt. Nehmen wir an, keine Bären-Anzeige kann 200 Kilobyte überschreiten. 7. Forschungsprozess: Hier ist der Tiefstand auf Hatta. Beginnen Sie mit der Definition einer Richtung für Ihre animierte Anzeigenkampagne. Ich beginne gerne mit meinem Designprozess, indem ich zu Pinterest hüpfte und ein Board erstelle. Pinterest eignet sich hervorragend zum Sammeln von Inspiration und Honen auf einem bestimmten aussehenden Feld. Wie Sie sehen können, benutze ich Pinterest für viele verschiedene Projekte, wie zum Beispiel Phantasie über die Tattoos, die ich nie bekommen werde, und die Rezepte kochen nie. Hier ist ein Designboard, das ich für Grippe für unser Projekt Stiftbilder zusammengestellt habe, die Sie inspirieren, auch wenn sie nicht mit dem Produkt zusammenhängen, das Sie gewählt haben. Ein weiteres Feature, das ich wirklich über Pinterest ausgrabe, ist, dass Sie verwandte Stile wirklich , wirklich schnell erkunden , können. Pinterest hat auch diese raffinierte Chrom-Erweiterung, so können Sie Inspiration auf verschiedenen Websites sammeln und kommen zurück, um sie alle an der gleichen Stelle. Sie können die Pinterest-App auch auf Ihr Telefon und Konzept-Marketing-Kampagnen bequem von Ihrer eigenen Toilette herunterladen. Schauen wir uns ein paar weitere Websites an, um zu sehen, wo andere Marken und Design-Profis Luft. Dribble zu tun ist ein großartiger Ort, um Ideen für Designstile, Bewegung und Illustration zu bekommen. Vielleicht möchten Sie auch überprüfen Typ Wolf. Sie haben einige großartige Beispiele für Schriftpaarungen, wenn Sie einige Ideen für Typografie bekommen möchten . Eine weitere gute Referenz ist Giffey. Geben Sie. Er ist ein großartiger Ort, um Inspiration für Animationen zu bekommen oder in die Bibel zu kommen. Dieser Benutzer hat lo fi Inhalt erzeugt. Ich werde versuchen zu hören, also denke ich, das könnte Ihnen ein paar Kerne oder Ergebnisse geben, wenn es um Teoh geht, eine dangly Animation . Ja, ich ficke das, damit wir dieses Teoh Pinterest Brett schreiben können. Nein, nein, spart einfach Tip Plouffe Perfect. Eine wirklich großartige Ressource ist Moat dot com und im Grunde, was das tut, ist es ermöglicht, dass Sie wirklich besser auf Kampagnen sehen, die zuvor ausgeführt wurden. Aber aus irgendeinem Grund sind die Ergebnisse nicht immer alles inklusive. Also manchmal wird es laufen, aber nicht in dieser Suche angezeigt. Und es lässt dich wie bestimmte Marken anvisieren, um so, wie, glänzend ein und es wird mir eine Reihe von anderen besseren Hüten zeigen, die Chelsea hat. Und wenn sie eine Animation haben, wenn Sie gerne rüber gehen, wird es abgespielt. Sieht aus wie all diese luftstatischen. Wir könnten auch Kat Graham versuchen, wie ein ausgefallenes Fest zu gehen. In Ordnung, ich glaube, wir haben alles gesehen, was wir sehen müssen. Als sie durch Ihren Forschungsprozess bewegt, Gehen Sie zurück und UNP in einigen Artikeln, die nicht verwandte oder zwei verschiedene als Ihr Mann Konzept zu füllen, versuchen wirklich nach Hause auf Ihre Lieblingsideen. 8. Asset Sammelung: Manchmal können Sie beim Entwerfen einer digitalen Anzeigenkampagne alle benötigten Assets für Sie bereitgestellt werden. Andere Male scour Shutter Stock um 2 Uhr morgens. Fragen Sie sich, ob das perfekte Bild war eine grausame Farce durch das Design Gottes entworfen. Unabhängig davon, gibt es eine Ressource ist, dass ich hilfreich fand, um Fotografie und Bindungen zu sammeln. Es ist natürlich, dass die Balance zwischen Asset-Sammlung und Design, bis Sie eine Lösung finden, die für Ihr Konzept funktioniert. Für die Fotografie, Ich Manchmal ist er unspool Asche, die kostenlos ist, wie Sie durch alle die Fotografie suchen. Ressource ist, dass Sie entweder eine Sammlung erstellen können, die für diesen Dienst stammt, oder Sie können sie für bezahlte Arbeit auf Ihrem Pinterest-Board anheften. Ich benutze auch gerne Lager. Siehe, das hat eine Flatrate pro Größe und Ihr Papierbild, Pro Tipp Nummer eins. Sie sparen sich etwas mehr Zeit beim Einkaufen von Wählern. Wenn Sie nach Bildern suchen, die nahtlose Hintergründe haben , könnten Sie sie auf diese Weise in eine einfarbige Farbe verfärben und sie neu dimensionieren, wird eine sitch sein. Beschütze Nummer zwei. Verwendung einer Sequenz von Bildern ist ideal, um eine Erzählung in Ihrem Design zu erstellen. Eine Sache, die man beachten sollte, , ist,dass ich nicht mehr als drei Bilder gehen würde, da es Ihnen eine viel höhere Dateigröße geben wird. Da ich viel Kundenarbeit erledige, macht es Sinn für mich, ein Adobe-Stockabonnement zu haben. Hier ist die Sammlung, die ich für einige meiner Grippebilder zusammengestellt habe. Setzen Sie Schritt Nummer drei. Umarme Specter Grafiken wo immer möglich, wickle diese in unser Projekt als S Fidschi. Und in der Regel sind sie falsche Augen ist viel niedriger. Ich zeige Ihnen einige verschiedene Möglichkeiten, S P G zu animieren, damit sie wirklich zum Leben erwecken können . Sie könnten bis zur nächsten Lektion warten, um mit der Entwicklung Ihrer Vektorgrafiken zu beginnen aber denken Sie daran, dass Sie mehr Vektor suchen. Schau im Vergleich zu einem Bild eins. Waren Sie Sektoren, um ein bildbasiertes Konzept zu verbessern? Ein weiterer wichtiger Faktor für die Entwicklung Ihrer digitalen Anzeigen ist die Typografie. Es gibt zwei verschiedene Möglichkeiten, wie wir Topografie in unsere animierten digitalen Linien umsetzen können. Der vs. Lebensdauertyp funktioniert, indem er die Bindung direkt in den Flex seines Lebenstyps importiert , ist am besten geeignet, wenn wir möchten, dass unser Typ einfach, stromlinienförmig und adaptiv ist. Es wird direkt essbar sein, so dass Sie Änderungen direkt dort in Flex ein Ttive vornehmen können. Um den Lebenstyp zu verwenden, müssen Sie entweder ein O t f aus für TTF-Datei Ihrer Schriftart haben. Oder Sie können eine Dual-Schriftart verwenden. Google-Schriftarten. Biden Awful sind bereits geladen und reflexiv, so dass Sie sie dort finden können, ohne zusätzliche Importe zu tun. Die zweite Möglichkeit, Tomographie zu integrieren und ein Ttive zu biegen. Es ist, erweiterten Typ zu verwenden. Denken Sie an erweiterten Typ US-Typ, dass Sie einen Illustrator erstellt haben, der möglicherweise Ligaturen Typ auf einem Pfad mehrere Schriftarten in einer Zeile verwenden könnte . Dies könnte ausgefallener und gestalteter Typ sein, den Sie als SPG Experte gewesen sind und in Flex ein Ttive bringen . Ein SPG ist ein Vektorgrafikformat, was bedeutet, dass, obwohl es kein Live-Typ ist, es in einer Skala wirklich knackig erzählt wird, weil wir gehen Teoh am Ende erweitern und es als Sug in bringen. Es spielt keine Rolle, was unser ursprünglicher gekämpfter Typ ist. Für mein Projekt. Ich habe am Ende mehrere Schriftarten verwendet und sowohl Live-Typ als auch S Fiji integriert. So oder so, bleiben Sie hier und ich habe Sie abgedeckt. Unabhängig davon, welches Typformat Sie wählen. Sie müssen sicherstellen, dass Sie den entsprechenden Führerschein für Ihren Vater haben. Für einige weitere Informationen über die Verwendung von Typ und Flex ein Ttive, Ich bin Kelly Teoh Abführmittel Knowledge Base in der Klasse Hinweise für diese Klasse, Eine sichere Wette wird der Stick auf verlorene Art und Google-Schriften sein. Lost Type hat eine kostenlose persönliche Nutzung und Demo-Lizenz. Google-Fonts sind Open Source, so dass Sie sich keine Sorgen über den Kauf einer Lizenz für diese machen müssen. Wenn Sie einen erweiterten Typ integrieren möchten, zögern Sie nicht, Adobe Fonts, kreativen Markt, was auch immer verrückte Schriftart Website Sie wählen zu verwenden kreativen Markt, . 9. Konzepte: nächste wird sie argumentieren, wie Konzeption beginnen und speichern Belohnung Ihrer animierten Anzeige und Illustrator. Während Sie sicherlich direkt in den Flex springen können, ein TIVE zu Konzept und Design dort, Ich mag es, einen Illustrator zu starten, vor allem, wenn ich weiß, dass ich Design-Assets oder Storyboard verschiedene visuelle Konzepte schnell generieren muss . Manchmal präsentiere ich diese Storyboards sogar den Kunden. Wenn ich eine Genehmigung für eine Richtung oder Bildverwendung erhalten muss, bevor ich zu weit in die Produktion komme beginnen wir mit der Konzeption der 300 mal 2 50 Bessere Übergröße mit drei R-Boards, um drei verschiedene Rahmen darzustellen , . Ich werde alle meine Assets innerhalb der Illustrator-Datei platzieren, einschließlich der Topographie und der Bilder, die ich aus der letzten Lektion ausgewählt habe. Ich beginne gerade ein paar verschiedene Ideen für die Animation, also vielleicht ist die erste Idee, dass es drei verschiedene Katzen sein könnten. Die nächste Idee ist vielleicht, ist, dass es nur die gleiche Katze in verschiedenen Positionen ist. Ich mag es wirklich, wie diese Katze jetzt ein bisschen launisch wirkt. Einige funkeln und da ist die Scheinwerfer-Kampagne. Ich werde ein paar Essentials generieren, und das hätte ich wahrscheinlich schon, wenn dies ein Kundenprojekt wäre, beginnend mit einem Logo. In Ordnung, ich war an einem Ort, wo meistens mit dem Storyboard zufrieden ist. Also werde ich einfach ein PDF erstellen. Das könnte etwas sein, das ich Teoh Client liefern könnte, wenn sie eine kleine Vorschau sehen wollten . Wenn Sie eine PDF-Datei an Ihren Kunden senden, stellen Sie sicher, dass Sie nur die AARP-Board-Reihe Ihrer großen PF verwenden und nicht die einzelnen Cops. Stellen Sie außerdem sicher, dass Sie Illustrator bei der Bearbeitung auf aktiviert beibehalten haben, und stellen Sie sicher, dass keine Zuschneidemarken oder Falten aktiviert sind. Hoffentlich geht alles gut mit der Zustimmung, und wir können mit unserem Konzept vorankommen ein Ttive zu flexiblen, um es zum Leben zu erwecken. 10. Assets aus Illustrator exportieren: sobald wir gut auf einem Storyboard schwächen. Beginnen Sie mit der Vorbereitung der Datei oder Produktion, um alles als einzelne Assets zu exportieren, um in ein Ttive zu bringen . Aber bevor wir das taten, werde ich zum Wähler Sharper Liquid springen. Da ich diese beiden Bilder von Adobe Stock heruntergeladen habe, ging ich gerade hinein und erweiterte den Hintergrund mit der inhaltsbewussten Füllung, dann verwendet, um Airbrush um die Kanten zu bürsten, wird die Hex-Farbe für dieses Blau verwenden, um den Hintergrund und Flex. Es würde so Wieder Dimensionierung wird eine sitch sein. Sie verwenden auch eine wirklich einfache Kurvenfakt, um die beiden Bilder ähnlicher aussehen zu lassen. Ja, nichts Schickes. Also werden wir nur dio Datei speichern ihre Web und Bücher von diesen Bällen, die für Apex ISS zu begrenzen und muss unter 10 Megabyte sein, also sollte kein Problem damit haben. Außerhalb dieser beiden Frames wird der Rest der Assets aus Illustrator eingerichtet und exportiert. In Ordnung, Illustrator, Sie wollen anfangen, Ihre individuellen Assets, die Sie exportieren müssen und bringen Sie in Flex ein Ttive? Dazu gehört Laura Little glitzernde Jungs sind Typ, der keine Ligaturen oder Eigenschaften haben wird, die sich nicht gut zu leben Typ verleihen wird. Ich mag diese Methode, bei der ich einen essbaren Schriftsatz behalte und dann werde ich auch nach unten gezogen und diesen Schriftsatz erweitern. Also, wenn ich ein Wort später ändern muss, habe ich immer noch unvermeidliche Version. Und dann werde ich zu meinem gegossenen Werkzeug gehen und ich werde einfach auf den erweiterten Typ klicken und kann Teoh leicht spg daraus exportieren. Nun, das ist unser sehr quadratischer , Schriftsatz in diesem,da wir SPG verwenden, muss wieder eine horizontale Version und eine vertikale Version erstellen . Ziehen Sie einfach nach unten Objekt erweitern Erscheinungsbild Objekt erweitern, drücken. OK, klicken Sie dann mit Ihrem R vier-Werkzeug. Unser kleiner Charm-Typ, er wird als PNG für Ihre SPG es exportiert. Grundsätzlich müssen Sie nur wissen, dass Ihr Typ sonst erweitert werden muss, könnte man eine Menge Spaß haben. Solange keine Bilder involviert sind, werden Bilder die Dateigröße Ofen-SPG hochsteigen. Du wirst durch gehen wollen und jedes unsere Brett benennen, also wird es super klar sein, was du animierst, wenn du in Flex ein Ttive kommst, nachdem du alle deine Kunstvögel beschriftet hast, wirst du dein Kunstbrett neu anordnen wollen, so dass alle deine P und G bei SPG es oder sequentiell gruppieren sich zusammen. Dann können Sie alle Ihre SPV auf einmal und alle Ihre P und G auf einmal exportieren. In Ordnung, jetzt sollten wir gut gehen. Teoh hop rüber, um ein Ttive zu biegen. 11. Dein Konzept in Flexible.: Alles klar. Der erste Schritt, um Ihr Konzept in Flex ein Ttive zu bringen. Es ist, einen Flex es des Kontos einzurichten. Tja, dio kostenlose Testversion. Alles klar, als du dich angemeldet hast, Alexa das getan. Das ist es, was du siehst. Sie können mehr in das Admin-Panel eintauchen und weitere Benutzer auf der linken Seite hinzufügen. Genau hier ist eine Art von Ihrer Navigationsleiste, wo Sie verschiedene Produkte organisieren können. Lassen Sie uns diesen Zug umbenennen. Sie können sogar verschiedene Gruppierungen hinzufügen, wie wenn Sie digital und einen Ort oder nach Projekt aufteilen möchten , könnten Sie wie ein neuer Client hinzufügen. Das ist also alles Flip-Zeug. Sagen wir mal, ein anderer war wie Boof. Vielleicht ist das wie ein Hunde-Sache. Perfektionieren Sie die's, wie das Äquivalent von auf einem Cookie-Show, wo sie bereits auf einmal gekocht haben und es ist im Ofen, bereit, für sie herausfallen. Also werde ich voran gehen und die zu unseren Proben bringen, damit wir irgendwie frisch anfangen können. Nun, Praktikant neuen Titel für das Design, und Sie können gehen und setzen, dass Mock up in Bearbeitung ist. Sagen wir einfach, es ist vorerst ein Mock Up. Oh ja, Sie können auch gerne, dass es immer organisierte Benutzer gibt, die Sie organisieren können. In welcher Phase und der Workflow es ist. Wir werden da reinspringen, damit sie all diese kleinen kleinen Vorlagen haben, mit denen du anfangen kannst. Ich mache die Dinge immer gerne auf die harte Art und Weise. Also werde ich einfach auf eine leere Leinwand springen und dann funktionieren Hala-Module drinnen. Flex es. Du klickst im Grunde einfach Teoh, aktivierst hier eine Größe. Also fangen wir mit der Größe an, die wir nicht für die Bodenbildung aktualisieren können. Aber ein Boom bringt diese Hex-Farbe, über die wir früher gesprochen haben, um unseren Hintergrund zu setzen. Wenn wir mehr hinzufügen, werden mehr Assets in der Lage Teoh, navigieren Sie in der Lira Panel, sogar Textformen hinzufügen. Jetzt gehen wir zu Vermögenswerten und laden unsere Vermögenswerte hoch, die wir erstellt haben. Alles klar, lass uns weitermachen. Ich habe unsere Akte hochgezogen. Wir werden diese Illustratordatei Teoh benutzen Teoh in Flex zurückweisen. Es würde rausfinden, wo alles sitzen muss. Wir gehen von jetzt an zu ihrem Vermögen. Drücken Sie einfach diese Anzeige zu Canvass-Taste auf dieser Seitenwand. Sie haben Ihr Projekt speichern, Größen erstellen, das ist schrecklich. Aktivieren Sie die Option Diese Größe später bei der Assets-Animation. Wir kommen in ein bisschen dorthin. Vorschau. Auf diese Weise können Sie eine Vorschau Ihrer Anzeigen anzeigen und exportieren. Also gehen wir zurück zu ihrer Größe und wir haben jetzt unser Bild hier drin. Wir werden nur weitermachen und Welpen vergrößern, also werde ich Größenposition machen, und dann werde ich Phil und Crop machen. Und dann kannst du diesen Kerl ein wenig dort positionieren, wo die Schichten blass sind. Jetzt gehen wir zu Größe, Position und gehen dann nach unten und wo ist seine Bildgröße? Wir werden weitermachen und ihn aufsteigen. Also, jetzt gehen wir weiter und gehen Sie nach unten und fügen Sie in den Text Wir gingen mit SPG Steuer für diese wegen all der Ligaturen spg zehr gut zu verwenden, wenn Sie eine grundlegende Waffen wegen bestimmter Design-Einschränkungen wie ein Schlagschatten nicht verwenden können , strahlend, etcetera Welche Schriftart sind toll zu verwenden, weil sie nicht viel Größe als SPG nehmen, kann aber leicht aktualisiert werden und Abführmittel und gelten für jede Größe es erscheint auf Zehe hinzufügen diesen Text wird voran gehen und schlagen Sie auf Leinwand und dann gut, Skalieren Sie das einfach nach oben. Jetzt werden wir voran gehen und hinzufügen, sind die Mischung bezaubert. Also, wenn das Pluszeichen hinzufügen kann, dass rece und wird das nicht überspringen. Dies ist vielleicht, wo Sie brauchen, um anstelle der tatsächlichen Größe passen, nur so dass es Ihnen erlaubt , alle diese kleinen Kontrollen dort einige ein paar verschiedene Optionen, wie wir unsere vergleichbar schnell sehen können . Eine Option ist, hier zu diesem mawr Abschnitt zu gehen, und dann können Sie tatsächlich Zeilen ausschalten. Eine schnelle Abkürzung zum Ein- und Ausblenden von Konturen besteht darin, Q auf der Tastatur zu drücken. Und wenn Sie ein Objekt ausgewählt haben, hat celeb wirklich mein Tastenfeld auf meiner Tastatur verwendet, um das zu bewegen. In Ordnung, also haben wir unsere ersten Elemente, bitte. Und jetzt können wir nicht wirklich anfangen, den Rest unserer Frames zu entwerfen, bis wir mit der Animation beginnen und der nächste wird darüber gehen, wie man mit dem Animieren und Flex 12. Flexible/in Animating: Jetzt haben wir unseren ersten Rahmen entworfen. Es ist Zeit, den Feind zu biegen. Es verwendet Frame-basierte Timeline, die einfach zu bedienen und skalierbar ist, um loszulegen. Drücken Sie die Start-Animationsschaltfläche und standardmäßig wird alles Kopf sein. Also werden wir nur jedes dieser Elemente auswählen. Dann gehen wir zu Animationseffekten. Stellen Sie sicher, dass jede dieser Luft jetzt statt versteckt angezeigt wird und jetzt werden wir die Charm-Animation auf Schwung setzen . Wir gehen, Teoh stellte den Text so ein, dass er verblasst, richtig. Also, jetzt werden wir in unserem nächsten Frame hinzufügen. Dieses kleine blass hier ermöglicht es Ihnen, alle Ihre Rahmen zu sehen. Wir werden zu einer Bildansicht wechseln, in der alle unsere Selektoren eingecheckt sind. Verzögerung ist also die Zeit zwischen Ihren Freunden und Dauer ist die Zeit, die Ihre Animation stattfindet. In der Regel ist es, meine Verzögerungen auf Null zu setzen und meine Dauer für eine konsistente Zeitspanne festzulegen . Sagen Sie eine Sekunde die spätere Nulldauer von eins. Alles klar, in unserem ersten Bild haben wir unseren Begriff Gesang und wir haben unseren Text in der rechten Seite in unserem zweiten Frame verblasst . passiert keine Aktion. Sie können dies auch tun, indem Sie eine Verzögerung hinzufügen. Eine Verzögerung von einer Sekunde. Aber das wird mir viel mehr Anpassungen geben, wenn ich möchte, dass eine Animation in einer anderen Größe während dieses ein zweites Mal für ihn passiert . Also, jetzt werde ich noch einen Rahmen hinzufügen. Jetzt haben wir drei Rahmen. Ich werde die Verzögerung auf Null setzen. Ich werde dafür sorgen, dass die Dauer eins ist. Jetzt werde ich sagen, dass der Text nach rechts ausgeblendet wird, und das ist es für Frame drei für Frame vier und Set. Meinen. Wieder eine Null verzögert. Ich will, dass dieser Kerl nur hart ausgeschnitten wird. Also, um das zu tun, werde ich einfach hoch schlagen. Auch in einem Deal. Harter Schnitt auf dem Charm. Als Nächstes werde ich unseren Rahmen zum Bild bringen. Wenn ich das sehe, bedeutet das, dass ich immer noch etwas ausgewählt habe. Ich will nicht tauschen, also werde ich sicherstellen, dass ich angeklickt bin und ich nur auf Leinwand zuschlagen. Ich werde zu Größe und Position gehen und Bit und Beschneiden, und ich werde einen Zoom machen und tatsächlich brauchen, dass die Katze auf gegenüberliegenden Seiten ist. Alte drehen horizontal. Ich füge unsere Grippe Grippe Go-Charms hinzu. Sie können auch Ihre Transformationssteuerelemente in einem Illustrator verwenden, um dasselbe mit verschiedenen Elementen zu erhalten . Also gehe ich und klicke auf das Logo hier, und ich habe meine Transformationskontrollen. Es wird mir sagen, dass es ungefähr 91 Pixel sind, also kann ich einfach ein Ttive und Größe und Positionierung einer Elementgröße gehen und das nur zu 91 sagen . Ich mag es tatsächlich ein bisschen größer zu sein, also werde ich eine Tatsache sagen, wie es waas ist. Aber das ist eine Art raffinierter Trick, den ich gefunden habe, dass die Dinge Ihrer Skala in Illustrator entsprechen . Ich werde nur noch vier Mal Teoh duplizieren. Also kopieren und einfügen. Jetzt werde ich meine oder Jack diese Typen um Adama Begriff bringen. Ordnung, also jetzt haben einige einfache Animation für diesen Frame es an das Animationsfeld verkauft. Ich möchte, dass auf diesem Rahmen die Grippe fließt, um einen verblassenden Puls zu haben. Reize für ausgefallene Katzen werden verblassen, und dann lassen wir Virgil reinkommen, ein wenig schwingen. Jetzt werden wir einen neuen Rahmen hinzufügen, und wir haben unser Zentrum verzögert Null und wir werden unsere Art Haltemoment haben. Also keine Animation vorderster fünf Dann fügen wir einen Frame hinzu. Sechs Satz sind 20 für Frame sechs verzögert. Wir werden die Charms-Steuer ausblenden, also klicken wir einfach auf die Charms-Texte und verblassen und dann auf der Standrutsche werden wir in unserem Angebot verblassen. Wir werden importieren wenn auf und leben Steuern direkt in Flex ein Ttive. Also, wie wir das tun, ist gehen Sie auf den Text hinzufügen Peel dann bereits den Gedanken hinzugefügt. Aber ich werde Ihnen zeigen, wie Sie eine neue Schriftart hinzufügen können. Upload benutzerdefinierte Schriftart Wir werden jetzt öffnen wir gehen zu Illustrator-Datei Wir können voran gehen und kopieren Sie diese Hexcoat-Tastaturbefehle, um diesen Hex-Code zu kopieren und einfügen hier werden wir unseren Text auf neun Punkte setzen. Wir könnten ein bisschen großzügiger sein, sagte, es ist 10. Du könntest einfach Katzenblöcke auf deiner Tastatur machen. Seien Sie sicher, Teoh, überprüfen Sie Ihre Rechtschreibung wirklich gut. Und jetzt könnte ich wie Tracking ändern und dann die Schriftgröße sperren. Das ist, wenn du willst, dass du gekämpft hast, um genau die gleiche Größe auf all deinen verschiedenen Coms zu haben. Wir wollen dies nicht tun, weil wir wollen, dass unser Typ Nächte und reaktionsschnell ist. Und wir werden sicherstellen, dass, wenn wir unseren Text setzen, die Textfelder sind, die über unseren Text hinausgehen , exportiert werden müssen. Alles wird schön und sauber. Und es gibt keine Chance, dass der Browser den Text irgendwie lustig interpretieren könnte. Unser neues Textfeld wird für das Schicksal in gesetzt und dann werden wir einen neuen Freund aus. Wir setzen die Verzögerung auf Null und dann auf Frame sieben, wir werden in einer Schaltfläche hinzufügen, um unsere Animationseffekte gehen Da wir dieses Element für ihn hinzugefügt haben . Sieben. Es wird sich für ihn zeigen. Sieben. Jetzt werden wir die Animation Teoh Flip X einstellen. Wir werden noch einen Frame hinzufügen. Unser letzter Frame wird sicherstellen, dass unsere gelöschte Null wieder Frame acht. Wir werden Teoh einen Puls setzen, also wird das die Aufmerksamkeit der Leute nur ein bisschen mehr auf den Knopf lenken. Etwas Gutes zu beachten ist, dass Sie Ihre Animationsschleife einstellen können. In der Regel haben Sie für diese Display-Anzeigen 15 Sekunden, die Sie an sind, so dass reine Anzeige sieben Sekunden lang ist, Sie können es zweimal Schleife haben. Oder wenn Ihre Anzeige fünf Sekunden lang ist, können Sie dreimal eine Schleife haben. Sie können auch sagen, Sie sind Loop Teoh, unendlich für dieses Projekt. Ich glaube nicht wirklich, dass ich eine Schleife brauche, aber ich werde meinen letzten Frame so einstellen, dass er eine sieben Sekunden Verzögerung hat, um meine 15 Sekunden Anzeigenzeit zu maximieren . Und das ist es im Grunde für uns die Anpassung unserer Frame-Sequenzen im nächsten Video, wir gehen über, wie Sie Ihre Animation Vorschau, damit Sie Finalwochen machen und an Ihre Kunden senden können . 13. Preview in Flexible.: Also, jetzt werden wir überprüfen, was wir bisher getan haben. Also werden wir die Vorschau. Es gibt verschiedene Möglichkeiten, eine Vorschau anzuzeigen, so dass Sie in Alexa tive eine Vorschau anzeigen können und diese Art von sieht so aus. Ich bevorzuge es, voran zu gehen und eine Vorschau außerhalb von Flex zu sehen. Und diese vorherige Seite, das ist mit diesem kleinen externen Pfeil. Wenn Sie hier klicken, wird Ihnen die Vorschau nur für die Größe angezeigt. Und wenn Sie Clinton unten unten, wird es Ihnen die Vorschau für alle Ihre Größen zeigen. In den nächsten Videos werden wir darüber reden, wie wir es wirklich verstärken und einige animierte SP jeez hinzufügen können, um unsere Funkeln zu erhöhen. Und dann werden wir auch darüber sprechen, wie wir diese abgeschlossene animierte Größe nehmen und sie plattformübergreifend und größenübergreifend für unsere digitale Anzeigenkampagne produzieren. Jetzt ist auch eine tolle Zeit. Wenn Sie möchten, dass Kunden sich auf dem kreativen abmelden, können Sie voran gehen und senden Sie in der Regel an den Client. Danke fürs Herumbleiben. Wir sehen uns im nächsten Video 14. Hoover Effekte und animierte SVGs hinzufügen: Und jetzt werde ich Sie durch ein paar verschiedene Wege führen, die Sie Ihre Animation wirklich vorantreiben können . Der erste Weg besteht darin, Hover-Zustände zu verwenden. Also denke ich, ich werde einen schwebenden Zustand für die Schaltfläche machen, auf die Schaltfläche klicken und dann zu Ihren Animationseffekten navigieren. Wenn Sie zu diesem anderen Abschnitt gehen, können Sie auf diese Weise einen Hover-Status für dieses bestimmte Element hinzufügen. Wir werden Dio-Pulseffekt für eine glattere Animation. Wir werden unsere Dauer auf die vollen 1,5 Sekunden verschieben. Dann werden wir einfach gespeichert sitzen und dann zu einer Vorschauseite zurückkehren und aktualisieren. Und du kannst jetzt sehen, dass Button einen kleinen Puls hat. Der nächste Weg, dass wir einige wirklich lustige Elemente zu unserer Animation hinzufügen können, ist, indem diese funkelt Feind ein wenig. Also werde ich ein Programm namens SVG Aator verwenden. Alles klar, jetzt sind wir in spg ater wir werden die SPG es importieren, die wir erstellt haben, oder dann importieren Sparkle, so dass wir einfach öffnen. Was wir tun werden, ist auf unseren Kreis zu klicken und wir werden einfach darauf klicken, was uns erlaubt, einen Schlüssel hinzuzufügen, Fring. Wir wollen einfach einen Schlüsselrahmen für einen Pass hinzufügen. Es wird automatisch ein Schlüsselbild mit 100% Kapazität generiert. Wenn Sie zu diesem rechten Bereich und unter Compositing navigieren, sehen Sie eine Pass-Idiot, die auf 100 gesetzt ist. Jetzt werden wir unseren Spielkopf auf eine Sekunde verschieben und einen neuen Schlüsselrahmen hinzufügen. Sie können das tun, indem Sie diesen Knopf drücken. Oregon. Einfach Interend, Ähm, eine neue Deckkraft durch, um diese A-Position auf Null zu setzen. Großartig. Jetzt werden wir scharf abhauen, auf zwei Sekunden gehen, und wir werden einen Pass zurück auf 100 setzen. Dies wird unsere Animationsschleife zu machen. Also, um zu spielen, bewegen Sie einfach Ihren Spielkopf zurück auf Null, und Sie platzieren nur drücken Sie die Leertaste. Alles klar, also geht es auf drei Sekunden aus. Wir wollen nur, dass diese Animation zwei Sekunden lang ist, also werden wir unsere Zahnrad-Taste drücken und dann unsere Dauer auf zwei Sekunden einstellen. Schwächung, Unendlich. Jetzt haben wir unsere Animation, wie wir sie wollen. Wir werden speichern, und dann wollen wir exportieren. Wir werden unsere Animation Typ zwei CSS auf Lee bei Last und Antworten sehen und dann einfach Export öffnen. Und jetzt können Sie im Asset-Panel sehen, dass die SPD und das Schema in einem Gebot Also werden wir etwas Super Einfaches tun , eine unserer Kugeln auswählen, und wir werden einen Asset-Swap machen, was im Grunde, Sie nur Hit dieses kleine so heiße Taste Check auf Swap. Und so ging ich voran und führte die gleichen Schritte für unser Funkeln durch und steckte diese Jungs auch da rein . Und hier ist das Endprodukt. Nächstes Video, wir werden darüber reden, wie wir unser Konzept dimensionieren können. 15. Mehr Größen in Flexible.: Als nächstes gehen wir darüber, wie Sie nützlich sein könnten, um die Größe Ihres animierten Konzepts auf all Ihren verschiedenen Plattformen und Größen zu ändern. Wenn wir zum Bedienfeld „Größen erstellen“ navigieren, werden alle unsere verschiedenen Anzeigengrößen angezeigt. Wir können den Schalter auf der rechten Seite für zeigen nur aktive Größen verwenden, und dann werden wir auf Hinzufügen in einem ähnlichen Seitenverhältnis wählen, nur um Ihnen zu zeigen, wie einfach es ist, Teoh beginnen, Größe fügt hinzu. Sobald wir einen neuen Aspekt ausgewählt haben, muss das Verhältnis gehen und nur einige kleinere Tweets machen. Teoh Train Flex ein Ttive auf, wie wir beginnen wollen, unsere neuen fügt zu bauen, um mehr vertikale für mehr horizontale. Es gibt zwei Arten von Änderungen, wie Sie Ihre Wieder Größen machen. Änderungen, die nur für diese Größe gelten, im Gegensatz zu Änderungen, die sich auf alle Ihre Größen und Flex auswirken . Eine tive Änderung der Element-Behinderung Lear Reihenfolge, Größe, Position, Fokuspunkt und Ihre Füllung Zuschnitt und Zoom werden Änderungen sein, die nur die aktuelle Größe beeinflussen , während das Hinzufügen von Löschen, Elemente austauschen, Elemente spiegeln oder die Hintergrundfarbe ändern, werden Änderungen sein, die sich auf alle Ihre Größen auswirken . Änderungen an der Größenverfolgung und -vergabe können sich auf die aktuelle Größe auswirken oder alle Größen ändern, je nachdem, ob Sie Ihre gekämpfte Größe freigeschaltet haben oder nicht. Der Inhalt Ihres Textes, Ihrer Farbe, Farbe, Schriftart und Ihrer Ausrichtung werden alle Änderungen sein, die sich auf alle Übungen auswirken. Alle Ihre Änderungen an der Animation wirken sich während des Bauens auf alle Ihre Größen aus. Ihre Größe ist, wenn Sie Änderungen an einer Größe vornehmen möchten, die normalerweise Ihre gesamte Größe beeinflussen würden , kopieren Sie einfach das Element und fügen Sie es ein. Machen Sie Ihre Anpassungen und Änderungen Rechtsanwalt Sichtbarkeit auf verschiedenen Größen. Jedes Mal, wenn du ein neues Seitenverhältnis hinzufügst, könnte es ein wenig funky beginnen, aber du gehst hinein und machst deine Tweets. Und wenn Sie das nächste Mal auf einen ähnlichen Aspekt oder ein ähnliches Problem stoßen, wird Alexa Tig bereits wissen, wie man damit umgeht. Sie können hineingehen und diese benutzerdefinierten S P G s bringen, die wir zuvor im Prozess erstellt haben, um wirklich Speicherplatz für jedes Seitenverhältnis für die Größe zu nutzen. Ich möchte den Text dort behalten, wo er ist, weil ich auf all diese anderen Comp ausnutze. Also, was ich tun werde, ist meine Tastenkombinationen zu benutzen, um es einfach zu kopieren und einzufügen und dann navigiere ich zu meinem Ebenenfeld und zur obersten Ebene, die die neue Ebene ist. Wir kopieren nur Pasta. Ich gehe nach Rio, um die Größe der Position zu erreichen und sage Onley vier Porträt es ist und dann gehe ich zurück zu meinem Ebenen-Panel und ich werde der unteren Ebene sagen, dass ich das Symbol zum Verstecken auf dieser Größe treffen werde . Wenn Sie ein Element auswählen und es löschen , wird es jedoch aus allen Ihren Coms entfernt. Jetzt gehen Sie einfach rein und machen Sie noch ein paar weitere Design-Twaks. Fühlen Sie sich frei, die Größe und Position von verschiedenen Momenten zu ändern, ohne den Rest Ihrer Ruhe zu stören . Sie können flex es von Support-Portal besuchen, um eine vollständige Liste der Eigenschaften zu sehen, die von allen Größen betroffen sind oder nur Größe spezifisch sind. Entschlossen für diese Größe. Ich will ein umgedrehtes Exemplar von dieser Katze und ich will mich nicht vermasseln. Die Katzen haben bereits kompiliert. Also, was ich tun werde, ist Befehlskopie, Befehlspaste wieder. Wenn ich diese ursprüngliche Katze verstecke, ist es auf allen anderen Ebenen und dann werde ich Größe und Position Onley diese Größe einstellen, und ich werde zurück zu der ursprünglichen Orientierung Textausrichtung wird auch ein Element sein , das über alle lehrt Ihrer Größe. Ich denke wirklich, dass ein Mitteltext auf dieser Größe viel besser aussehen würde. Also werde ich nochmal eine Kopie machen und einfügen und in den frühen Jahren kommen. Und während du beim Leasing verschiedene Versionen des Textes hinzufügst , kannst du sogar dort reingehen , sie nennen, also werde ich diesen zentriert benannt haben. Auf diese Weise, während ich durchmache, weiß ich, was was ist. So Text-Einstellungen und stellen Sie die Ausrichtung auf Mitte. Und da ich alle Größen sehen möchte, kann ich einfach alle herausspringen und irgendwie sehen, was ich auf einmal vor sich habe, zu wissen, dass der Sommer nur ein bisschen verrückt aussehen wird, bis du sie anwählst. Weißt du, wenn es kleine Dinge wie diese gibt, die dich so stören, könnte das ein bisschen besser zentriert werden. Es ist besser, diese Dinge frühzeitig anzusprechen, damit wir die Dinge perfekt machen. Und dann iterierst du nur und nennst mich Gate. Wenn wir durch diese verschiedenen festen Größen navigieren, können wir auch einige reaktionsschnelle Größen erstellen. Sie können in gehen und effektiv eine Anzeige, die eine warme zu jeder Größe geben kann, um dies zu sehen, wir werden eine Vorschau reaktionsschnell Scrollen nach unten zu bekommen. Das können wir einfach rauslassen. Ja, ich sage, sie haben uns umgebracht. Es wird also eine neue Seite mit allen Bruchpunkten erscheinen, die wir für Add eingerichtet haben. Der coole Teil ist, dass Sie volle süchtig machende Breakpoints treffen können. Sie können diese neue Anzeige herausspringen, die Sie effektiv auf jede Größe ändern können und sieht es aussieht Wird sie Ihnen zeigen, wie dies auf allen Seiten dieser reagieren kann? Die Anzeige. So bauen Sie und beheben und reaktionsschnell und sozial wir sind alle zusammenarbeiten. Also, wenn Sie eine Dimension in einem dieser Abschnitte gebaut haben, wird es in der Wahrnehmung ziehen. Also gehen wir sozial weiter, ich weiß. Was willst du tun? Eine Instagram-Geschichte? Aktivieren Sie hier oder wir können auf unsere Größe B m klicken . Wir haben Instagram-Story aus unseren fünf HTML-Anzeigen erstellt. Sie können sogar nützlich verlassen, um Ihr Profilfoto zu machen . Hier ist eine Instagram-posierte und Instagram-Geschichte. Wir haben alle Vermögenswerte, die wir brauchen, um fortzufahren und zu exportieren. HTML fünf Anzeigen sind Videos für bezahlte soziale und unsere Geschenke für Dinge wie E-Mail-Blasts. 16. HTML5 flexible Ausführung: Jetzt können wir mit dem Export unserer HTML fünf Anzeigen beginnen. Exportieren. Wir wählen nur die Größen aus, die auf dem Datenblatt sein werden. Deaktivieren Sie alle Größen Flex auswählen. Es wird automatisch aus einem Pixelrahmen, wenn Sie möchten. Hinzufügen von Servern erfordern oft genügend Kontrast, damit Benutzer den Unterschied zwischen den Anzeigen auf der Webseite erkennen können. Wir haben diesen blauen Hintergrund, also brauchen wir nicht die Ein-Pixel-Grenze. Aber wenn Sie besorgt über die I A B ein Pixel Grenze sind, können Sie das überprüfen lassen. Wir lassen alle diese Kästchen nicht angekreuzt. Die Antwort, die wir mit IHS Centro Sel Select Out Server Centro arbeiten Und dann werden wir bestimmte Größen auf unserer Liste auswählen. Wir werden nur Exportzeichen drücken, Zip und Flex es drücken. Es wird wirklich schön für uns packen und dann gehen wir einfach rein und machen ein paar kleine Verbesserungen, bevor wir an unseren Medienspezialisten liefern. Wenn wir den Export Flex hatten, wird jedes Bild automatisch komprimiert, um die niedrigste mögliche Dateigröße und die höchste Auflösung für jede Größe zu haben. Ordnung, also haben wir in diesem Kerl oben und die ZIP-Datei wird jede Ihrer Anzeigen super praktisch enthalten. Also gehen wir einfach durch und wir werden das aufräumen und einfach die Datei im Ordner loswerden , und dann werden wir einfach auf jedes Hinzufügen klicken, um sicherzustellen, dass die Dateigröße unter unserem 200 Kilobyte-Limit liegt . Großartig. Alle unsere Akten sind unter unserer Tour- und Kilobyte-Grenze, aber ich werde Ihnen zeigen, was Sie tun können, wenn Sie Probleme haben. Das ist üblich. Wenn Sie vielleicht viele Bilder oder P- und G's in Ihr Konzept einbinden. Öffne diese Kerle im Fotoshop. Sie können genau berechnen, wie viel Platz Sie sparen müssen, um Ihre Anzeigen unter der Größenbeschränkung zu erhalten . Ich gehe weiter und, wissen Sie, legen Sie die Qualität auf, , vielleicht 60 und Sie können sie tatsächlich in Ihrem Dateiordner speichern und den Namen Ihrer Datei überschreiben . Da der Code genau auf diesen Dateinamen verweisen wird, und dann werden wir dies nur erneut komprimieren. Also, jetzt müssen wir, und Sie werden sehen, dass, da wir dieses Bild komprimieren, mehr falsch sind. Die Augen sanken etwa 30 Kilobyte, aber das ist, wie Sie gehen, um Ihre Dateigröße zu reduzieren. Oft legen Sie einfach die Dateien in ein cooles Laufwerk und senden Sie ein Leck an meinen Medienspezialisten , damit sie beginnen können, spielt in den Anzeigen. 17. Bildungen, Videos und GIFS in Flexible.: Als nächstes werden wir darüber sprechen, wie man als Video exportiert, so dass Videos großartig für bezahlte Social sind. Hier ist meine Instagram-Geschichte. Bereit zu gehen Export alle ausgewählten Exporteure Video und dann meine richtige Größe für die Instagram-Geschichte. Ja, und das ist es im Grunde. Ich gehe in der Uhr weiter. Stellen Sie sicher, dass es gut ist. Sie können diese Dateien immer direkt und auf etwas wie Facebook importieren. Kreative Hilfe oder geben Sie sie einfach direkt an Ihren Medienspezialisten. Und da gehst du hin. Es gibt Ihre Instagram Story Ad, und es erforderte im Grunde keine zusätzliche Arbeit von der Erstellung Ihrer tatsächlichen fünf Abt. Alles klar, hier ist, wie man ein statisches Bild exportiert. Vier. Bezahlte soziale, vielleicht für einen Instagram-Post. Wir gehen einfach in und stellen Sie sicher, dass wir unsere statische viel ausgewählt haben, und wir können dio Export bei doppelt so viel Bildgröße es möchte und wählen Sie einfach unser Bild Wenn der Stopp Nun, Sie können die Bilder sehen, die ich für bezahlte soziale als auch exportiert habe Sie haben, sind 100% Skala und unsere 200% Skala. Schließlich werden wir über Hajto exportierte Geschenk gehen, und dann werden wir sicherstellen, dass Experte als Geschenk überprüft wird, wird auswählen oder Größe, und wir werden nur Exportgeschenk treffen. Vielleicht, wenn Sie Geschenke für eine Website oder eine Social-Media-Plattform verwenden, so erhalten Sie einfach die Datei Größe kann nicht so viel Rolle. Wenn Sie es für eine E-Mail Explosion tun, würde ich wahrscheinlich unter 200 Kilobyte Grenze bleiben. Als nächstes werde ich Ihnen zeigen, wie Sie die Datei betrachten, die aus Flex kommt, und wenn es über 200 Kilobyte ist, wie wir sie unter unsere 200 Kilobyte Grenze zurückbekommen können. In Ordnung, Sie können hier sehen, sind Geschenk-Akten. Augen. Es ist ziemlich groß. Also werde ich Ihnen zeigen, wie Sie Teoh eine viel überschaubarere Dateigröße herausholen können, vorzugsweise unter unserem 200 Kilobyte-Limit, so dass Sie sie in eine E Explosion einbetten können. Um das zu tun, ging ich voran und exportierte auch eine Video-Version Been Photoshopped, und dann werden wir Datei-Import Video-Frames, zwei Ebenen und dann werden wir unser Video öffnen und wir können uns ein wenig zusätzliche Arbeit sparen Begrenzen Sie unseren Import auf alle fünf Frames und drücken Sie OK, gehen Sie nicht durch und entscheiden Sie sich für etwa fünf Frames, die ich denke, unsere super interessant, um die Ballgröße nach unten wirklich niedrig zu bekommen , weil ist eine Art von einer großen Größe. Ich würde sagen, dass alles über 10 Frames ein falsches Auge viel zu groß macht. In Ordnung, also habe ich meine Animation bis zu einer kleinen Schleife Kräuterbewegung. Ich hoffe, da die Animationen ziemlich klein sind, dass die Ballgröße niedrig genug sein wird. Also gehen wir in unseren Staat für Web und schalten das auf Geschenk und Sie, seit, ähm, die Animation ist nur auf diesen kleinen Sternen. Es muss nicht so viele Farbinformationen enthalten, und die falschen Augen sind ziemlich niedrig, also gehen wir weiter und machen ein paar Optimierungen. In Ordnung, also setzen wir Transparenz, keine Bindung , selektiven Farbreduktionsalgorithmus und 256 Farben ein. Alles, was gut aussieht, und wir sind unter 200 Kilobyte. Wenn Sie für Web speichern. Sie können dies auch treffen und automatisch in Ihrem Browser vorherrschen. Ja, du gewinnst, wie man Bilder, Geschenke, Videos und das nächste Modul exportiert Geschenke, . Ich werde Ihnen zeigen, wie Sie Klassenprojekt mit den Exporttechniken teilen können, die wir besprochen haben und dieses Modul sehen Sie im nächsten 18. Dein Kurs-Projekt teilen: In Ordnung. Jetzt werde ich Sie durch die Erstellung Ihres Klassenprojekts auf Still share führen, um einen Flex zu teilen. Es von Anzeigen mit der Klasse wird zurück zu unserem von Bildschirm gehen, wo wir ein Produkt auswählen können und wir werden dieses kleine Pop-out-Fonds treffen. Auf diese Weise können Sie alle Ihre verschiedenen Anzeigen teilen, unabhängig davon, ob es sich um feste Größen reaktionsfähige Größen für soziale Netzwerke handelt. Zuerst benennen Sie einfach Ihr Projekt. Dann können Sie einige Screenshots von Ihrer reflexiven Vorschauseite zusammen mit einem Leck einlegen . Die ideale Größe für Geschicklichkeitsbeteiligung Cover-Bilder 6 90 mal 3 88, so dass wir tatsächlich machen, dass Zustrom. Es wird gehen, um Größen zu schaffen sind mit 26 90 unsere Höhe 3 88 Die Größe existiert nicht, aber wir können es hinzufügen. Also werden wir nur Plus haben und wir können das benutzerdefinierte Größenbild hinzufügen, das wir für unsere Skill-Share-Seite erstellt haben . Es gibt so viele weitere Features ein Flex, ein Ttive, dass wir keine Chance bekommen, in dieser Klasse zu berühren. Himmel ist das Limit. Halten Sie weiter und lernen Sie mehr über Abführmittel, denn es ist wirklich ein sehr vielseitiges, aber intuitives Programm. Vielen Dank, dass Sie diesen Kurs genommen haben. Es ist mein erster Skill-Anteil. Ich hoffe, es hat dir gefallen, so sehr es mir gefällt, es beizubringen. Wenn Sie Fragen haben, die Sie durch das Projekt gehen, zögern Sie nicht, sich in der Klassendiskussion zu wenden. Vielen Dank. Lassen Sie dieses Feld Sie in Kontakt mit auf Instagram Ihr Sandwich halten? Ja, darüber hinaus