Digital Design-Masterclass für Grafikdesigner:innen

1. Kursvorschau: die Zukunft des Designs ist digital. Dieser Kurs wurde entwickelt, um Grafikdesigner über die neuesten und größten digitalen Projekte auf dem Laufenden zu bringen , damit sie ihre Fähigkeiten erweitern und mehr Dienstleistungen anbieten können. Dieser Kurs ist massiv und deckt so viele digitale Design-Projekte aus sozialen Medien ab, ich kann Webdesign gestalten und vieles mehr. Zunächst einmal decken wir digitale Designtheorie ab, lernen die verschiedenen Aspekte des Designs für digitale wie die Erstellung leistungsfähiger Social-Media-Kampagnen , Website-Designs, Layout für digitale und sogar sprechen über Zugänglichkeit im digitalen Design. Als nächstes erobern wir mehrere beliebte digitale Design-Projekte, einschließlich der Erstellung mehrerer YouTube-Miniaturansichten, die Benutzer zum Durchklicken antreiben. Wir erstellen sogar eine ganze Social-Media-Kampagne und sprechen darüber, wie man für Facebook Instagram entwirft . Wir sprechen sogar über die Erstellung von Display-Anzeigen für Websites, damit Sie sich wohl fühlen können, Ihre Fähigkeiten auf alle Arten der digitalen Anzeigenerstellung auszuweiten . Wollten Sie schon immer wissen, wie man ein überzeugendes E-Book-Cover kreiert? Wird genau das tun und lernen, wie man ein Buch Cover zu entwerfen. Wir sprechen über die Dimensionierung, Export und wie man ein Design erstellt, das die Betrachter greift. Aufmerksamkeit wird darüber gehen, wie man Hand geschrieben Typografie nehmen und bringen, dass in Photoshopped auf unserem e-Buch-Cover zu verwenden und auch lernen, wie man mit anderen Skizzieren APS wie Procreate handschriftliche Assets Toe Leben zu bringen arbeiten . Wir erstellen auch unser eigenes Mock Up, um unser endgültiges Design zu präsentieren. Möchten Sie skizzieren oder illustrieren? Ich habe sogar ein Schritt-für-Schritt-Projekt erstellt, bei dem wir eine Bleistiftskizze erstellen und sie mithilfe des Stiftwerkzeugs von Adobe Illustrator digitalisieren . Zu wissen, wie Skizzen digitalisiert werden können, ist ein großer Teil, um Ihre Fähigkeiten zu erweitern. Auf der digitalen Arena steht Icahn Design im Mittelpunkt jedes digitalen Designprojekts. Icons können auf Websites, mobilen APS, Anwendungen und mehr verwendet mobilen APS, werden. Und wir verwenden eine handliche bereitgestellte Vorlage, während wir ein gesamtes kohäsives High-Konzept erstellen. Oder lernen Sie, wie Sie Gitter verwenden, um ein thematisches Set zu erstellen und sogar zu lernen, wie Sie Farbe hinzufügen und wie alle Symbole und die richtigen Größen für den Einsatz überall exportieren. Nach dem Erstellen eines einfachen Basis-Symbols wird das Set noch tiefer gehen, um ein sehr detailliertes Apple Store-App-Symbol von Grund auf neu zu erstellen. Wilder. Viele Werkzeuge wie die Verwendung von Strahlkraft, um einen Dimensionseffekt zu erzeugen, sowie die Muster-Tools, und viele mehr werden lernen, wie man diese Dateien auch für den Apple Store exportiert, sowie wie man unser Icon in einem professionelle Art und Weise. Es ist schwer, digitales Design für Grafikdesigner zu lehren, ohne ein paar Abschnitte , die sich auf Web-Design konzentrieren, wird lernen, was unsere Rolle Zara Grafikdesigner in dem Raum, sowie wie eine Exportdateien für die Web-Design-Projekte, die wir vorbereiten von Grund auf lernen. Adobe X T und ein schneller Crashkurs lernen viele Aspekte des starken Webdesigns und Layouts indem Sie gemeinsam eine Landing Page erstellen. Schritt für Schritt. Wir werden sogar lernen, hatte einen Link oder verschiedene Seiten zusammen, um einen funktionierenden Prototyp zu erstellen und lernen einige Möglichkeiten, wie wir unsere Dateien für einen Web-Entwickler exportieren. Schließlich werden wir eine grundlegende Titelseite Website erobern, die für ein Reisebüro entwickelt wurde. Mit WordPress lernen Sie die Grundlagen von WordPress und lernen die sehr beliebte Seite Building Plug in für WordPress genannt Element, oder bauen Sie unsere Webseite, Musik, Video-Hintergründe, Parallaxe Bilder, Symbole, Spalten, animierten Text und vieles mehr. Schließlich gibt es Tonnen von herunterladbaren Ressourcen ist in dieser Klasse, einschließlich vorgefertigte Vorlagen für die meisten Projekte. Dazu gehören Photoshopped, e-Book, YouTube, YouTube, Social-Media-Vorlagen und ein Icon-Set, ein APP-Shop-Symbol, Vorlage und Adobe Illustrator. Dieser Kurs ist nicht für Studenten gedacht, die noch nie zuvor in Adobe Photo Shopper Illustrator gewesen , aber diese Klasse ist allgemein genug und grundlegend genug für die meisten Grafikdesigner der Anfängerstufe , die daran interessiert sind, diese zu ihren Fähigkeiten hinzuzufügen für diejenigen, die noch nie Adobe-Software geöffnet haben, schlage ich vor, meine andere grundlegende Design-Klasse namens Graphic Design Master Class zu nehmen, um auf diese sehr, sehr grundlegenden Tools ein Bein zu bekommen . In diesem Kurs wird davon ausgegangen, dass Sie sehr grundlegende Kenntnisse über Adobe Photo Shop und Illustrator haben und Tools wie WordPress, Adobe X'd, die elementare Seite Builder und Mawr von Grund auf gelehrt werden, so dass keine Vorerfahrung notwendig für diese. Also, bist du bereit? Zehe dein Design-Spiel und füge deinen Angeboten ein ganz neues Skill-Set hinzu. Sind Sie bereit, das zu erforschen? Ein zentraler Ort des Designs. Ich werde dich in der ersten Lektion sehen 2. Der Kurs Leitungen: Willkommen auf dem Kurs. Ich bin so froh, dass Sie sich entschieden haben, mich auf diese wunderbare digitale Design-Reise mit mir zu begleiten. Ich wollte ein paar wichtige Dinge durchgehen, bevor wir mit dem Kurs begonnen haben. Zunächst einmal, herunterladbare Ressource ist, dass Sie eine ZIP-Datei, die an diese Lektion angehängt wird, bemerken. Dies enthält viele der Vorlagendateien, die für Projekte verwendet werden, sowie mehrere Bilder, Videos, lokale Dateien und andere Assets, die nützlich sein werden, wenn Sie Ihre eigene Version jedes Projekts im Kurs erstellen . Und wenn wir von Studentenprojekten sprechen, gibt es eine Studenten-Projektleitfaden-Datei, die Ihnen mehr Details zu den Projekten geben wird, mit denen er während der Lektionen gearbeitet wird. Es gibt auch ein herunterladbares Word-Dokument, das alle Links zu verschiedenen externen Ressourcen wie Fotos, hilfreiche Links und einige der Programme enthält Ressourcen wie Fotos, , die sie während des Kurses verwendet haben. Und denken Sie daran, dass dieser Kurs einige sehr grundlegende Kenntnisse der Arbeit von Fotoshop erfordert, und Illustrator wird hilfreich sein, um diesen Kurs mit einigen grundlegenden Tools Wissen zu starten. Bereits werde ich Adobe Photo Shop und Illustrator nicht von Grund auf unterrichten, obwohl die meisten Werkzeuge, die ich einführe. Ich werde von Grund auf neu rüber gehen. Ich möchte, dass Sie sich mit dem Schichtsystem, dem Grundlayout der Programme und wie Sie die grundlegenden Werkzeuge finden. Ein Illustrator. Ich möchte, dass Sie das Pinwerkzeug einige Male benutzt haben, bevor Sie mit diesem Kurs beginnen. Keine Notwendigkeit, irgendwelche Vorkenntnisse in WordPress, die elementare Seite Builder oder Adobe X'd haben, da diese Programme von Anfang an gelehrt werden. Wenn Sie von Anfang an ein zusätzliches Fotoshop und Illustrator-Training benötigen und diese sehr grundlegende Anleitung benötigen, biete ich einen Anfängerkurs für Grafikdesign an, der Graphic Design Masterclass genannt wird, bringen Sie sofort auf den neuesten Stand. Dieser Kurs ist nicht erforderlich, um diesen Kurs zu absolvieren, solange Sie einige dieser grundlegenden Kenntnisse über Adobe Photo Shop in Illustrator haben. Ich möchte, dass Sie diesen Kurs in Ihrem eigenen Tempo nehmen und sich frei fühlen, mit mir zu arbeiten, wobei jedes Projekt das Projekt Schritt für Schritt neu erstellt, oder, wenn Sie gerne die Lektionen beobachten und gehen und versuchen Sie Ihr eigenes Projekt. Das ist auch willkommen, jedes Projekt hat hilfreiche Dateien, damit Sie beginnen, Ihre eigenen Projekte zu erstellen , um in einem Portfolio zu verwenden oder um Ihre Fähigkeiten zu zeigen. Ich habe eine exklusive Student Facebook-Gruppe für diejenigen, die Projekte posten und mit anderen in einem freundlichen, hilfreichen Community-Umfeld interagieren mit anderen in einem freundlichen, wollen. Geben Sie einfach Learn Design, Go Freelance und die Facebook-Suchleiste ein, um die Gruppe zu finden und stellen Sie sicher, dass Sie die gestellten Fragen beantworten . Neben den Studentenprojekten stelle ich auch monatliche Designherausforderungen für Studierende vor. Wenn Sie nicht auf Facebook sind, poste ich auch diese monatlichen Design-Herausforderungen auf meinem YouTube-Kanal bei youtube dot com slash Lindsay Marsh. Sie können Ihre Arbeit auch im Q und in einem Abschnitt dieses Kurses veröffentlichen. Ich freue mich darauf, zu sehen, was ihr kreiert, während ihr diesen Kurs durcharbeitet. Dies ist die intensivste aller meine Kurse, einfach weil die Vielzahl von Projekttypen wir an diesen Projekten arbeiten. Nehmen Sie sie eins nach dem anderen und denken Sie an diesen Kurs als Marathon und nicht als Sprint. Dies ist eine große Einführung Zehe. All diese verschiedenen digitalen Design-Projekte und weitere Mittel- und Fortgeschrittene Kurse zu den Themen Liebe entworfen, zum Beispiel, werden in Kürze kommen. Aber dieser Kurs wird Ihnen wenigstens den ersten Schritt in diesem Prozess bringen, um Ihnen den Einstieg zu erleichtern. Ich liebe Kritiken. Also, wenn Sie eine Chance bekommen, wie Sie durch die Poren arbeiten, um eine Rezension zu hinterlassen, lese ich jeden und jeden, den ich wirklich schätzen, was Sie Jungs und ich freue mich darauf, Sie als Student zu haben . Also lasst uns weitermachen und loslegen. Wir sehen uns im ersten Projekt. 3. Einführung in das Design für Digitale: digitales Design bezieht sich auf jedes Design, das für den digitalen Raum entwickelt hat, einschließlich mobiler Geräte, Tablets, Desktop-Computer, Projektorleinwände, große digitale Plakatwände und vieles mehr. Grafikdesigner haben sich in der Vergangenheit hauptsächlich auf Print-Design-Projekte wie Visitenkarten, stationäre Zoo-Banner, T-Shirts , Hüte, stationäre Zoo-Banner, T-Shirts, Hüte, Paketdesign konzentriert. Aber im Laufe der Zeit wird es nur B'mehr und mehr Nachfrage nach digitalen Projekten geben. Es liegt an Ihnen als Designer, sich mit allen Aspekten des digitalen Designs vertraut zu machen, so dass Sie sich wohl fühlen können, auch für super kleine Bildschirme und super große Projektionswände zu entwerfen Projektionswände . Alle digitalen Design-Projekte werden mit Pixeln, Pixeln oder Quadraten des Lichts bemessen , die entweder weiß, rot, grün, blau oder schwarz sein können rot, grün, . Alle digitalen Displays werden mit einem bestimmten Bereich von Pixeln erstellt. Ihre 10 80 p Breitbild-TV Bilder Air erstellt mit einer Kombination aus 1920 Pixel und mit 10 80 Pixel und Hype, so dass Bildschirm insgesamt 2.073.600 Pixel. Das sind viele Pixel, die entweder wussten, dass sie einfach eingeschaltet werden, um dieses Bild mit hoher, gestochen scharfer Auflösung zu erzeugen . Vier Fallkörner mit noch unglaublicher Anzahl von Pixeln Zehe beleuchten den Bildschirm mit 2160 Pixeln in der Höhe und 38 40 Pixeln. Und Peitsche. Ich denke, der schwierigste Aspekt bei der Arbeit mit digitalen Designprojekten als Designer ist die breite Palette von Bildschirmen, mit denen wir bereit sein müssen, mit denen wir arbeiten können. Manchmal könnten sie kleiner als ein iPhone acht Bildschirm kommen und nur 750 Pixel breit und 1334 Pixel hoch sein. Noch kleiner ist eine mobile Display-Anzeige mit nur 300 mal 50 Pixeln. Ich denke, der Schlüssel, um ein großartiger digitaler Designer zu sein, ist zu verstehen, wie man kleine Größen am besten zu Ihrem Vorteil nutzen kann. Zum Beispiel eine einfache Social-Media-Kampagne. Nehmen wir an, wir haben verschiedene Größen, mit denen wir arbeiten müssen, aber wir müssen irgendwie einige grundlegende Informationen kommunizieren, die der Kunde benötigt. Da unsere Größen kleiner und kleiner werden, müssen bestimmte Zugeständnisse gemacht werden, und es liegt an Ihnen, dies herauszufinden und mit dem Kunden zu kommunizieren. Diese Zugeständnisse, zum Beispiel, in unserer Social-Media-Kampagne, haben wir mit großen Facebook-Beitrag begonnen, und dann müssen wir statische Display-Anzeigen erstellen oder es gibt kleine Anzeigen, die Sie auf -Websites an der Oberseite und an den Seiten eines Inhaltsblocks oder eines Blawgs. Einige dieser Display-Anzeigen können sehr klein sein. Kleiner noch, sind diese mobilen Display-Anzeigen. Wir müssen unser Hauptkonzept und Thema irgendwie in kleinere Bereiche überzeugen, aber immer noch konsequent Branding unsere Botschaft und unser Hauptkonzept der Kampagne. Und wir tun dies, indem wir uns auf das konzentrieren, was in diesem Fall am wichtigsten ist. Die aufgerufene Aktion ist der wichtigste Teil einer Anzeige, und ohne Grund, auf die Zielseite zu klicken, wird Ihre Website von der Anzeige kein Wert erstellt. Es ist nur statisch, und das sind nur soziale Medien. Es gibt so viele Kategorien und digitales Design, die von einem Grafikdesigner abhängen, um die Grafik zu entwickeln . Denn es gibt auch die Gestaltung für mobile. Dies könnte mobile, APS oder sogar mobile Versionen von Websites sein. Welche Farben zu verwenden, wie verwende ich Kontrast, welche Gedanken verwende ich? All diese Entscheidungen spielen eine große Rolle in der Effektivität einer mobilen App oder Website. Es gibt auch ein größeres Format. Digitale Grafiken wie die, die Sie in Ihrem lokalen Stadion sehen. Ihre Powerpoint-Folien für große Konferenzen, die gemacht werden müssen, die mit dem Branding der Konferenz übereinstimmen . Es gibt sogar großformatige digitale Werbetafeln, die immer mehr bevorzugt über den alten Stil gedruckte Plakatwände. Aufgrund der geringeren Kosten für die Ausführung einer digitalen Plakatwand, müssen Symbole wie die, die Sie für APP-Symbole auf Ihrem Telefon sehen, auch erstellt werden. Es gibt eine spezielle Methode, um diejenigen zu erstellen, die ein spezielles Gitter verwenden, das von Apple erstellt wurde, um die effektivste Platzierung von Elementen zu finden. Bestimmte Symbole können besser gesehen werden als andere und ein Meer von verschiedenen App-Symbolen. Manchmal kann die Verwendung von Farbe wie ein Rot helfen, ein wirklich auffallen in diesem C oder einer einfachen Form oder einem Buchstaben. Außerdem gibt es Symbole, die für APS, Websites und Anwendungen erstellt werden müssen . Es gibt eine Kunst, Symbole zu schaffen, die komplexe Aktionen kommunizieren. Die Verwendung der am meisten vereinfachten Formen ist möglich. Symbole können nur 50 mal 50 Pixel und Größe jeder Zeit, so dass in der Lage, ein komplexes Konzept zu vereinfachen ist etwas gelernt und praktiziert Icons, die als Set zusammen verwendet werden, müssen ein konsistentes Aussehen und Gefühl haben. beispielsweise Diese habenbeispielsweiseeine ähnliche Strichgröße im gesamten Satz, und sie stoppt dort nicht. Es gibt auch video-basierte Thumbnails, die für YouTube und andere Plattformen erstellt werden müssen . Diese müssen konvertieren und effektiv sein, um den Benutzer zu zeichnen, um durch das Video zu klicken. Wie Sie Fotos, Farben und Typografie verwenden , tragen alle zur Effektivität des Videos und Klickraten bei. Zum Beispiel, YouTube-Miniaturansichten, die einfach in der Natur sind und einen Hauptschwerpunkt haben, neigen dazu, besser zu machen als diejenigen mit Tonnen von Text und Fotos. Auch diese Miniaturansichten mit Gesichtern von Personen neigen dazu, besser mit Miniaturansichten mit nur Text zu konvertieren . Dies liegt daran, dass wir, als Menschen dazu neigen, sich mit menschlichen Gesichtern und der menschlichen Psychologie zu verbinden, eine große Rolle im digitalen Design spielen können. Es gibt auch e Buchcover, und sie neigen dazu, den Umsatz basierend auf der Effektivität des Coverdesigns zu steigern. Manchmal ist das Cover eines Buches das einzige, was der Betrachter sieht, wenn er Hunderte von möglichen Buchauswahlen sortiert und ein digitales Buchcover erstellen kann, das konvertiert und lockt und verkauft. Das Buch kann den Unterschied zwischen guten Verkäufen und großen Verkäufen machen. Wie Sie sehen können, haben Designer große Rollen in der zusätzlichen Welt zu spielen, und es ist unsere Aufgabe, sicherzustellen, dass wir bereit sind, schnell hochwirksame Bilder zu erstellen, die Umsatz für uns selbst, unsere Kunden und die Unternehmen, für die wir arbeiten. 4. Designtheorie für soziale Medien: Was geht in die Gestaltung eines Bildes für die Verwendung in sozialen Medien? Was sind Dinge, die bekannt sind, dass sie effektiv sind und diese hohen Bälle zu unseren Inhalten ziehen ? Es gibt einige grundlegende Regeln und Tipps, die Ihnen helfen können, effektiver zu sein. Designer von Social-Media-Inhalten Zunächst einmal, verstehen Sie Ihre Zielgruppe. Wen versuchst du zu reden? Teoh? Versuchen Sie, die Zielgruppe zu verstehen, indem Sie demografische Informationen studieren. Bekommen Sie diese Informationen für wen auch immer Sie arbeiten? Wird Ihre Posteranzeige eingeblendet? Zwei Frauen mehr als Männer? Willst du auf diese abzielen? Und eine jüngere Demographie, die gestalten und formen könnte, wie Sie sich dem Design nähern? Eine ältere Demographie könnte einen konservativeren Designansatz benötigen, während ein jüngeres Publikum mehr mit etwas Mutigerem verbinden könnte und aufhört. Schließlich, wo sie geografisch angesiedelt sind, könnten diejenigen in den Vereinigten Staaten mehr mit einem bestimmten Design verbinden als jemand aus Südamerika oder Asien, vielleicht mit Fotos, die die Zielgruppe am besten repräsentieren. Mehr könnte in diesem Zusammenhang mit Ihrer Anzeige helfen authentisch zu sein und es scheint offensichtlich. Aber authentisch zu sein ist einfacher gesagt, dass vor allem in der Arbeit mit Kunden tun bezahlte Werbung getan . Kunden wollen Produkte Angebote und Dienstleistungen zu schieben. Aber wir müssen Wege finden, um ein Design zu schaffen, das dies weniger wie Ihre Standardangebote aussehen wird . Wir sehen jeden Tag, und sie machen einen überzeugenderen Zehe. Unsere Zielgruppe. Zum Beispiel können wir eine einfache Anzeige für ein Tiernahrungsunternehmen erstellen und eine Tüte Lebensmittel direkt in der Mitte der Social-Media-Anzeige mit einem einfachen Gutschein platzieren . Es scheint sehr traditionell, aber, na ja, was, wenn wir ein Bild von einem Haustierbesitzer verwendet, der ihren Hund und dann das Foto eines Produkts genießt ? Besser noch, was wäre, wenn wir mit ihnen auch eine clevere Schlagzeile verbunden sind? Dies sind kleine kleine Anpassungen und Änderungen Zehe Anzeigen, aber sie können einen großen Einfluss darauf haben, wie effektiv die Anzeige verwendet wird. Kontrast gut, und wir sprechen über Kontrast in fast jeder Lektion dieser Klasse. Kontrast ist der einfache Unterschied zwischen Designelementen. Je dramatischer der Unterschied ist, desto höher ist der Kontrast. Wir können Kontrast effektiv als Designer verwenden, um die Augen des Benutzers in den wichtigsten Teil der Anzeige zu ziehen , der Regel den Aufruf zum Handeln, oder dass mittlerweile nach oben für mehr Schaltfläche oder Bereich streichen. Aber wir können auch den Kontrast zu unserem Typ verwenden, indem wir ein Wort in unserer Überschrift hervorheben, um ein günstigeres Wort hervorzubringen, das dazu beiträgt, die Menschen in Richtung unseres Hauptziels für die Anzeige zu bringen. Beispielsweise kann diese Anzeige, die Kontrast verwendet, um dieses Wort in die Überschrift zu bringen, um den Benutzer in das Gesamtkonzept des Anzeigenkontrast zu ziehen , leicht für viele Elemente verwendet werden, die sich dramatisch unterscheiden, kann dazu führen, dass eine Anzeige ausgelastet veraltet und sehr schwer zu betrachten Kontrast ist am besten sparsam und mit einem Zweck zu verwenden. Verwenden Sie Fotos, die mit dem Betrachter verbunden sind. Das geht auch auf authentische Weise zurück. Die Fotos würden wählen könnte enorme Auswirkungen auf die Zeichnung der Zuschauer in. Und das gilt auch für traditionelle Print-Anzeigen. Nehmen Sie zum Beispiel diese Anzeige für ein Fitnessstudio, wir können das Standard-Foto verwenden, das leicht überblickt wird, wo wir ein Bild mit höherer Wirkung verwenden können , um diese Zuschauer zu zeichnen und stoppen sogar nur für eine Sekunde, um einen zusätzlichen Blick auf das Foto und die Anzeige. Vollfarbfotos neigen dazu, Benutzer zu zeichnen und mehr als Schwarz-Weiß erinnern sich in sozialen Medien . Du hast die wenigste Zeit, um Leute in dein Poster zu ziehen. Fügen Sie die geringste Menge an anderen Werbeplattformen hinzu. Denken Sie darüber nach, wie schnell Sie durch Ihren Instagram-Feed scrollen. Nicht viel Zeit, ist es Fotos von dem ersten, was die Leute sehen und sie beginnen, den Text zu lesen. Als nächstes nutzen Sie dies zu Ihrem Vorteil. Wie Sie beschneiden. Ihr Bild ist auch riesig. Wir können Dinge gewöhnlich oder dramatisch aussehen lassen, indem wir es in diesem Beispiel des Mädchens an einem exotischen Ort auf die überzeugendste Weise zuschneiden . Ich schneide es auf diese Weise. Es sieht schön aus, aber auf diese Weise zuschneiden. Es scheint fast magisch und inspirierend. Fühlen Sie sich frei, Ihre Fotos als auch zu bearbeiten. Um Farbknöpfe hinzuzufügen, können Sie dies leicht tun, indem Sie neue Ebenen zu den Fotos und Fotoshop oder einem Foto-Editor hinzufügen und Mischmodi verwenden , um Farbe zu zeichnen, um Sonnenuntergänge zu machen. Und noch dramatischer, ich habe sogar gesehen, wie Menschen in verschiedenen Wolken klonen, um wirklich die Szene zu setzen. Aber bitte seien Sie vorsichtig damit, auch authentisch zu sein. Weil berühmte Social-Media-Influencer in Schwierigkeiten für das Hinzufügen und gefälschte Wolken oder Foto-Shopping, ihre Körper bekommen haben oder Foto-Shopping, . Es gibt eine feine Linie, und es liegt an Ihnen zu entscheiden, wo diese Linie für Sie und Ihre Zuschauer fällt. Was auch immer Sie tun, stellen Sie sicher, dass Sie eine wahre, glaubwürdige, authentische Geschichte erzählen. Verwenden Sie Abwechslung Denken Sie an Ihre Social Media Post und Kampagnen als Wandteppich der Kunst. Es muss eine gewisse Markenkonsistenz in allem geben, aber das bedeutet nicht, dass Sie Cookie erstellen müssen. Cutter fügt hinzu, dass alle das gleiche Format haben. Manche Leute genießen es, verschiedene Fotos zu sehen, die Schlagzeilen, Arrangements und Stil verwendet werden. Dies ist ideal für Benutzertests, um herauszufinden, was das beste Layout und Effektivität für verschiedene Arten von Anzeigen ist. Social Media ist ein wachsender Teil eines Designer-Skills und zu wissen, wie das Beste für soziale Medien entwickelt , Sie als Designer marktfähiger machen kann. Insgesamt erfordert dies viel Übung und Benutzertests 5. Designtheorie für das Web: jetzt, was macht eine große Web-Design alle Websites ethisch? Das könnte sein, um Benutzer über zu einem Abonnement-Service zu konvertieren, kaufen Sie ein Produkt für nur nützliche Informationen für den Benutzer. Eine großartige Website ist eine, die seine Zuschauer gut umwandelt. Dies könnte durch die Verwendung von konsistenten Branding, Authentizität und gut geschrieben Kopie effektive Produktfotos und mehr sein. Was ist Ihre Rolle ist ein Grafikdesigner in der Welt des Webdesigns? Nun, wenn Sie im Code eine Website entwickeln können, sind Sie eine seltene Rasse und Sie werden schön bezahlt. Aber da Website-Design immer komplexer wird und Codierung, immer spezialisierter wird und vielleicht keine schlechte Sache ist, um unsere verschiedenen Spezialitäten zu haben, sehe ich Webdesign in der Verantwortung von drei Hauptbeiträgern. Zuallererst gibt es den Entwickler. Er wird das endgültige Design nehmen und es in ein codiertes, riel praktikables Zeug verwandeln . Er benötigt Kenntnisse der Front-End- und Back-End-Codierungssprachen, serverseitigen Sprachen und Mawr. Ah, hochspezialisiertes Individuum. Er konzentriert sich auf die technische Seite der Dinge. Wie funktioniert es? Und neu in die Gruppe in den letzten 10 Jahren ist der UX Designer oder User Experience Designer. Viele Grafikdesigner beginnen, dieses Designfeld zu lernen, und es wächst an Popularität. Der UX-Designer wird einen Großteil der Benutzertests und Recherchen durchführen, um herauszufinden wie sich der Benutzer durch die Website bewegen muss. Dies bedeutet, dass sie eine User Journey abbilden, damit Sie wissen, wie viele Hauptmenüoptionen es für den Benutzer geben muss und wie viele Schritte in jedem Prozess, um den Benutzer zu seinem Ziel zu bringen. Dies erfordert einen Thanh an Forschung und etwas namens Drahtrahmen. Drahtraming ist für einen UX-Designer weg, um den Fluss einer Website abzubilden und Bereiche zu blockieren in denen eine Schaltfläche gehen muss. Ah, Foto oder wo Optionen für den Benutzer liegen können. Dies beinhaltet selten endgültige Grafiken und kann manchmal einfach nur große Out-Boxen sein. Was ist mit der coolen Grafik, dem Branding, den Farben? Hier sind Sie der Grafikdesigner. Ich, User Interface Designer, könnte reinkommen und die visuellen Details wirklich ausschmecken. Sobald Sie das grundlegende Umriss Site-Map Framework haben, ist es Ihre Aufgabe, Symbole Style-Guides zu erstellen, einige grundlegende Layout-Ideen, damit der Entwickler dies codieren und es zu einer wirklich polierten Realität machen kann . Jetzt, wo wir unsere Rolle kennen, wie erstelle ich ein effektives Website-Design oder ein mobiles App-Design? Und es gibt einige grundlegende Ideen, die man im Auge behalten sollte, indem man Kontrast verwendet. Und hier sprechen wir noch einmal über Kontrast. Kontrast ist eine gute Möglichkeit, den Benutzer auf eine Reise zu seinem gewünschten Ziel zu führen. Dies könnte in Richtung eines Einkaufswagens, den wir rot verwenden können, die eine höhere Kontrastfarbe hier unter dem Meer von Weiß wäre. Damit der Benutzer den Warenkorb leicht finden kann, macht seine Erfahrung einfacher. Sie Größe zu Ihrem Vorteil. Was meinst du? Konvertiert besser in diesem e-Commerce-Store-Layout, eine Produkt-Funktion, die ein kleines Foto oder ein, das ein größeres Foto hat. Das größere Foto wandelt sich natürlich besser um, da es dem Betrachter eine bessere Vorstellung von dem Produkt gibt , auf das er sich gerade anklicken kann. Was denkst du, funktioniert besser? 12 Elemente, die auf einem Bildschirm oder ausgewählte drei kuratierte Elemente aufgeführt sind. Die Elemente haben eine größere Funktion, neigen dazu, besser zu machen. Die Leute werden mit zu vielen Optionen überwältigt, wenn Sie diese Optionen für den Betrachter bestraft wurden . Es neigt dazu, diese emotionale Spannung zu reduzieren, wodurch es einfacher ist, eine Option auszuwählen. Insgesamt ist dies der Grund, warum Menschen kuratierte Inhalte wie Nachrichten genießen. Es gibt Hunderte von Nachrichtenartikeln. Wir können es jederzeit lesen. Aber die Größe zu verwenden, um die wichtigsten hervorzuheben, fragt sich für unsere Seele in unseren Köpfen und unsere Umwandlung und klicken Sie durch Raten sauber und einfach. Das ist der Name des Spiels. Lassen Sie uns ein wenig über sauberes Design und Web- und Mobile-Design sprechen. Was denkst du, funktioniert besser, Das Layout auf der linken Seite oder das Layout auf der rechten Seite? Die Vereinfachung des Designs kann dazu beitragen, dass sich der Benutzer weniger überwältigt fühlt, genau wie es getan hat, wenn wir ihnen mehr gegeben haben. Selektive Optionen basierend auf Größe haben ein Gefühl der Hierarchie. Haben Sie nicht das Gefühl, dass Sie alles in einen Bereich stopfen müssen. Es werden bestimmte Gegenstände sein, die beamen oder wichtig sind als andere. Zum Beispiel verkaufen bestimmte Produkte besser und werden eine oberste Priorität haben. Hierarchie kann auf verschiedene Arten auf Mobil- und Webdesign angewendet werden. Sie haben Typhierarchie, die definiert werden könnte, indem Sie eine Schriftgröße festlegen und auf Ihren größten Überschrifttyp warten und dann langsam auf kleinere Überschriften arbeiten. Dies wird normalerweise durch den Begriff H eins für die größte und hinunter zu H zwei h drei , h vier usw. für kleinere Überschriften angegeben. Dann haben Sie Ihre Haupttextkopie oder Ihren Absatzgrößentyp , der normalerweise eine einfache Schriftart, ein normales Gewicht und ein wenig kleiner im Vergleich zu den Überschriftengrößen ist. Ihre Aufgabe ist ein Designer ist es, diesen Sinn der Hierarchie im Design zu etablieren und zu setzen. Nehmen Sie dieses Beispiel. Das Beispiel auf der rechten Seite nicht wirklich verwenden Typ sind Schlüsselelemente oder ähnliche Größen, und sie haben fast Null Kontrast. Aber das Beispiel auf der linken Seite etabliert ein starkes Typhierarchiesystem, das unterschiedliche Stile für bestimmte Arten von Informationen, Schlagzeilen und Unterzeilen verwendet , was dem Design und geordnetes Gefühl verleiht. Wir könnten das Gleiche mit Druckdesign machen, und es übersetzt sich gut ins Web. Schriftauswahl ist alles, was nicht nur im Webdesign wichtig ist, aber alle Design-Projekte finden Entscheidungen sind alles. Größere gekämpfte Größen können enorme Auswirkungen auf Landing Pages haben, um den Umsatz zu steigern, sind eine Aktion oder emotionale Reaktion zu fördern. Pontes, die zu klein sind, kann sich auf Lesbarkeit und Effektivität auswirken. Die beste Methode für die Auswahl von Schriftarten für Ihr digitales Projekt ist es, es einfach und ordentlich wie möglich zu halten . Sie möchten sicherstellen, dass Ihre Schriftarten jederzeit alle Kästchen aktivieren. Nummer Eins. Es ist lesbar in der endgültigen Größe. Eine Schriftart, die auf einer Desktop-Website verwendet wird, kann schön und groß und lesbar aussehen. Aber wenn es auf die mobile Version der Website schrumpft, ist es immer noch lesbar und behält nicht die gleiche Wirkung? Nummer zwei. Sie verwenden nicht zu viele verschiedene Schriftarten. Versuchen Sie, mehr als drei Schriftarten auf einer Webseite oder einer digitalen Grafik zu verwenden, es sei denn, es gibt einen bestimmten Grund für kreatives Design. Um das zu tun. Vermeiden Sie die Verwendung ähnlicher Schriftarten, wie Helvetica in der Nähe von Ariel. Sie sind beide sehr ähnlich in einer Periode Aussehen, und sie sind beide serifenartige Schriften, die den Betrachter verwirren, von dem man die ist. schließlich sicher, dass es leicht zu lesen ist, indem Sie die Zeilenlänge angemessen halten. Welche Spalte mit Informationen ist einfacher für Sie zu lesen? Die Version auf der linken Seite ist die Version auf der rechten Seite. Das Recht ist höchstwahrscheinlich leichter zu lesen, da die Gesamtlänge unserer Linienlänge des Typs für die Augen leichter zu lesen ist. Gleiches gilt für Druckprojekte. Sie möchten in der Lage sein, Ihre Zeilenlänge nicht länger als 60 Zeichen pro Zeile zu halten. Sie können Spalten und Fotos verwenden, um dies für Sie besser zu machen. Haben Sie keine Angst, mit Ihrer Typografie und Ihrem digitalen Design ausdrucksstark zu sein. Wir verwenden die Standardschriftarten wie Helvetica für Danna eine Antenne, weil sie websicher waren und jedermanns Geräte diese vorinstalliert hatten. Heutzutage können wir Schriftarten in der Cloud speichern. Beispielsweise behält Google Fonts alle Schriftarten in der Cloud, sodass Sie jetzt eine größere Auswahl an Schriftarten laden können . Und die Leute müssen sie nicht andere Computer installiert haben, um sie in ihren Browsern zu sehen . Dies hat eine Welt expressiver kreativer Typografie im Web eröffnet. Jetzt müssen wir keine Bilder mehr verwenden, um ausdrucksstarke Schriften oder Typografie zu zeigen. Wir könnten es lebendig machen, was bedeutet, dass die Leute es auswählen, kopieren mit ihm interagieren und manchmal kann man es sogar bewegen. Als Designer könnten wir Justus sein, kreativ wie wir mit Printprojekten mit digitalen Projekten sind. Experimentieren Sie mit interessanten Typografie für Ihre Schlagzeilen. San Serif-Schriften sind in der Regel über den Tag der Vergangenheit, aber jetzt sehen Sie immer detaillierter sehr von Schriften und sogar Skript-Schriften live auf digitalen Schnittstellen. Die einzige Warnung hier ist, sicherzustellen, dass Sie ausdrucksstarke und detaillierte Typografie nicht allzu oft in Ihrem digitalen Design verwenden . Sie könnten große Aufmerksamkeit auf Überschriften haben, aber vermeiden Sie, zu viele benutzerdefinierte eindeutige Schriftarten für kleinere Bereiche der Textur, Kopie und Absätze zu verwenden . Es ist am besten, diese wirklich ausdrucksstarken, schönen Schriften bei maximaler Lesbarkeitzu halten schönen Schriften bei maximaler Lesbarkeit und sie für Schlagzeilen zu verwenden. Studieren Sie beliebte und neue Möglichkeiten der Anzeige von Informationen gibt so viele neue Möglichkeiten , um ein Menü anzuzeigen. Was vorher populär war, war das Hamburger-Menü in der mobilen App oder Website-Design. Es ist ein einfaches Symbol, das ein Schiebemenü erweitert hat. Dies war schön und bot dem Benutzer einfachen Zugriff auf ein Menü, ohne zu viel Platz auf dem oberen Ofen App-Bildschirm zu nehmen . Aber mit Telefonen immer viel, viel größer, der Benutzer muss jetzt ihre Figur gehen den ganzen Weg bis an die Spitze ihres Telefons, um auf dieses Hamburger-Menü zugreifen . Jetzt Regalmenüs am unteren Rand neigen dazu, von den Benutzern bevorzugt zu werden. Diese kleinen Entwicklungen und Sie I oder User Interface Design einer mobilen App, zum Beispiel, sind kleine Dinge, die Sie beachten müssen. Wenn Sie daran interessiert sind, digitales Design zu perfektionieren, müssen wir zuerst über Mobile nachdenken. Vor nicht allzu langer Zeit haben wir über die Desktop-Version einer Website nachgedacht, und dann haben wir herausgefunden, wie sie sich am besten an einen kleineren mobilen Bildschirm anpassen würde. Nun, die Zeiten haben sich geändert, und jetzt müssen wir diese Mentalität umschalten. Ein guter Standard-Weg, um jetzt zu entwerfen, ist es, zuerst kleinere Größen zu entwerfen und dann Ihren Weg bis zu größeren Größen zu arbeiten . Also, zum Beispiel, beginnend mit einer mobilen Version einer Website, und dann müssen Sie herausfinden, wie es erweitert wird, wenn es in einem Browser auf einem Tablet ist? Und schließlich möchten Sie sehen, wie es auf einem größeren Desktop-Bildschirm aussieht. Gleiches gilt für E-Mail-Newsletter. Wie Siebeispielsweise eine E-Mail auf Ihrer iPhone-E-Mail-Anwendung anzeigen, beispielsweise eine E-Mail auf Ihrer iPhone-E-Mail-Anwendung anzeigen, sieht viel anders aus als die Art und Weise, wie Sie diese E-Mail auf Ihrem Desktop anzeigen. Die Bilder strahlen viel kleiner aus, als Sie erwarten, wenn Sie auf Ihrem Telefon angezeigt werden. Und es ist die beste Vorgehensweise, dies bei der Erstellung eines digitalen Designbildes zu beachten. Und das führt zu Responsive Design. Was ist Responsive Design? Es ist einfach, wie Website reagiert, wenn es in verschiedenen Browsergrößen angezeigt wird. Manchmal wurden Elemente zusammengeklappt, um es auf einem mobilen Gerät leichter zu sehen. Manchmal werden Elemente auf einem mobilen Gerät nicht angezeigt, wenn es in eine kleinere Größe konvertiert wird, z. B. ein Foto . Diese Entscheidungen sind alle wichtig für Sie zu verstehen, wenn Sie sowohl für größere als auch für kleinere Größen und etwas, das Sie und Ihr Entwickler als Team vereinbaren. 6. Design für Barrierefreiheit: wir müssen über die Zugänglichkeit für die Zuschauer mit besonderen Bedürfnissen nachdenken. Dies ist viel wichtiger, als Sie erkennen, und etwas, das Sie sicherstellen können, dass für alles passiert, für das Sie entwerfen. Das Web- oder Mobilgerät denkt über die Farbe blind Beim Erstellen Ihrer Farbpaletten . Denken Sie an diejenigen, die farbblind sein können. Verlassen Sie sich nicht vollständig auf Farbe, um den nächsten Schritt oder Call to Action zu kommunizieren. Aber zum Beispiel, deshalb haben wir hier zwei Tasten. Wenn wir andere Indikatoren hinzufügen, dass diese Taste ist wichtig zu drücken, wie Verdickung der festen Basis sind das Hinzufügen einer speziellen Grenze. Es könnte ein weiterer Indikator sein, um dem Benutzer zu helfen, der diese leuchtend rote Farbe möglicherweise nicht sieht. Nein, es ist das nächste, was zu tun ist. Ein guter Trick, um zu sehen, ob dies funktioniert ist, machen Sie Ihr Design völlig schwarz-weiß für eine Zeit, um zu sehen, ob Sie Ihre Website als nur schwarz-weiß navigieren können, genau wie Sie, wenn es eine Vollfarb-Version wäre. Wir müssen auch über Sehbehinderte nachdenken. Dasselbe gilt, um sicherzustellen, dass genügend Kontrast zu Ihren Farben und Elementen vorhanden ist. Geringer Kontrast, vielleicht schwieriger für Menschen mit Sehbehinderungen, Ihre Website zu sehen und zu navigieren. Entwerfen von Formularen ist ein gutes Beispiel. 1 000 000. Sicher, dass Sie genug Kontrast in Ihrem Design haben, wenn wir gerne Platz sparen möchten, wenn möglich. Manchmal legen wir das Etikett oder den Namen in die Eingabeblase ein. Aus Kontrastgründen ist es leichter zu lesen, wenn das Etikett oben oder außerhalb der Blase platziert wird. Der nächste Punkt ist etwas, das vielleicht mehr für den Entwickler oder den Programmierer, aber sicherstellen, dass Ihre Bilder alternative Beschreibungen oder alternative Beschreibungen haben, so dass ihr hörbarer Webreader in der Lage sein könnte, die Beschreibung des Fotos zu sprechen. So verpassen sie nicht die Auswirkungen der Visuals. Eine andere zu denken ist auch sicherstellen, dass Sie Ihre Website mit nur einer Hand navigieren können , zum Beispiel, um sicherzustellen, dass Sie die Tab-Taste verwenden können, um sich durch Ihre Website zu bewegen. Ich benutze nur eine Tastatur. Wenn sie sich auf einem Telefon befinden, stellen Sie sicher, dass Schaltflächen und Aktionen nicht zu weit voneinander entfernt sind. Zum Beispiel kann das Menüsystem Zugriff auf mit einer Hand oder einer Figur verwendet werden, weil es am unteren Rand des Bildschirms Es gibt auch die Hörgeschädigte. Wenn Sie irgendeine Art von Grafik oder Video verwenden, stellen Sie sicher, dass Untertitel verfügbar sind. außerdem sicher, Sieaußerdem sicher,dass Audio in Ihrem digitalen Designererlebnis nicht erforderlich ist. Mit besonderen Ausnahmen, natürlich, natürlich, es gibt so viel mehr, was er tun könnte, um zugänglich digitale Design-Erfahrungen für Benutzer zu machen. Und es ist großartig, diese im Hinterkopf zu behalten. Stellen Sie sicher, dass Ihr Code oder Entwickler frühzeitig in diese Diskussionen einbezogen wird, damit sie viele davon implementieren können . 7. Effektive digitale Layout: Wir sprachen über mehrere Aspekte, über die wir bei der Gestaltung von Social-Media-Websites nachdenken sollten. Mobile Erlebnisse mehr. Aber was ist mit statischen digitalen Layouts wie E-Mail-Kampagnen, digitalen Werbetafeln, Icons, Powerpoint-Folien? Jedes Buch deckt alle diese verschiedenen Gegenstände ab. Fangen Sie den Benutzer in einer anderen Situation. Digitale Werbetafeln fangen Menschen, die schnell von ihren Autos fahren und ihre abgelenkt mit einem sehr begrenzten Fokus. Und der Schlüssel zu einem soliden digitalen Billboard-Design und Druck Plakatwände ist, etwas lesbar in fünf Sekunden zu machen . Sie können einfache Hintergründe und Grafiken verwenden, um diesen Prozess schnell und einfach für sie zu machen. Vermeiden Sie Zahlen. Nicht viele Menschen können Telefonnummern aufschreiben, während sie fahren, aber sie können eine einfache erinnern Ihre l oder Website. Was ist mit E-Buchhüllen? Haben Sie in letzter Zeit versucht, ein eBook bei Amazon zu finden? Wissen Sie, wie viele verschiedene Buchumschläge Sie bei der Suche nach einem Buch angeschaut haben? Ich schlage vor, amazon dot com zu besuchen und sich die Bücher oder e Bücher anzusehen. Beachten Sie, wie schnell Sie durch diese Abdeckungen scrollen, die Ihre Augen gelb helle Abdeckungen fangen, diejenigen mit einem überzeugenden Foto. Wir müssen im Hinterkopf behalten, wo und wie der Betrachter zuerst Betrachter Buch decken komplexe Themen Luft schwer zu verdauen, wie sie sind, wenn Sie physisch ein Buch in der Buchhandlung abholen können , so digitale Cover neigen dazu, einfacher in der Natur zu sein. Erkennen Sie ein Thema mit Einfachheit bei digitalen Designprojekten? bin ich sicher. Sie müssen über Ihre Zuschauersituation für jedes andere digitale Projekt nachdenken. Zum Beispiel E-Mail-Kampagnen. Sie können dies auf ihrem Desktop-Computer sehen und ein schönes, großes hochauflösendes Bild sehen. Und die gleiche E-Mail könnte auf ihrem mobilen Browser im Bild angesehen werden ist winzig und hat eine geringe Auswirkung. Wenn es zu beschäftigt ist, müssen wir uns in die Zuschauerschuhe setzen und unsere Entwürfe und verschiedene Situationen testen . Druckdesign scheint jetzt einfach, da es nur ein endgültiges gedrucktes Formular gibt, um das man sich Sorgen machen muss. Aber mit digitalem Design gibt es einen Gedankenwechsel, der passieren muss. Wir müssen über die vielen verschiedenen Geräte nachdenken, auf denen Menschen Ihre Inhalte fürchten werden. Ich habe eine kleine Aufgabe für dich. Studieren Sie Ihre in Box in diesem Monat. Halten Sie Ausschau nach E-Mail-Kampagnen, die Ihre Aufmerksamkeit erregen, nicht nur die Grafik, sondern über das Ganze nachdenken. Selbst die Betreffzeile der E-Mail manchmal Grafiken und Pfeile und sogar Emojis kann helfen, es in Ihrem Posteingang hervorzuheben. So ärgerlich sie manchmal scheinen, sind sie effektiv. Was ist mit einer Kampagne, die Sie dazu antreibt, durch das zu klicken, was das Hauptziel einer E-Mail-Kampagne ist ? Es bringt Benutzer zu diesem Ziel, das sein könnte, ein Produkt zu kaufen oder die Leute über eine bevorstehende Service-Ankündigung zu begeistern. Diejenigen, die ich am effektivsten finde, vereinfachen die Botschaft so weit wie möglich. Statt über zwei gemachten Aktivitäten oder zwei Hauptereignisse wie E-Mail-Newsletter zu sprechen, würden sie eher hyper auf dieses Ziel eines Benutzers konzentrieren? Sie verwenden ein einzelnes Bild oben und sehr wenig Körper Kopierer Text, aber einen großen Klick durch Schaltfläche oder eine große genannt Aktion Clients. Manchmal, wenn Sie über eine große Sache sprechen, aber sie neigen dazu, dass Sie Zeh auch in eine Reihe von Dingen bereits drücken, weil Sie eine E-Mail an alle ihre Kontakte senden. Sie wollen effizient sein, aber E-Mails, die das Beste konvertieren, haben einen einzigen Fokus. Versuchen Sie, den Kunden über diese Tatsache zu informieren und üben Sie es in unseren eigenen Kampagnendesigns. Newsletter sind ein wenig anders, und das ist, wenn er mit Informationen aufwändiger sein könnte. Und das ist mit allen Dingen entworfen, aber seien Sie konsistent mit Ihrem Branding und mit vernetzten digitalen Kampagnen. Auch bei allen digitalen Projekten müssen wir diese Streich-Konsistenz aufrechterhalten. Sie müssen nicht jede digitale Vorlage als Ausstechform verwenden, aber stellen Sie sicher, dass Sie ähnliche Farbenin Ihren Kampagnen verwenden, da Zuschauer Ihre Kampagne an verschiedenen Ortensehen in Ihren Kampagnen verwenden, da Zuschauer Ihre Kampagne an verschiedenen Orten sie langsam zu einem Trichter führen, der sie konvertiert über zu einem Verkauf. beispielsweise Sie könntenbeispielsweiseüber eine Facebook-Anzeige geschaltet werden. Sie melden sich für weitere Informationen und erhalten dann eine E-Mail-Kampagne. Sie konnten auch eine Display-Anzeige auf einer News-Website sehen und dann auf eine Zielseite klicken. Und dann klicken sie ab. Aber dann werden sie von einer Social-Media-Kampagne auf Instagram neu ausgerichtet. Mit konsistenten Branding und Farben können sie helfen, die Spur zu erkennen und weiter als unten den Prozess des Verkaufstrichters. Ich wollte sicherstellen, dass Gitter erwähnen, was an digitalen Designprojekten großartig ist, da sie in der Natur ähnlich sind wie Print-Design-Projekte und die Tatsache, dass beide das Gittersystem zu ihrem Vorteil nutzen können . Rids Luft fantastische Führer, die uns helfen, wichtige Inhalte und ihr Design zu blockieren. Sie können uns helfen, die richtige Platzierung eines Gesichts des Hauptteils eines Logos und eines sozialen Mediums zu finden. beispielsweise Sie könntenbeispielsweisedie Arbeit mit komplexen Weblayouts und mobilen APP-Layouts unterstützen. Wenn Sie mit digitalen Produkten zu tun haben, haben Sie auch mit Pixeln zu tun. Manchmal ist es schön, ein Raster zu haben, um Ihre Ränder mit der gleichen Breite zu kennen. Auf allen Seiten sind die Dachrinnen zwischen den Spalten einer Website oder sogar sind. Die Schaltflächen in einer mobilen App sind mit ähnlichen Abständen und Ausrichtung ausgerichtet. Es gibt viele verschiedene Rastersysteme, die Sie in Detroit-Produkten verwenden können. Zum Beispiel hat das Layout der mobilen Website ein standardmäßiges vierspaltiges Raster, aber eine Website kann ein standardmäßiges 12-Gullit-Säulenraster haben, mit dem Sie den richtigen Abstand zwischen Fotos, Spalten und Mawr finden können Abstand zwischen Fotos, . Mit AP Icon Design Apple erstellt dieses wunderbare Gitter basierend auf den Prinzipien des goldenen Verhältnisses. Es hilft uns, die richtige Platzierung von Elementen herauszufinden, um überzeugende zu schaffen. Einfach zu findende App-Symbole Wenn richtig verwendet, können Sie ein modulares Boxer Raster verwenden, um Ihnen zu helfen, blockieren Eine E-Mail-Kampagne ist ein e-Buch-Cover , um Ihnen zu helfen, ein Gleichgewicht zwischen Designelementen zu finden. Es gibt viel zu denken, wenn digitale Projekte entwerfen, aber am Ende einige der gleichen grundlegenden Design-Grundlagen, wie die richtige Typografie, Foto und Layout-Ring wahr im digitalen Raum ist gut. Wir haben Elemente hinzugefügt, um die sich jetzt Sorgen machen, wie die Anzeigegröße eines Bildschirms, die Entfernung zu einer Bildschirmauflösung und wie der Typ auf dem Bildschirm gerendert wird. Aber am Ende sind es diese grundlegenden Designprinzipien, die Ihnen helfen können, überzeugende digitale Projekte zu erstellen . Jetzt haben wir uns etwas Zeit genommen, um tiefer in die starke digitale Designtheorie einzugehen. Lassen Sie uns viele Projekte angehen, die als ein großer Teil des digitalen Design-Raumes gelten, wie Social Media-Kampagnen, YouTube, Thumbnails, Thumbnails, e-Buch-Cover, E-Mail-Kampagnen, eine mobile Website, Layout-Symbol, Design-App, Icon-Design, Instagram-Post wer und mehr. Also lassen Sie uns voran und beginnen Sie mit einigen praktischen Anwendungen 8. Thumbnail: Willkommen bei Adobe Photo Shop. Wir werden für unser erstes Projekt tun, ein YouTube-Miniaturbild. Wie Sie wissen, haben wir in den Theorieabschnitten darüber gesprochen, aber YouTube nannte Nägel. Und um einfach zu sein, nicht sehr komplex, aber eine sehr, sehr Aufmerksamkeit erregend. Dies ist, wenn wir wirklich kontrastreiche Farben verwenden. Wir benutzen Menschenschüsse. Wir verwenden verschiedene Dinge, um die Aufmerksamkeit der Menschen auf dieses sehr, sehr kleine Miniaturbild zu lenken. Und jemand, der auf YouTube ist oder für jemanden auf YouTube arbeitet oder einen Kunden haben möchte für den er arbeitet, und du tubst Thumbnails als Teil deines Jobs? Sie werden erkennen, wie wichtig es ist, diese Aufmerksamkeit greifen Thumbnails zu tun und ihn in einer Weise zu tun, die eine überzeugende Grafik macht. Also werden wir dieses Beispiel hier machen. Wir haben ein paar YouTube-Miniaturansichten in diesem Abschnitt zu tun. Wir werden zuerst an dieser 1. 1 arbeiten, und es erfordert nur drei Bilder. Ich habe alle meine Bilder von pecs als dot com geschnappt. Es gibt auch unspool Asche und ein paar andere Picks gehorchen, aber ich werde diese Bilder verwenden und mich frei fühlen, da dies mehr beginnt, in die Zwischenstufe zu kommen, um Ihre eigenen Fotos in ähnlicher Weise zu verwenden , aber setzen Sie Ihren eigenen Spin darauf, so dass Sie diese Fotos nicht verwenden müssen. Aber wenn Sie einen Link zu ihnen wollen, sind sie im Ressourcenhandbuch. Wir werden nur Bilder für diese 1. 1 verwenden. Es wird meistens ein Fokus auf die Typografie sein . Was eine Art große Schlagzeile ist, verschenkt $10.000 in 24 Stunden. Ein sehr kurzer Schlagzeilenhinweis. Wir setzen nicht den gesamten Titel des Videos ein, und es gab nur wirklich die Auswahl, was die Aufmerksamkeit der Menschen erregen wird. Dies wird uns eine Chance geben, die Typografie wirklich hohe Wirkung und größer zu machen und wirklich gut mit dem Hauptfoto zu kombinieren. Also hier wird unser Hauptfoto sein. Das ist unser YouTube-Typ. Wer ist natürlich, ich habe fiktive YouTuber erfunden. Also habe ich das auf Pixeln, aber wir werden ihn als unsere fiktiven YouTube-Kerle benutzen, die sehr großzügig sind und 10.000 Dollar verschenken werden . Also zuerst müssen wir irgendwie isolieren und das ist eine Zwischenklasse, also werde ich irgendwie mehr Zwischenstufenmaterial durchgehen. Also müssen wir diesen Charakter isolieren. Also müssen wir diese Person isolieren. Es gibt also ein paar Tricks. Ich verwende Photoshopped 2020, wenn ich gerade filme. Es gibt also ein paar Cheats, die wir dio Wir könnten einfach gehen, um ein Thema auszuwählen, das der schnellste Weg ist , den ich immer zu gehen. Dies kam in 2019 Versionen heraus Wenn Sie also 2018 oder älter haben, werden Sie das nicht haben können. Aber schauen Sie, wie schön das ausgeschnitten, das so viel Zeit spart. Ein weiterer Grund war, dass das Upgrade Ihrer Software keine schlechte Idee ist. Wenn Sie beginnen, Projekte auf mittlerer Ebene und bezahlte Kundenarbeit zu tun, zahlt es sich aus. Also haben wir diesen Mann isoliert. Was ich tun kann, ist, dass es ein paar Dinge gibt, die ich einfach kopieren und einfügen könnte, und ich habe diesen Mann hier. Wir könnten ihn in den anderen Bereich bringen, oder wir machen eine eklatante Maske. Also wird es hier unten einen Schichtmeister machen, und das macht ein bisschen bessere Arbeit. Was ich am Layering-Mass liebe, ist, dass ich hineingehen kann und ich die Schichtmaske loslassen kann, damit ich rechten Maustaste klicken und meine Schichtmaske deaktiviert habe, und ich werde in der Lage sein, mein Originalfoto zurück zu bekommen. Ich mag es, das zu tun. Es nennt sich zerstörungsfreie Bearbeitung für diejenigen, die bereits wissen, oder für diejenigen, die es nicht wissen. Also kann ich mit der rechten Maustaste klicken, und ich kann die Ebenenmaske wieder aktivieren, um meine Ernte zu erhalten, und sie werden eine Menge Dinge mit Layering-Maske zuschneiden, anstatt nur kopieren und einfügen, weil ich das Gefühl habe, dass ich nie gehen will zurück zu etwas Wenn ich Schichtmasse verwendet. Ich kann immer zum Originalfoto zurückkehren, und das ist es, was so toll daran ist. Wirklich, Spart sind Ihre Zeit, wenn Sie andere Schritte tun, das ist eine Möglichkeit, ihn auszuschneiden. Natürlich, wenn Sie die neue Version nicht hatten, werden Sie wahrscheinlich am Ende für diese tun. Der Hintergrund ist einfach genug, wo ich einfach den Zauberstab, Werkzeug und auswählen oder noch besser, ich kann das schnelle Auswahlwerkzeug bekommen und die Größe meines Pinsels für die schnelle Auswahl Werkzeug erhöhen und einfach das tun und dann muss ich gehen Rücken und Hand. Wählen Sie diese Option aus, oder verwenden Sie das Auswahlwerkzeug. Viele verschiedene Möglichkeiten, Objekte zu katapultieren, wurden definitiv all diese später im Kurs praktiziert , also lassen Sie es uns einfach halten. Lasst uns das schnell halten. Nun, lassen Sie uns voran und klicken Sie mit der rechten Maustaste in eine fähige oder geschichtete Masse, die wir gemacht haben. Und lassen Sie uns ihn in unsere Vorlage bringen, damit Sie auf diese Vorlage zugreifen können. Es ist eine herunterladbare Ressource ist ein Teil dieser Klasse. Jedes Projekt wird eine Art von Vorlage haben, die Sie öffnen und verwenden können, so dass die Dinge bereits so groß sind, wie Sie Teoh benötigen und Sie können mit dem Entwerfen beginnen. Aber um dies zu tun, habe ich gerade ein 12 80 mal 7 20 Pixel Dokument gemacht, und ich ging voran und erstellt es in 300 dp. Ich Auflösung, weil ich das Gefühl, wenn ich digitale Bilder zu tun, vor allem auf YouTube und Facebook mit sozialen Medien, ist es besser zu entwerfen und dass höhere Auflösung Format. Dann ist es eine niedrigere, weil Sie nie wissen, wann Sie die Grafik oder etwas etwas Größeres verwenden müssen , und sie verkleinern immer die Dateigröße für Sie, wenn sie müssen. Also keine große Sache mit der Dateigröße hier, weil sie all das für Sie automatisch mit dem Server tun . Ich mag es, die Dinge in der höheren Auflösung zu halten als einige. Deshalb mache ich eine nette 300-Auflösung. Ein roter Rand. Dies ist nur eine Grenze zu fast allen Projekten. Nur damit ich die Dinge nicht nah am Rande halte. Dies ist von YouTube nicht obligatorisch, aber das ist für mich obligatorisch, weil ich es gerne an den Grenzen schön und sauber halte. Kein Typ oder Text auf dem roten Rand. Aber Sie können Fotos ausbluten lassen. Fügen Sie einfach keine wichtigen Augen oder Elemente ein. Du willst das nicht so nah an den Rand stellen. Es fühlt sich ängstlich an. Das ist nur eine hilfreiche Designpraxis, um die Dinge innerhalb der Marge zu halten. Okay, hier ist unsere Vorlage. Ich werde weiter gehen und unser Ebenenfeld hier rausholen. Sie können Ihre Fenster trotzdem anordnen lassen. Ich muss mein Fenstersystem nicht kopieren, sondern nur die, die ich nur in meinem eigenen persönlichen Workflow verwende. Und auf der Zwischenstufe fängst du an herauszufinden, welche Art von Dashboard ich möchte, welche Fenster ich offen haben möchte, damit du anfangen kannst, dein eigenes Dashboard zu personalisieren . Hier sind die drei Schichten, die wir haben. Wir haben eine Textebene. Würdest du gehen und das abschalten? Das brauchen wir jetzt nicht wirklich. Und wir haben unsere Marge, die nur ein wenig länger weiterhalten sollten. Und wir haben diese Führer, auf denen ich meine Herrscher habe. Also, wenn Sie Ihre Lineale nicht an haben und wir wirklich unsere Lineale hier auf brauchen, gehen wir Social Media Post einfach nach oben, um zu sehen und dann haben Sie Ihre zusätzliche Show Wenn Sie wollen, dass die Führer auf und Ihre Lineale sind, wenn Sie wollen, dass die Lineale auf, natürlich klicken und von Ihren Linealen ziehen, können Sie natürlich klicken und von Ihren Linealen ziehen,um Ihren eigenen Leitfaden zu erstellen. Klicken Sie einfach hier und ziehen Sie, um diese erstellen zu können. Also lasst uns unseren Mann herbringen, der Drag sucht, bevor ich ihn in Größe verkleinere. Ich werde etwas Besonderes machen. Ich gerade jetzt ist er kein intelligenter Layer, und ich möchte ihn zu einem intelligenten Layer machen, denn wenn ich, wenn er nicht ein intelligenter Layer ist und ich ihn in der Größe zu reduzieren, und dann mache ich sie wieder größer. Ich beschloss, aus irgendeinem anderen Grund wieder eine größere zu machen. Es wird Pixel gegessen, aber wenn ich es zu einer intelligenten Ebene mache, wird es die ursprüngliche Auflösung des Fotos jederzeit intakt halten. Wenn Sie also mit Fotos arbeiten, wenn Sie es so lange wie möglich in intelligenten Ebenen halten können, müssen Sie manchmal. Rass versucht, ein Foto in der Tiefe zu bearbeiten. Aber wenn Sie voran gehen und mit der rechten Maustaste klicken und es zu einer intelligenten Ebene hier oben auf der rechten Seite dieser Ebene in die rechte, klicken Sie und erhalten Sie eine Ziege und konvertieren Sie in Smart Object. Also, jetzt wird das ein intelligentes Objekt, das an dieser kleinen Ikone genau dort erkennen kann . Wir werden das mit fast allen Fotos tun, bis wir Rast entstehen müssen, um sie zu bearbeiten. Also jetzt kann ich die Größe von ihm reduzieren. Ich könnte ihn wirklich winzig machen und was großartig ist. Wenn er kein intelligentes Objekt wäre und ich sie größer mache, würde es verwischen. Aber jetzt behält er die Lösung, selbst wenn ich ihn größer oder kleiner mache, also ist das einfach so hilfreich in Bezug auf den Workflow und eine zerstörungsfreie Bearbeitungsatmosphäre . Also lasst uns ihn auf die richtige Art und Weise positionieren. Wir wollen sie nicht so groß haben, dass er einfach so ist, Wow, er ist da draußen, Mann. Es ist schön, etwas Nacken und Schultern zu haben, aber wir wollen auch nicht verkleinern. Wir fangen an, diese emotionale Wirkung zu verlieren. Wenn Sie also so verkleinern, fangen Sie wirklich an. Du verbindest dich nicht so sehr mit seinem Gesicht und seinen Augen, und er hat schon eine Sonnenbrille an, was ein bisschen eine emotionale Barriere ist. Sie möchten also etwas mehr als das heranzoomen, also können Sie. Ich will diesen schönen halben Punkt haben, wo er ist. Sie zoomen in Ihrer Verbindung mit diesem Gesicht, aber es ist auch nicht überwältigend, und Sie haben viel Platz für Text. Gehen Sie weiter und beschneiden Sie die Zeit hier. Ab jetzt können wir immer später arrangieren, also lassen Sie uns voran gehen und einen schönen Hintergrund mit hohem Kontrast anwenden. Also machen wir eine schöne, dunkle satte Farbe. Es wird unsere Farbfelder machen. Mal sehen, ob wir keine violett-blaue Farbe machen können. Wir müssen nur in meine Farbfelder gehen und mein Maleimerwerkzeug holen, das nur eine neue Schicht macht und einfach in einer neuen Schicht vorangehen und ihn runterbringen. Hier werde ich die Margen abschalten, nur damit ich alles für mich klären kann. Ich werde auch meine Extras ausschalten, die meine Guides nicht brauchen. Dafür gibt es auch eine Tastenkombination. Ich brauche nur ein klares Bild für den Augenblick. Lassen Sie uns gehen und fügen Sie unseren Typ hinzu. Also, was ist eine schöne ergänzende Farbe zu blau? Was hat die höchste Kontrastfarbe, die Sie sich vorstellen können, zu Blau? Wenn man sich das Farbrad gelb anschaut, wird das so viel wie möglich herauskommen. Genau das werden wir diese blaue und gelbe Kombination für die kontrastreichsten Farben mit hoher Wirkung verwenden . Sie wollen das also nicht für alles und Design verwenden. Aber für YouTube sich alles um Aufmerksamkeit. Es geht darum, deine Aufmerksamkeit zu erregen, also werden wir sie hier benutzen. Also lassen Sie uns eine schöne gelbe Farbe wählen, die nicht in unsere Farbfelder und Gelbe gehen würde. Alle möglichen Dinge, die wir hier tun können. Holen wir uns unsere Typografie. Ich werde einfach voran gehen und es einladen und ich benutze. Im Moment ist es ein Typ oder es ist eine Schriftart namens Fieldwork, und es ist in der Dhobi-Schriftart. Wenn Sie also das Adobe-Abonnement haben, haben Sie Zugriff auf den Spot kostenlos. Fühlen Sie sich frei, ein anderes freies, Open-Source-Gesicht zu verwenden , das Sie von Google-Schriften erhalten. Google Fonts hat eine Eisenbahn genannt, die sehr nah ist. Also, wenn Sie nicht über das Adobe Abonnement, fühlen Sie sich frei, um Google Fonts zu gehen und Eisenbahn oder eine andere einfache Sand Sarah Schrift verwenden. Also werde ich voran gehen und die hier einladen. Das wird einfach sein. Kopieren und Einfügen. Ich werde jede Zeile auf ihren eigenen Typ Spieler setzen. 9. Thumbnail - 2: Also werde ich weitermachen und das ein bisschen mehr zerbrechen. Ich möchte, dass es eine gestapelte Typografie ist. Was ich vielleicht sogar tun könnte, ist, das einfach wegzuschneiden, eine neue Textebene zu erstellen. Und es gibt dies als separate Worte, dass wir hier wirklich darüber nachdenken müssen wie arbeiten wir mit unseren Schriften? Wie ordnen wir sie auf verschiedene Arten an? Also verschenken, Mal sehen, ob wir das nicht auf gestapelt setzen können, wenn ich das tun könnte, ist der Kleinbuchstabe weich aussehen? Und das gefällt mir. Aber wir wollen wirklich diese hohe Wirkung emotional haben. Ich verschenke 10.000 Dollar in 24 Stunden. Also lasst uns einen Großbuchstaben machen. Alle Großbuchstaben sind alle Großbuchstaben. Ich werde hier runter zu meinem Charakterfeld gehen und einfach weitermachen und alles machen, und ich musste das für diese beiden tun. Also, wenigstens fangen wir an, einige Fortschritte zu machen, in Bezug darauf, wie wir es arrangieren wollen. Also lasst uns das Verschenken tun. Wir wollen sicherstellen, dass die Dinge wie eine Schlagzeile eng sind, aber wir wollen nicht, dass es zu eng ist, weil das überwältigend ist. Aber wenn ich es eng genug habe, wo es sich anfühlt, als wäre es ein Headliner Phrase und so mit den in 24 Stunden, könnten wir das alles Großbuchstaben gut machen, aber dann beginnt es Zehe aufeinander zu laufen und ein Gefühl wie eine viel längere Überschrift zu sein. Also werde ich tatsächlich die Entscheidung treffen, das Kleinbuchstaben und ein bisschen kleiner zu halten und vielleicht eine andere Ausrichtung zu machen. Also nur eine Art Blockierung oder Typografie, genau wie wir es mit vielen anderen Projekten tun. Und das ist, wo wir gehen, OK, wir müssen diese Schlagzeile aufbrechen, weil es vier Zeilen gibt und alles mich anschreit. Es ist alles ein bisschen zu ängstlich. Ich meine, es ist fast zu hoher Kontrast, also eine Sache, die wir tun können, ist, dass wir Kontrast zu ihrer Farbe und ihrem Typ verwenden können. Also eine Sache, die ich tun könnte, ist, gehen Sie voran und machen Sie diesen weißen, der nur diesen Typ weiß macht und dann die $10.000 wirklich auffällt. So merkt man, wie sich diese Überschrift automatisch ein bisschen besser liest. Es bricht es in zwei Hälften. Also verschenken Pause $10.000 in 24 Stunden. Nur weil wir die Farbe ändern, hilft es wirklich, es ein wenig weniger überwältigend zu machen. Aber es hilft auch, es besser zu lesen, weil es kaputt ist. Also mit Kontrast mit Größe Gewicht, ist dies eine Art von einem dieser Faktoren in Aktion. Es ist eine Sache, die wirklich beliebt zu tun ist, Layer-Typ und Fotos. Also eine Sache, die wir tun können, ist all diese Art zu bringen. Stellen Sie sicher, dass es unten ist, sind Layer Art zu sehen, ob wir keine Gelegenheit finden, einen Brief zu haben oder hinter ihnen zu gehen, nur um den geschichteten Look ein wenig hinzuzufügen? Es müssen nicht alle Buchstaben sein, denn das würde es schwer machen zu lesen. Aber vielleicht ist der G G ein sehr starker Buchstabe, und der größte Teil der Auswirkungen oder die Lesbarkeit des G ist auf der rechten Seite des G. Also ich denke, wir können es uns leisten, ein wenig abgedeckt zu haben und dann können wir es einfach irgendwie lebendig als solche. Und eine Sache, die ich gerne mache, ist eine gewisse Ausrichtung zu haben. Also, wenn ich keinen Lineman auf der linken Seite habe. Ich will es auf der rechten Seite haben, damit wir das etwas größer machen können, damit diese Buchstaben auf der rechten Seite ausgerichtet sind. Und dann könnten wir sogar die 10.000 auf diese Weise zu Aiken Select machen, alle drei von ihnen gehen um eine richtige Ausrichtung zu tun. Stellen Sie einfach sicher, dass alles die Linie nach rechts ist, und das ist, wenn wir in unseren Rändern springen und gehen OK. Gehen wir über die Ränder? Du kannst ein bisschen. Es ist in Ordnung. Ist es nicht. Es ist keine Regel. Es ist nur zu helfen Hilfreiche Anleitung. Also kannst du es so behalten, oder ich werde sehen, ob ich diese Dinger nicht leicht vom Rand wegziehen kann, damit es drin bleibt und dann redest du. diesem Kurs können wir später auch Gitter verwenden, um Gitter viel zu verlieren. Also bekommen wir das grundlegende Layout. Wir müssen einen Hintergrund haben, denn im Moment ist es eine einfarbige Farbe. Es hebt sich hervor, es macht keinen Job, aber was können wir tun, um dieses noch faszinierender zu machen? Es gibt eine Menge Dinge, die wir tun können. Also verschenken wir Geld für das, was Leute dazu bringt, dass Geld es richtig sieht? Aber lassen Sie es nicht völlig überwältigend sein. Lassen Sie uns ein schönes Hintergrundelement mit Dollar-Scheine machen. Also habe ich diese Banknote und wir werden dieses Foto hier benutzen, und ich werde es in den Hintergrund bringen. Es wird es einfügen und ich werde mit der rechten Maustaste klicken, und ich werde sicherstellen, dass ich ein intelligentes Objekt erstelle. Wenn ich also in der Größe reduziere und es größer zurückbringe, wird es nicht verschwommen oder die Auflösung das einzige Problem reduziert, und das ist nur ein praktisches Problem, wenn Sie etwas machen, das ein intelligentes Objekt ist, es behält diese Auflösung bei, was Sie wollen, aber es macht die Dateigröße super riesig. Wenn Sie also keinen neuen Computer haben, können Sie manchmal mit 10 intelligenten Objekten, die Fotos sind, Ihren Computer wirklich verlangsamen. Das ist der einzige Nachteil ist, dass es Ihre Dateigröße Ihres Photoshop-Dokuments erhöht. Also lasst uns das einrahmen. Gehen Sie weiter und bringen Sie ihre Schicht den ganzen Weg zurück. Ich habe versucht, das einzuhängen. Wir wollen, dass das sichtbar ist, damit die Leute sagen können, dass das ein Dollar ist , und wir müssen das überprüfen, damit wir einfach die Deckkraft reduzieren könnenund können das ist okay. Lassen Sie uns versuchen, einen Mischmodus zu machen und wir werden Mischlasten verwenden. Auch eine Menge. diesen Kurs versuchen, Lassen Sie unsdiesen Kurs versuchen,einen zu finden, der ihn vermischt, der auch das satte Blau hält. Also werden wir die einfach durchgehen und finden, was wir für das Beste halten. Das ist, dass Overlay hat eine schöne moderne Pistole, fast gibt es eine violette Art von Ton, die sehr modern ist, nur Art von Radfahren durch diese, um eine zu finden. Wir werden bei Overlay für den Mischmodus dafür bleiben, und ich möchte den Hintergrund gerade ein wenig optimieren. Ähm, ich möchte nur etwas mehr Purpur hinzufügen. Es war irgendwie ein bisschen purpurer dazu hinzuzufügen. Was wir also tun können, ist jetzt, dass wir den Hintergrund haben, der den Typ stört. Wir können einen Schlagschatten hinzufügen oder wir können ihn sauber halten und nur langsam reduziert die Transparenz, diesen Hintergrund und nur die Bereiche, in denen er den Typ überlappt. Also lassen Sie uns das mit Masken tun. Also habe ich Kunst Dollar es ausgewählt. Ich werde eine Schichtmaske hinzufügen, um dies in der Klasse zu tun. Also auf der Schichtmaske werde ich mit dem Pinsel malen. Und mit den meisten Schichtmasse, wenn ich die Schichtmaske lösche oder hinzufüge, mag ich mit einem weichen Rundpinsel malen. Ah, harte Runde. Es ist nur ein wenig unrealistische Software und gibt das schöne gefiederte Aussehen. Also verwende ich eine weiche Rundbürste normalerweise gerne einen schönen großen Pinsel, um mehr von einem realistischen Verblassen zu haben . Und wir werden malen, wenn du das noch nicht weißt. Wenn Sie ein Schichtmaskottchen haben, lassen Sie die Schichtmasse gewählt, nicht die Hauptschicht. Also die Schichtmaske Wenn Sie schwarz verwenden, können Sie ein Objekt wegmalen. Also werde ich das wegmalen, wo immer ich schwarz auf der Schichtmaske male, und du siehst den Schichtmaskell genau hier, wo ich das Schwarz male, und ich kann es zurückgewinnen, indem ich es weiß schalte und zurückmalte, damit du es gewinnen kannst zurück von weiß und dann das Löschen ist unsere Beseitigung. Es ist das Schwarze. Also machen wir das hier mit dem Schwarz, wo Sie die Transparenz unserer weichen Bürste reduzieren und einfach subtil etwas von diesem Hintergrund loswerden, damit es nicht mit dem Typ konkurriert. Das wollen wir nicht tun. Das Letzte, was wir tun wollen, könnten wir hier sogar ein bisschen nach unten verblassen. Sie konzentrieren sich also wirklich auf den Typ Mrs. More von einem Hintergrundelement. Eine Sache, die wir hier tun können, ist, dass wir einen Hauch von Farbe hinzufügen können. Also im Moment haben wir nur einen einfarbigen Hintergrund. Aber was jetzt wirklich beliebt ist, ist, dass einfarbige Hintergrund, aber Hinzufügen eines reichen Mischmodus oder Farbe darüber. Also werden wir eine neue Ebene hinzufügen, und das wird eine Ebene über allem sein. Also werden wir eine neue Schicht hinzufügen, und wir werden den gleichen weichen Rundpinsel erhalten. Wir werden es ziemlich groß machen. Also lass es uns ziemlich groß machen. Versuchen Sie es 1000 oder so. Das ist wahrscheinlich gut. Und hier ist, was wir tun werden. Wir werden jetzt ein bisschen Wärme anmalen. Wir haben eine Menge Cooles vor sich. Wir haben eine Menge Purple und Blues. Was ist, wenn wir das fast Sonnenuntergang machen, irgendwie. Ich habe auf der linken oberen Seite, also habe ich unsere neue leere Ebene ausgewählt, und ich werde nur dieses Highlight nennen und ich werde einfach klicken. Ich könnte voran gehen und wählen Sie eine schöne warme Sonnenuntergangsfarbe. Er könnte Orange machen. Sie machen eine Art rosa Farbe und lassen Sie uns voran und klicken Sie einfach einmal. Und im Moment ist es wirklich stark, und das ist in Ordnung, denn das ist, was Mischmodi oder vier. Wir machen das Overlay oder die helleren 11 von denen, um zu sehen, was besser aussieht. Es gibt Overlay, aber fast lässt die Haut ein wenig zu lesen aussehen. Also lasst uns versuchen, das Aufhellen, damit der Blitz diesen schönen, fast einen Instagram-Filterbandeffekt dazu haben wird, und genau das ist, wie Instagram-Filter erstellt werden, indem Mischmodi und Farben oben auf die Dinge verwendet werden. Klicken Sie noch einmal, aber wir wollen es nicht übertreiben. Wir wollen nur ein bisschen Wärme da drüben hinzufügen. Wir könnten es auch mit seiner Sonnenbrille tun, also wenn wir das etwas reduzieren wollen. Wir konnten Sonnenbrillen nicht ein wenig Sonnenuntergangsfarbe hinzufügen. Wärmen Sie die ein wenig auf. Natürlich, wenn ich das auf einer separaten Ebene hätte, schaltet Aiken das einfach in einer aus und reduziert die Deckkraft. Wenn ich denke, es ist zu stark, viele Dinge, die wir tun könnten, so dass vorher sieht gut aus. Aber das fügt ein wenig Reichtum hinzu. Und wir werden das viel tun, wenn es um Fotografie geht, Sonnenuntergänge, Mawr und Dinge wie das später machen, können wir kein bisschen Schlagschatten hinzufügen. Es wird uns nicht umbringen. Ich bin kein großer Fan von starken Schlagschatten. Ich mag sehr leichte Schlagschatten. Nehmen wir an, ich möchte Schlagschatten zu allen der So hinzufügen, der schnellste Weg, dies aus der Workflow-Perspektive zu tun . Lassen Sie uns voran und fügen Sie es hinzu, wie ich es auf der 1. 1 So bin ich nur in meinem Ebenen-Stil Panel, und ich werde einfach irgendwie einen wirklich schönen Blick hatte. Wie wenig bewegen sich die Griffe auf diese Nur eine wirklich schöne kleine Schlagschatten. Ich werde das als Stil sagen. Also werde ich das hier drüben sagen. Neuer Stil. Schauen Sie hier raus und ich werde das sagen. Es hat Schatten YouTube fallen gelassen und ich werde Layer wirkt. Ich muss keine Mischoptionen kennenlernen, weil ich es nicht verwende. Schauen Sie OK jetzt, um darauf zugreifen zu können, könnte ich zu meinem Stil Panel direkt hier von meinem Stil Panel gehen, und Sie scrollen nach unten, um meine tragen geladen werden, und ich kann alle diese auswählen und den gleichen Schlagschatten anwenden. Es ist also nur eine Art Zeitersparnis. Wenn ich alles einen Schlagschatten hinzufügen möchte, und ich habe nicht das Gefühl, zu jeder Ebene zu gehen und denselben Schlagschatten hinzuzufügen. Sie können Zeichenstile verwenden, um diesen Workflow einfach zu beschleunigen. Und genau darum geht es in dieser Klasse, Ihren Workflow zu verbessern und zu beschleunigen und Wege zu finden, um Dinge schneller und besser zu erledigen. 10. Thumbnail - 3: Lassen Sie uns also einige letzten Schliff hinzufügen. Wir können ein wenig Schlagschatten hinzufügen, um sicherzustellen, dass sein Kopf irgendwie wirft ein wenig Schatten auf die G, verwendet, um ein wenig von diesem geschichteten Effekt hinzuzufügen. mache nur einen einfachen Schlagschatten und lass uns die Distanz herausholen und ich werde dir das kleine Licht der Schule aufklappen , weil ich nicht will, dass mein anderer Drop Shot betroffen ist. Also bin ich nur, ich klicke darauf und finde den richtigen Winkel, wo es direkt darüber geworfen wäre perfekt. Sehr spiralförmiger Schlagschatten. Nicht viel Kapazität. Gerade genug, um ihm ein wenig von diesem geschichteten Look zu geben. Ein kleiner Reichtum. Und schließlich gibt es ein paar Dinge, die wir tun müssen. Zuallererst müssen wir einen Sichtbarkeitstest durchführen, also sichtbare Fähigkeitstests verkleinern ziemlich viel. Also lassen Sie uns 50% machen und das ist eine Art realistischer Weg, um Ihre Sachen zu rahmen, weil Sie Sichtbarkeitstests durchführen möchten . Sie können ein realistisches Bild davon erhalten, wie der Betrachter Ihr digitales Dokument sehen wird . Also im Moment ist dies wahrscheinlich eine realistische Säge Thumbnail Größe, die Sie auf einem Desktop-Bildschirm sehen werden , und wir könnten sogar Mawr verkleinern, um einen Besuch zu machen. Fähigkeitstest. Also kann ich es lesen? Ja, der Typ ist sehr klar. Ich konnte die Brille des Mannes sehen. Ich könnte die Dollarzeichen ausmachen und du könntest noch einen Schritt machen und zu 25% gehen und gehen. Kann ich es noch lesen? Wenn die Miniaturansicht kleiner war, kann ich sie trotzdem lesen? Ja, das kann ich. Es überprüft alle Boxen, so dass es alle meine Tests besteht, Also bin ich bereit, ein bisschen ernster zu bekommen, um mich bereit, es zu exportieren. Es ist etwa 20 Minuten her, und das ist ungefähr die Zeit, die Sie in der Lage sein möchten, ein YouTube-Miniaturbild in seinem dauert nicht mehr als 20 Minuten. Sie müssen Wege finden, um Ihren Prozess der Zusammenführung der Dinge zu beschleunigen, weil wirschnell, effizient und gute Arbeit leisten wollen schnell, . Das ist also, was Zwischen- bis fortgeschrittener Designer anfangen muss, ist schnell zu bewegen und Ideen zu bekommen, so dass Sie,wissen Sie, für Ihre Stunde der Arbeit für ein Thumbnail aufladen können wissen Sie, und nicht überladen und fünf Stunden dauern, um zu tun, was sollte sehr schnell für Video durchgeführt werden. Also im Moment haben wir diesen reichen, farbenfrohen Hintergrund. Wir haben diesen satten, kontrastreichen gelb-weißen Typ im Gange. Eine Sache, die wir tun können, ist, wie viele von euch zwei. Das ist, sie werden ihr Foto oder das Hauptfoto Graustufen machen, so dass die Typografie eine Chance hat, wirklich herauszukommen. Das werden wir versuchen. Hier haben wir unsere Schicht hier. Wir gehen hoch und schauen, ob wir das nicht schwarz-weiß machen können. Also werde ich einfach runtergehen und Sie werden bemerken, wenn Sie eine intelligente Ebene oder ein intelligentes Objekt auf einem Foto haben . Es ist großartig, um es zu dimensionieren. Aber wenn Sie Änderungen vornehmen müssen, macht es es ein wenig schwierig ist, wenn ich sein Bild gehe. Ich kann es immer noch graue Geschicklichkeit machen, indem ich zu schwarz und weiß gehe. Aber ich verliere ein wenig von meinem de sättigen ein paar verschiedene Optionen. Wenn Sie diese Optionen haben wollen, müssen Sie rast entstehen, um einen Rechtsklick zu bekommen, und Sie müssen rast entstehen die Schicht. bedeutet nicht, dass du es nicht kannst. Du hast nicht die Fähigkeit, es nach oben und unten zu skalieren, wie du es vorher getan hast . Ich meine, das kannst du immer noch, aber es verliert seine Qualität und alles. Aber das ist nur irgendwie, ich denke, ich könnte es immer noch schwarz-weiß machen, ohne etwas tun zu müssen . Ich könnte nur ein paar verschiedene Wege gesättigt werden. Ich gehe zur Schwarz-Weiß-Option und mache es einfach dort. Also hast du diesen Ton aufgefallen und die 10.000 gelben in den 10.000, damit du ihn in voller Farbe haben kannst. Du könntest ein Schwarz-Weiß haben. Ich klicke auf diesen Mann, und ich werde ihn nur ein bisschen schärfen. Also gehe ich einfach runter und werde schärfen und einfach eine scharfe in ihm bekommen, nur um das Bild ein bisschen mehr zu knacken. Ich denke, es gibt eine Sache, die wir tun könnten, um das noch besser zu machen. Also, wenn Sie eine andere Art von Foto haben, manchmal stecken Sie den Client oder Sie. Wenn du deine eigenen YouTube-Miniaturansichten machst, bleibst du mit einem bestimmten Foto fest. Sie haben nur eine Reihe von Fotos, aber als Designer haben uns immer gedrängt, bessere und bessere Sachen zu machen . Also, was könnte diese sogar Morvan hohe, hohe Wirkung, hohe Wirkung, YouTube-Miniaturansicht machen? Nun, wir alle verbinden uns mit Gesichtern der Menschen, Luft, großartig, auf ihren lächelnden Gesichtern zu haben. Eine wirklich gute emotionale Gesichter wie wütende Gesichter sind wirklich gut. Neutrale Flächen oder nicht. Aber was wäre, wenn wir einen noch übertriebeneren Gesichtsausdruck wie ja hätten, wie eine Aufregung, genau wie dieser Kerl, dieser Typ hier, sieh dir das Gesicht an. Wenn wir ihn auf ein YouTube-Miniaturbild setzen, würde es wirklich Leute ziemlich viel schnappen. Natürlich sind Sie begrenzt. Manchmal, wenn Sie den YouTube-Kanalbesitzer verwenden müssen, wer auch immer das Video gemacht hat, aber nur eine Art von dieser emotionalen Psychologie hinter welchen Fotos zu wählen und was besser zu konvertieren und was zu konvertieren. Es ist effektiver und digitales Design. Also lassen Sie uns diesen Kerl isolieren. Mal sehen, wie es das kann. Mal sehen, ob wir unser praktisches Dandy Select-Thema nicht machen können. Mal sehen, was es tut. Ich liebe dieses Werkzeug. Einer der größten Gründe, warum Sie ein Upgrade auf 2019 durchführen sollten, wenn Sie es sich leisten können. Manche Leute können es nicht. Das ist okay. Wir machen das Gleiche. Wir werden einfach eine Ebenenmaske machen und ihn holen. Wir könnten ihn wahrscheinlich ein bisschen beschneiden. Ich werde nicht den ganzen Himmel brauchen. Wir haben unser Erntewerkzeug bekommen, um ihn zu beschneiden, und lassen Sie uns weitermachen und ihn reinbringen. Das wird also eine zweite Version sein. Wir werden zwei verschiedene Versionen haben. Lass uns zwei verschiedene Versionen haben, also gehe ich zu unserem Kunstbrett, könnte gleich hier oben sein. Ich klicke einfach auf das Verschiebungswerkzeug. Und ich habe mein Art-Board-Werkzeug und ich werde ein Art-Board hinzufügen, also wird es weitergehen und klicken und weitergehen und auf den Zusatz klicken. Es wird ein neues Kunstboard hinzufügen und ich werde kopieren und einfügen, was wir vorher hatten, also möchte ich zwei verschiedene Versionen exportieren. Also konnte ich tun, wurde ein gesplit-Test genannt. So kann ich ein Bild aus einem Thumbnail ausprobieren, um zu sehen, wie das Video konvertiert wird, und dass ich das andere ausprobieren könnte. Das nennt man ein geteiltes Testen Sie Ihre im Grunde sagen, die man am besten funktioniert alles ein Kunstbrett, das wir auf Kunstbrett kopieren konnten, um so dass ich gerade ausgewählt sind arme ein. Und ich habe mich auch auf die Kunsttafel kopiert . Und ich werde nur einfügen, so sieht es aus, als hätte es bereits ein Kunstbrett für uns hinzugefügt. Das ist also ein Schritt. Jetzt weiß ich, dass wir das nicht tun müssen. Das ist schön. Also ging es voran und kopierte auch die Kunsttafel. So kann es jetzt an beiden arbeiten. Also habe ich immer noch unseren Mann springen, bringen Sie ihn rüber und lassen Sie uns unseren Mann und unser Highlight beseitigen , denn das müssen wir später sehen. Und mal sehen, ob wir diesen Kerl nicht einfach reinkleben können. Und natürlich wollen wir das, oder? Klicken Sie hier in der Ebene und machen Sie, dass ein intelligentes Objekt in intelligente Objekte konvertieren, und jetzt können wir ihn bewegen, skalieren Sie ihn ohne Probleme. Also, wo wird denn sein? Möglicherweise müssen wir für diesen hier heranzoomen. Wo wird der beste Weg sein, ihn mit Typ auszulegen? Also, was wir tun wollen und das ist nur eine Art gemeinsame Designpsychologie ist, dass wir Augäpfel haben wollen , weil wir als Menschen die Augäpfel der Menschen betrachten und wir sind daran interessiert, was sie sehen. Also, wenn Sie die Augäpfel in Richtung des Typs stellen, hilft es, sich mit dem Typ zu verbinden. Also werden wir ihn bewegen, damit seine Augäpfel ihn immer widerspiegeln können, wenn wir müssten. Aber lassen Sie uns eine andere Arrangement versuchen. Also werde ich meinen ganzen Typ auswählen, ihn überziehen und sehen, ob ich kein besseres Arrangement finden kann. Also werde ich ihn viel kleiner machen müssen. Also hier ist eine Art von der neuen Beschneidung ein Arrangement. Wir haben die volle Länge des Arms. Wenn wir den Arm abschneiden würden, sieht er irgendwie wütender aus als aufgeregt. Also müssen Sie darüber nachdenken, wie Sie eine Ernte bekommen. Was erhalten Sie auf dem Foto, um diese emotionale Wirkung hinzuzufügen? Also lasst uns den Typ ein wenig neu anordnen, damit er wahrscheinlich das Ende und das G durchschlagen kann und wir könnten es hier verschieben, um sicherzustellen, dass das Geben immer noch lesbar ist. Also das Recht vom Ende und die linke Seite des G, diese Luft noch lesbare Buchstaben und lassen Sie uns einfach eine andere Anordnung in der Ausrichtung machen, und wir müssen die Dinge vielleicht ein bisschen kleiner machen und das ist okay. Ich hätte gerne die letzte Null-Abdeckung nur ein wenig, aber nicht so sehr, nur ein winziges bisschen, um es aussehen zu lassen, Schicht. Aber wir wollen wirklich sicherstellen, dass $10.000 schön und klar sind, und in 24 Stunden können wir unsere Margen umschalten, um sicherzustellen, dass wir damit einen guten Job machen . Und das sind wir. Lassen Sie uns diesem Kerl auch einen kleinen Schlagschatten hinzufügen, weil wir sicherstellen wollen, dass er wirft. Sehen Sie, wie dieser Schatten auf das G wirft, genau so, als wäre das wirklich geklärt. Aber es fühlt sich lebendiger an. Fühlt sich an, als ob es wirklich mit dem Frieden verbunden ist, den wir überhaupt tun könnten. Wenn wir wirklich schick sein wollen, können wir stattdessen Ihren eigenen Schatten zeichnen, damit wir eine neue namens The Shadow erschaffen, und wir können unsere eigenen Schatten zeichnen. Also lasst uns eine Art dunkle Farbe machen, nur eine schwarze oder neutrale Farbe. Holen Sie sich einen kleinen weichen Rundpinsel und wir können unseren Schatten hier für den Mann malen. Wir könnten dies ein wenig realistischer machen, als die Ebenenstile können, weil wir es malen können, wie wir wollen und dann die Kapazität ein wenig reduzieren können. Also weißt du, welche Kontrolle du über deine Schlagschatten haben willst. Du kannst jederzeit wieder reingehen, deine Schatten trimmen, und wir könnten dort sitzen und das Foto aufhellen und schärfen. Aber ich denke, wir sind hier an einem Haltepunkt, also haben wir zwei verschiedene Versionen. Welcher, denkst du, konvertiert besser? Die auf der linken Seite sind die auf der rechten Seite, und so die Rechte packt meine Aufmerksamkeit mehr, weil es eine emotionale Antwort von dem Mann gibt. Aber die auf der linken Seite ist schön, auch, wenn Sie versuchen, eine persönliche Marke auf YouTube aufzubauen, weil Sie diese schöne, klare im Gesicht gezoomt Inter bekommen, um den YouTube-Schöpfer kennen, indem Sie einige Gesichtsbehandlung -Erkennung in diesen Miniaturansichten wiederholt. Dann fangen wir an, in Marketing auf der geschäftlichen Seite der Dinge zu bekommen, aber es ist großartig. Ist ein Designer, um sich dessen bewusst zu sein, vor allem hier in der Zwischenzeit, will ein fortgeschrittener Hebel-Level-Designer sein, denken über Psychologie des Designs, darüber nachzudenken, was besser konvertiert und darüber nachzudenken, wie dies wirklich wird von Unternehmen, Kunden und sich selbst verwendet werden, ist ein wirklich wichtiger Schritt, um Sie nicht nur ein Anfänger, sondern ein ausgezeichnetes Design zu machen . 11. Thumbnail – Doppelte Belichtung: Lass uns weitermachen. Wir machen das diesmal ein bisschen schneller. Wir machen ein weiteres YouTube-Miniaturbild. Dies ist der doppelte Belichtungseffekt. Also lassen Sie uns sagen, wir wollen ein Sie arbeiten für jemanden oder uns persönlich will YouTube-Videos über tun ah Tutorial und Foto-Shop posten . Dies ist also für ein Tutorial-Video über doppelte Belichtungswirkung zu tun. Wir werden sogar das tun, beeinflussen uns selbst, um Thumbnail Gedanken zu erstellen, die Art von Spaß machen und tun müssen Öffnen einer neuen Vorlage hier und wir werden, um Fotos dafür zu verwenden. Wir werden unser Mädchen benutzen und unseren Heißluftballon benutzen, und wir werden diese überlagern und Mischmodi verwenden, um diesen doppelten Belichtungseffekt zu erzeugen . Also lassen Sie uns voran und bringen Sie unsere Fotos und wir sind mit der rechten Maustaste. Und wir werden tun, was wir in der letzten Miniaturansicht getan haben. Und wir werden sicherstellen, dass es ein intelligentes Objekt ist. Stellen Sie sicher, dass es sich um ein Smart-Objekt handelt. Es ist mit der rechten Maustaste angeklickt. Intelligentes Objekt. Ich bringe es rein. So haben wir jetzt die maximale Kontrolle über die Auflösung. Es wird keinen so wichtigen Schritt verwischen, den ich früher nicht getan habe und diesen in meinen Workflow vor nicht allzu langer Zeit aufgenommen habe. Und es war so ein Lebensretter, wenn ich das Foto größer machen muss, nachdem ich es kleiner gemacht habe . Also, im Moment werde ich nur das Foto einrahmen, weißt du, nur irgendwie zu sehen, wo ich es gerne haben möchte. Also das intelligente Objekt, um das ich mich keine Sorgen machen muss, könnte ich es später immer größer, kleiner machen . Das Gleiche mit dem hier. Was ist es los, richtig? Klicken Sie auf Convert to smart object und lassen Sie uns nur kopieren und einfügen es in, und wir können voran gehen und drücken Sie die Eingabetaste und bringen Sie ihre Hand, und ich möchte wirklich auf sie eine Menge vergrößern. Ich möchte, dass der Himmel so weit wie möglich reicht, aber er kann nicht den ganzen Weg erreichen. Holen Sie sich die Größe, die ich mag. Das ist okay, weil wir ein paar wirklich coole, inhaltsbewusste Tools haben , die in der Lage sein werden, dieses Foto ein wenig für uns zu füllen und zu erweitern . Also könnte ich das sogar tun, nur damit wir einige dieser inhaltsbewussten Tools ein wenig üben können . Also nur das Einrahmen und die Guides helfen mir wirklich, das auch einzurahmen. Und ich denke über ihren Kopf nach und wie er geteilt ist, und ich versuche nur zu denken wohin der Typ gut gehen wird, wir werden einen Satz mit drei Wörtern haben und wir werden auch eine Fotoshop-Ikone haben . Also müssen Sie über den Typ nachdenken. Was ich komponiere, das ist der Typ ist der wichtigste Teil des Thumbnail. So sehr das Bild uns packt, ist der Typ, der das Video verkauft. Also fangen wir an, diese ein wenig zu überlagern. Ich bringe unseren Heißluftballon oben, und so funktioniert der Doppelbelichtungseffekt. Es geht um Mischmodi. Also werde ich zu meinem Blending-Modus-Panel hier drüben für den Heißluftballon gehen, und ich werde durch diese fahren und habe bereits die im Kopf, die ich benutzen muss . Wir werden auf dem Bildschirm enden, also merkst du, wie der Bildschirm ihm diese wirklich coole Art von Stimmung verleiht. Und ich möchte dieses Ziel noch weiter bringen. Also lasst uns das irgendwie arrangieren, wie es uns gefällt. Wir sehen den Heißluftballon und das Mädchen. Lassen Sie uns auch beide Ebenen auswählen und bringen Sie es in ein wenig mehr auf einen strafferen Schuss. Ich möchte ein wenig mehr emotionale Verbindung mit dem Mädchen haben, also nur zu versuchen, zu sehen, wo ich arrangieren kann, ist es etwas größer zu machen. Und was wir jetzt tun wollen, ist, dass wir dieses überschüssige Weiß nicht brauchen. Wir wollen ein wenig mehr vom Himmel Hintergrund sehen. Also wähle ich unseren Heißluftballon aus und wir machen eine Schichtmaske mit Larry Mask und ich werde auf Wanna entfernen malen? Also wollen wir eine Farbe mit einem weichen Rundpinsel. Smith, nett und groß, schön und groß. Vielleicht 300. Wir werden mit Schwarzen anmalen, die alles entfernen, um ein bisschen größer zu sein. Vielleicht 400. Wir werden einfach langsam ausschalten. Stellen Sie sicher, dass meine Kapazitäten 100% betragen und wir bringen in bestimmten Bereichen einfach mehr vom Himmel heraus . Und wenn wir uns vermasseln und übertreiben, ist das keine große Sache. Ursache schwächen Switchback Zehe weiß und gehen Sie hinein und bringen Sie es zurück. Es ist also eine Kombination aus Spiegeln zwischen Weiß und Schwarz und Hin- und Hergehen. Und genau das ist der Grund, warum wir intelligente Objekte verwenden. Weil ich jetzt reduzieren möchte. Ich möchte wirklich mehr von dem Ballon und dem Mädchen zeigen, wenn ich die Oberseite des blauen gezeigt habe . Also, jetzt haben wir das ist keine große Sache, weil wir das nicht ohne ein Problem herunterskalieren konnten. Also werde ich das etwas anders beschneiden. Und manchmal dehnen sich Fotos nicht so gut aus, wie dies nicht der Fall wäre. Dies hat einen schönen großen Hintergrund, mit dem man arbeiten kann. Manchmal schneide ich das nicht ein bisschen für dich. Schneiden Sie dieses Hintergrundbild. Wir werden so tun, als hätte sich dieses Bild nicht den ganzen Weg gedehnt, und wir müssen es irgendwie dehnen. Was ich früher getan habe, ist, den Hintergrund zu duplizieren und reflektieren und ihn dort oben zu stoßen eine Art nahtloses Aussehen zu erhalten. Aber das ist nicht immer praktisch. Jetzt, da wir inhaltsbewusste Tools haben, macht es viel einfacher Service. Werde hier eine Box zeichnen, habe meinen Hintergrund ausgewählt, werde einige Inhalte bewusst füllen. Ich gehe nach oben zu bearbeiten, gehen Sie zu Inhalt bewusst füllen. So bearbeiten, inhaltsbewusst füllen. Es wird uns fragen, wo wir eine Probe wollen, die sich im Grunde repliziert. Ich werde Probe mit dem, was grün ist, duplizieren. Es wird es am weißen vierten Wochenende duplizieren, bestimmte Teile löschen, wenn wir nicht wollen, dass eine bestimmte Wolke in die Quere kommt oder wir nicht wollen, dass die Cloud abgesampelt wird. können wir immer wegputzen. Klicken Sie auf OK, und es wird automatisch mit dem gefüllt, was es denkt. Es ist gut, einige dieser Gegend zu probieren und diesen Kerl einfach so zu erschaffen. Wie Sie sehen konnten, Inhalte bewusst und Inhalt, Phil Tools sind nicht perfekt. Könnte diese kleine Art von verzerrtem Aussehen sehen, und wir können das leicht ein paar Möglichkeiten aufklappen. Ich habe unser Objekt ausgewählt. Wenn Sie dies tun, verfügen die Klonwerkzeuge über das Klonwerkzeug, das Samples und Klonen kann. Oder ich könnte das Fleckheilpinselwerkzeug machen und aufmalen. Das Problem damit, intelligente Layer zu haben, besteht darin, dass Sie intelligente Layer aktiviert haben, dies nicht zulassen. Es erlaubt Ihnen nicht, die Ebene direkt zu bearbeiten, weil es immer noch ein intelligentes Objekt ist, also müssen Sie mit der rechten Maustaste klicken und Sie müssen die Ebene rast entstehen. Also habe ich das schon getan, so dass ich die Schicht rast. Jetzt ist es nur jedes alte Foto, das wir bearbeiten und machen können. Das ist also eine Einschränkung auf intelligente Ebenen, wenn Sie beginnen, in die Editierungsphase zu gelangen, so dass wir das Klonwerkzeug in dieser Clique von Sample tun und es klonen konnten, wurde aus aufgenommen. Oder Sie könnten dieses Fleckheilpinselwerkzeug tun, das genau hier oben ist. Spot-Heilpinsel-Werkzeug Und du kannst es auch so machen. Aber ich finde normalerweise mehr Kontrolle mit dem Klon-Werkzeug mit solchen Dingen. Also hat es die Spitze der Sache geklont und einfach darauf geklickt und sieht nicht so aus, als hätten wir etwas getan , oder? Wir werden verkleinern. Es ist Zeit, Typografie hinzuzufügen. Ich fühle mich ziemlich gut mit dem Hintergrundbild, also haben wir die also haben wir die oberste Ballonschicht. Er ist auf dem Bildschirm, nur eine Art Überprüfung, und wir haben den doppelten Belichtungseffekt gemacht. Also ging ich voran und habe einige Beispieltext all diese Luft auf verschiedenen Linien vorgeladen, so dass wir maximale Kontrolle darüber haben können, wie wir den Typ anordnen. Lassen Sie uns also versuchen, herauszufinden, wo würde was eine gute Größe für den Typ sein. Lass uns alles etwas größer machen. Wir wollen auch Platz für ein Fotoshop-Icon schaffen. Irgendwo da unten, lassen Sie uns arrangieren, anstatt zu versuchen, die Schicht aussehen zu lassen und alles verrückt zu werden. Das ist wirklich der Mittelpunkt des Fotos. Wir wollen den Typ und das Foto in der Nähe halten, aber wir wollen nicht, dass alles stört. Lassen Sie uns ein schönes sauberes Aussehen damit haben. Lassen Sie uns ein traditionelleres Aussehen mit diesem ist. Nun, die letzte war diese sehr mutige, dicke serifenartige Schrift. Gehen wir für eine elegantere Sarah von Schrift, und ich habe eine Art im Kopf, die ich ausprobieren möchte. Also habe ich einen Doppelklick darauf bekommen und sehen, ob ich kein fettes Gesicht von Brill kriege. Ich könnte es einfach in ein B eingeben, da es ist. Dies ist ein weiterer Adobe-Typ Gesicht, aber es gibt auch mehrere Alternativen zu Google-Schriftarten. Wenn Sie keinen Zugriff auf das Abonnement haben Ah, die Adobe Fonts, die Sie kostenlos mit jedem Adobe Creative Cloud-Abonnement erhalten, wo sie Zeichenstile verwenden kann , um diese schnell zu stylen. Aber da es nur drei gibt, werde ich alle drei manuell erledigen. Also, wie bekommen wir eine Strafe? Aber wir wollen diese wie ein Puzzleteil zusammenpassen. Also lasst uns ein schönes Arrangement finden. Sie haben also diese Doppelfelle hier vor sich, also frage ich mich, ob wir das in diesem kleinen offenen Bereich stecken könnten. Also hast du bemerkt, dass ich es nicht zu eng mache, und ich habe keine großen Lücken. Wenn ich also sehen würde, dass viele Studenten das tun, werden wir große Lücken haben, aber es fühlt sich nicht sehr verbunden als einheitliche Phrase an. Also wollen wir sicherstellen, dass wir die Lücke ein wenig geschlossen haben. Nur Wege zu finden, Dinge auszurichten und Dinge zu verstauen und zu sehen, ob das funktioniert, würde einige Abstände haben , aber nicht so sehr, dass es nicht wie eine Einheit aussieht. Also lasst uns die ganze Einheit rüber bringen und ein schönes Arrangement finden. Und wir können das sogar mitbringen, da dies nichts hat, was über die Grundlinie hinausgeht. Das ist also Ihre Grundlinie. Alles, was unten fällt. Das ist also Ihre Grundlinie. Sie haben das P, das unten sinkt. Aber Sie haben das nicht in diesen im Doppel, so können wir uns frei fühlen, das in jeder Position zu bewegen, die wir wollen. Wir könnten eine Art gestapeltes Arrangement so machen. Und machen Sie unsere Sichtbarkeitstests belaufen sich auf 50%. Kann ich es lesen? Weißt du, muss ich die Dinge nur ein bisschen aufschneiden? Ich benutze meine Pfeiltasten, um Dinge leicht nach links und rechts zu schieben. Ich finde es einfach einfacher, meine Pfeiltasten zu verwenden, um nur sehr kleine Bewegungen zu machen und bemerken. Wir benutzen das Gitter noch nicht. Das ist okay. Wir werden das Tolle viel gebrauchen. Aber wenn es um diese Art von Thumbnails geht, wissen Sie, dass das Raster großartig ist, aber es braucht viel Zeit und Sie müssen das wirklich formulieren. So manchmal ist es schön Zehe Augapfel spezifische Designs, und einige das Gitter wird wirklich nützlich sein. Lassen Sie uns einen leichten Tropfen hinzufügen. Shadow fügt hier diesen leichten Schlagschatten hinzu, um ein wenig Tiefe hinzuzufügen. Und jetzt brauchen wir noch ein Element, um das zu vervollständigen. Und wir sind fertig mit unserem Thumbnail. Also brauchen wir ein kleines Fotoshop-Icon. Also lasst uns unsere holen. Quebec zu sehen. Lassen Sie uns sicherstellen, dass Extras, die Sie zeigen seinen Dragger. Stellen Sie sicher, dass Randschichten auf der Oberseite. Also machen Sie sich einfach eine Idee. Ist irgendetwas außerhalb davon? Können wir irgendwie alles optimieren? Und wir können auch eine schöne Platzierung für unser Fotoshop-Icon finden. Also werde ich in ein PNG bringen, das ich bei Google gefunden habe, nur die Art von Ihrem Standard-kreativen Commons PNG Fotoshop-Icon. Und manchmal findet man es mit weißem Hintergrund. Aber dein mittlerer Designer könnte diesen weißen Hintergrund herausschlagen und dieses Symbol finden. Kein Problem, diese Symbole zu finden. Sie sind überall, also werde ich ihn einfach anschalten. Wir werden die richtige Platzierung finden oder Ränder werden uns helfen, die Platzierung für unser Symbol zu lenken . Jetzt können wir reden. ALOF Ränder Okay, das ist also eine schöne Platzierung. Margen haben uns irgendwie geholfen, das herauszufinden. Ich würde gerne einen wirklich dramatischen Schlagschatten mit der Ikone machen. Gehen wir weiter und machen Schlagschatten und sehen, was wir hier tun können. Ich werde eine sehr große Distanz machen. Es sieht so aus, als wäre es weit in den Hintergrund geworfen, und ich werde hier ein wenig Unschärfe mit Größe machen. Und wieder einmal, meine Kapazität ist nicht super stark, weil das nicht sehr gut aussieht. Aber wenn Sie es reduzieren, gibt es eine Art von es ein realistischeres Aussehen klicken Sie auf. OK, also haben wir diesen schönen Look von einer Art weit gegossenen verblassten Schatten für das Symbol, und wir sind im Wesentlichen mit diesem viel schneller fertig als die 1. 1 Also konnten wir das sehr schnell machen . Also lassen Sie uns noch einen Sichtbarkeitstest machen, bevor wir exportieren. Da ist es. Lassen Sie uns voran und üben Export und wir können auf das nächste Projekt gehen würde Datei-Export gehen . Werden Sie einen Export machen? Da Und so ist dies ein neuer Weg seit 2019 und ich glaube, 2000 2020 Version von Fotoshop hat auch . Ich meine, ich benutze 2020, aber ich glaube, dass es das auch für die 2019-Version getan hat. Wenn diese Einstellungen für Exportdateien nicht auf dieselbe Weise angezeigt werden, haben Sie immer noch dieselben Optionen. Es ist einfach arrangiert oder sieht ein bisschen anders aus. Sie erhalten eine schöne Vorschau dieses Mal, wo ältere Versionen von Photoshopped haben Ihnen keine wirklich schöne Vorschau. Das ist also schön. Wir können eine Vorschau, stellen Sie sicher, dass wir nichts an den Seiten haben und wir können voran gehen und überprüfen die Größe ist Alles sieht wirklich gut aus und wir wollen einen J. Peck machen . Also gehen wir hier rauf zu Dateieinstellungen. Wir wollen einen J-Peg machen und sicherstellen, dass die Qualität 100% ist, weil YouTube immer verkleinert die Kraft, wenn sie müssen. Was wird zum Export gehen? Und während das natürlich ist, wird alles, was wir in dieser Klasse tun, ein RGB-Modus sein. Eso alle Vorlagen, die ich bereitstelle und alle neuen Dokumente erstellen, werden alle ein RGB-Modus sein . Also wir nur um sicherzustellen, dass es RGB-Look auf Export ist und es gibt Sie. Tube Thumbnails, die innerhalb von etwa 45 Minuten erstellt wurden, konnten einige verschiedene Versionen dieser Thumbnails aufrühren . So hoffentlich werden Sie schnell und schnell genug, um in der Lage sein, zusammen etwas zu peitschen, das sieht so fertig in etwa 20 Minuten. Das ist, wie lange Sie schießen wollen, um eine wirklich hochwertige YouTube-Miniaturansicht mit Bildern, die bereits geliefert werden. Wollen Sie in der Lage sein, das schnell und effizient zu erstellen, so können Sie Ihr Geld aufladen und viel Geld wie möglich verdienen oder so viel Inhalt wie möglich erstellen, aber auch die Qualität hoch halten. Also haben wir eine Art von YouTube-Miniaturansichten ein wenig zu studieren. Als nächstes werden wir eine ganze Social-Media- und Digital-Marketing-Kampagne zusammenstellen. Das wird also Instagram Facebook enthalten. Wir werden auch Display-Anzeigen machen, also werden wir diese einheitliche Kampagne haben. Dies basiert auf echten Kundenprojekten, die ich getan habe. Ich hatte einen Kunden seit über 10 Jahren, und ich habe all ihre sozialen Medien und digitalen Marketing-Elemente gemacht, und das ist genau die Art von Sachen, die wir tun würden. Es basiert auf einer echten Kundenarbeit, die ich in den letzten 10 Jahren gemacht habe, also werden wir in die nächste 12. Soziale Kampagnen Projekt: Sie. Jetzt werden wir eine ganze Social-Media-Kampagne erobern und auch einige digitale Display-Anzeigen als auch. Und das ist eine sehr häufige Arbeit für einen Grafikdesigner zu tun. Und deshalb wollte ich wirklich einen besonderen Fokus auf diese Art von Projekt haben und tun, dass alle verschiedenen Größen sind die beliebtesten Größen beteiligt. Also habe ich diese Firma fiktive Firma namens Travel Loop, die ich erstellt habe, und ich habe ein bisschen ein Markenboard, oder ich denke, zumindest einige Marken-Assets, wie ein Logo auf einem Slogan und ein paar verschiedene Farben Uhren. Ich wollte dir das zur Verfügung stellen. Also musstest du nicht da sitzen und dir deine eigene Firma einfallen lassen. Haben Sie bereits einen Out-Out of the Box für unsere Kampagne zu verwenden. Sie sind also ein Reisebüro, und sie buchen gerne exotische Orte, also haben sie eine besondere, hochwertige exotische, äh, äh, Art von Gefühl für die Art von Reisepaketen, die sie anbieten. Genau darum geht es bei unserer Kampagne. Es ist ein bisschen Markenbewusstsein, und es wird ein bisschen einen temporären Rabatt und einige der Anzeigen geben. Aber wir werden eine generische Facebook-Kampagne machen und auch einige der Dinge, die sie für ihr lebhaftes Geschäftsprofil und Social-Media-Profile brauchen werden. So können Sie dies herunterladen, da eine Ressource herunterladbare Ressource in dieser Klasse ist. Es heißt Travel Loop-Logodatei dot ai. Es ist eine Illustrator-Datei, und ich wollte ein wenig über Bibliotheken sprechen. Also hier ist Ihr Bibliotheksfenster. Wenn Sie also über ein Adobe Creative Cloud-Abonnement verfügen, können Sie bestimmte Dateien in die Cloud hochladen, d. h. Ihre Bibliotheken. Sie könnten in Ihrem Fenster darauf zugreifen und die Bibliotheken nach unten gehen, und Sie könnten bestimmte Elemente hineinziehen. Und dann, wenn Sie zum Fotoshop springen, können Sie dieses Element herausbringen. Manche werden dir zeigen, wie du das benutzt. Nicht jeder wird Zugriff auf das Adobe-Abonnement haben, aber für diejenigen, die tun, es ist ein TSA Nizza beschleunigt Ihren Arbeitsablauf, wenn Sie versuchen, Dateien von Illustrator zu Fotoshop zu bekommen , und umgekehrt. Also lassen Sie uns sagen, ich möchte einige dieser Logos speichern. Ich kann das in meine Bibliothek ziehen, und es wird es als Grafik speichern, und ich kann auch die Farbfelder machen. Also, wenn ich diese beiden Farbfelder zu meiner Bibliothek hinzufügen und mich daran erinnern wollte, wenn ich im Fotoshop bin, außer hier runter zu meinem in meinem Bibliotheksfenster Fotoshop bin, zu gehen und auf das Zusatzzeichen zu klicken und wir werden die Füllfarbe hinzufügen, Wählen Sie diese und beachten Sie, wie die Füllfarbe hier geändert und hinzugefügt, Dies ist eine schöne Möglichkeit, Farbfelder hinzuzufügen. Seien Sie in der Lage, ein anderes Adobe-Programm zu erstellen, und Sie werden in der Lage sein, die gleichen Farbfelder überall zu haben. Es hilft wirklich, wenn Sie große Markenkampagnen und Marketingkampagnen durchführen, die sich mehrere Adobe-Programme erstrecken. Aber wenn du das nicht hast, ist das okay. Wir können noch andere Möglichkeiten machen, Sachen da reinzubringen. Ich werde das Logo speichern. Es wird ein paar diese Vermögenswerte rüber ziehen, weil ich vielleicht ein anderes paar verschiedene Arrangements brauche . Im Moment haben wir einen. Deshalb tust du das. Ich mache Logos und Vollfarbe, aber ich habe auch eine ganz weiße Version, die auf einem dunklen Hintergrund funktionieren könnte und Sie werden sehen wenn wir unsere Social-Media-Kampagnen machen. Wie wir das haben. Wir könnten viele verschiedene Hintergrundtypen haben, die mit vielen verschiedenen Größen arbeiten. Es ist also schön, ein Logo zu haben, das sehr flexibel und einfach ist. Es kann sich an jeden Farbhintergrund anpassen. Deshalb ist es wichtig, wenn ich Logo-Design lehre, deshalb ist Einfachheit wichtig. Du wirst es hier wirklich herausfinden, wann wir welche machen werden. Wirklich, Tiny fügt hinzu. Wir werden auch ein paar größere Adds zu machen. Also, was wird ein paar diese Vermögenswerte rüber ziehen? Nun, sagen wir, ich hatte keinen Zugriff auf Theodore Be Creative Cloud. Also hatte ich keinen Zugriff auf dieses Bibliothekssystem, da all dies in der Adobe Cloud gespeichert ist . Ich kann immer über meine Logos ablenken, also muss ich das in Adobe Photo Shop ziehen, und es wird weitergehen. Wenn es von einem illustrierten Fotoshop kommt. Es wird ein Vektor-Smart-Objekt sein, das wirklich großartig ist, weil es in der Lage sein wird, größer zu skalieren und kleiner zu skalieren, ohne dass die Auflösung verloren geht . Das ist also ein wirklich, wirklich gut, das als Vektor-Smart-Objekt zu behalten, denn wir werden uns auf eine Tonne unterschiedlicher Größe anwenden. Dies ist also die Vorlage, die Sie herunterladen können. Wie bei allen Projekten in dieser Klasse können Sie eine Vorlage herunterladen. Es ist bereits für Sie und mit Kunsttafeln bemessen. So werden Sie in der Lage sein, die ganze Größe ist für Sie da. Also fangen wir zuerst mit der einfachsten Sache an, das ist das Facebook-Profilbild. Das ist also die kleine Auswahl, die neben der Business-Seite auf der Business-Seite sitzt. Dies wird wahrscheinlich die einfachste Sache sein. Wir gehen zurück in den Illustrator. Wir werden sehen, welche Markenelemente wir haben, die funktionieren könnten. Nun, das ist unser Logo. Also müssen wir ein Logo nehmen, das Typografie schwer und sehr horizontal ist und versuchen es auf eine quadratische Größe anzupassen. Das ist also die quadratische Größe, an die wir anpassen müssen. Wie machen wir das? Es gibt keine Möglichkeit, dass wir den ganzen Typ auf das Profilbild passen können. Es wird zu klein, zu schrecklich aussehen . Genau so. Wir könnten es aufteilen, das Logo so aufteilen, dass es gestapelt ist und es ein bisschen größer machen und es gestapelt haben Das ist eine Option. Oder wir könnten ein Markenelement nehmen und das stattdessen als eine Art Symbol herausbringen. Das ist genau das, was wir tun werden. Wir werden isolieren. Es wird dieses Logo kopieren, und wir werden diese kleinen Ringe isolieren, denn das ist irgendwie ein einzigartiger Aspekt dieses Logos und der Marke. Wir werden also wirklich betonen, dass es hier ein bisschen um Branding und Design geht. Also werde ich diese kleinen Schleifen rüber bringen und sie hier reinbringen, und wir können einen schönen Hintergrund mit hohem Kontrast machen. Also werden wir einfach etwas Schönes mit breiteren Farben aus ihrer Bibliothek machen. Also hier ist mein Bibliothekspanel. Das bringt diese Farbfelder, in denen Sie ihn als solide Box von Illustrator ablenken und einfach das Pipettenwerkzeug nehmen können. Ich werde eine neue Ebene hinzufügen und es bezahlt Bucket-Werkzeug. Und genau so haben wir uns ein kleines Facebook-Profilbild ausgedacht. Diese Art von Vorträgen erklärt oder Art von wirklich zeigt, dass einzigartige, tiefe Branding-Detail. Wir müssen wirklich einige erstaunliche Fotografie für dieses Projekt finden. Und hoffentlich wird der Kunde Ihnen einige benutzerdefinierte Fotografie liefern. Aber wenn nicht, können Sie immer kaufen, das oder Sie beschränken kostenlose Fotos zu verwenden. Also werden wir genau das für dieses Projekt tun. Wir gehen zu Peck Sals Dot com und wir werden eintippen. Wir werden einfach versuchen, auf Reisen einzutippen. Wir werden sehen, wie sich Bilder wirklich anfühlen. Sie verbinden sich mit der Marke. Dies ist also ein High-End-Reisebüro. Sie buchen exotische Orte. Wir wollen wirklich ein wow sie mit der Art von Standorten, die Sie nur träumen zu besuchen weil sie das Gefühl, sie sind teuer. Sie fühlen sich, als wären sie außer Reichweite. Aber wir wollen es in Reichweite für die Menschen zu schaffen. Wir wollen, dass die Leute diese Fotos sehen und sagen, ich will dort sein. Das ist ein wirklich einzigartiger Ort. Also wollen wir nichts generisches machen wie das Flugzeug fliegen, weil ich glaube, dass die Leute nicht wirklich damit in Verbindung stehen. Also suchen wir wirklich nach dem Bild, mit dem wir wirklich Resonanz finden können. Das ist eine Art generisches Reisefoto, und ich habe dieses in der Vergangenheit benutzt, aber es ist es könnte überall sein. Es ist nur ein Bahnhof. Es ist nicht diese erstaunliche, einzigartige Lage, also ist das etwas mehr, wovon ich rede. Das ist eine sehr einzigartige Lage mit dem Berg dort Wandern, sie tun etwas ein wenig außerhalb der Reichweite sind ein wenig außerhalb der gewöhnlichen. Dies wäre ein gutes Foto zu verwenden, weil es sehr persönlich ist. Sie haben die Person genau da. Es ist eine sehr emotionale Verbindung. Sie schaut mich an. Es fühlt sich sehr natürlich und organisch an. Das wäre also eine weitere Option für eine bestimmte Kampagne. Fotos wie diese funktionieren wirklich gut, aber ich vermisse die Person. Ich möchte mich wirklich in die Traveller Schuhe setzen, wenn ich AD anschaue. Also würde ich wirklich gerne Schüsse finden, die eine Person haben, die etwas im Hintergrund macht und nicht nur einen schönen Schuss und warum dieser in Ordnung ist. Es ist eine sehr einzigartige Lage, wahrscheinlich höchstwahrscheinlich in Europa. Ich verbinde mich irgendwie nicht mit der Person. Zunächst einmal ist sie etwas verschwommen. Sie ist nicht der Mittelpunkt des Fotos und sie hat ihren Rücken uns gedreht, so dass es sich einfach ein bisschen getrennt fühlt , also nur irgendwie durch den Prozess zu gehen, wenn ich Fotos auswähle, was ich denke . Jetzt ist dieser hier ziemlich genau das, wonach ich suche. Es hat diese Frau. Sie hat unseren Rücken zu ihr, aber sie hat ist sehr einzigartig. Pose sehr einzigartiges Kleid. Es macht es irgendwie wieder gut. Wir haben auch diese wunderbare Gelegenheit, einige vertikale Anzeigen damit zu erstellen, weil es sehr groß ist. Und ich mag es, eine Mischung aus vertikalen und horizontalen Fotos zu finden, weil wir eine Mischung Ah, vertikale und horizontale Werbung und Social-Media-Posts haben Ah, werden. So ist es schön, Abwechslung mit dem Beschneiden Ihrer Fotos zu haben. Und das ist sehr groß und großartig und aufregend und einzigartig. Genau das, was das Unternehmen, die Art der Dinge sind Unternehmen wird für unsere Kunden buchen. Das ist definitiv eine, die ich herunterladen werde. Das ist eine andere, die wir benutzen werden. Und die Färbung kann ein wenig geändert werden. Wir können das im Adobe Photo Shop tun. Ich möchte wirklich mehr lebendige Farbe in diesem bringen, aber das ist in Ordnung, weil wir jetzt Zwischendesigner sind und wir können Sonnenuntergang und alle möglichen Dinge hinzufügen , um wirklich dieses Pop out ein wenig mehr. Aber ich Was ich an diesem Foto liebe, ist, dass es eine Menge Hintergrund hat, mit dem ich arbeiten kann. So könnten wir eine Überschrift oder einen Typ drauf setzen und viel Platz haben, die unterschiedliche Gestaltungselemente haben . Es ist also nur eine wirklich schöne Fotoarbeit mit viel Platz. Also werden wir das benutzen, und Sie können all das finden, indem Sie auf Pixeln tippen und reisen und sich frei fühlen, verschiedene Fotos zu verwenden . Ich habe Links zu den Fotos, die vier wichtigsten, die wir für diese Kampagne verwenden werden. Sie könnten finden, dass in der Ressourcenanleitung alle Links, aber fühlen Sie sich frei, verschiedene Fotos zu verwenden. Wenn Sie sich in diesem Projekt ein wenig mehr herausfordern möchten, ist dies ein weiteres Beispiel für ein Foto. Du würdest denken, Oh, wie das wirklich meine Aufmerksamkeit erregt. Da ist eine Person drin. Sie machen etwas Exotisches und Aufregendes, aber es gibt nicht einen ganzen Rücken. Es gibt keinen Hintergrund dafür. Es ist diese Art von Himmel und Wasser. Diese Person könnte irgendwo in einem wirklich schönen Pool sein und wir würden es nicht wissen. Es hat also nicht ganz diesen aufmerksamkeitsvollen Blick darauf. Und hier ist ein weiteres Beispiel für ein Foto, das den Ort hat, in dem eine Person drin ist, aber sie hat ihren Rücken gedreht. Sie hat diese schöne, ausdrucksstarke Bewegung mit ihren Händen, aber ich bin einfach nicht in Resonanz oder Verbindung damit. Ich habe das Gefühl, dass sie nur irgendwie posiert. Sie ist nicht authentisch mit dem Hintergrund oder dem Foto beschäftigt. Sie ist nur irgendwie posiert, also wollen wir diese Fotos vermeiden, wo es aussieht, als würden sie versuchen, ein schönes Foto zu bekommen . Du willst diejenigen, wo sie dort etwas tun. Dort lachen sie mit Freunden. Sie sind tatsächlich mitten in einer Wanderung. Weißt du, diese Art von Action-Shots sind viel besser als diese Posen-Typ-Aufnahmen für Was hast du gesucht? 13. Soziale Kampagnen Projekt – 2: Sie haben mehrere tolle Fotos, die wir von Pixeln dot com ausgewählt haben, die wir für unsere Kampagne Art von einigen wirklich wow Art von Umgebungen mit Menschen in jedem einzelnen von ihnenverwenden können unsere Kampagne Art von einigen wirklich wow Art von Umgebungen mit Menschen in jedem einzelnen von ihnen . So können wir uns irgendwie mit diesen Leuten verbinden und mitschwingen. Das nächste, was wir tun werden, ist das Facebook-Coverfoto. So waren Coverfotos ziemlich einfach, es sei denn, sie haben eine bestimmte Promotion, die sie fördern wollen . Aber wir machen ein einfaches Logo und ein Foto und vielleicht ein paar kleine Markenelemente. Wir werden versuchen herauszufinden, wie wir diese Marke ein wenig erweitern können. Also lasst uns unser Foto für unser Titelbild hier finden. Das wird eine weitere Hauptseite der Geschäftsseite sein. Ich dachte, wir bleiben bei diesem hier. Für den Moment. Es ist schön und breit, sehr horizontale Zits geben uns viel Platz, um das wirklich zu beschneiden Nun, das ist, was ich tun kann, ist, dass ich dieses Foto in Fotoshop ziehen kann, und wenn Sie ein Bild hineinziehen, wird es automatisch werden zu einem intelligenten Objekt, was wirklich gut für uns ist, weil wir in der Lage sein wollen, diese nach oben und unten zu skalieren, ohne dabei eine Auflösung zu verlieren. Also können wir das einfach machen, es in dieses besondere Kunstboard und Pressezentrum stecken. Es gibt auch einen anderen Weg, den Sie in die Fotografie bringen könnten, und er könnte das mit Containern in Containern tun oder direkt hier auf Ihrer Symbolleiste musste meinen Arbeitsbereich wechseln, um ihn finden zu können. Aber da ist es. Da sind Container. Wir können hier einen kleinen Container machen, der sich über streckt, und dann können wir ihr Foto auf diese Weise ziehen, und es wird automatisch in den Container füllen und war großartig, dass du nicht da sitzen musst und dieses gigantische Foto machen musst und passen Sie sie weiter nach unten. Sie werden automatisch in diesem bestimmten Container aufgefüllt. Also, nur ein anderer Weg, eine andere Möglichkeit, eine Katze zu häuten. Also lassen Sie uns das richtige Zuschneiden dafür finden, wenn wir wahrscheinlich vergrößern müssen und wirklich eine Vorstellung davon bekommen, wie dies beschnitten werden sollte, damit Sie bemerken, dass es ein wenig pixelig aussieht. Dies ist ein digitales Bild, und es ist eine bestimmte Größe, und Sie können immer die Größe unseres Boards überprüfen, indem Sie den Titel auswählen, der zu Ihrem Verschiebungstool kommt . Sie werden ableto sein, um die Größe zu sehen, Also ist dies nur 828 Pixel von 315 Pixel. Das ist keine große Größe, also wirst du natürlich ein bisschen Plektren sehen , Begeisterung. Es ist nichts Schlimmes, aber wenn Sie es gewohnt sind, mit Druckdesign zu arbeiten und alles super scharf ist, gehen Sie los. Hey, es ist verschwommen. Und das ist normal, wenn Sie mit so kleinen Größen arbeiten. Also ist es derzeit in einem Container, so dass ich auf jeden Container doppelklicken und diesen nach meinen Wünschen verschieben kann . Wir wollen wirklich Leute auf das Foto bringen, also wollen wir vielleicht eine Ausrichtung im Zentrum mit Hiss Body machen. Wir wollen einen schönen, klaren Himmel haben, um unser Logo in setzen zu können. Also gehen wir in Illustrator, oder Sie können in Ihr Bibliotheksfenster gehen oder ich werde es anders machen und es einfach aus Adobe Illustrator ziehen . Wir haben also mehrere verschiedene Gegenstände, die wir mitbringen könnten. Wir ich, wir könnten die alle weißen machen Lassen Sie uns voran und versuchen Sie dies aus, so ist es wirklich Art der Arbeit mit Ihrem Logo Variationen und herauszufinden, welche am besten funktionieren wird, so dass wir ein solides Weiß tun ein wenig wie ein Schlagschatten, aber es ist nicht wird super stark sein. Mal sehen, ob wir eine Vollfarbversion ausprobieren können und sehen, ob es wirklich genug gegen den Himmel herauskommt . Und wenn nicht, haben wir Fotoshop. Wir können das Foto immer bearbeiten, um das zu tun, was wir brauchen. Wir haben ein vollfarbiges Logo und das Orange geht ein wenig am Himmel verloren, aber das ist keine große Sache. Also eine Sache, die ich anfangen möchte, ist ein wenig über Gitter und Hilfslinien nachzudenken und Fangmöglichkeiten und Wege. Wir können ganz einfach sicherstellen, dass wir den zentralen Punkt finden, so wie wir sicherstellen möchten, dass dieser jetzt im Dokument zentriert ist. Also habe ich diese Guides auf, was wirklich hilfreich sein könnte. So stellen Sie sicher, dass Sie Ihre Führer auf einem bewegen diese herum haben. Es gibt mir Hinweise darauf, wo es in der Mitte ausgerichtet ist, und ich habe diesen kleinen Hinweis genau hier. Es ist irgendwie einrasten für mich, und das ist super hilfreich. Um das einzuschalten, gehen Sie zur Ansicht und stellen Sie sicher, dass Snap eingeschaltet ist und stellen Sie sicher, dass Ihre zusätzliche Zahran auch, so dass Sie irgendwie mit ein wenig Ausrichtung helfen, anstatt das Gitter ausbrechen zu müssen und alle daran zu beteiligen, Es wird automatisch diesen Mittelpunkt Ausrichtungspunkt finden. Also lassen Sie uns doppelklicken auf diesen Container und sehen, ob wir hier kein besseres Zuschneiden bekommen können. Wir könnten sogar auf eine hellere, breitere Farbe malen . Das ist eine Art schnellerer, einfacherer Weg, dies zu tun. Also bekomme ich nur eine weiche Rundbürste. Aber meine allgemeinen Bürsten machen weich rund machen es schön und groß. Ich wollte ein wenig Weiß auf eine neue Ebene malen, also nur eine neue Ebene erstellen, werden sie weiß um das Logo malen. Aber das sieht schrecklich aus, aber das ist keine große Sache, denn wir können einen Mischmodus auf dieser Ebene verwenden, um das irgendwie zu mildern und zu mischen oder einfach die Kapazität zu reduzieren. Ich brauche nur ein wenig Weiß hinter dem Logo. Sie können auch eine Ebenenstile hinzufügen und einen äußeren Glanz erzeugen. Aber ich fühle mich, als hätte ich mehr Kontrolle, wenn ich irgendwie eine Weißschicht hinzufüge, so dass diese Art von hilft es herauskommen, besonders im orange und am orangefarbenen Himmel. Das braucht also etwas. Machen wir einen Sichtbarkeitstest. Lassen Sie uns auf etwa 100% verkleinern. Also mag ich das Foto. Es überspannt die Distanz wirklich gut. Und es gibt etwas, das Sie beachten müssen, wenn es darum geht, mobile Betrachtung dieser und der mobilen Version von Facebook und das ist der mobile sichere Bereich. Ich werde mein Ebenen-Panel herausbringen, damit du irgendwie sehen kannst, worauf ich mich beziehe. Um diesen mobilen Safe hier zu haben, ziehe ich die Schicht über sie, um zu sehen, wo das ist. Dies ist, wo es in der mobilen Ansicht zusammenbricht. So trimmt es die linke und die rechte Seite. Sie müssen also immer darauf achten, keinen Text auf der linken und rechten Seite zu setzen, weil er nicht auf der mobilen Ansicht zu sehen ist. Also, wenn Sie eine Menge Text auf Ihrer Business-Seite Coverbild haben, müssen Sie es dort in der Mitte zu halten, so dass Sie all das auf und ab sprechen können, um Ihnen eine Anleitung zu geben . Also lassen Sie uns ein weiteres Markenelement hinzufügen, weil wir Menschen hier verlieren. Lassen Sie uns etwas auf den linken und rechten Seiten bekommen, die über in die Mitte verschütten und wirklich bringen Menschen in die Farben und das Markenthema. Also eine Sache, die wir tun können, ist, dass wir diese Kreise haben. Ein wenig Teil der Marke ist ein Kreis. Nehmen wir diese kreisförmige Form und erweitern Sie sie ein wenig und verwenden Sie sie als Hintergrundelement . Also, was ich tun werde, ist, dass ich beide nehmen werde. Fangen wir mit dem Blau an. Ich werde es nur ein bisschen zu einem Element machen, das zur Seite verschüttet wird. Nichts zu großes fügt nur ein bisschen ein bisschen von etwas hinzu, das dort im Dokument vor sich geht . Und wir wollen vielleicht auch etwas von diesem schönen Hintergrund hier durchscheinen lassen, so dass wir einfach die Transparenz dieser Schichten reduzieren können, so dass wir ein wenig davon hinter den Krieg lassen . Wir können uns ihre Mischmodi ansehen, um zu sehen, ob das ein bisschen ein besseres Gefühl hat, aber es sieht so aus, als wären diese ziemlich hart. Hartes Licht sieht ziemlich interessant aus, aber es ist sehr hart. Sie möchten also vielleicht nur eine Reduzierung der Kapazität vornehmen. Justo, lassen Sie einfach diesen Hintergrund weiter und schämen Sie sich, ihn zu stoppen und eine einfarbige Farbe zu haben. Wenn Sie so einen schönen Hintergrund haben, haben wir nur ein wenig Element hinzugefügt. Und Poppy könnte das mit jedem anderen Designelement tun. Das ist also einfach dein allererstes einfaches Facebook-Coverfoto für dieses Projekt. Jetzt werden wir anfangen, über Marketing und Werbung nachzudenken. Dies wird eine bezahlte Facebook-Anzeigen sein und es gibt einige Einschränkungen mit bezahlten Facebook-Anzeigen. Zunächst einmal, da, Moment, äh, während dieser Dreharbeiten, natürlich könnte sich natürlich die Größe immer ändern. Aber im Moment sind sie 1200 Pixel mal 628, also ist es sehr, dass es sehr horizontal ist. Also noch einmal, wir müssen nach einem Foto suchen, das horizontal freundlich sein wird, und wir müssen Text auf weniger als 20% der gesamten Anzeige halten, so dass sie Ihre Anzeige ablehnen, wenn Sie zu viel Text darauf haben. Und denken Sie daran, eine Facebook-Anzeige hat auch einen Titel und eine Textkopie, die mit ihm in den Beitrag geht, so dass Sie nicht Gefühl haben, dass Sie alle Wörter in die Facebook-Anzeige stopfen müssen. Es ist wirklich eine visuelle Hilfe, die den Text ergänzt, der mit dem Beitrag geht. Also denk darüber nach. Versuchen Sie, nicht zu viel Text in einer Facebook-Anzeige zu stopfen. Ich weiß, es ist sehr verlockend, und Sie müssen Kunden erziehen, wenn sie wollen, dass Sie einen Haufen reinbringen, der es nicht erlaubt ist . Zehe haben mehr als 20% der Gesamtfläche. Sei Text. Wir behalten das im Hinterkopf, wenn wir unsere erste bezahlte Facebook-Anzeige machen. 14. Soziale Kampagnen Projekt – 3: vor allem, wenn Sie tun und viele Male hinzufügen, ist das Foto der wichtigste Teil der Anzeige, gefolgt von der Überschrift und der nächste, Der Aufruf zur Aktion. Also oft, wenn ich Brainstorming, wie man eine bezahlte Anzeige macht, werde ich mit einem Foto beginnen, das ich verwenden möchte und dann darauf aufbauen, weil es immer geht. Das Foto wird mir helfen, meine Überschrift und meinen Typ einzurahmen. Also lasst uns mit dem Foto führen. Sie haben mehrere Optionen hier, und sie alle haben eine Art wirklich einzigartigen Zweck Wenn ich sie fand und ich diese wirklich nutzen wollte , weiß ich, dass das vertikal ist, und wir werden das für eine Instagram-Geschichte verwenden später. Aber ich denke, ich kann das immer noch als eine gute Option verwenden. Also werde ich dieses Foto direkt in Photoshopped ziehen oder einen Container verwenden. Lasst uns einen Weg finden, das zu beschneiden. Ich würde es lieben, wenn es den ganzen Weg über den Bildschirm gehen könnte. Also in Bezug auf das Zuschneiden, können wir sie dort haben, oder wir können irgendwie mehr von diesem wunderbaren Himmel zeigen. Also werde ich das so eng wie möglich beschneiden. Wir können das Foto später immer vergrößern, wenn wir anfangen, es zu entwickeln. Was ist die nächste wichtige Sache mit einer Anzeige? Und ich möchte sicherstellen, dass ich meine Marge mitbringe. Das ist unsere Marge. Sie können dies oft einschalten, nur um sicherzustellen, dass, wenn wir Typografie hinzufügen und wir einen Aufruf zur Aktion hinzufügen , dass nichts nichts nichts erweitert. Das ist Text erstreckt sich bis in den Rand. Also zögern Sie nicht, das ein- und auszuschalten als Hilfe hilfreiche Anleitung. Also jetzt die Schlagzeile. Also haben wir schon einen Kopf. Ich habe eine Schlagzeile ausgesucht. Der Klient hat es geliefert, oder der fiktive Klient würde das für Sie liefern. Der Klient hat es geliefert, Und die Schlagzeile ist Ihr exotisches Abenteuer erwartet das. Es war irgendwie schön, das Wort exotisch einzuwerfen, denn das ist irgendwie, worauf unsere Marke aufgebaut ist. Also werde ich voran gehen und fügen Sie die Typografie einfach tun Textfeld fügen Sie es in. Also gehen wir hin. Dein exotisches Abenteuer wartet auf dich, und wir müssen einen Weg finden, um diese Typografie über dem Foto abheben zu können. Es gibt Boxen, die wir hinter es gibt Drop-Schatten, die wir verwenden können, aber ich möchte wirklich nicht von dem Foto wegnehmen, indem ich große, blockige Boxen oder irgendetwas hinzufüge, um den Abstecher zu helfen. Eine Sache, die wir tun können, ist, die Typografie schön und mutig zu machen. Also, jetzt werde ich voran gehen und doppelklicken Sie auf die Typografie. Und gerade jetzt ist es auf Licht gesetzt. Dies ist Eisenbahn, die eine kostenlose Schriftart ist, die Sie auf Google-Schriften herunterladen können. Lass uns das ein kühnes Warten runter machen. Das kühnste und kühnste auf der Eisenbahn ist und es sieht so aus , als ob es irgendwie die Schriften ein wenig außer Betrieb gebracht hat und wirklich schwarz wird noch mutiger als extra fett sein. Also Schwarz ist immer dein dickster Typ, äh, enges Gesicht. Warte, also wählen wir Schwarz aus irgendeinem Grund ist es nicht in Ordnung auf meiner Liste, aber das ist okay, weil ich weiß, dass Schwarz das kühnste ist. Also lasst uns sehen, wie wir diese Schwächung stapeln können. Stapeln Sie dies in einer linken Ausrichtung auf der rechten Seite, und wir haben eine Art von dieser Ziegelmauer, die wirklich helfen kann, die Typografie hervorzuheben. Das ist eine Sache, die wir auf der rechten Seite einen netten Aufruf zum Handeln haben können. Das ist eine Option. Aber jetzt möchte ich beginnen, einige andere Designelemente einzubringen. Also weiß ich irgendwie, welchen Platz ich für die Schlagzeile habe. Wir müssen das Logo haben. Also lasst uns das Logo reinbringen. Und wir haben bereits, dass von hier oben und was ich wirklich tun möchte, Was vom Kunden verlangt werden kann, ist die Verwendung des Logos mit dem Slogan. Wir haben den Slogan hier. Diese Art von hilft, dieses Wort exotisch einzubringen und es in die Kampagne zu binden. Also werden wir sehen, was wir mit der vollen Farbe machen können. Die volle Farbe funktioniert möglicherweise nicht. Also lassen Sie mich sehen, ob ich dafür keine einfarbige weiße Farbe machen kann. Wir haben ein sehr detailliertes Foto, nicht sicher, dass einfarbig wird wirklich dort funktionieren. Also lasst uns das reinbringen. Und das braucht vielleicht ein bisschen einen Hintergrund, und es muss nicht super groß genug sein, um das Logo zu sehen und eine gewisse Markenbekanntheit zu haben . Also lassen Sie uns das Kreis-Thema fortsetzen, das wir hatten. Ich werde nur die Option gedrückt halten und ziehen, um eine Kopie zu erstellen, und ich bringe sie in diese Kunsttafel . Und mal sehen, ob wir das nicht als großartigen Hintergrund über dem Foto einfach so verwenden können. Und ich denke, da wir einen blauen Hintergrund haben, könnten wir sogar mit einem farbigen Logo davonkommen. Und was wir vielleicht tun müssen, ist unsere halbvolle Farbe einzubringen. Sie haben also bemerkt, wie wir hier viele verschiedene Optionen hatten, also haben wir nur eine einzige Farbe in einer vollen Farbe. Wir haben auch diese andere Option, die Farbe hat, aber auch Weiß darin hat, so dass es schön ist, Optionen zu haben. Ich denke, das wird am besten funktionieren. diesem Grund haben Sie viele verschiedene Versionen Ihres Logos, so dass Sie maximale Flexibilität bei Ihren Optionen haben können, wenn Sie tatsächlich beginnen, sie zu verwenden . Also muss ich den Kreis vielleicht etwas größer machen. Ich will nicht, dass es viel Platz in Anspruch nimmt, weil es so ein schönes Foto ist. Wir wollen das Foto nicht wegnehmen. Wir wollen definitiv, dass die Menschen in der Lage sind, die Marke zu erkennen. Namen haben nur etwas Positionierung gemacht. Wir könnten ihren Rand einschalten. Stellen Sie sicher, dass wir dort sicher sind und es wird schnappen, weil ich Führer dazu habe für mich zu helfen, eine Position zu kämpfen. Wir brauchen also auch einen Aufruf zum Handeln. Also haben wir eine Überschrift, ein Logo, und jetzt brauchen wir ein Also was? Was ist so was? You 're exotische Abenteuer wartet Buch jetzt Learned Mawr. Sie wissen, viele Male mit bezahlten Facebook-Anzeigen, können Sie einen Knopf nicht auf das Foto, sondern direkt unter dem Foto setzen. Manchmal muss Ihr Call to Action nicht wirklich auf dem Foto stehen. Es könnte ein Teil der Anzeige sein, ein Gesamt-Anzeigenbeitrag. Denken Sie also auch darüber nach. Also in diesem Fall wird der Button unter dem Foto sein, so dass wir nicht brauchen, um ein Buch jetzt Action-Button genannt haben, denn wenn Sie auf Hinzufügen und Facebook klicken, klicken Sie auf das Foto. Es macht das Foto größer, aber es bringt Sie nicht wirklich auf die Zielseite. Das ist, was die Schaltfläche unten tut, damit wir das auf dem Foto existieren lassen, wir wollen sicherstellen, dass wir weniger als 20% der Gesamtfläche der Anzeige haben, die nicht durch Text aufgenommen wurde , und ich glaube, das ist hier der Fall. Jetzt müssen wir nur noch in unserer Überschrift arbeiten und sind so ziemlich bereit zu gehen. Ich würde das gerne ein wenig balancieren, besonders auf der rechten Seite. Ich frage mich, ob wir in nur halten Option und ziehen unsere kleine orange eingekreist ist, ein wenig Balance auf der rechten Seite hinzuzufügen und die Markenfarben und die Markenwerte durchzusetzen . Lassen Sie uns also unsere Schlagzeile finalisieren. Was ich bemerkt habe, ist, dass ich den weißen Typ mag. Es erscheint wirklich hier unten, aber es verblasst hier irgendwie, also frage mich fast, ob wir eine Gelegenheit finden können, vielleicht ein wenig mehr auf sie zu zoomen und es so zu stapeln, aber fast fragen sich, ob wir nicht eine Art wenig von einer gezackten Kante den ganzen Weg nach unten. Und das könnte funktionieren, aber es liest irgendwie abgehackt. Ihr exotisches Abenteuer erwartet Sie auf vier Linien. Vielleicht können wir das irgendwie auf drei Linien vereinfachen, also vielleicht wartet dein exotisches Abenteuer einfach so auf dich. Wir könnten weiter gehen und das nach unten ziehen, und es ist sehr lesbar auf ihr, und es konzentriert auch Ihr Auge auf sie und die Art der gleichen Zeit und bringt sie zusammen . Aber wir müssen wahrscheinlich nur ein wenig Schlagschatten hinzufügen. Ich werde nur doppelklicken Sie auf meine Ebenen-Stile und fügen Sie einfach ein wenig Schlagschatten, sehr subtil, Konnte überhaupt keinen Abstand haben, könnte die Größe erweitern und dann die Kapazität erhöhen. Und jetzt könnten wir die Gelegenheit haben, nur dafür zu sorgen, dass wir Balance und ihre Anzeige haben. Also im Moment haben wir eine sehr linke schwere Anzeige. Wir haben dieses Logo, diesen sehr starken blauen Hintergrund und die Typografie alle auf der linken Seite. Also denke ich, wir müssen das etwas ausgleichen. Wir haben versucht, das mit diesem einen Kreis zu machen, aber rechts fehlt etwas. Mal sehen, ob wir unsere Typografie nicht nach rechts verschieben können und die Schlagzeilen beginnen, sich um ihren Körperbereich zu lesen. So hat es jetzt ein bisschen bessere Balance. Es fließt von oben links nach oben rechts, was eine natürliche Lektüre ist, wie Menschen Art lesen und verdauen Informationen und fügt hinzu. Also fühle ich mich sehr glücklich über diese bezahlte Anzeige. Wir können auch eine andere Option eines Pay Dad tun. Es wird leicht sein hinzuzufügen, dass wir voran gehen und auf die Kunsttafel klicken. Es wird uns die Chance geben, gleich daneben die gleiche Größe hinzuzufügen. Wir werden eine zweite Option nur mit der gleichen Überschriftenanordnung machen, aber mit einem anderen Foto. Habe Optionen. 15. Soziale Kampagnen – 4: versuchen Sie ein anderes Foto ganz, und Sie gehen voran und bringen dieses von dem Mann auf den Ozean. Lassen Sie uns versuchen, einen schönen Platz für ihn zu finden. Wir wissen es vielleicht erst, wenn wir anfangen, einige der anderen Elemente einzubringen, aber ich möchte wirklich einen zentralen Fokus auf den Mann haben. Bringen wir die gleiche Schlagzeile und wir wollen mit ihrer Schlagzeile konsistent sein. Wenn wir es gestapelt oder irgendwie zerlumpt haben, eine zerlumpte Art von Ausrichtung auf der linken Seite. Wir müssen konsistent bleiben, dass in den meisten für die Kampagne. Also wollen wir die Schlagzeile über den gleichen Typ halten und konsistent sein, Also gibt es viele verschiedene Bereiche. Teoh arbeite auch mit diesem. Also lasst uns weitermachen. Und das könnte einfach sein, denn wir beginnen bereits, Wege zu finden, wie wir die Marke in das Logo integrieren können . Also ziehen wir einfach an dieser Stelle das Duplizieren und auch dieses kleine orangefarbene Element. Wir wollen sicherstellen, dass das konsistent ist. Je mehr wir das tun und wir werden viele verschiedene Größen machen, es wird schneller und schneller gehen, mit jedem, den wir ihn ein wenig oben rechts positionieren , weil wir diese Art von leerer Fläche dort haben. Wir wollen das Boot dort behalten. Und eine Sache, die wir tun können, da dies hier unten so dunkel ist, können wir sogar eine unserer Markenfarben hier herausbringen und wirklich hervorheben oder Kontrast verwenden um ein Wort hervorzuheben. In diesem Fall werde ich das Wort exotisch hervorbringen. Und ich wollte unsere orangefarbene Farbe einbringen, also merkst du, wie das wirklich hilft, die Schlagzeile durch Kontraste herauszutauschen, also haben wir die Gelegenheit, das zu tun. Also werde ich das jederzeit nutzen, wenn wir hinzufügen und Kontrast in bringen können, wäre ausgezeichnet. Du merkst, wie das E hier und ich das kleine Brett hier überlappt. Was das tut, ist nicht nur, dass die Überschrift mit einem Foto integriert, sondern es verursacht ein wenig Spannung, was irgendwie wirklich gut ist, diese Art von Überlappung dort Art von Integration zu haben, anstatt nur völlig allein zu sein und isoliert, bringen wir es hier rein und haben nur ein wenig überlappende Wirkung. Eine Sache fehlt hier also, dass das Foto großartig ist. Es ist schön, aber es fehlt wirklich an Lebendigkeit und Sättigung und Farbe. Also werden wir das in uns selbst hinzufügen, weil wir das hier in einem Fotoshop machen können. Also eine Sache, die ich tun möchte und ich möchte in der Lage sein, einige Bearbeitungen zu machen. So Bildanpassungen. Und wenn Sie ziemlich gut in der Fotobearbeitung sind, Sie gleich zu Hause. Ich werde langsam rüber gehen, irgendwie. Einige der Dinge, die ich zuerst durchmache, die den größten Einfluss hat, ist die Exposition. So müssen Sie nicht anpassen, ist sehr viel hat große Auswirkungen war sehr kleine Anpassungen. Also werde ich erhöhen und hatte nur irgendwie ein wenig Helligkeit auf das Foto. müssen keinen Offset und die Gamma-Korrekturen wirklich schön machen, wenn Sie mit Schwarz-Weiß-Fotos arbeiten . Aber in diesem Fall, denke ich, wir kriegen einen Stock mit einem. Schauen Sie sich einfach die sehr kleine Anpassung an, die wir vorgenommen haben. Und ich gehe gerne durch mein Einstellungen-Panel. Als nächstes ist die Lebendigkeit, also könnte ich ein wenig von dieser Lebendigkeit hinzufügen. Dies wird ein wenig Sättigung hinzufügen würde bringen Art von Ihrer wärmeren Tonfarbe . So bemerken Sie, wie das war, bevor Sie ein wenig Farbe zu einer Haut hinzufügen, ein wenig Farbe zu zischen Umgebung, nur ein wenig Sättigung, aber wir wollen nicht übersättigt, weil das beginnt sehr gefälscht aussehen. Sieht aus, als hätte er eine falsche Bräune. Wir wollen also sehr vorsichtig mit der Sättigung sein. Schmeiß es nur ein kleines bisschen hoch, um uns zu helfen. Also eine Sache, die ich mit diesen Fotos machen möchte, ich möchte es nur ein wenig schärfen. Und ich mache das gerne mit einigen Fotos. Gehen Sie einfach zu schärfen auf einmal, fügt nur, dass wenig zusätzliche Knusprigkeit Knusprigkeit auf das Foto. Und so eine Sache, die ich tun möchte, ist und wenn ein bisschen eine Art von warmen Sonnenuntergang Farbe hier oben am Himmel hinzufügen , also werde ich eine neue Ebene erstellen und tun, was wir vorher getan haben und unsere weiche Bürste machen es ziemlich groß. Das ist vielleicht ein bisschen größer als das, vielleicht 1000 Pixel und wir wollen eine schöne, lebendige orange orange Farbe passieren, und wir werden einfach einmal ganz oben hier klicken, und wir gehen zu unserem Mischmodus und erweichen das. Vielleicht Pin Lichter. Ein paar davon könnten gut funktionieren, Bildschirm sieht der hellste und leichteste zu sein. Wir fügen nur ein bisschen ein bisschen ein Knall von Farbe dort, so dass Sie irgendwie sehen können, bevor und dann, nachdem Sie irgendwie sehen können, wie wir ein wenig mehr Reichtum auf das Foto hinzufügen. Es gibt noch viel mehr, was wir damit machen können. Wir könnten ausweichen und brennen, um auch bestimmte Bereiche des Wassers hervorzubringen. Aber dafür denke ich, dass wir ziemlich gut sind. Wir haben zwei verschiedene Optionen für Anzeigen. Wir haben noch eine Sache zu tun, und wir sind ziemlich fertig mit Facebook. Wir gehen zu einem Facebook gesteigerten Beitrag. Als nächstes für den Facebook geboosteten Beitrag. Wir werden etwas etwas anderes machen. Wir werden ein bisschen von unserer Promo in diese. Es scheint 20% Rabatt auf alle Buchungen zu sein, und wir werden versuchen, diesen Text zu integrieren und etwas mehr Werbung und traditionell zu tun . Also gehen wir zurück zu unseren Foto-Entscheidungen. Haben Sie ein paar gute Entscheidungen hier, aber ich möchte in ein völlig anderes Bild bringen, das wir noch nicht verwendet haben. Wir könnten verschiedene Wege finden, dies zu beschneiden, also wollen wir wirklich die Pracht der Berge sehen. Also stellen wir sicher, dass wir verkleinern und eine schöne enge Beschneidung bekommen. Und wir wollen auch das Logo in den Himmel setzen. Ich denke, dieser Kerl hat genug Kontrast, um das Logo genau dort oben zu passen, damit wir das Ende bringen können . Vielleicht ist eine volle Farbe. Mal sehen. Haben wir noch eine volle Farbe mit dem Slogan? Noch nicht, aber wir könnten in unser Illustrator-Dokument gehen und eine volle Farbe mit dem Slogan bekommen und das einbringen. Also müssen wir schon einen Blitz im Hintergrund machen, damit das auffallen kann, denn das ist einfach kein hoher Kontrast mit der Orange gegen die Wolken, um lesbar genug zu sein , und das ist OK, weil wir das zusammen machen können. Also lassen Sie uns unser Angebot in, und wir haben diese wunderbare Gelegenheit, Angebot Blase direkt hier hinzuzufügen. Also lassen Sie uns mit ihrem Blasen-Thema halten. Halten Sie die Option gedrückt und bringen Sie diese in. Dies könnte sein, wo Angebot lebt und ich habe unser Angebot bereits hier geladen und irgendwie einen Standardtyp. Es ist 20% Rabatt auf alle Buchungen. Mal sehen, ob ich das nicht reinbringen kann und eine nette Linksausrichtung für mich schnappen wird. Also eine Sache, die ich tun möchte, ist beginnen, Kontrast zu unserem Angebot zu verwenden. Also das Wichtigste an diesem Block der Typografie ist die 20% Rabatt, also könnten wir das tun. Fügen Sie Kontrast auf zwei verschiedene Arten hinzu. Schwäche es kühn. Also lasst uns weitermachen und mit unserer Eisenbahn bleiben, die wir benutzt haben. Machen wir ein kühnes oder schwarzes und Sie werden mit der Eisenbahn feststellen, dass ich kein großer Fan davon bin, wie Zahlen in der Eisenbahn funktionieren. Das ist okay. Wenn Sie nicht mögen, wie Zahlen in einem bestimmten Typ Typografie aussehen. Sie können eine ähnliche Typografie für die Zahlen verwenden, also werde ich einen offenen Sand verwenden , der auch eine kostenlose herunterladbare Schriftarten auf Google-Schriftarten ist, und ich werde so fett wie möglich zu tun. So extra mutig. Sie haben kein Schwarz, das ist OK. Verwenden Sie extra fett und fügen Sie Kontrast hinzu, indem Sie unsere orange Markenfarbe herausbringen. So hast du sofort bemerkt, dass es die ganze Schlagzeile aufbricht. Lassen Sie uns auch diese Eisenbahn machen, und Sie können auch Zeichenstile verwenden, wenn Sie ähnliche Größen behalten möchten. Das einzige Problem bei der Verwendung von Zeichenstilen mit sozialen Medien ist, dass Sie so viele verschiedene Größen haben . Es wäre schwer, alle verschiedenen Zeichenstile zu verwalten, die Sie benötigen, also mache ich einfach alles von Hand mit jeder Anzeige. Und so haben wir diesen kleinen Typ , der ein Talent ist, und ich denke, es ist eine schöne Größe der bemerkten Typhierarchie. Hier haben wir etwas größer, als es kleiner geht. Ich mag es, hier eine kleine visuelle Trennlinie hinzuzufügen, also lasst uns eine Linie mit dem Rechteck-Werkzeug machen, das eine Linie ziemlich dünn macht. Es gibt gerade genug, um ein wenig von einer visuellen Aufteilung der Typ-Boxen hinzuzufügen. Lassen Sie uns das nach unten verschieben, haben ein wenig mehr Abstand zwischen den Charakteren, sehen Sie heraus, für mich zu schnappen und herauszufinden, was der gleiche Abstand zwischen hier und hier ist. spart mir viel Zeit, also im Moment ist es nur eine einfache Linie und es sieht gut aus. Aber ich möchte dieser Zeile ein wenig Verblassen hinzufügen. Also werde ich mein Radiergummi holen. Oder Sie können sogar eine Schichtmasse hinzufügen, die noch logischer sein könnte. Lassen Sie uns eine Schichtmaske hinzufügen, erhalten Sie unsere schwarz und gepflastert, dass auf mit einem weichen Pinsel. Sie müssen immer zerstörungsfreie Möglichkeiten finden, um zu bearbeiten, wenn Sie können. Also bin ich auf meiner Schichtmasse und ich werde nur einmal ein bisschen verblasst klicken, nur irgendwie ein bisschen Aufregung hinzufügen. Also lassen Sie uns mehr Kontrast hinzufügen, indem Sie die off alle Buchungen ein wenig kleiner und die 20% ein wenig größer. Und wir können auch an der Beschneidung ihres Fotos arbeiten. Wir konsumieren in ein wenig. Ich will die Erhabenheit und die Großartigkeit der Berge nicht verlieren. Wir müssen vorsichtig sein, wie groß wir sie machen können, aber wir wollen definitiv hineinzoomen und emotional mit der Frau verbinden, so weit wir können . Also hier ist das Problem, das wir mit dem Logo arrangieren müssen Lassen Sie uns den Himmel ein wenig erhellen damit wir einen Schlagschatten hinzufügen können. Aber das wird einfach zu dunkel aussehen. Und ich versuche, Schlagschatten zu vermeiden, wenn ich unbedingt muss. Also lassen Sie uns das Himmelfoto machen, und wir könnten dasselbe machen, was wir vorher gemacht haben. Fügen Sie eine Ebenenfarbe auf etwas Weiß hinzu, um alles aufzuhellen. Schön weich um Pinsel Art von Pastete oben. Wir können das zurücksehen, damit es nicht so stark aussieht, und es hilft irgendwie mit dem Himmel. Wir könnten das Radiergummiwerkzeug nehmen und sicherstellen, dass die Berge kein Problem sind. Und lass uns eine weiche Runde machen, um sicherzustellen, dass wir die Lebendigkeit der Berge zurückerobern. Eine andere Sache, die Sie tun können, ist, dass Sie das Klon-Werkzeug nehmen und in einigen Himmeln klonen und sie eine Quelle anzünden , viele verschiedene Optionen, die Sie tun können. Aber ich denke, für den Moment, wir haben es schnell mit Leichtigkeit zu gehen, weil Sie wissen, dass wir pro Projekt hier bezahlt werden , also kann nicht zu lange für etwas verbringen. Lassen Sie uns das Angebot ein kleines bisschen größer machen. Jetzt haben wir ein Angebot, das großartig ist, weil wir dasselbe Angebot für andere Social-Media-Kampagnen und Display-Anzeigen verwenden werden , die wir machen werden, also wird es alles viel einfacher machen. Wir waren in der Lage, ein paar verschiedene Dinge zu tun, die den Rest des Projekts viel einfacher machen . 16. Soziale Kampagnen Projekt – Instagram: Weise haben unsere Facebook-Kampagne, und es ist Zeit, Instagram als nächstes zu tun. Also haben wir eine Menge von einem, die wir hier machen werden. Und was wunderbar ist, ist, dass wir eine Menge Dinge bereits etabliert haben. Wir werden in der Lage sein, kopieren, einfügen und ausleihen von unserer Facebook-Werbekampagne und bringen sie auf Instagram und schlagen diese viel schneller, als Sie denken. Also lasst uns ein wenig über Instagram reden. Also, wie unterscheidet sich Instagram von Facebook? Also ist instagram mehr Foto schwer. Lassen Sie sich viel weniger auf Text verlassen, also müssen wir darüber nachdenken, wenn wir auf Instagram wechseln. Außerdem neigt Instagram dazu, ein wenig persönlicher zu sein, insbesondere Post oder Boosted Post. Wir wollen auch so authentisch wie möglich sein. Wir wollen es nicht. Gips bietet überall und lassen Sie es wirklich generisch. Es ist nur eine andere Plattform, und es lebt anders. Man muss also über mehr organische, authentische Botschaften nachdenken und auch mit dem Betrachter interagieren. Also, anstatt nur hier durch meine Sachen zu sagen, müssen Sie in einem Gespräch mit ihnen zu engagieren, also fordern Sie sie auf, Sie zu markieren oder eine Erfahrung zu posten. Das ist genau das, was wir mit unserem INSTARM-Post machen werden. Dies wird ein gesteigerter Beitrag sein. Es ist nicht notwendigerweise eine bezahlte Anzeige, aber es wird wie eine bezahlte Anzeige ausgeschaltet. Aber da es ein Beitrag ist, wird es auf der Business-Seite existieren, sind die Firmenseite, und dann können Sie es einfach zu anderen Followern steigern. Also machen wir das ein bisschen anders. Wir werden ein anderes Foto benutzen, um diese Authentizität von Instagram zu behalten. Also lasst uns durch unsere Fotos radeln. Und es gibt einen, den ich für diesen hier im Sinn hatte. Es ist dieser hier. Es wird ihn ein bisschen größer machen oder gehen Sie weiter und ziehen Sie ihn rein. Also, was ich an diesem Foto mag, ist, dass es diese Erfahrung von dir hat. Es hat also ein Bild von seinem Blick auf das Messegelände oder einen exotischen Fondsstandort, und es sieht so aus, als ob du das Foto machst. Da ist diese persönliche Verbindung dazu. Ich denke, das funktioniert wirklich gut, und ich denke, das wird ein bisschen besser für Instagram funktionieren. So wie immer können Sie wie immerden Text und den Rand ausschalten, wann immer Sie brauchen. Und lassen Sie uns unser ah anderes Thema hier hinzufügen. Also werden wir hier ein paar verschiedene Typografie und Texte machen. Statt unser Angebot zu setzen, ist es, unser Logo zu setzen oder unseren Slogan zu setzen. Was wir tun werden, ist, dass wir die Leute bitten, ein Feedback zu posten . Also wird es sein, was ist Ihr Lieblings-Reisemoment von 2020? Das Ende der Jahre nähert sich also, wenn ich das filme. Also dachte ich, das wäre eine sehr zeitkritische Kampagne. Was ist Ihr Lieblings-Reisemoment im Jahr 2020 und Kommentar unten. Also unser Aufruf zum Handeln ist Kommentar unten, und wir haben unser Logo. Das ist also nicht so viel zu verkaufen. Es ist so, wie es ist, Markenbekanntheit. Also werde ich unsere generische Kopie mitbringen, und wir werden versuchen, an einem wirklich schönen dynamischen Typografie-Layout dafür zu arbeiten. Also hier ist der Text, den wir für diesen Beitrag verwenden werden. Was ist Ihr Lieblings-Reisemoment 2020 Kommentar unten? Also wollen wir auch Platz für das Logo schaffen. Da wir nichts bewerben werden, müssen wir es definitiv brandmarken, damit die Leute wissen, dass wir es sind. Also werde ich mir eines dieser Logos ausleihen und wirklich, vielleicht ein ganz weißes, aber vielleicht das Weiß mit der Farbe und es könnte am besten funktionieren. Sehen Sie, wie das funktioniert ist ein schöner dunkler Bereich hier unten wird eine großartige Gelegenheit sein. Perfekt. Und wir wollen es nicht groß und offensichtlich machen, dass dies ein Unternehmen ist, das wir zuerst über den Reisemoment sprechen wollen . Wir wollen nicht sagen, Hey, Hey, wir sind ein großes Unternehmen, das Werbung macht. Wir wollen versuchen, organischer und authentischer mit Menschen zu sein, also wird es alles um diese Schlagzeile gehen. Also, was ist Ihr Lieblings-Reisemoment? Wieder einmal werden wir uns hier ein paar Sachen leihen. Wir leihen uns unseren kleinen Kreis aus dem Kopieren und Einfügen unseres Kreises in diese Kunsttafel . Also lasst uns unsere typische Eisenbahn holen, die wir hier haben. Es sagt, wo Charakterstile nützlich sein können. Wenn du vorwärtsfahren und das dafür einstellen willst, haben wir eine Eisenbahn. Schwarz wäre das, was wir benutzt haben. Was? Lasst uns das aufbrechen. Was ist Ihr Lieblings-Reisemoment? Das ist also, wie es zerbrochen wird, wenn man es liest. Es ist eine Art natürlichere Art, die Schlagzeile zu brechen. Also, was ist Ihr Lieblings-Reisemoment im Jahr 2020? Ich würde gerne in der Lage sein, das weiter zu brechen. Wir haben hier eine Menge Zimmer. Lass uns das etwas kleiner machen. Hier haben wir also eine Schlagzeile. Es ist ein bisschen länger, und hier kann uns der Kontrast wieder sehr helfen. Wir müssen das kaputt machen. Das ist zu viel schwerer Typ alle zusammen. Also eine Möglichkeit, das zu tun, ist Kontrast mit Gewicht. Was ist also der wichtigste Teil dieser Phrase? Was ist dein Lieblings-Reisemoment im Jahr 2020? Nun, für mich habe ich es als Reisemoment im Jahr 2020 gelesen, der wichtigste Teil der Schlagzeile ist. Also lasst uns machen, was ist dein Favorit ein Brief? Warte, lass uns das Licht machen und bemerken, wie es automatisch Art schneidet, dass Überschrift und Hälfte und macht es einfacher zu lesen. Und lasst uns auch 2020 machen. Lassen Sie uns machen, dass offene Sand, weil ich einfach die Art, wie sie tun ihre ihre Zahlen Eintopf extra fett. Und lassen Sie uns diesen Kontrast mit Orange machen. Also tun wir zwei Kontraststufen hier haben wir Kontrast zu Gewicht und Kontrast mit Typ. Also lass uns das etwas kleiner machen, ein bisschen größer. Und wir können auch den Abstand zwischen einigen dieser Linien festziehen. Also werde ich nur diese eine Zeile hervorheben und gut, zu meinem Charakterfeld zu gehen und die Vermietung genau hier anziehen , um die Vermietung ein wenig zu straffen. Im Moment ist es auf 20. Mal sehen, wie 18 aussieht, das nur ein wenig zusammenzuziehen. Lassen Sie uns das auch gleich machen. Also müssen wir diesen Kommentar unten haben, und wir wollen wirklich, dass dieses Zeug wie ein Aufruf zur Action-Taste herausspringt. Eine Möglichkeit, das zu tun, ist vielleicht eine orangefarbene Kiste. Also lasst uns unser Rechteck-Werkzeug holen und eine orangefarbene Box machen. Geh zu unserer Füllung und mach unsere Orange und lass uns das unten bringen. Wieder einmal müssen wir diesen konsistenten Typ hier machen. Also eine Sache, die wir unten kommentieren könnten, ist schön, einen Pfeil zu haben. Sie sehen, dass mit Karussell Instagram Karussell Beiträge, wo sie Sie mit einem kleinen Pfeil zum Streichen auffordern . Wir werden das Gleiche tun. Wir machen einen kleinen Pfeil nach unten. Der beste Weg, Pfeile oder jede Art von Symbolen zu machen, die ich fühle, ist ein Adobe Illustrator. Ich habe mehr Kontrolle und Adobe Illustrator. Also machen wir einen sehr schnellen Pfeil und ich bin ein Adobe Illustrator. Mal sehen, ob ich das nicht ein bisschen größer für dich machen kann. Also in Illustrator jetzt das Pin-Werkzeug zu bekommen. Und ich werde sicherstellen, dass das Show-Raster aktiviert ist, weil es viel einfacher ist, sogar symmetrische Dinge mit dem Raster zu machen . Und wir werden ein Kinderspiel am Gitter machen. Also rasten Sie auf Raster und was geht nimmt Karte. Zwei Point-Offices haben ein Raster abgeschnappt. Es wird das Erstellen eines Pfeils zum Kinderspiel machen. Wir gehen und klicken hier. Es wird automatisch zwei Punkte schnappen, und wir werden das tun, wenn wir Icon-Design und ein paar Lektionen machen , unseren Strich-Pin herausbringen. Lassen Sie uns das eine schöne Dicke machen und was ist auch rund um die Kappen. So hat es, wie eine schöne umgeben. Wir machen sowohl runde Kappe als auch runde Verbindung, um ihm einen schönen, abgerundeten Lookzu geben und abgerundeten Look eine einfache Ära zu schaffen. Wir könnten später viele Ikonografie- und Ikonografiearbeiten erledigen. Im Kurs, das ist immer lustig und spannend. Es gibt einen einfachen Pfeil. Lass es uns nicht so lange schaffen. Es macht etwas kürzer. Lasst uns den Schlag verdicken. Und genau so haben wir selbst einen Pfeil bereit zu gehen. Wir können das auswählen und ich möchte es weiß machen. Ich glaube es. Lasst uns das jetzt ändern, bevor wir es hineinziehen. So sind wir in der Lage, unseren eigenen Pfeil zu erstellen. Was ich gerne mache, ist viele häufig verwendete Symbole zu erstellen und eine Illustrator-Datei zu behalten . So kann ich immer diesen Drachen einen Pfeil, wenn ich es brauche ziehen ein Kontrollkästchen oder ein Häkchen. Und auch eine Sache, die wir tun können, ist Bewegung hinzuzufügen, Zehe all dies, und wir wollen vielleicht ein wenig Schlagschatten zu diesem Zeh hinzufügen, helfen, es herauskommen, aber nicht super stark. Lassen Sie uns also die Deckkraft etwas reduzieren und lassen Sie uns einen kleinen Winkel dazu hinzufügen denn im Moment sieht es OK aus. Aber was wäre, wenn wir all diese Elemente nehmen und es nur ein wenig Winkel, nur um ein wenig Bewegung und Aufregung in die Überschrift zu bringen. Es sieht auf diese Weise nur ein wenig dynamischer aus, und der Kommentar unten muss nicht übernommen werden. Es könnte etwas kleiner sein. Die Überschrift ist, was am wichtigsten ist, könnten wir auch die Farben umkehren, um zu sehen, ob das funktioniert. Nun, gut auch. Würden Sie einen Sichtbarkeitstest durchführen, um zu sehen, wie es aus der Ferne aussieht? Was ist Ihr Lieblings-Reisemoment 2020 Kommentar unten? Und Aiken hat das Logo deutlich gelesen. Ich denke, dies ist ein viel ansprechender Beitrag, der auf Instagram viel besser funktionieren wird als auf Facebook. Weil Instagram, Sie müssen Leute auffordern, Post etwas zu teilen. Haben Sie immer eine Aktion mit einem INSTARM-Post, um nach oben zu streichen, etwas zu tun. Kommentar. Hashtag Es gibt alle möglichen Dinge, die auf Instagram viel besser funktionierten, wenn es Leute dazu auffordert , mit deinem Beitrag zu interagieren 17. Soziale Kampagnen – Instagram 2: als nächstes ist die Geschichte Highlight. Wenn Sie also nicht wissen, was für ein Story-Highlight auf Instagram ist, dann sind es diese kleinen Blasen, in denen Sie zuvor gepostete Geschichten hervorheben können. Wir werden darüber reden, wie man dieses bestimmte Bild kreiert, um dort weiterzumachen. Das ist also ein Standard-Kreis und das ist nur ein Sie werden das als quadratische J-Pegs exportieren und es wird es in einen Kreis schneiden, denn Sie müssen nicht als Kreis exportieren . Also ich habe das. Du kannst das oft umschalten, um zu sehen, wo es irgendwann korrupt sein wird. Das wird also ziemlich einfach sein, wo man eine Instagram-Geschichte macht, die über den prozentualen Deal sprechen wird , also wird das eine Werbung Instagram-Geschichte sein wird 20% Rabatt auf alle Buchungen, also könnte das wirklich sein, wirklich einfach zusammenzubauen, und wir könnten dies zu einer soliden Box machen, die den ganzen Weg bis zum Rand blutet und es zu unserer vollen blauen Farbe machen . Und wir können hier reden oder beschneiden, irgendwie sehen, wo es sein wird. Also werde ich diese Ebene auf mein Schloss-Symbol sperren. Sperren Sie es, damit ich den Typ frei bewegen kann. Wie es mir gefallen würde. So würde es aussehen. Es würde in die kleine Blase hier auf Instagram gehen, dass sie, siehst du, siehst du,sehr klein sein könnte. Also können wir den Kleingedruckten oder irgendetwas Verrücktes nicht setzen, also muss es so groß sein, wie wir können, damit es so lesbar ist, wie wir können. Du könntest das ausschalten. Und dann, genau so, haben wir ein Story-Highlight erstellt, das Sie exportieren würden. Das ist wie ein J-Pegs. Es wird automatisch alles für Sie zuschneiden und es im Kreis anwenden. Also, jetzt lasst uns eine Instagram-Geschichte machen. Das wird es sein, was wir hier sparen. Also 20% Rabatt auf alle Buchungen. Also, was wundervoll daran ist, dass wir bereits einige tolle Ideen haben, und so möchte ich über die Instagram's sprechen. Also, wie Sie sehen können, wenn Sie eine bezahlte Instagram oder Promoted Story zu tun, haben Sie tatsächlich einen Streichen nach oben für weitere Informationen Option hier unten. Das ist, was diese graue Box auf der Unterseite zeigt. Dies ist, wo diese Option sein wird. So wird jede Art von Fotos nicht wirklich gesehen werden. Es wird von dieser Blackbox vertuscht. Also habe ich das in der Vorlage, die Sie nicht exportieren müssen. Exportieren Sie nicht damit. Aber es ist nur da, um Ihnen irgendwie zu zeigen, wo dieser kleine Wischknopf in Ihrer Geschichte sein wird . Also lasst uns dieses wunderbare Foto machen, das wir hier haben und kopieren. Das war ein sehr vertikales Foto. So wird es perfekt für Instagram-Story-Größe funktionieren. Sieh mal, wie schön das schon aussieht. Ich werde das nur ein bisschen mehr beschneiden, denn ich glaube nicht, dass wir das Oberteil brauchen. Also einfach, ihr Foto ein bisschen besser fallen zu lassen. Und ich werde es hinter diese Schicht bringen. Mit dem Streichen nach oben, um mehr zu erfahren. Wir möchten sicherstellen, dass wir das beim Zuschneiden unseres Fotos im Hinterkopf behalten. Also wollen wir unsere Promotion und unser Logo haben. Wir werden auf jeden Fall ein wenig Fotoshop Arbeit tun müssen, um sicherzustellen, dass herausspringt über dem Hintergrund. Also lasst uns das machen. Da wir auf jeden Fall das Logo oben oben haben wollen, denke ich, das ist eine schöne Balance dort. Mal sehen, was wir tun können, um vielleicht eine neue Schicht hinzuzufügen und einfach auf etwas Weiß zu malen, oder wir können eine Probe hier des Himmels machen und wir wollen weiter und bringen in unser Angebot. Wir haben bereits unser Angebot hier und Facebook angelegt, so dass dies eine sehr einfache Kopier- und Einfüge-Situation sein könnte. Lasst uns diese Blase vorerst nicht haben. Mal sehen, ob wir versuchen können, damit wir es nur ihr anziehen. Sie hat genug Kontrast, wo ich denke, dass der Typ lesbar sein wird 20% Rabatt auf alle Buchungen. Und ich frage mich, ob eine Mittelausrichtung hier etwas besser funktionieren könnte, und dann können wir es haben . Glaub nicht, dass wir die Leitung brauchen. Was ich tun will, ist ein Kommando zu haben. Also, was machst du? 20% Rabatt auf Buchungen? Und was jetzt? Wir müssen einen Aufruf zum Handeln haben. Also werden wir ein Streichen nach oben für mehr Option. Aber lassen Sie uns sie irgendwie so führen. Lassen Sie uns voran und haben einen kleinen Knopf, der ihnen genau sagt, was zu tun ist. Und lassen Sie uns ein wenig transparent machen, damit ich diesen schönen Hintergrund sehen konnte. Also das Einzige, was ich daran nicht mag, wenn Sie verkleinern. Es ist sehr unten schwer. Sie haben hier eine Menge konkurrierenden Text, also frage ich mich, ob wir die Überschrift nicht ein wenig oben bewegen können, um das Logo auszugleichen oder das Layout etwas besser auszugleichen. Das könnte bedeuten, dass wir dieses Weiß machen müssen, um sich im Hintergrund hervorzuheben. Also viele verschiedene Arrangements können wir hier damit machen. Ich denke, das ist ziemlich nah dran. Wir müssen das wahrscheinlich ein bisschen mehr rausbringen, denn ich würde es hassen, Teoh die Schlagzeile dort zu verlieren , also müssen wir ein bisschen daran arbeiten. Aber nur für jetzt und für das, was wir tun, denke ich, dass es ein guter Anfang ist. Das ist es, was ich ursprünglich getan habe, ein bisschen anders. Ich habe die Orange behalten, aber die Streichen nach oben zu buchen. Aber ich denke, das funktioniert wirklich gut. Wir können verschiedene Folien und unsere Geschichte hinzufügen und diese ausbreiten und verschiedene Fotos machen und und und das Foto für jeden ausschalten und das haben. Wir können auch hinzufügen, ein Video-Video ist sehr ansprechend, wenn es um Instagram-Geschichten geht, und das ist etwas, das Sie zu einem späteren Zeitpunkt erstellen können. werde nicht die Instagram-bezahlte Anzeige oder die Standard-Porträt-Post tun, aber ich möchte nur irgendwie durch die Größen auf der Vorlage für Sie gehen. Es werden 10 80 mal 10 sein. 80 und die Standard-Porträtpost. Dies ist so ziemlich die größte Größe, mit der Sie für einen Beitrag davonkommen können. Sie müssen kein Quadrat auf Instagram machen. Sie können tatsächlich einen längeren Beitrag tun, und dies wirklich maximiert Ihre Post Sichtbarkeit auf dem News-Feed, weil es Ihnen ein wenig mehr Länge gibt auf der Unterseite. Also denk darüber nach. Wenn Sie Ihren Instagram-Post zusammenstellen, müssen Sie nicht mit den 10 80 von 10 80 stecken bleiben. Sie können sogar eine 10 80 Bay 13 50 tun, wenn Sie einen regulären Standard-Post tun. Also, was großartig daran ist, dass wir eine Menge davon bereits etabliert haben, also wenn wir irgendwie zurückgehen wollten, kann ich alles hier kopieren und es dann auf über bringen und bereits eine bezahlte Anzeige bereit zu gehen, weil ich es bereits dimensioniert habe . Und so haben wir bereits die grundlegende Vorlage für alle Social-Media-Kampagnen entwickelt , die auf Twitter gehen können. Und all diese anderen Optionen würden einfach bei Instagram und Facebook für diese Klasse bleiben . Wir könnten 10 Stunden nur für Social-Media-Kampagnen verbringen. Ich wollte auf die letzte Sache gehen, wenn es um unsere Social-Media-Kampagne geht, ist digitale Werbung. Als ich also über den Theoriebereich digitale Anzeigen oder die kleinen Dinge, die Sie auf Websites sehen,sprach Websites sehen, könnten Sie es sehen. Und du bist Pandora. Füttere all diese verschiedenen Orte. Waren diese statischen fügt Art von Pop-up oder existieren innerhalb des Blogs und neuen Websites. Daran werden wir als Nächstes arbeiten. Ich habe viel davon für die Kundenarbeit getan. Wir haben eine Menge davon zusammengestellt. Wir werden all die machen, die du hier siehst, und hier könnten wir wirklich winzig werden. Wir werden ein paar mobile Display-Anzeigen machen, die super duper, duper winzig sind . Einige sind nur 50 Pixel und Hype. Das ist, dass wir uns als Designer wirklich drängen werden, um zu versuchen, diese erstaunliche Kampagne zu erfassen und sie auf diese winzige, Teeny, Teeny, Teeny, winzige Größe zu reduzieren Teeny, Teeny, . Hier wird es als Designer herausfordernd sein. Aber das ist, was wir hier tun wollen, ist ein paar schwierigere Dinge zusammen zu tun. Also sehe ich dich als Nächstes dort. 18. Soziale Kampagnen – Anzeigen: bietet Display-Anzeigen an. Sie können diese Vorlage und den Kurs herunterladen, um mit mir arbeiten zu können, und Sie haben bereits alle diese Art Boards Größe. Noch einmal können Sie auf diese klicken und sehen, was die Größe ist. Dies sind die am häufigsten verwendeten Displays in Größen, also dachte ich, es gibt tatsächlich Hunderte von verschiedenen Display-Out-Größen. Aber sobald Sie eine horizontale und eine vertikale und auch ein Quadrat tun, haben Sie die Vorlagen, um jede denkbare Größe zu tun. Deshalb werden wir heute diese Größen machen. Und ich wollte irgendwie über Größen sprechen. Also klicke ich auf diese mobile Bestenliste, es sich um eine mobile Display-Anzeige handelt, die Sie am unteren Rand von APS oder am Ende der mobilen Websites sehen . Und ich möchte über Größe sprechen, also 320 mit 50 Pixeln in der Höhe. Also, wenn Sie diese entwerfen, müssen Sie darüber nachdenken, wie winzig sie sind. Sie erinnern sich also in der Designtheorie, wo wir darüber gesprochen haben, wie klein es auf einem Telefonbildschirm ist. Also müssen wir dies mit Absicht im Auge zeigen. Sehr starker Kontrast Aufruf zu Action-Buttons sehr offensichtliche Designelemente waren hier nichts Subtiles. Alles wird super offensichtlich und leicht zu finden sein. Es wird ein bisschen anders sein, als eine Print-Anzeige zu machen. Also für die erste Kampagne machen wir eine Display-Anzeige. Wir werden im Grunde diesen Facebook gesteigerten Beitrag machen. Aber da Facebook hat diese wunderbare Schaltfläche, die sie unter dem Foto auf einem Beitrag Anzeigen hinzufügen , haben keine davon. Display-Anzeigen sind nur statisch. Manchmal können sie Animationen haben, aber sie sind nur ein Bild. Sie müssen also die Schaltfläche haben, um sie auf die Landing Page oder die Promotion zu senden. Sie müssen diesen Call-to-Action-Button haben, der besagt, klicken Sie hier buchen Sie jetzt. Das werden wir also damit machen. Wir passen das an und kleben es hier auf den Platz. Fügen Sie hinzu, wie Sie sehen können, ist der Unterschied in der Größe unglaublich. Es ist nur was, 200 mal 300 Pixel für eine Standard-quadratische Anzeige. Wir werden wirklich die Größe einer Menge unserer Elemente reduzieren. Es gibt also noch ein Element, das wir in das bringen wollen, und das wird dieser Aufruf zum Handeln sein. Es wird jetzt Buch sein, also müssen wir jetzt ein Buch einbringen. Knopf. Also, das ist in Ordnung, weil wir einfach unser Rechteck machen können. Und was ist also eine gute Aktion für eine Display-Anzeige? Also buchen jetzt könnte ein bisschen besser sein, als hier zu klicken, weil es eine definierte Aktion hat . Klicken Sie hier. Ich meine, wir werden immer sagen, dass du immer Dinge siehst, um hier zu klicken und all das, aber es ist schön, eine bewusste Aktion zu haben. Also buchen Sie jetzt, es ist ein bisschen anders als mittlerweile. Es ist ein bisschen anders, als klicken Sie hier. Wir werden jetzt als Aufruf zum Handeln buchen. Also müssen wir jetzt ein neues Element in dieses integrieren und feststellen, wie pixelig es aussieht. Mach dir keine Sorgen. Dies ist immer noch ein hochauflösendes Bild, das wir hier haben, weil sehen, wie wir immer noch Symbol haben . Wir wissen, dass es ein hochauflösendes Bild ist, aber nur weil die Größe so klein ist, wird alles ein wenig pixelig aussehen. Lasst uns sie ein bisschen runterbringen, Maurin das, damit wir mehr Himmelszehen arbeiten können. Wir wollen uns auch einfach etwas wirklich schnell machen lassen und einen äußeren Glanz darauf machen, nur um irgendwie zu helfen, dass es vor dem Hintergrund herausspringt. Es gibt etwas wirklich schnelles Sie haben nicht viel Zeit, wenn Sie diese Social Media-Kampagnen tun, um alles benutzerdefinierte zu tun. Also das Buch. Jetzt machen wir das ein kleines bisschen kleiner, aber nicht zu klein. Dies ist unser wichtigster Teil der Anzeige. Verschieben Sie das alles nach oben und stapeln Sie das, so dass sie das Angebot sehen und dann sehen sie die Schaltfläche, um mehr zu klicken, und wir können dies von den Seiten bluten lassen. Wenn Sie die Shift gedrückt halten, wird der Knopf ausblutet und wir können uns einstellen. Dieser Kreis ist so, dass wir nicht viel Platz für das Foto haben, bis die Leute wow, aber mit Display-Anzeigen, es geht wirklich um das Angebot, das Sie ihnen geben. Das ist also eine Art schnelles kleines Arrangement für das erste Quadrat. Fügen Sie hinzu. Es wird die Grundlage für alles sein, was wir tun. Und jetzt, da wir ein Quadrat an einem Ende in Linienrechteck haben, ist es nur ein bisschen breiter. Aber es hat die gleiche Höhe, also was wir tun können, ist einfach alle diese Elemente kopieren und einfügen und Sie haben ein wenig mehr Breite, also passen Sie einfach die Elemente an. Sie können ein wenig mehr von dem Foto hinzufügen, so ist es einfach, ein einfaches Kopieren und Einfügen. Wenn Sie diese Kampagnen durchführen, lassen Sie uns etwas anderes für unseren großen Wolkenkratzer tun, also große Wolkenkratzer oder 300 mal 600 Pixel. Es ist immer noch nicht riesig, aber wenn man auf einer Website schaut, hat es wirklich die Möglichkeit, Menschen viel mehr zu schnappen als eine Leaderboard-Anzeige oder eine quadratische Anzeige. Wir haben diesen wunderbaren vertikalen Raum. Also haben wir das getan. Wir haben das zuletzt für Instagram-Geschichte gemacht. Jetzt, da wir das haben, gehen wir weiter und benutzen es. Jetzt, wo wir diese Anzeige haben, müssen wir das Foto nur ein wenig mehr anpassen. Und anstatt das Buch nach oben zu streichen, wird das jetzt unser Buch sein. Und genau so haben wir diese Instagram-Story in eine Leaderboard oder Wolkenkratzer-Anzeige umgewandelt, und wir können diesen noch mehr Kontrast machen. Ich frage mich, ob Blue vielleicht ein bisschen besser funktionieren könnte, als würde diese Art von etwas mehr herauskommen. Wir können das wieder so orange machen. Also gibt es ein paar kleine Verbesserungen, die wir machen. Es ist keine exakte Kopie. Lass uns das ein bisschen weißer machen. Wir müssen so offensichtlich wie möglich sein mit seinen wirklich winzigen Anzeigen. Wir verarschen uns überhaupt nicht mit Leichtigkeit. Wir könnten hier sogar eine Schichtmaske machen, und ich hole mein Grady-Int-Werkzeug und ich habe ein Schwarz-Weiß. So wie ich mit einem Pinsel anmalte, mache ich ein strahlendes Werkzeug auf einer Schichtmaske. Aber ich frage mich, ob ich das Oberteil ein wenig verblassen könnte, es einfach so pikieren und dann einen passenden Hintergrund einbringen könnte. Ich frage mich also nur, wie das aussehen würde, das würde irgendwie mehr Betonung auf das Logo bringen. Es gibt uns auch eine Chance, es ein bisschen größer zu machen. Nun, da wir diesen Wolkenkratzer fertig haben, und jetzt ist es wahrscheinlich Zeit für die eine der schwierigsten Dinge, die in sozialen Medien und Display zu tun . Ad macht die Bestenlisten, aber dann arbeiten Sie Ihren Weg runter zu den kleinen Banner-Anzeigen und der mobilen Bestenliste. Also werden wir ein anderes Foto bekommen, weil keines unserer Fotos wirklich in so einem winzigen Raum funktionieren würde . Lassen Sie uns also die absolut notwendigen Elemente hier einbringen. Wir werden nicht in der Lage sein, alles für das zu verwenden, was wir in den größeren Räumen verwendet haben, damit die Dinge reduziert werden. Also müssen wir ein Logo machen. Das ist schön groß. Wir haben 20% Rabatt auf Buchungen, die wir verwenden müssen. Wir werden vielleicht nicht in der Lage sein, das Kleingedruckte einzudrücken. Das könnte für die Zielseite sein, auf die sie später gehen. Also, das ist okay. Wir brauchen jetzt ein Buch namens „Aktion“. Und lass uns benutzen, lass mich voran gehen und das löschen. Lassen Sie mich diese Art verwenden scheint bereits die Farbe zu sein, die ich mag. Sie bemerken, wie schnell es heißt, einige dieser Elemente ziehen und fallen zu lassen, nachdem wir dort gesetzt und musste den Raum arbeiten. Das ist also das Wichtigste. Also, wie können wir das arrangieren? Also denke ich, es zu stapeln, das nicht funktionieren. Wir müssen das also ziemlich horizontal ausbreiten. Also eine Sache, die wir tun können, ist, dass das Buch jetzt irgendwie von selbst abhebt. Machen Sie das eine einfarbige Farbe, ein bisschen größer, genau so. Und mal sehen, ob wir dies nicht zu einer horizontalen Arrangement machen können, und wir könnten sogar Platz für den Kleingedruckten haben, glauben Sie es oder nicht. Aber wir müssen irgendwo auf einem Foto arbeiten, weil wir mit seinem langweiligen Angebot keine Leute einfangen werden. Wir haben noch eine übrig, die wir nicht benutzt haben, und ich habe bemerkt, dass dies eine sehr horizontale Darstellung hat. Also lasst uns unseren kleinen Taucher reinbringen. Wir müssen ihn dahin bringen, wo wir sehen können, was er tut, dass er tatsächlich taucht. Und das wird der schwierige Teil sein, weil wir ihn ziemlich klein machen werden. Wir wollen auch die Berge behalten, denn es geht um diesen exotischen Ort. Lassen Sie uns ihn irgendwie gut zwischen diesen verschiedenen Elementen hier passen. Wir können das heranzoomen, und wir können ihn immer verblassen. Wir können eine schiefe Maske machen, malen auf mit schwarz, um irgendwie verblassen, dass in genau so, wir haben das Logo schön und groß. Wir können immer, wenn wir das Gefühl haben, dass die Fotos zu klein sind, können wir das etwas kleiner machen. Geben Sie es ein, in der Lage sein, unseren Mann ein wenig mehr vorne und in der Mitte zu bringen. Das ist also der schwierige Teil, und es wird ein winziges bisschen schwieriger. Also, jetzt müssen wir das nehmen und es halb so groß machen. Und hier ist, wofür wir keinen Platz haben. Wir verlieren etwas horizontalen Platz, damit wir keinen Platz haben, diesen Knopf in der Mitte zu setzen . Also müssen die Knöpfe unter dem Angebot gestapelt werden und wir müssen das Logo noch integrieren . Könnte ein winziges, aber kleiner, aber nicht zu viel machen. Und wir könnten unseren Kerl herbringen, und das ist es, was wir am Ende haben. Sie bemerken also, wie der Unterschied zwischen diesen beiden ist. Ich musste den Buchknopf jetzt unten verschieben. Wir haben keinen Platz für den Kleingedruckten, denn bei 500 x nur 60 Pixel in der Höhe haben Sie einfach keinen Platz für den Kleingedruckten hat nur eine Sache, die Sie beseitigen müssen. Wir mussten eine andere Anordnung für die Schaltfläche haben, und vier, Ich ging voran und tat die mobile Anzeige, und Sie bemerken, ist ziemlich die gleiche Sache ist die Banner-Anzeige oben. Ich musste nur das Foto beseitigen, und das sind die Zugeständnisse, die Sie machen. Es ist wirklich schwer, ein Foto mit hoher Wirkung auf etwas zu haben, das nur 300 mal 50 Pixel groß ist. Das sind also die Zugeständnisse, die Sie langsam machen müssen. Es behält immer noch das Branding. Es gibt immer noch die gleichen Farben und Themen beteiligt. Sie können sich all diese, all diese Luft thematisch ansehen. Sie können sagen, dass sie Teil derselben Kampagne sind. Wenn jemand eine Anzeige von dieser Firma sieht und sie den bezahlten Beitrag in sozialen Medien sehen, werden sie die beiden verbinden und sie werden anfangen, die Markenbekanntheit aufzubauen , dass es so wichtig ist, sie zum endgültigen Verkaufsteil zu bringen sie in einen Kunden umwandeln. Und wenn Sie das als Grafikdesigner tun können und über das gesamte Marketing-Bild nachdenken und in der Lage sein, Grafiken zu machen, die gut konvertieren und dass unsere thematischen und die Branding haben, werden Sie in der Lage sein, mehr eifrig, in der Lage sein, eine mehr effizientes Verlangen. Also wollte ich das durchmachen. Ich weiß, das war ein bisschen langweilig. Der Blick auf jede der gesamten Kampagne, die wir gerade zusammen erstellt haben, ist eine sehr realistische Firma und Kampagne, für die Sie einen Kunden haben würden. Es ist nicht diese wirklich coole, moderne Marke. Es ist eine sehr realistische Art von Unternehmen, für die Sie arbeiten, und ich mag es, so realistisch wie möglich zu sein, weil ich möchte, dass meine Schüler erfolgreich sind und 2 16, also als nächstes haben wir noch mehr Projekte zu bewältigen, aber wir beenden dieses. Ich bin so froh, dich für diesen zu sehen. Machen Sie eine kleine Pause und wir sehen uns im nächsten Projekt. Ich habe ein bisschen eine Studentenherausforderung für euch, also möchte ich, dass ihr den gleichen Prozess durchmacht, den wir durchgemacht haben. Wenn Sie durch die Klasse gehen und die gleichen Fotos im gleichen Logo verwenden möchten, zögern Sie nicht, dies zu tun. Aber ich möchte, dass Sie ein spezielles Projekt mit Ihrer eigenen einzigartigen Marke machen. Ich möchte, dass Sie sich selbst und ein paar verschiedene Social-Media-Kampagnen bewerben. Fühlen Sie sich frei, einige Display-Anzeigen zu machen, aber ich möchte wirklich auf jeden Fall ein Facebook-Cover Foto sehen. Ich würde gerne eine kostenpflichtige Facebook-Anzeige und mindestens einen Instagram-Beitrag von Ihnen sehen. Ich liebe dich, so kreativ zu sein. Drücken Sie sich mit Ihrer eigenen persönlichen Marke aus. Was auch immer Sie verkaufen, was auch immer Sie verkaufen Ihren Grafikdesigner oder einen Webdesigner, ich möchte, dass Ihre Persönlichkeit Farben und Markenthema in den Studentenprojekten herauskommen. 19. Tipps für dein Nachfolgendes auf Instagram: Ich habe über 25.000 Instagram-Follower und bin im Designbereich tätig, insbesondere im Bereich Grafikdesign. Und ich wollte euch ein paar Tipps und Tricks zeigen , wie ihr auf Instagram wachsen euer Grafikdesign- oder Designprofil erweitern könnt. Das Beste, was Sie tun können, ist Versuch und Irrtum herauszufinden, welche Arten von Posts und Videos wirklich am besten funktionieren, wenn ich einige meiner Beiträge mit den besten Ergebnissen durchgehe und darüber spreche, warum sie waren gut und warum sind wir mit einigen anderen fertig. Also lasst uns über, lasst uns über die guten Dinge sprechen. Lassen Sie uns darüber sprechen, welcher Beitrag der letzten fünf Jahre des Postings auf Instagram am besten abgeschnitten hat. Und das wird dieser hier sein. Es hat 5.268 Likes und 65 Kommentare. Und was es ist, ist ein Karussellpfosten, sodass Sie bis zu zehn Folien für Karussellpfosten haben können. Alle meine fünf besten Beiträge, die ich mit den Beiträgen gemacht habe, sind Karussellfolien. Sie sind nicht echt, also habe ich ein paar Regeln, die okay waren. Aber es ist meistens kein Videoformat. Und der große Trick ist, dass die meisten davon sehr lehrreich und informativ genug sind , sodass die Leute sie mit einem Lesezeichen versehen und speichern können. Und dann fängt der Instagram-Algorithmus plötzlich an, dann fängt der Instagram-Algorithmus deine Beiträge mehr Leuten zur Verfügung zu stellen weil sie sie als wertvoll ansehen und sie speichern und mit einem Lesezeichen versehen, das ist das Beste wichtige Sache. Wie Sie sehen können, einfach sehr voller Informationen, wahrscheinlich der größte Teil meines Beitrags , den ich geschrieben habe , versuche einfach, Tonnen und Tonnen von Informationen an nur einem Ort bereitzustellen und Tonnen von Informationen an , also sie müssen nicht da sitzen und sich diese kleinen Informationen mit einem Löffel füttern lassen. Sie können einen Beitrag haben , in dem sie alles zu diesem bestimmten Thema erfahren können . Und natürlich ganz am Ende, um am Ende zu versuchen eine Art Plugging zu machen. Aber ich versuche, in diesen Informationsbeiträgen nicht zu viel zu werben . Ich möchte, dass es keine Eigenwerbung ist, denn das würde den Sinn zunichte machen, zu versuchen, es teilbar und buchmarkierbar zu machen. Schauen wir uns also die Erkenntnisse dazu an. Das ist eine große Zahl und ich weiß nicht, ob ich diese Zahl jemals übertreffen kann. Ich hoffe, dass ich das eines Tages tue. Aber 359.000 Menschen haben diesen erreicht. Das ist eine riesige Zahl, das sind fast eine halbe Million Menschen mit einem kleinen Beitrag über Layoutdesign. Aber es war so informativ , dass die Leute es geteilt haben, und es war nicht zu werblich. Sie hatten also das Gefühl, sie könnten es mit ihrem Publikum teilen und hatten nicht das Gefühl, dass sie mich teilen und hinzufügen oder bewerben. Was ich mir also gerne ansehe, sind Profilbesuche. Es gab also fast 3.000 Profilbesuche als 3.000 Leute, sie können kommen und sich meine anderen Sachen ansehen und sich meine anderen Arbeiten ansehen. Wir haben 12.220 Lesezeichen. Heiliger Molli, das sind viele Leute, die sich das für später aufsparen. Das heißt, ich bin, dass dieser Beitrag irgendwo auf der Liste von jemandem gespeichert ist und er später jederzeit darauf zurückkommen kann. Das ist die wichtigste Metrik von allem ist Bookmark. Dann geht es zu geteilt, dann geht es zu Kommentaren, dann geht es zu Likes. Aktien erhöhen diese Zahlen für dich immer irgendwie. Schauen wir uns das für eine Minute an. Aus den 383.000 Eindrücken. 212 sind von zu Hause, 160 waren von Explore und nur 4.500 sind von Hashtags, was bedeutet, dass Hashtags nett sein können, um dir vielleicht 5% mehr Engagement und Bekanntheit zu verschaffen , aber Hashtags sind einfach verlieren an Relevanz und ich benutze sie immer noch. Ich wähle immer noch eine gute Mischung aus Hashtags, die beliebt und vielleicht nicht so beliebt sind. Aber ehrlich gesagt es nur fünf bis 10% meiner gesamten Präsenz auf Instagram. Lass uns weitermachen. Mal sehen, was sonst noch beliebt und was unbeliebt war. Weil ich denke, wir können viel mehr aus dem lernen, was unbeliebt war , als manchmal aus dem, was beliebt war. Ein weiterer beliebter ist also sehr, sehr ähnlich. Und es ist genau hier. Es ist sehr ähnlich. Es ist ein Karussell, es ist ein sehr informatives Paket. In diesem ging es um die Anatomie der Typografie. Sie können sehen, dass die allererste Folie einfach absolut vollgepackt ist, immer noch lesbar, immer noch lesbar. Ich möchte hier nicht mehr darauf eingehen da es wahrscheinlich unlesbar werden wird. Aber wenn Sie durchblättern, ist alles voller Informationen. Es ist lehrreich, es ist teilbar, es ist nicht werblich. Ich gebe nicht nur ein Projekt vor. Und ich denke, das hat auch bei diesem funktioniert. Schauen Sie sich also diese Schriftpaarung an. Ich sage nur, das ist nur eine Folie von zehn. Es ist also, als hätte man zehn Beiträge in einen gepackt , wenn man einen angespannten Beitrag wie ein Karussell macht. Und ich habe tatsächlich gesehen, wie andere Top-YouTuber gesagt haben, dass Karussell-Beiträge besser abschneiden als echte. Für sie sagen sie viel, dass Videos großartig sind, aber ich sehe nicht, dass Videos für mich wirklich gut laufen. Das ist irgendwie etwas, worüber man nachdenken sollte. Schauen wir uns also die Erkenntnisse zu diesem Thema an. Nicht so aufregend wie der letzte, aber trotzdem fast eine Viertelmillion Menschen erreicht. Das ist eine unglaubliche Reichweite, die ich einfach nicht hatte, bevor ich anfing, diese Karussell-Informationen zu posten , die ich posten werde. Und du wirst sehen, dass das Teilen riesig ist. Wenn ich diesen Benchmark mit 500 Aktien erreiche , explodiert er wirklich und er hat Hunderttausende von Zuschauern. Und ich meine, Likes sind nicht wirklich nett, aber ich ignoriere sie einfach und Kommentare sind natürlich sehr wichtig. Aber wirklich Shares und Bookmarks. Das ist es, worüber ich wirklich, wirklich besorgt bin , vorgeschlagen, es als viral zu betrachten. Also lasst uns weitermachen. Es gibt einen weiteren Informationskarussell-Beitrag , der okay war. Wenn man sich die Erkenntnisse zu diesem Thema anschaut, ist es mit 30.000 erreichten Personen immer noch ziemlich solide, nicht so gut wie bei den anderen, aber immer noch viele Lesezeichen. Das ist das Gleiche, von dem ich dachte, dass Farbe wirklich Leute anzieht, wenn ich über Farbe poste Dieser hat nicht so gut abgeschnitten. Und ich kann dir nicht wirklich sagen warum. Ich bin hauptsächlich, weil ich meine, es ist ein Informationspaket, aber vielleicht ist es einfach nicht so dicht wie die anderen. Vielleicht hat es deshalb nicht so gut funktioniert. Vieles davon ist ein bisschen mehr für Einsteiger. Diese Grafik allein, ich glaube, vor einem Jahr habe ich diese Farbpsychologie der Farbkarte veröffentlicht . Wieder einmal superdicht mit Informationen, die für sich genommen auch super, super gut sind, weil sie einfach so dicht und doch lesbar sind. Wenn ich Listen mache, schneiden diese in der Regel sehr gut ab. Das ist also eine Empfehlung , wem man folgen sollte und Grafikdesign, und das war ein solider Beitrag. Werfen wir einen Blick auf die Erkenntnisse. 38.000 Reichweite, das ist verdammt gut. 21 oder fast 2.200 Lesezeichen, die beim Vergleich dieser beiden Kennzahlen nicht so oft geteilt wurden wie das andere . Es ist also nicht so teilbar, aber ich finde das Buch markable wirklich gut, weil sie 2020 haben, 200 Leute haben das irgendwo gespeichert, wo sie es sich später ansehen können. Sie werden weiterhin zu meinem Profil zurückkehren. Das wollten wir, als wir versucht haben, auf Instagram zu wachsen. Diese Listen schneiden also in der Regel sehr gut ab. Wieder einmal gibt es bei jedem von ihnen ein Thema und das ist diese Dichte. Es ist sehr dicht gepackt mit großartigen Informationen über andere, die gut abgeschnitten haben , da sie gut aufgeführt sind, und ich mache das oft. Wenn ich etwas habe , das erfolgreich ist, versuche ich es immer wieder, bis es nicht mehr erfolgreich ist. Also habe ich es nochmal mit der Liste versucht. Ähm, ich habe das Logo-Design gemacht. Lass mich sehen, ob ich es finde. Hier ist der zum Logo-Design. Es war nicht so erfolgreich, weil Grafikdesign ein größeres Thema ist als Logodesign. Logodesign ist ein Teilbereich oder ein Unterthema des Grafikdesigns. Je breiter Ihre Themen sind, desto mehr Reichweite, potenzielle Reichweite und Interessen haben Sie natürlich desto mehr Reichweite, potenzielle Reichweite . Ein weiterer starker Beitrag, wieder einmal, Informationspakt, Informationspakt waren Grafikdesign-Bücher, die ich empfohlen habe. Aber anstatt nur zu sagen, dass hier ein Buch ist, empfehle ich es. Ich hatte einen kleinen Klappentext, in dem erklärt wurde, warum ich das Buch empfohlen habe. Und ich fand, das lief wirklich gut. Es gab mir die Möglichkeit, für mein kleines Buch zu werben, ohne sehr werblich zu sein. Es ist also eine Art, diese Werbung reinzuschleichen , ohne dass sie wie eine Anzeige aussieht. Aber ich hatte auch diese anderen großartigen Empfehlungen weil mir von Studenten oft diese Frage gestellt wird: Welche Grafikdesign-Bücher empfehle ich? Und ich konnte auch einige der Schöpfer taggen. Ich verfolge viele der Schöpfer der Bücher. Und ich konnte sie markieren und sie konnten zu einem Kommentar zurückkehren. Und einige dieser Leute sind ziemlich große Grafikdesign-Namen. Und ich konnte sie auch in meine Kommentare aufnehmen weil ich sie markieren konnte, weil ich ihre Bücher empfohlen habe. Das ist also etwas, das man tun muss, ist etwas zu empfehlen , das ein Entwickler getan hat. Tagge sie, um sie hoffentlich dazu zu bringen deinen Beitrag zu antworten oder irgendwie mit deinem Beitrag zu interagieren. Also noch eine, für die ich mich entschieden habe, diese Idee für diesen Beitrag und viele wirklich gute Beiträge stammen aus Ideen, die, aus Fragen. Ich bekomme immer wieder viel von Leuten . Eine dieser Fragen ist, wie lange dauert es Projekte, entworfene Projekte abzuschließen? Also habe ich beschlossen, diese Infografik zu erstellen. Der Zusammenbau dauerte etwa 2 Stunden . Aber ich denke, die Investition von 2 h hat sich gelohnt, weil die Reichweite, die ich mit diesem Beitrag auf Facebook bekommen habe , ziemlich gut war. Auf Facebook habe ich dazu tatsächlich eine wirklich gute Resonanz erhalten, weil Facebook dazu neigt, informativ gefüllte Beiträge auf Instagram wirklich zu lieben. Sie lieben es auch. Aber Facebook noch mehr. Werfen wir einen Blick auf die Erkenntnisse zu diesem Thema. Das hat 45.000 erreicht und 73% haben mir nicht gefolgt. Das ist also, das ist ein großer Prozentsatz. Sie möchten, dass mehr Leute Ihnen nicht folgen und sich Ihre Inhalte ansehen, damit sie Follower werden können. Das ist ein sehr wichtiger Aspekt. Also möchte ich den Gang wechseln. Ich habe viel über Karussellbeiträge und Einzelbild-Posts gesprochen . Ich möchte ein bisschen über Reale sprechen. Jeder hat gesagt, wie toll Realitäten sind, wie toll Videos sind. Und in einigen Fällen stimmt das, aber das habe ich nicht so oft erlebt. Das Tolle an Reals ist, dass, wenn du genug Reals machst, sie dich einladen, am Bonusprogramm teilzunehmen. Wo das Reals-Bonusprogramm, bei dem Sie pro echtem Spiel bezahlt werden. Und die ersten hundert Dollar sind super einfach zu bekommen , da Sie nur etwa 30.000 echte Plätze benötigen. Aber danach wird es richtig schwer und du brauchst ungefähr Millionen, nur um zusätzliche hundert Dollar zu bekommen. Ich kann also mindestens 100$ generieren , indem ich drei oder vier Reals pro Monat poste. Ich finde es also lohnenswert, sie zu machen. Aber trotzdem finde ich sie nicht so erfolgreich, wenn es darum geht, mehr Menschen zu erreichen. Schauen wir uns also einige der erfolgreichsten an. Das war also eine Farbpsychologie Ich habe diese Grafik genommen und konnte verschiedene Dinge über Farbe durchgehen . Gehen Sie im Grunde einfach diese eine Grafik durch, aber mit einem Video und einem echten Und das hat in der Regel gut funktioniert, es hatte ungefähr 12.000 Aufrufe. Ich fand das ziemlich stark. Hier gibt es viele Todesfälle. Viele Dinge, in denen ich persönliche Dinge über Wanderungen oder meinen Urlaub poste . Und die schneiden einfach nicht gut ab, weil sie nichts mit meinem Thema Grafikdesign zu tun haben. Sie sind sehr persönlich. Es ist wie das, was ein Influencer posten würde. Ich betrachte mich nicht als Influencer, wenn es um Beiträge über meinen Lebensstil geht. Es geht ihnen einfach nicht gut. Deshalb möchte ich diese Beiträge machen, weil sie Spaß machen und interessant sind und eine Pause vom Grafikdesign darstellen. Aber ich komme aus meiner Nische weg. Ich komme von meinem Thema weg und es geht ihnen überhaupt nicht gut. Dieser hat sich also wirklich gut geschlagen. Ich konnte dieses Poster erstellen und habe es bestellt und habe es tatsächlich zum Verkauf angeboten, falls du es auf Society Six haben willst. Aber ich konnte das ausrollen und ein paar Fotos davon machen. Und obwohl das aus irgendeinem Grund wie Produktwerbung ist , hat es bei den Leuten großen Anklang gefunden und es hatte einige ziemlich gute Ansichten dazu. Ich glaube, das hatte also 17, 17 oder 15.000, 15.000 Views. Und dann gibt es noch einige , von denen ich dachte, dass sie gut wären . Affinity Designer, eine Alternative zu Adobe, dieses neue Soft-Big-Softwareupdate herausgebracht. Und so sprach ich über alles, was darin neu war. Es lief einfach nicht gut, weil es, weißt du, eine Art sekundäre Software ist. Obwohl ich Affinity-Software liebe, verwenden die meisten meiner Schüler, der Großteil meines Publikums Adobe, und es hat einfach keine Verbindung zu der Mehrheit meines Publikums hergestellt. Und ich muss versuchen, das herauszufinden, und ich muss versuchen, mich daran zu erinnern den Großteil dessen, was mein Publikum mag, am meisten erreichen soll, obwohl ich gerne über diese anderen Dinge poste. Das ist es Es gibt nichts anderes, das wirklich wichtig ist. Ich habe keine Nachfüllpackungen mit mehr als 20.000 Views. Und wenn ich das tue, werde ich dir sagen wie ich das gemacht habe, falls ich das eines Tages bekommen sollte. Aber im Moment konzentriere ich mich mehr auf das, was funktioniert, nämlich die Karussellpost. Es ist also offensichtlich, dass wenn ich werbe und direkte Werbung mache, dass ich etwas verkaufe. Diese schneiden nie gut ab und diese schneiden gut ab, wenn Sie die Post verbessern und etwas bezahltes Geld ausgeben möchten , um die Post weiter zu verbessern. Aber wenn Sie nur nach organischen Followern suchen, ist es nie gut, direkte, dedizierte Beiträge zu verfassen, die Werbung machen . Was ich in letzter Zeit gemacht habe, ist, meine Informationsbeiträge zu verfassen und ganz am Ende mache meine Informationsbeiträge zu verfassen und ich Werbung. Und das ist so viel besser als das, wo es nur durchschnittlich ist, nur eine direkte Ergänzung. Die Leute sehen, dass sie sagen, das interessiert mich nicht, sie machen weiter und beschäftigen sich nicht mit dem Beitrag. Es läuft nicht sehr gut. Dieser hat also nur 174 Likes und die Reichweite ist wahrscheinlich gering im Vergleich zu dem, was ich Ihnen gezeigt habe. Was ich also gerne mache, ist Stealth, ich schätze, du nennst es heimliche Werbung, bei der du es irgendwie irgendwo am Ende von etwas einpackst . Oder du lässt sie ein PDF herunterladen und am Ende verkaufst du etwas. Das ist auch eine andere Methode , um etwas umsonst zu verschenken. Und dann hast du ganz am Ende einen kleinen Stecker , nachdem du ihnen den gegeben hast. Und noch eins, ich muss wirklich mit dir darüber sprechen. Ich, ich habe einige Dinge über Krypto gepostet, und ich habe auch einige Dinge über einige neue Trends gepostet , die sehr umstritten sind. Eine davon war diese Krypto-Version, bei der ich tatsächlich viele Follower verloren habe, als ich das gepostet habe , weil viele Leute sagen, naja, ich liebe Krypto und ich bin ein Follower und ich kann nicht glauben, dass du es nicht warst glaube an Krypto und ich habe auf diese Weise viele Menschen verloren. Ich muss mich also daran erinnern, okay, Hälfte meines Publikums liebt Krypto, die andere Hälfte hasst es. Ich kann nichts posten, das besagt, dass ich für etwas bin und erwarten, dass das Publikum das respektiert, es sei denn , ich glaube wirklich daran und das ist einfach etwas, das ich nicht weiß. Ich bin am Zaun. Ich hätte wahrscheinlich nicht etwas so Starkes posten sollen. Aber eine andere Sache, die ich gemacht habe, war M, KI-generiertes Kunstwerk. Ich habe mit Mid Journey experimentiert und einen Beitrag verfasst, in dem ich nur meinen Prozess der AIR-Generierung untersucht habe. Und viele meiner Zuschauer waren sehr, sehr verärgert. Und wenn er sich meine Unfollow-Charts und meine Follows-Charts ansah, wirst du sehen, dass dieser riesige Rückgang an Leuten an diesem Tag tatsächlich mehr Follower verloren hat , als ich sie gewonnen habe weil ich über ein kontroverses Thema gesprochen habe. Und viele Leute sind beleidigt dass AIR wirklich hart arbeitende Künstler übernommen hat. Und ich habe einige tolle Gespräche geführt, eine Menge großartiger Gespräche mit Leuten, die mich kennen und die wissen, dass ich nicht gegen irgendjemanden oder für irgendetwas, das gut war und gemacht wurde, hinter mir her bin . Einige der besten Engagements für diesen Beitrag, aber er hatte auch viele Leute und folgen mir. Deshalb muss ich nur vorsichtig sein, Themen auswähle, an die ich zu 100% glaube und die ich nicht mag, besonders wenn sie kontrovers sind. Dieses habe ich mit Informationen gepackt. Es geht darum, ob ein Logo-Projekt 100 oder 10.000$ wert ist? Und die Antwort wird durch den Wert bestimmt. Und das habe ich tatsächlich aus einem anderen Buch genommen, das ich geschrieben habe, und ich habe dieses Ding einfach mit vielen wirklich guten Beispielen gepackt. Und ich dachte, es würde gut laufen, aber dieser Beitrag funktioniert nicht so gut und ist irgendwie enttäuscht, weil ich viel Zeit damit verbracht habe. Und eines der Dinge, die mir bewusst sind, ist der Unterschied zwischen den Beiträgen , die in diesem Beitrag sehr erfolgreich waren, ist, dass dieser sehr, sehr wortlastig ist. Es ist nicht so visuell, hat nicht so viele Infografiken, die einige haben Aber ich denke, das war entmutigend auf dem Instagram-Format, dass es meiner Meinung nach ein bisschen aus zwei Wörtern bestand. Also nach einem Mitglied, gibt es eine Möglichkeit meine Grafiken aufzuteilen und sie visueller zu gestalten und Infografiken aus Absätzen zu erstellen . Und ich denke, das hätte uns geholfen, es besser zu machen. Eine andere Sache ist also, Ihr Publikum zu engagieren. Sie haben also Lesezeichen und Shares, was wirklich dazu beiträgt, dass Beiträge viral werden. Leider helfen Kommentare nicht so viel, wie Sie denken würden, aber es ist wirklich gut für Ihr aktuelles Publikum mit Ihnen in Kontakt zu treten, und Sie würden sich mit ihnen beschäftigen. Also mache ich ab und zu einen Konversations-Basisbeitrag, um all diese Informations-Basisbeiträge in alle Arten von Werbebeiträgen, die ich mache, zu unterteilen. Genau darauf sollte ich mich als Nächstes konzentrieren. Und das hatte mehr Kommentare als alles andere, nichts, was ich gepostet aber es hatte viel, viel wirklich gutes Feedback und Engagement. Der Postbote vor ihm super gut, aber ich fühle mich richtig gut. Ich habe etwas schneller alle tollen Vorschläge von Leuten und Leitung bekommen und ich konnte Gespräche mit jeder einzelnen Person führen, immer auf jeden einzelnen Kommentar zurückkommen es sei denn, ihr Spam, das hilft dem Algorithmus immer. Vielleicht nicht so sehr, wie ich es mir erhofft hatte, aber es hilft trotzdem, jeden Kommentar zu kommentieren Herz, jeden Kommentar wirklich, wirklich zu engagieren. Also noch einmal, hier ist ein Beitrag, von dem ich dachte, dass er wirklich gut ankommen würde , weil ich Stunden mit diesem Beitrag verbracht habe. Es sind wichtige Momente und die Geschichte des modernen Grafikdesigns. Und ich habe Stunden damit verbracht, das zu recherchieren und Grafiken zu bekommen und alles zusammenzustellen und es hat einfach nicht so gut funktioniert. Und ich denke noch einmal, es ist das Wort Schwere. Ich musste einen Weg finden, das in Infografiken zu unterteilen , das ist einfach zu viel. In diesem Moment, in dem die Informationen, die ich vorhin gesprochen habe, dicht gepackt können Sie es übertreiben. Und das ist ein gutes Beispiel , weil ich das nicht toll fand. Also habe ich all diese Arbeit genommen und sie in meine Kurse aufgenommen und die Leute können sie verwenden. Es war nicht verschwendet. Es war nicht, diese Kreativität war nicht richtig, verschwendet. Dieser Beitrag war nicht verschwendet. Ich war traurig und es geht mir genauso gut auf Instagram. Dieser Beitrag ist vielleicht etwas schwer zu hören, weil ich dachte, dass das Posten einiger meiner persönlichen Arbeiten die meisten Aufrufe erhalten würde, weil hey, Leute sind an meiner Arbeit interessiert. Als ich herausfand, dass es nicht so sehr der Fall ist. Und ich denke, das ist bei vielen Schöpfern der Fall. Einige Schöpfer haben wirklich einzigartige Stile und die Leute haben sie wirklich geliebt und essen sie auf. Ich habe mit 3D experimentiert. Ich habe beschlossen, meine Arbeit zu posten. Und du, ich habe einfach sehr, sehr niedrige Engagement-Zahlen bekommen und so ziemlich jedes Mal, wenn ich Arbeit gepostet weil da nicht viel drin war. Lass mich sehen, ob ich noch einen finde. Ich meine, da steckt nicht viel dahinter. Hier sind einige Arbeiten, die dir gefallen könnten. Du könntest kommentieren und sagen: Oh, ich mag es oder wie hast du es erstellt? Aber es gibt nicht viel Engagement und keinen Grund, auf ein Projekt zu antworten es sei denn, Sie sind überwältigend begeistert. Ich habe einfach das Gefühl , dass es nicht teilbar ist. Ich meine, wenn es ein fantastisches erstklassiges Projekt ist, kann es vielleicht geteilt werden. Und ich ermutige euch immer noch eure Arbeit zu posten, weil es immer noch sehr gut funktionieren kann, wenn ihr eure Arbeit veröffentlicht. Aber denken Sie einfach nicht, dass die einzige Möglichkeit, Designprojekte zu posten, darin besteht, einfach Ihre Arbeit zu posten und das war's. Sie müssen Informationsbeiträge veröffentlichen , damit Sie sich als qualifizierter Experte etablieren und etablieren können . Und das ist eine wirklich gute Möglichkeit möglichen Kundenarbeiten vertraut zu machen, indem Sie eine Vielzahl von Dingen posten und herausfinden, was für Sie funktioniert. Und ich glaube fest daran, Informationen zu veröffentlichen und sich als Experte auf diesem Gebiet zu festigen. Und das ist wahrscheinlich der beste Weg, um sich als Profi zu etablieren und zusätzliche Kundenarbeit zu erhalten. Aber mischen Sie dort auch einige persönliche Projekte ein. Aber behandle Instagram nicht wie ein Portfolio. Sie haben ein Portfolio, egal ob es auf Behance oder auf Ihrer eigenen Website ist. Ähm, und vielleicht hast du ein separates Konto , das einfach deine Arbeit veröffentlicht. Aber wenn Sie wirklich ein Publikum gewinnen und sich als Profi weiterentwickeln möchten . Machen Sie eine Mischung, machen Sie eine Mischung aus Bildung und einigen Einblicken in die Branche und Dinge, auf die Sie achten müssen, und diesen Arten von Beiträgen. Weil ich denke, dass du damit wirklich gut zurechtkommst. Also haben sie es nicht getan. Ich wollte nur ein paar Erkenntnisse mit dir teilen , damit du ein bisschen schummeln und zu den fünf Jahren Arbeit kommen kannst bisschen schummeln und zu den fünf Jahren Arbeit kommen , die ich gemacht habe, um zu posten, was funktioniert hat und was nicht. Und nimm das und benutze es, um dein eigenes Instagram zu vergrößern , sodass M TikTok und all diese anderen Dinge auch. Ich meine, jede Art von Social-Media-Plattform. Ich denke, viele dieser Poster, aber auch auf Facebook, und einige von ihnen schnitten bei Facebook besser ab und einige von ihnen waren bei Instagram besser. Und du bist bereit, im Laufe der Zeit herauszufinden , welche besser abschneiden. Aber ich wollte nur ein kurzes Video aufnehmen , das einige weitere Erkenntnisse enthält. Der Versuch , Videos zu erstellen, die Ihnen helfen, Geld zu verdienen oder Ihre Designfähigkeiten beruflich weiterzuentwickeln. Hoffentlich hat dir dieses Video gefallen und lass mich wissen, ob du möchtest, dass ich mehr davon mache, ein bisschen mehr hinter den Kulissen, hinter den Kulissen , wie ich in den letzten Jahren gewachsen bin und wie du dich selbst wachsen kannst. 20. STUDENT: es ist jetzt an der Zeit für die nächste aufgrund der Design-Herausforderung. Dieses Mal wird es Ihre Aufgabe sein, eine kohärente Social-Media-Kampagne zu erstellen, die aus mindestens zwei verschiedenen Beiträgen besteht. Bezahlte Anzeigen sind digitale Anzeigen. Dies könnte für Facebook, Instagram und Instagram Geschichte sein. YouTube-Video-Miniaturansicht Alles, was eine digitale Online-Präsenz auf der Social-Media-Plattform hat . Wenn Sie eine ganze Suite von Größen erstellen oder auf verschiedenen Plattformen posten möchten, können Sie dies gerne tun. Aber nur zwei sind erforderlich, um ein Projekt für diese Herausforderung einzureichen. Sie haben mehrere Wochen Zeit, um Ihre Kampagne zusammenzustellen. Sie können es in den Facebook-Gruppen veröffentlichen, um Feedback einzureichen, oder Sie können es in den Q und A posten. Sind Projektabschnitten Ihrer aktuellen Klasse, die Sie nehmen oder mir einfach Ihre Arbeit mitteilen. 21. Animierte Gifs in Photoshop: Also, was ist mit animierten? GIFs sind animierte Display-Anzeigen. Wir werden heute lernen, wie man das in Adobe Photoshopped macht. Wir werden diese GIF-Animation für eine Anzeige erstellen, bei der wir unsere große Wolkenkratzer-Anzeige nehmen werden, die 300 mal 600 Pixel sein wird. Und wir werden das animieren, damit wir unseren Anzeigen ein wenig Animation hinzufügen können. Außerdem können Sie animierte GIFs für Facebook-Anzeigen und andere Social-Media-Plattformen erstellen, nicht nur für Display-Anzeigen. Also gehen wir weiter und fangen hier an. Also nehme ich die grundlegenden Markenelemente, die wir bereits mit unserer anderen digitalen Marketingkampagne entwickelt haben , und wir werden all das anpassen, um ein bisschen eine Vorlage zu erstellen, die ihr herunterladen könnt . Ich werde zur Vorlage wechseln. Es heißt animierte GIF-Vorlage, und es wird die 300 Pixel und mit 600 Pixel und Höhe, Wolkenkratzer Anzeige und haben bereits einige der Logo-Dateien und einige der Typografen hier, wir werden alle diese Zehe nicht mehr animieren geben Sie ihm das statische Gefühl, aber um die Zuschauer irgendwie Aufmerksamkeit zu fangen, wenn sie auf ihrer Nachrichtenseite scrollen , können sie irgendwie ein wenig Animation haben und hilft immer, Videoanimation so viel wie möglich zu haben , wenn es möglich ist. Also, zögern Sie nicht, die Vorlage zu öffnen oder sich selbst zu erstellen. Wenn Sie die gleiche Grafik ganz alleine erstellen möchten, ohne die Vorlage zu verwenden, gehen Sie zu Datei neu. Du machst einfach 300 mal 600. Natürlich können Sie jede Größe Anzeige tun kann er dio und Auflösung. Ich werde es bei 300 behalten. , Wenn Ihre Dateigröße ein großes Problem darstellt,wo immer Sie Ihre Anzeige platzieren, können Sie dies immer auf 72, aber drei Hunderte reduzieren. Gut. Wenn es ist, haben Sie einen kleinen Wackelraum mit Ihren Dateigrößenanforderungen. Farbmodus wird immer RGB sein, und das ist ziemlich viel es. Wir werden einfach voran gehen und klicken, OK, und es wird eine einfache Vorlage für Sie erstellen, und ich habe diese einfach in diese Luft gezogen, nur sehr einfache Dateien und stellen Sie sicher, dass Sie alle Ihre Ebenen benennen . Also werde ich voran gehen und alle Ebenen hier nennen, denn wenn wir anfangen, jede dieser Ebenen zu animieren . Es ist wirklich schön, diese Titel zu haben. Also, wie wir animiert Fotoshop? Es scheint hier nicht viele Optionen zu geben, um zu animieren. Was wir tun müssen, ist ein ganz neues Fenster aufzurufen. Wir gehen zu unserem Fenster Optionsfeld und bringen heraus, dass die Timeline-Panels voran gehen und auf die Zeitleiste des Fensters gehen. Das ist der Schlüssel, um mit der Animation und dem Erstellen von Geschenken zu beginnen. Das wird unsere Zeitachse sein. Wir werden nur auf die Option „Video Timeline erstellen“ klicken. Es gibt auch die Möglichkeit, eine Frame-Animation zu erstellen. Wir machen eine Video-Timeline. Also, was es tun wird, wird jede unserer Ebenen in unserem Ebenenfenster nehmen, und es wird ihm eine Timeline über eine Standard-Timeline geben, also werden Sie feststellen, dass jede Ebene übereinstimmt, so dass wir eine orangefarbene Box und dann eine orangefarbene Box-Ebene haben eine Logo-Ebene und dann eine Logo-Ebene, und Sie werden feststellen, wie ich die Ebenen auswähle. In der Zeitleiste. Die Ebenen werden automatisch im Ebenenbedienfeld ausgewählt. Also werden wir jede dieser beiden einzeln bearbeiten und eine andere Animation für jede Ebene erstellen , um ihr einen dynamischen Effekt zu verleihen. Also, wenn Sie jemals eine Videobearbeitung vor gemacht haben, werden Sie zu Hause sein, wenn Sie jemals um und nach Effekten gespielt haben, wird es eine sehr ähnliche Einrichtung sein, aber nur viel einfacher im Fotoshop. Also lassen Sie uns etwas sehr Einfaches tun, damit wir über die sogenannte Keyframe-Animation sprechen können . Also lasst uns etwas Einfaches mit dieser Typografie machen. Wir möchten, dass diese Typografie langsam von Null Deckkraft zu 100% Deckkraft verblasst. Genau wie das einfache Geschenk hier. Wir wollen nur langsam von 0 auf 100 einblenden. Also werden wir gehen und die Schicht finden. So haben Sie es ausgewählt Yoga am Strand. Hier ist unsere Schicht genau hier. Natürlich können Sie die Größe davon standardmäßig ändern. Es ist ziemlich eng, also ist es normalerweise so, aber ich mag es, es schön und offen zu haben. Also Yoga am Strand. Also, was wir tun werden, ist, dass sie nur ein kleiner Pfeil sind und wir werden ihn zusammenbrechen. Unsere eigenen Zusammenbruch es und eine gute, mehrere verschiedene Optionen gegeben werden. Sie haben die Deckkraft, den Stil und den Text-Warp transformiert , den wir mit seiner Deckkraft durcheinander bringen werden, wenn sie sich von 0 auf 100 ändert . Was wir also tun wollen, ist, dass wir Schlüsselbilder für jede der Animationen festlegen wollen. Bis jetzt, Deckkraft. Nun, wenn ich hier auf die Stoppuhr klicke, klicke einfach auf das Symbol und es wird weitergehen und einen Schlüsselrahmen für dich einrichten. So wird dieses erste kleine gelbe Dreieck Ihr Schlüsselrahmen sein. Das wird also den Ton für die Animation festlegen. Also, was wir tun wollen, ist, dass wir einen weiteren Schlüsselrahmen hinzufügen wollen, damit wir einfach übergehen können und das wird zweiter. Das ist also eine Sekunde, zwei Sekunden, drei Sekunden, vier Sekunden. Nehmen wir an, wir wollen etwa eine Sekunde dauern, um es zu verblassen. Also gehen wir hier rüber in diese Gegend und es gibt zwei Möglichkeiten, das zu tun. Wir können dort sitzen und hier drüben klicken, um einen Schlüsselrahmen hinzuzufügen, und wir können uns bewegen und wir wollten vielleicht eine weitere Deckkraft oder Transparenz Animation machen. Wir können weiterhin Schlüsselbilder hinzufügen, je nachdem, was wir tun möchten. Aber wir wollen das ganz einfach machen. Also hier ist unser erster Schlüsselrahmen. Wenn wir also unseren ersten knarrenden Rahmen auswählen, werden wir voran gehen und die Deckkraft einstellen. Also gehen wir zurück zu unserem Ebenen-Panel hier in der Deckkraft und arbeiten daran uns den ganzen Weg runter auf Null zu reduzieren. So verschwindet es. Und das ist das Tolle an Keyframe-Animationen. Das ist also der erste Schlüsselrahmen, und das hier drüben zieht meine kleine Option hierher. Meine Timeline und ich können den zweiten Schlüsselrahmen auswählen und eine 100% Deckkraft festlegen. Also, was wir haben, ist ein 0% und dann hier drüben haben wir 100%. Was also passiert, ist, dass Fotoshops das zwischen den Schlüsselbildern ausfüllen, all diesen Bereich zwischen den Schlüsselbildern, und es wird langsam den Send verblassen. Es geht also von einem Keyframe zum anderen und übergeht die Animation, so dass ich sehen konnte, wie die Typografie plötzlich auf dem Bildschirm erscheint. Also lasst uns dasselbe mit unserem 20% Artikel machen. Also lassen Sie uns voran und un kollabieren diesen Pfeil hier und wir werden die Möglichkeit haben, einen Schlüsselrahmen für Deckkraft zu setzen . So sind sie genau hier. zu Beginn der Animation werden wir auf Deckkraft klicken, waren die gleiche Sache zu tun, die automatisch unseren ersten Schlüsselrahmen hinzufügt. Ich möchte sicherstellen, dass der Schlüsselrahmen auf Null Opazität gesetzt ist, also wird es verschwinden, und wir wollten irgendwie in diesem Bereich einblenden, also hat es eine neue oder Timeline, damit wir dort sitzen und einen neuen K-Frame hinzufügen können. Wenn Sie jedoch die Deckkraft wieder auf 100% ändern, wird automatisch ein Schlüsselbild für Sie hinzugefügt , wenn Sie die Deckkraft zu einem anderen Zeitpunkt ändern. Also gehen sie und machen 100%. Sehen Sie, wie es automatisch einen Schlüsselrahmen für mich hinzugefügt hat, so dass ich nicht dort sitzen muss und den zweiten Schlüsselrahmen manuell hinzufügen muss. Also mal sehen, wie das aussieht, dass das hier hinübergezogen wurde, als man ihn beide verblasst sehen konnte. Was ich wirklich tun möchte, ist nicht gestaffelt zu sein, so dass sie nicht in der gleichen Zeit verblassen, aber sie sind versetzt und sie kommen in einem anderen Moment. Das ist sehr einfach, mit einem oder 20%, da es später unten gelesen wird. Optisch wollten wir letztendlich einspaten, also müssen Sie nur Ihre Schlüsselbilder um vielleicht 1/2 2. oder so verschieben, und jetzt spielen wir es wieder zurück. Das verblasst, und dann wird es diesen Schlüsselrahmen treffen, und dann wird der zweite einfach so einblenden, und Sie können weiterhin Schlüsselbilder hinzufügen, um uns so viel zu ändern, wie Sie wollen. Wenn ich also hier rüber scrollen möchte, ändere die Deckkraft zurück auf Null und scrolle dann hier über und ändere sie zurück zu 100%, kannst du sehen, wie du so viele Schlüsselbilder hinzufügen kannst, wie du Tim Bergen in und aus und aus möchtest . Aber das müssen wir nur einmal tun. Okay, also sind die beiden jetzt animiert. Mal sehen, was wir mit dem Logo machen können. Mehr muss, eigentlich, eigentlich, anstatt nur die Deckkraft zu ändern, eine Änderung mit der Position zu arbeiten, lassen Sie uns auf unsere Logo-Ebene gehen und un zusammengebrochen. Das und es wird uns ein paar verschiedene Optionen geben, weil es ein Objekt ist. Es ist keine Typografie, also sein Objekt. Es wird also einige verschiedene Keyframe-Optionen für uns haben. Also wollen wir den Positionsschlüsselrahmen einstellen. Bevor wir also Opazität gemacht haben, dieses Mal werden wir dieses Maldie Positionen machen oder auf unsere Stoppuhr klicken, um unseren ersten Schlüsselrahmen zu laden. Wir sind hier am Anfang der Animation, also gibt es unseren ersten Keyframe. Und wo wollen wir das tun? Wollen wir, dass es von links nach rechts gleitet, rechts nach links. Lass es uns von oben nach unten gehen. Also werde ich hier rauszoomen. Was ich tun werde, ist das unser allererster Schlüsselrahmen und unsere Animation. Wir schieben es hoch, damit es verschwindet. Ich werde das hier rüber bringen. Lassen Sie uns voran und erstellen Sie einen neuen Schlüsselrahmen. Anstatt hierher zu gehen und auf einen neuen Schlüsselrahmen zu klicken. Ich kann die Position ändern. Gehen wir weiter und machen unsere Abwärtstasten oder meinen Abwärtspfeil und ich bringe ihn wieder in Position, wo ich will, dass er landet. Du hast losgelassen. Es wird automatisch einen Schlüsselrahmen für mich erstellen. Mal sehen, wie das von diesem Schlüsselrahmen bis zu diesem verdorbenen Rahmen aussieht. Lassen Sie uns die Animation sehen, weil langsam in Position gleiten. Und wie ich schon sagte, wir könnten es so für immer behalten. Oder wir könnten einen neuen Schlüsselrahmen hinzufügen und mal sehen, sagen wir, wir wollen es verschieben, nur versuchen, Ihnen zu zeigen, was alles, was Sie tun können, damit es automatisch einen Schlüsselrahmen erstellt. Gehen wir zurück, damit es runterkommt. Dann gleitet es heraus, nur um Ihnen zu zeigen, was Sie tun können. Und es kann weiterhin Keyframes erstellen und dieses Logo so viel animieren, wie Sie möchten. Sie können den Schlüsselrahmen jedoch nicht einfach auswählen und löschen, um ihn zu entfernen. Das Gleiche gilt für ihre Typografie. Wir wollen nicht, dass alles auf einmal passiert. Wir wollen das ein bisschen staffeln. Wir wollen unser Logo, anstatt nur die volle Deckkraft herunterzukommen. Es ist wirklich nett. Wenn es auch in einem Schwung verblasst. Ich denke, es würde ein viel poliereres Aussehen haben, als nur zufällig bei voller Kapazität herunterzukommen , so dass Sie hier mehrere Ebenen erstellen können, also haben wir eine Positions-Timeline, die wir haben, aber wir können es auch Deckkraft tun. Also lasst uns auf unsere Stoppuhr klicken. Nie ersten Schlüsselrahmen , den wir voran gehen und das auf Null setzen wollen. Lassen Sie uns in der Timeline übergehen, wenn es auf seine endgültige Position fällt. Wir wollten volle Deckkraft sein. Wenn die Deckkraft ausgewählt ist, werden wir hier raufgehen, 200% ändern und sehen, wie die Animation läuft. Und jedes Mal, wenn Sie eine Vorschau wünschen, eine Animation, können Sie hier ganz zurück zum Anfang klicken. Gehen Sie zum ersten Frame und dann gehen Sie voran und klicken Sie auf spielen, Ich spiele es für uns. Und wenn Sie es kontinuierlich sehen wollen, Schleife. Also einfach nicht halten zu müssen, wir jammern es und spielen es. Sie können zu diesen kleinen Einstellungen gehen. Sie können die Loop-Wiedergabe auswählen, und wenn sie bis zum Ende der gesamten Animation kommt, beginnt sie automatisch von vorn, sodass Sie nicht mehr hauptsächlich zurückgehen und die Vorschau anzeigen müssen . Sehen Sie es ein paar Mal an und sehen Sie, wie Sie die Animation mögen. Also eine Sache, die ich tun möchte, ist, dass ich die Mannanimation ein wenig länger zeichnen weil ich das sehe und alles kommt wirklich schnell auf dem Bildschirm innerhalb der 1. 2. und ich möchte das wirklich weiter heraus staffeln. Lasst uns weitermachen und pausieren. Wir gehen zurück zu unserer 20% Ebene, scrollen nach unten, gehen zurück zu unserer 20% Ebene, und lassen Sie uns das etwas länger herausziehen. So bringen Sie es weiter in der Timeline. Das Gleiche mit dem hier. Wir haben die Fades länger halten, so dass es länger dauert, zu verblassen. Okay, jetzt mal sehen, wie das aussieht, war Pressespiel. Das dauert etwas zu lange, um zu verblassen. Also muss nur das Verblassen dort festziehen. Aber halten Sie es an einer späteren Position beginnen. Also müssen 20% später sein, und dann muss Yoga am Strand zuerst kommen. Da gehen wir. Also haben wir diese drei animierten wir Position gemacht haben. Wir haben keine Deckkraft. Mal sehen, was wir sonst noch tun können. Wir haben immer noch alle Reisepakete, Layer-Schicht, die wir tun können, so können wir un kollabieren, dass auf Deckkraft klicken. Es wird das zurück in den ersten Gehirn-Dragger-Schlüsselrahmen zurück bringen. Das wird eine Nulldeckkraft sein, und wir gehen hier rüber und machen es zu 100% Deckkraft. Aber wir werden das zuletzt machen. Wir wollen das, weil das weiter unten in der Lesbarkeit liegt. Also wollen Sie lesen, haben Yoga am Strand als 20% und dann das letzte. Mal sehen, wie alles aussieht. Gehen wir zurück und spielen es so, dass fällt nach unten, dass verblasst. Perfekt. Großartig. Also ist alles langsam verschwunden und verblasst. Was wir nun hinzufügen möchten, ist ein schönes Hintergrundbild, das langsam hineinzoomen wird, da alle anderen Elemente ebenfalls heranzoomen. 22. Animierte Gifs in Photoshop – Fotos: Also fand ich das auf Pixel dot com. Ich habe gerade Yoga getippt und ich fand das erste Yoga-Foto, das ich finden konnte. Sieht aus, als wäre sie am Strand. Gehen wir weiter und nehmen das hier. Ich kopiere das einfach und füge es in unser animiertes GIF ein. Und was ich tun möchte, ist, dass ich mit der rechten Maustaste auf die Foto-Ebene klicken möchte. Ich habe gerade hineingezogen und möchte es in ein Smart-Objekt konvertieren, weil ich die Größe ziemlich viel ändern werde und ich nicht möchte, dass es verschwommen oder pixelig wird. Also werde ich zu Smart Objekt konvertieren und gehen Sie voran und Titel es Foto. Lassen Sie uns voran und dimensionieren Sie es bis zu welcher Größe Wir wollen, dass es am Ausgangspunkt sein wird. Also lasst uns versuchen, ein schönes Zuschneiden für sie zu finden, und wir werden sie vergrößern. Lasst uns sie zunächst ein bisschen kleiner machen, wie ein Ganzkörperschuss. Und was ist Dragger? Tiefer nach unten auf dem Schichtsystem. Und lassen Sie uns all unsere Typografie in die Animation bringen, die immer noch die gleiche auf der Timeline bleibt . Selbst wenn ich es nach oben schiebe, wird es immer noch auf die gleiche Weise verblassen. Also mach dir keine Sorgen darüber, das zu verlieren. Gehen Sie einfach voran und stellen Sie sie genau dort ein. Also wollen wir, dass sie während des gesamten Prozesses langsam vergrößert wird. Also ist es gut oder Foto hier unten in unserer Timeline. Okay, hier ist unser Foto. Gehen wir weiter. Es sieht so aus, als ob es später auf der Timeline beginnt, genau so, wie wir das Foto hinzugefügt haben. Ziehen wir diese gesamte Ebene den ganzen Weg zurück an den Anfang der Zeit, einmal und heraus passt mit allen anderen zusammen. Und lasst uns langsam auf sie hineinzoomen. Nun, es wird die Transformationsoption sein. Also gehen wir weiter und klicken auf die Stoppuhr. Wir werden unsere ersten Schlüsselbilder am Anfang bekommen. Also, jetzt werden wir überziehen und sehen, wie wir sie bewegen wollen. Also lassen Sie uns so etwas ist, wie Sie unsere Verkleinerung irgendwie ausskalieren. Ich schätze, er würde auf den Zeitlinien sagen, dass wir verkleinern, damit ich das Ende der Zeitachse sehen kann . Und diese ganze Animation dauert fünf Sekunden. Also lasst es uns ganz am Ende stehen. Lassen Sie uns sie immer eine Art Bewegung haben, und sie sind für das Foto. Also, was wir jetzt tun werden, ist, dass wir sie ein bisschen größer machen und die Frau vergrößern langsam, wenn die Anzeige endet, genau wie dieser Klick eingeben. Es wird sich automatisch bei einem Schlüsselrahmen für mich summieren. Mal sehen, wie das aussieht. Ich gehe nur Dinge zurück. Amen. Alles lädt. Es vergrößert sich weiterhin auf sie. Es gibt immer einige Animationen, und dann endet sie genau dort. Das sieht wirklich gut aus. Wir könnten jederzeit auf Spiel klicken und sehen, wie das aussieht. Nehmen wir an, wir wollen es kürzer oder länger machen. Dies ist, wenn Sie die Kontrolle über die Länge haben können. Das sind jetzt fünf Sekunden und Sie können alles länger ziehen. Nehmen wir an, wir wollen, dass alles andere verblasst, und wir wollen, dass nur das Foto den letzten Schritt für eine weitere Sekunde fortsetzt. Wir können das tun, indem wir diesen Teil einfach weiter in die Timeline ziehen. Wir könnten alles andere ziehen und es auch größer machen . Könnte auch alles sechs Sekunden machen. Und Sie können es auch kürzer machen. Und lassen Sie sich nicht wissen, dass es eine andere Möglichkeit gibt, Fotos zu animieren. Ich werde Ihnen das hier zeigen, also jedes Mal, wenn Sie ein Foto haben, wird es Ihnen hier eine Option geben. Siehst du diesen kleinen Pfeil am Ende? Wir werden darauf klicken. Ich wollte diesen Antrag haben, eine Dropdown-Menüoption zu haben. Im Moment ist es auf Brauch, was wir gerade getan haben. Wir haben gerade eine benutzerdefinierte Version gemacht. Wir haben eine Transformation durchgeführt, aber es gibt auch einige eingebaute. Nehmen wir an, wir wollen zoomen, genau das, was wir gerade gemacht haben. Sie klicken auf Zoom, und es wird automatisch eine Art dieser Animation für Sie tun und die knarrenden Frames einrichten . Aber ich mache es irgendwie gerne manuell, weil ich das Gefühl habe, ich habe ein bisschen mehr Kontrolle und klicke zurück und mache keine Bewegung und gehe dann zurück. Oder ich könnte zurück in die Geschichte Panel gehen und alles zurück, wie hatte es. Richtig. Also werden wir unsere Timeline-Box etwas kürzer machen und das immer und immer auf einer Schleife spielen , also haben wir hier unsere kleinen Einstellungen. Ich habe das auf Loop-Wiedergabe. Also lassen Sie uns sehen, wie die Länge ISS, weil wir wollen, dass dies eine sich wiederholende GIF sein. Gehen wir zurück zum Anfang und spielen. Ich sehe irgendwie, wie wir die Länge mögen. Alles verblasst. Da gehst du. Es ist ein bisschen lang. Einige Schulen verkürzen es um einen zweiten Kurs, er könnte einige animierte GIFs haben, die 20 Sekunden dauern, und sie haben weiterhin ein weiteres Foto, das verblasst. Sagen wir, wir wollen das tun. Nehmen wir an, wir haben dieses animierte GIF. Das ist großartig. Was ist, wenn wir in einem anderen Angebot im gleichen animierten GIF gleiten wollen, das ein wenig kompliziert und lang wird und es sich nicht umwandelt. Ich will dir nur zeigen, wie du das machen würdest. Also lasst uns ein zweites Foto einbringen. Ich habe ein ähnliches Foto, das auf der Kampagne früher verwendet wird, das auf ihre drücken Enter zoomen wird. Lassen Sie uns dieses Foto nennen, um so jetzt, was passiert aus der Zeit? Natürlich können wir dieses Foto jederzeit reinziehen, aber wir ziehen es nach Papa, richtig? Wo sind andere Art von Förderung endet. Also haben wir das hier vor sich, es kommt rein und dann wird es diesen Punkt treffen, und dann wird plötzlich dieses Foto natürlich kommen, wir können das zusammenbrechen, und anstatt einfach abrupt zu kommen in, wir können es einen glatteren Übergang oder Fade sein. Es ist das, was wir ein wenig schieben könnten, und so gibt es eine kleine Überlappung, die wir in der Deckkraft machen werden. Ich klicke hier an unserem Schlüsselrahmen. Es wird Null sein, das hier rausgehen wird, wenn das endet und die SPEEA es zu 100% überstehen lassen wird. Also schau auf, was passiert. Also haben wir unsere Animation kommt rein, fliegt rein, dann haben Sie langsam dieses andere Bild geladen oben langsam, genau wie das ist nur ein glatterer Übergang, weil ich die Deckkraft gemacht habe. Und dann können wir jetzt an einer ganzen Reihe von Typografie arbeiten. Nehmen wir an, wir wollen dieses Buch jetzt wieder einbringen, lassen Sie uns weitermachen und unser Buch duplizieren. Jetzt werden wir auch dieses Buch haben. Es ist jetzt ein Buch, auch hier. Ich werde das rüber schieben und das verblassen lassen. Also lasst uns eine Deckkraft auf diesem machen. Das wird irgendwie komplizierter. Er hätte gleich bei der ersten Serie enden können. haben wir, also wird das eine 0% Deckkraft sein. Und dann werden wir das ziemlich schnell verblassen lassen. Da gehen wir. Wir wollen auch in unserem Layersystem sicherstellen, dass wir die Typografie über den Fotos haben . Ich ziehe das einfach nach oben, und in unserer Timeline wird es das automatisch für uns tun. Also fahren Sie mit Ihrem Layering-System fort, um die Ebenen sortiert zu bekommen. Jetzt haben wir einen Buch-Down-Button. Natürlich können wir ein ganz neues Set komplexer haben, ein ganz neues Angebot mit Typografie, aber wir werden versuchen, es einfach zu halten. Also gehen wir zurück und sehen, wie alles aussieht. Ist, wer Frau verblasst in unserem Logo oder Typografie langsam von oben nach unten. Und wir haben ein weiteres Foto, das aufgrund der Vorschau langsam verblasst. Das ist gerade jetzt, das ist unsere Vorschaulänge. Also, wenn es zu diesem Punkt kommt, sehen Sie Art der Unterschied zwischen dem hellgrauen und dem dunklen Strahl. Sobald es zu diesem Punkt kommt, wird es die Zehenschleife wieder beginnen. Was wir also tun wollen, ist, dass wir diese Vorschauleiste einfach bis zum Ende ihrer Animation ziehen wollen. Jetzt, wenn wir in der Vorschau zurückkehren, wird es den ganzen Weg durch spielen. Versuchen wir es noch einmal, und es sollte langsam in perfekt verblassen, damit wir andere Typografie hereinkommen können, und dann kann es wieder an den Anfang gehen. Wunderbar. Also dort ist es ISS. Es ist ziemlich einfach, Dinge zu animieren, wenn Sie irgendwie wissen, wie man verblasst. Ändern Sie die Position, die Sie tun können, ah pan in der Fotografie eine Menge, die Sie hier tun können. Lassen Sie uns also voran gehen und beenden und lernen, wie man dieses und das bestmögliche Format exportiert. Also sind wir bereit, dies zu exportieren und in einem Browser zu testen. Also hier ist, was wir tun werden, um 23. Animierte Gifs in Photoshop – GIFS exportieren: Daher ist der beste Weg, ein Geschenk zu exportieren, der Dateiexport und sicherere Web-Legacy. Also sind wir zu gehen Datei Export Safer Web Legacy Dies wird uns viel mehr Optionen geben, das sicherere Web als die anderen Exportoptionen. Also ist es für Web zu sagen, und Sie werden feststellen, dass es ein paar Minuten dauern kann, bis diese Zehe Last Was es tut, seine Komponenten, seine Komponenten, stapelt alle Bilder, die das Geschenk zusammen und gibt Ihnen die Optionen, um diese zu exportieren Bilder, damit Sie die Dateigröße direkt hier unten bemerken, werden Sie 4,4 Megabyte sehen. Ich kenne eine Menge bestimmter Social-Media-Plattformen und Media-Outlets, die GIFs animiert haben, als eine Art Option für Sie. Sie möchten unter acht Megabyte behalten, also ist es irgendwie schön, eine Geschenkdatei unter acht Megabyte zu behalten, aber jede Plattform wird ihre eigenen Anforderungen haben. Also ging nur, bevor Sie das Geschenk zu tun, sehen Sie einfach Art von der Größe des Geschenks, das Sie machen müssen. Und auch wenn es irgendwelche Größenanforderungen geben wird, denn es gibt immer Möglichkeiten die Qualität zu reduzieren, um die Dateigröße nach Bedarf zu reduzieren. Aber im Moment ist das eine ziemlich akzeptable Dateigröße, und es sieht so aus, als würde es etwas unter einer Sekunde dauern, um normale 56,6 Kilobyte zu laden . Internetverbindung. Es gibt ein paar Dinge, die wir hier in Bezug auf Optionen tun können. Ich mag das Geschenk zu tun 1 28 dithered sagt irgendwie optimiert werden. Und je höher die Zahl, desto höher ist die Menge an Farben, die Sie zur Verfügung haben. Also, wenn Sie die Farben runtergehen, wenn Sie die Farben auf zwei reduzieren wollten, können Sie. Und das wird nicht sehr hilfreich sein. Je mehr Farben Sie haben, desto detaillierter wird es sein, aber auch desto höher ist die Dateigröße, also werden Sie feststellen, wenn ich 16 Farben mache. Beachten Sie, wie die Dateigröße um die Hälfte reduziert wurde. Wenn Sie also jemals die Dateigröße reduzieren mussten, ist das eine Möglichkeit, das zu tun. Und das meiste davon werden wir standardmäßig gehen. So arbeiten ein tun einschließlich Transparenz. All dies ist eine Art von Standardwahlen. Wir werden nicht auf all diese verschiedenen Optionen eingehen. Wir werden es als Standard behalten, also gehen wir weiter und exportieren. Alles, was wir tun müssen, ist auf Speichern zu klicken, speichern Sie auf dem Desktop. Lassen Sie das alles so, wie es ist. Gehen Sie weiter und speichern Sie es. Wieder mal. Es wird ein oder zwei Minuten dauern. Also da ist es, 5,6 Megabyte. Wir haben die Geschenkvorlage. Also, wenn du darauf doppelklickst, werde ich natürlich Apfel machen. Sie werden in der Lage sein, all die verschiedenen Bilder zu sehen, die Ihr Geschenk ausmachen. Wie Sie sehen können, gibt es über 130 Frames 140 Frames, nur um die sechs Sekunden Animation zu bilden. Wie haben wir die Animation in einer Vorschau angezeigt? Das Beste, was zu tun ist, ziehen Sie es in einen beliebigen Browser, den Sie haben. Also, das wird das in meinen Lass mich Firefox ausprobieren. Ich werde es in meinen Firefox-Browser ziehen, und es wird in der Lage sein, eine Vorschau für sie. Und da ist es. Und das ist, wenn wir die Größe und das Timing ändern können. Wir können es wirklich so beurteilen, dass es so ist, OK, ich kann das 10 Mal beobachten und wiederholen und sehen, ob mir das Tempo gefallen hat. Wenn ich etwas länger machen muss und wir nur eine sehr einfache Probe gemacht haben. Was ich tun könnte, ist, das erste Angebot für eine weitere oder zwei weitere Sekunde aufzugeben. Vielleicht war es nicht lang genug. Sehen Sie, im Moment wollen wir es lesen können. Klicken Sie jetzt auf das Buch, also wollen wir nur sicherstellen, bevor wir zu diesem zweiten Angebot gehen, wenn wir überhaupt ein zweites Angebot haben wollen, wollen wir das nur ein wenig verlangsamen. Also gehen wir zurück in Fotoshop, bekommen unsere Timeline war Go ahead und entfernen. Sagen wir, das wollen wir nicht mal haben. Jungs wollen dir ein Beispiel zeigen. Also müssen wir tun, ist Art, diese Ebene zu löschen. Es löscht es aus der Zeitachse. Es ist, als hätte es nie existiert. Jetzt machen wir alles ein bisschen länger. Ich weiß, dass wir irgendwie rückwärts gehen und was wir gesagt haben, lass es uns auf fünf Sekunden erstrecken. Wir bringen das Foto heraus. Lassen Sie uns die Foto-Animations-Timeline hier herausbringen und versuchen, zu exportieren. Wir können üben, ist gut für die Praxis, also lassen Sie uns sichereres Web Legacy tun. Natürlich wird es eine gute Minute dauern, um alles für Sie zu kompilieren. Wenn Sie also das Gefühl haben, dass es dieses Ladesymbol für immer hat, sich keine Sorgen. Ich glaube nicht, dass Ihr Computer eingefroren ist. Es dauert nur eine lange Zeit, bis Photoshopped diese 140 verschiedenen Fotos zum Exportieren kompiliert . Also lassen Sie uns das Exportieren noch einmal üben. Haben Sie das nur ein Geschenk. Lassen Sie uns versuchen, hohe Farben 5 56 K vier Megabyte. Das scheint vernünftig zu sein. Und auch hier unten haben Sie diese Animationsoptionen ist Looping-Optionen. Sie können es einfach einmal laden lassen. Sie müssen diese Schleife nicht immer und immer haben, wenn Sie nicht möchten, können Sie dies direkt hier festlegen, wenn Sie sie exportieren. Sie können es einfach einmal passieren lassen, wo Sie es für immer passieren lassen können. Also werden wir unsere Schleife für immer Option fortsetzen oder auf Fertig klicken. Also hier ist unser letztes in Aktion. Da ist es. Wir müssen keine Schleife immer und immer haben, und wir können sie einfach eine Schleife haben oder sie einmal spielen lassen und dann endet es, so dass wir das tun können, indem einfach unsere Exporteinstellungen aufrufen und es nur einmal spielen lassen, anstatt einfach nur über und über zu gehen und immer wieder. Ich wollte nur diejenige tun, die gemacht wiederholt, sehen Sie Art unserer Animation in Aktion, wenn Sie so eine Vielzahl von verschiedenen Effekten tun könnte . Sie müssen nur nicht mit Fotos arbeiten und tippen. Sie können alle möglichen Fakten mit Geschenken passieren lassen, aber ich wollte Ihnen nur die Grundlagen zeigen, wie man die Timeline lädt, wie Zehe mit Schlüsselbildern arbeitet, wie man mit den sehr grundlegenden arbeitet, so dass Sie dies weiterhin noch weiter schieben können und fügen Sie Effekte hinzu und fügen Sie verschiedene Ebenen hinzu. Sie können über 50 Schichten haben. Wenn Sie wirklich wollte ah haben, kompliziertes Geschenk und haben glänzende Dinge kommen in haben metallische Effekte. Es gibt alle möglichen Dinge, die Sie dio-können, aber das sind die Grundlagen, um Sie zum Nachdenken zu bringen und Sie damit zu beginnen, animierte GIFs zu erstellen und zu wissen, wie man animierte GIFs macht Und die herunterladbare Ressource ist, dass ich einige Dateien bereitstellen werde für Sie. Wenn Sie also auf animierte GIF in Federal Shop Datei klicken, ist dies die Vorlage, mit der Sie beginnen möchten. Das hat nur irgendwie die Grundelemente, hat noch nichts animiert, und das ist das letzte Beispiel, ich schließe meine letzte Fotoshop-Datei ein, damit Sie dies öffnen können. Sie könnten einen Blick auf die Ebenen werfen und wie ich alles eingerichtet habe, nur um alle Schritte zu sehen, die in der Klasse durchgemacht haben . Wenn wir uns eine Fotoshop-Datei ansehen und irgendwie sehen wollten, wie es gemacht wurde, habe ich auch das letzte Geschenk, das Sie hineinziehen können, damit Sie irgendwie sehen können, wie das funktioniert. Jetzt ist es Zeit für Ihre Aufgabe. Ich möchte, dass Sie ein animiertes GIF erstellen, wenn Sie möchten. Wenn Sie sich entscheiden, das Projekt zu akzeptieren, möchte ich, dass Sie ein sehr einfaches erstellen. Es könnte die gleiche Größe haben. Wenn du willst. Sie können die gleiche Vorlage verwenden, aber ich möchte, dass Sie vielleicht ein anderes Foto ausprobieren. Ich möchte, dass du vielleicht andere Promotion ausprobierst, einfach etwas schütteln und sehen, was du dazu hinzufügen kannst, um es noch besser zu machen als die, die wir in der Klasse gemacht haben. 24. BONUS – GIFS aus Videos machen: Bonus Video hinzugefügt. Ich wollte Ihnen zeigen, wie Sie ein Video importieren und Bilder und ein Geschenk auf diese Weise aus einem Video erstellen, das bereits produziert wurde. Also ging ich zu Peck sal Dot com oder ein Googled Pixels Video, und es brachte mich auf diese Website, wo ich sehr einfache Videoformate herunterladen kann und Videoclips sind . Und ich fand diesen von diesem Mann irgendwie Scrollen, und ich dachte, ich finde einen Ort, an dem das sehr natürlich mit seinem Daumen nach oben blättert . Also bringen wir das in Photoshopped. Ich habe nur ein einfaches Dokument geöffnet 1000 mal 1000 Pixel oder was auch immer Format Sie tun möchten. Aber es spielt keine Rolle, denn es wird ein eigenes Dokument erstellen, wenn Sie das Video importieren . Also hier ist, was wir tun werden, um das Video zu importieren Wir gehen zu Datei, gehen den ganzen Weg runter, um zu importieren, und wir werden Video-Frames, Zehenschichten importieren , und wir werden voran gehen und das Video auswählen, das wir heruntergeladen haben Scrollen durch Smartphones. Doppelklicken Sie darauf und es wird uns erlauben, das Video zu importieren. Wenn ich also auf OK klicke, bekommen wir eine Warnung. Was soll das sagen? Dies wird ein großes Dokument erzeugen und möglicherweise eine lange Zeit in Anspruch nehmen. Wir müssen das ganze Video nicht importieren. Wir müssen nur eine kleine Schleife erstellen. Also wollen wir das in gewisser Weise etwas beschneiden. Also hier ist eine Art Zeitachse. Wir können dieses Geschenk jederzeit beginnen, also fangen wir es an, wenn er seinen Daumen rechts oben hat. Und das ist das Ende und kann das hier rüber treiben. Das ist also der Anfang. Er hat dieses Foto eins. Mal sehen, wo das aufhören, wenn er seinen Finger auf Topper Daumen oben hat, scrollt er Was ist passiert? Scrollen Sie noch einmal und lassen Sie es eine Fahrt hier stoppen. Also beginnt er irgendwie an der gleichen Position zu beginnen und zu enden. Also habe ich irgendwie unsere Start- und Endpunkte am Laufen. Ziehen Sie das hier her. Das ist also unser kleines Gebiet. Es beginnt hier, scrollen Sie einmal, blättern Sie zweimal zurück zum Anfang. Also das ist eine Art von der kleinen Probe dieses größeren Videos, das wir ein Geschenk erstellen werden, indem es auf OK klickt, es wird automatisch alle diese in den Zeitrahmen für uns laden. Und wenn Sie das Zeitrahmenfenster nicht sehen, Pop-up, gehen Sie einfach zum Fenster und klicken Sie auf den Zeitrahmen. Und genau so hat es all diese verschiedenen Rahmen für uns geschaffen. Und lasst uns voran gehen und klicken. Wir haben alles für immer an, also wird es für immer darüber schleifen und lasst uns auf Play klicken. Also da ist er, langsam scrollt durch seinen Bildschirm, und es schleift, und es könnte für immer und ewig Schleife. Und er konnte dies auf die ähnliche Art und Weise exportieren, wie wir es getan haben, bevor wir konnten, um zur Datei Export Safer Web zu gehen. Und hier sind wir weg. Wir können unsere Bildgröße hier unten immer ändern, wir können unsere Looping-Animationen ändern. Wir haben nicht ewig angefangen, und gehen wir weiter. Das sind 24 Megabyte. Es ist ziemlich hoch. Wir können immer unsere Farben nach unten ändern 128 und mal sehen, wie das Luftdateiengröße beeinflusst und sehen, ob wir das ein wenig reduzieren könnten. Es dauert ein wenig Zeit, weil es alles auf allen Frames tun muss und das hat die Auflösung ein wenig reduziert. Nicht eine ganze Menge, aber kann das immer ändern und etwas davon reduzieren. Diese Optionen, um eine geringere Dateigröße zu erhalten. Natürlich wird es die Qualität herabstufen. Also klicken wir auf Fertig, und wir haben gerade unser erstes animiertes GIF aus einem Video erstellt. Geben Sie dies, indem Sie es in einen Browser ziehen, und da ist er, Scrollen weg. Natürlich müssen wir die Bildschirmgröße nicht so groß machen. So groß war die Auflösung auf dem Video. Wir haben es automatisch an diese Größe angepasst importiert. Wir können zum Bild gehen. Wir können auf die Bildgröße gehen und wir können das reduzieren, und die Größe würde nicht hier unten klicken, um zu passen, auch. Und wir könnten eine viel kleinere Größe dafür tun. Also einfach eine vorgewählte Größe klicken Sie auf OK und lassen Sie uns einen Downgrade jeden einzelnen Frame auf diese Auflösung bekommen . Also jetzt, wenn wir gehen, um es zu exportieren, wird es die Hälfte sein, oder wenn nicht 1/3 die Größe, so dass es nicht den gesamten Bildschirm einnehmen wird. Nehmen wir an, wir möchten dies vom Frame-Modus in den Timeline-Modus wechseln. Timeline ist die, die wir vorher hatten, wo wir es wie ein Video-Editor steuern können. Und das ist der Frame-Modus, in dem alles nicht in einem anderen Frame ist. Alles, was Sie tun müssen, ist hier runter zu diesem Symbol zu gehen. Wir werden voran gehen und darauf klicken, und es wird es in das Video-Timeline-Format konvertieren, was wir vorher hatten. Klicken Sie darauf, und so können Sie all diese verschiedenen einzelnen Ebenen sehen. Also, was cool daran ist, dass wir Typografie zusätzlich zu dieser Animation hinzufügen können. Wenn ich also hier nach unten scrolle, schauen wir mal, wie die Animation aussieht. Ich könnte weiter gehen und zu dieser obersten Ebene erstellt neuen Ordner gehen, wenn ich diesen Typ aufrufen wollte und lassen Sie uns eine andere neue Ebene erstellen und lassen Sie uns tatsächlich machen, dass ein Typ Player. Also lasst uns voran gehen und unser Typwerkzeug holen. Wenn wir also Typ haben wollen und dort auch, könnten wir es ein bisschen größer machen. Und mal sehen, ob wir unseren Typ nicht finden können und wir könnten all diese Ebenen in seine eigenen Ordner legen . Sie machen nicht irgendwie alles durcheinander, aber lassen Sie Typ tun und wir können hinzufügen, sind hallo un zusammengebrochen, dass wir Hallo haben, es ist zusammengebrochen, dass und dann können wir dies in die Animation bringen. Also jetzt könnte es tun, was wir vorher getan haben, aber jetzt haben wir auch diesen animierten Video-Hintergrund, den wir verwenden können. Anstatt ihr eigenes Bild eingeblendet zu haben, können wir einen Videohintergrund verwenden, so dass Sie nur irgendwie zeigen, wie Sie Videos als Hintergrundgrafik zu bringen sowie auf Fotos zoomen. Also weiß ich, dass das ziemlich viel auf dich geworfen wurde. Fühlen Sie sich frei, das ein paar Mal zu überprüfen. Ich wollte definitiv einschließen, wie man Video integriert, weil das ein großer Teil von Geschenken . Ist mit einer Art von Video oder mir mehr Hintergrund los und in der Lage, Ihren Typ oben auf, dass setzen , Ein Klick jetzt Button, all diese Art von Sachen. Wir könnten ein paar wirklich coole Anzeigen damit machen. Nehmen wir an, wir wollen eine schnelle kleine Animation zu diesem Typ hinzufügen, die zusammen mit dem Video-Hintergrund kommt und gehen Sie nach unten, um unsere Foto-Typ Spieler schwächen, gehen Sie zu transformieren und Lassen Sie uns den ersten Schlüsselrahmen setzen, so dass ist die ersten Schlüsselrahmen. Bewegen Sie sich einfach über wird es langsam irgendwie nach oben und unten drücken Sie, geben Sie die Schule über nur ein wenig. Verbringen Sie in der entgegengesetzten Richtung wirtschaftlich, hatte einen Schlüsselrahmen. Drücken Sie die Eingabetaste und geht weiter. Damit können Sie so viel tun, wie Sie wollen. Lassen Sie uns zurück zu neutral, so dass, wenn es Schleifen, es kein Springen von irgendeinem Rahmen hat. Mal sehen, wie das aussieht, nur irgendwie hin und her. Sie könnten sehen, wie viele Keyframes es braucht, um dieses kleine bisschen Textanimation zu machen , aber Sie können es auch verblassen. Du könntest hier eine Menge Dinge tun. 25. E-Book: Willkommen noch heute im Adobe Photo Shop. Wir werden über Buchumschläge reden. Wir werden das tun, das du hier siehst. Es wird das kleine Häuschen in der Stadt genannt und wir werden ein bisschen ein Stück auf einem kleinen kleinen Häuschen machen , das unter diesen großen Wolkenkratzern existiert, die versucht haben, eine Geschichte zu erzählen . Wir versuchen, Menschen dazu zu zwingen, darauf zu klicken, wie Sie einen Amazonas sehen können, Es gibt Tonnen und Tonnen von e-Buch-Cover und er bekam es. Erstellen Sie eine, die hohen Kontrast, überzeugend, aber auch beschreibt ein wenig von dem Buch im Inneren als auch. Es ist also eine kleine Herausforderung, weil wir an all diese verschiedenen Aspekte denken wenn wir das Layout für unser e-Buch erstellen. Mit diesem speziellen Projekt haben wir eine große Herausforderung, weil wir viele verschiedene Designthemen miteinander vermischen werden . Also werden wir eine Zusammenstellung von mehreren verschiedenen Fotos haben. Also haben wir das Haus und die Gebäude. Wir werden modifizieren, indem wir unseren eigenen Himmel modifizieren und gestalten, indem wir einige Cloud-Fotografie integrieren und unseren eigenen Hintergrund erstellen. Und dann werden wir etwas mit Typografie arbeiten, also werden wir den Titel erstellen. Aber wir werden auch etwas etwas Besonderes machen, und ich werde Ihnen zeigen, wie man Handschriftzug macht, um weiterzumachen und eine kleine Persönlichkeit in unsere Schlagzeile zu bringen , damit Sie genau hier mit den Worten sehen können, die wenig wir es tun werden zwei verschiedene Möglichkeiten, wie ich Ihnen zeigen werde, wie man diese Dinge digitalisiert. Wir werden es zuerst tun und uns fortbilden und Ihnen zeigen, wie man das einbringt. Aber wir werden es auch mit Stift und Papier zeichnen und ich werde dir zeigen, wie man ein Foto macht. Bringen Sie das in den Fotoshop und beleuchten Sie alles, damit wir genau diesen besonderen Schriftzug packen und ihn einbringen können und es so aussehen lassen, als wäre es Teil der Überschrift. Das sind also ein paar verschiedene Dinge, die wir in diesem Projekt machen werden. Also lasst uns weitermachen und loslegen. Sie müssen ein paar Fotos herunterladen. Aber wenn Sie verschiedene Fotos verwenden und ein anderes Buchcover für Ihre Design-Herausforderung oder Ihr Studentenprojekt machen möchten , fühlen Sie sich frei und es gibt drei Fotos, die wir für unser Projekt verwenden werden. Wir gehen zu diesem kleinen Haus, das ziemlich einfach zu isolieren und auszuschneiden war. Wir haben einige Standard-Wolken, die Sie jedes Wolkenfoto verwenden können, das Sie wollen, und auch das Gebäude, das wir duplizieren und auf beiden Seiten der Hütte setzen werden. Also möchte ich, dass Sie die E-Buch-Covervorlage herunterladen und öffnen. Und es gibt ein paar verschiedene Größenvariationen für ein Buch Covers. Aber der standardmäßigste und der, den Amazon es in der empfohlenen Größe verwendet, ist 2560 Pixel hoch x 600 Pixel und wit. Und das ist irgendwie die Standardgröße. Und in der herunterladbaren Ressource Kerl, gibt es ein paar tolle Artikel, die ich dort in, die über die Größen der verschiedenen e-Buch-Covers sprechen . So, wie Sie sehen können, variieren sie, aber nicht dramatisch. Also Amazon Kindle e Buchhüllen, was wir für dieses Projekt tun werden, ist 15 63 von 2500. Aber das Apple E Buchcover ist 1600, so dass Sie keine großen Unterschiede in den Gesamtgrößen sehen . Es gibt normalerweise ein Standardverhältnis, und es kann voran gehen und Zugriff darauf haben, indem Sie zu dem gehen, um hier zu gehen, gibt es ein Verhältnis von 1 zu 6. Also für alle 1000 Pixel, Ah, die andere Seite sollte 1600 sein. Das ist also dein Standardverhältnis für ein e-Buch. Und das ist, wo wir irgendwie diese Reihe hier ausgedacht haben. Also, wenn Sie es an mehreren Stellen setzen müssen, könnten Sie diese Größe tun. Aber dann wäre es nur optimiert werden 50 Pixel oder 100 Pixel, und verstecken sich dort, mit denen ist leicht anzupassen, wenn er es für andere verschiedene e-Buch-Plattformen speichern musste . Also habe ich unseren kleinen Tempel hier drin, und ich rede ihn einfach von dem ganzen Text und ich habe immer noch unsere Ränder an. Und ich habe irgendwie unseren generischen Titel mitgebracht, weil wir wissen, dass wir das hier irgendwie bearbeiten müssen . Was wir also tun wollen, ist, dass ich anfangen möchte, in der Fotografie zu arbeiten und dann einen Weg zu finden , diese Schlagzeile mit der Fotografie zu mischen. Also lasst uns weitermachen und unsere Fotos rausholen. Bringen wir unseren Hausdrachen da rein, damit er zu einem klugen Objekt wird. Und wenn nicht? Drache ist ein intelligentes Objekt. Sie können einfach mit der rechten Maustaste klicken und in Smart Object konvertieren und so, dass wir es nach oben und unten skalieren können , ohne unsere Auflösung zu verlieren. Ich wollte die als grobe Ideen mitbringen. Diese schönen großen Gebäude werden diese kleinen Häuschen nicht überholen. Und ich möchte vielleicht 21 auf jeder Seite haben. Was wir also tun wollen, ist, dass wir diesen Hintergrund zuerst eliminieren wollen, damit wir das tun können , indem wir das etwas kleiner machen und einige unserer Auswahlwerkzeuge sehen. Wenn wir es einfach einfach mit dem Zauberstab-Werkzeug machen können, gibt es einen ziemlich guten Job bei der Auswahl alles. Also, jetzt gehen wir zu wählen, wir werden die Umkehrung auswählen, weil es gerade jetzt den Himmel auswählt. Aber ich möchte das Gebäude auswählen. Also habe ich gerade eine Umkehrung gemacht und dann werden wir hinzufügen, sind Schichtmaske und gehen Sie voran und maskieren das Gebäude. Also, jetzt kann ich das duplizieren, indem ich die Option gedrückt halte und ziehst, und wir wollen auch die andere Seite machen. Also, jetzt müssen wir ein Gefühl der Größe bekommen. Vielleicht müssen wir beide etwas größer machen. Also die Auswahl beider Schichten, immer etwas dramatisch wir wirklich wollten dramatisch sein ging ein kleines Häuschen mit diesen großen Gebäuden zu sein. Das ist ziemlich einfach, auszuschneiden und zu tun, Masken zu tragen und unsere kleinen Bilder hierher zu bringen. Bisher könnten wir sogar das Gleiche mit House machen, weil ich gerne meinen eigenen Himmelshintergrund kreiere damit wir das Gleiche tun können. Lass uns einfach das Zauberstab-Werkzeug machen. Das sind wirklich einfache Hintergründe, und ich werde vorgehen, das maskieren, um umgekehrt auszuwählen, und ich will eine Maske. Das Haus und wir können auch unsere Ebenenmaske hier auswählen und mit Schwarz bemalen, um alle zusätzlichen Sachen loszuwerden , die es nicht ausgeschnitten hat. Und wahrscheinlich wollen wir die Antenne nicht. Ich denke, das ist etwas ablenkend. Also bekomme ich nur mein Auswahlwerkzeug und werde das einfach maskieren. Es wird sich mit Black anmalen und das loswerden. Ich finde das nicht sehr attraktiv. So haben wir jetzt die Basis für unsere Gebäude und wir wollen hier einen Himmel bekommen können. Also für jetzt, werde ich eine Marge abschalten, weil es irgendwie im Weg ist und ablenkend, und ich will meinen Namen über die Spitze bringen. Wir müssen vielleicht eine kontrastreiche Leiste haben, damit der Name herauskommt, weil ich nicht möchte, dass der Name oben steht und diese wirklich lange Überschrift hier unten in der Mitte hat. Ich möchte in der Lage sein, diese beiden zu trennen, um sie so sauber wie möglich zu halten. Das ist also keine große Sache. Wir könnten das wahrscheinlich nach oben verschieben und diesen Typ einfach in einen kontraststarken Balken setzen. Es wird das Rechteck-Werkzeug bekommen und einen einfachen Balken zeichnen und unseren Namen in den Vordergrund setzen. Ich weiß, dass das irgendwann weiß sein wird, und wir müssen die Typografie finden und ein bisschen einfach ein paar grundlegende Blockierungen aus ihrem Layout machen , um die Idee in Gang zu bringen. Und so ist die größte Herausforderung, unser Typ-Layout zu machen. Und was ist der beste Weg, um all diese verschiedenen Worte und eng zu arrangieren? Lassen Sie uns voran und fügen Sie oder Hintergründe hinzu. Wir wissen irgendwie, welche Farbe wir brauchen, um die Typografie zu machen. Also lasst uns voran gehen und tun. Unsere Hintergründe werden nach unten gehen, wird eine neue Ebene hinzufügen wird unsere Hintergrundebene sein. Ich könnte meine Schichten hier herausbringen, damit du es ein bisschen besser sehen kannst. Und ich möchte einen schönen, lebendigen blauen Himmel machen. Also, wenn ich meine Farben auswähle, will ich nichts zu dunkles, aber ich will nicht, dass etwas gefällt. Typografie muss darüber nachgelesen werden, also müssen wir es einfach leicht genug machen, damit vielleicht eine dunkle Typografie darüber hinausgehen kann. Also ist es eine Art Hellblau, und was ist großartig daran ist, dass wir Leichtigkeit und Dunkelheit, so dass es fast wie ein strahlender Himmel Effekt haben kann . Und wir können das mit zerstörungsfreier Bearbeitung tun, indem wir eine neue Ebene oben hinzufügen und unsere Ausweichen und Brennen machen . Oder wir könnten ausweichen und direkt auf der Ebene brennen, wenn wir wollten. Aber ich finde zerstörungsfreie Bearbeitung ein wenig besser für den Workflow, also werden wir das tun? Ich werde eine neue Ebene erstellen. Das werden meine Schatten und Glanzlichter. Und ich werde gehen, um zu bearbeiten und nach unten gehen, um zu füllen. Und das haben wir einige Male in einigen Fotoshop-Klassen gemacht. Also, wenn du das schon getan hast, großartig. Aber das haben wir noch nicht getan. Das ist eine Art Prozess. Also gingen wir hoch, um Phil zu bearbeiten, und wir werden nur einen 50% grauen Inhalt machen. Wir werden auf OK klicken und diese 50% Grauabdeckung auf diese neue Ebene setzen , die wir erstellt haben, oder es geht zu einem weiteren Schritt. Das ist etwas, das du auswendig lernen musst. Wir gehen zu unseren Mischmodi für diese Ebene und sagten, es soll überlagert werden. Es wird so aussehen, als ob die Schichten nicht da sind. Aber wir werden Lichter und Schatten malen, indem wir das Pinselwerkzeug verwenden und mit Schwarz und Weiß anmalen , werden wir in der Lage sein, Lichter und Schatten am Himmel zu haben. Und was großartig daran ist, dass wir das ein- und ausschalten können und den Hintergrund unberührt lassen können. Wenn wir jemals zurückgehen wollten und „Gut“ sagen wollten, habe ich mich in diesem Bereich vermasselt. Es ist keine große Sache. Ich mache es einfach so, anstatt einfach nur auszuweichen und direkt auf der Ebene zu brennen weil es mir nur mehr Flexibilität gibt, in der Zeit zurückzukehren, wenn ich mich entscheide, etwas zu ändern . Also, was ich tun werde, ist, dass ich weiß nehme, einen schönen Brit, großen, weichen, runden Pinsel besorge großen, weichen, weichen, . Vielleicht nicht ganz so groß. Vielleicht etwa 1000. Und ich muss vielleicht die Deckkraft dazu ein wenig zurückbringen. Genau wie ein wenig ist das Hinzufügen etwas Himmel macht ein wenig leichter in bestimmten Bereichen. Und dann können wir auch Schwarz herausbringen und Schatten von Schwarz hervorbringen, werden Schatten sein ein wenig Schatten da unten hinzufügen, wo wir nicht brauchen, um Typ auf dort stehen ein wenig Hintergrund zu setzen . Und wenn wir nicht mögen, was wir getan haben, weil wir eine neue Ebene erstellt haben, können wir das immer ausschalten und von vorne anfangen. Das ist also das Tolle, wenn Sie diese neue Ebene hinzufügen, anstatt sie zu bearbeiten und diese Ebene direkt zu bearbeiten. Wenn ich das Ausweichen des Brennwerkzeugs direkt auf dieser Ebene tun würde, so brennen, Das war's. Ich stecke fest. Ich kann nicht wirklich zurückgehen und es rückgängig machen 26. E-Book – Schatten: Nun, lassen Sie uns unser letztes Foto mitbringen. Also lasst uns unser letztes Foto mitbringen. Wir haben ein paar generische Wolken, die wir hier integrieren werden. Wir werden Mischmodi und Schichtmasse verwenden, um das irgendwie zu mischen. Wir werden das den ganzen Weg zurück in den Hintergrund bringen, jenseits des ganzen Typs, und wir werden ein bisschen eine Schicht Massive machen. Aber Adul Lüftungsmaske und sehen, wie oft ich Schichtmasse viel verwenden. Ich hole nur das Grady Int-Werkzeug. Ich habe nur eine Standard-schwarze Zehe weiße Grady Int und genau wie mit Schichtmasse mit den schwarzen und weißen Pinseln, könnten wir dasselbe mit Glanz tun. Es macht einfach irgendwie ein schönes Fade, wenn wir es in die andere Richtung tun. Da gehen wir. Also nur eine nette Vaid, die in der Lage sein könnte, die Deckkraft ein wenig zu reduzieren. Nur damit es oben nicht so stark ist, dass es den Frieden übernimmt. Also eine Sache, die ich tun wollte, bevor wir anfangen, die Typografie zu beenden, da ich irgendwie fast wie ein Stück hinzufügen möchte. So haben Sie einen Spielhintergrund, um zu einem Spiel zu gehen. Und sie haben, wissen Sie, Gebäude aus Pappe geschnitten oder ausgeschnitten, und es sieht fast so aus, als würden sie während eines Spiels einen Schatten auf die Kulisse werfen. Und ich wollte ein ähnliches Aussehen und Stil wie das haben. Also haben wir einige sehr dunkle Schlagschatten, die auf den Rücken dieses Himmels werfen. Also werden wir das von Hand zeichnen. Anstatt nur eine Ebene auszuwählen, um einen Schlagschatten zu machen, werden wir unseren eigenen Schlagschatten erstellen und zeichnen und eine neue Ebene erstellen. Rufen Sie diesen Schlagschatten an. Wir ziehen diesen Weg hinter alles, aber der Himmel und wir werden ihr Pipettenwerkzeug besorgen und wir werden probieren Diese blaue Farbe ist wahrscheinlich hier wird es probieren. Dann klicke ich auf mein Farbfeld und schiebe es einfach ein wenig nach unten, um ihm etwas Dunkelheit hinzuzufügen . Und ich nehme meine weiche Rundbürste gleich hier. Wir werden es nicht ganz so groß machen. Etwa 400 oder so. Wir werden nur malen unsere Schatten immer noch machen es aussehen lassen, als würde es auf einer Kulisse werfen wie Sie bei einem Stück sehen würden, das wir nur zeichnen, wer einen Makerpinsel ein bisschen kleiner haben muss . Wir konnten sehen, wie sofort Schatten Malerei hinzufügen. Ich habe meine Augen auf seiner eigenen Schicht die gleiche Sache mit Haus, und ich muss vielleicht meinen Pinsel ein kleines bisschen kleiner machen. Es ist also nicht so ein großer Schatten zeichnen. Ich dachte nur, es hinzugefügt ein wenig Charakter, fast wie dies wurde zusammen als Satz für ein Spiel in das Buch, um es ein wenig mehr Kind wie ein wenig mehr verspielt zu machen . Warum wir das tun, und es wirft vielleicht nicht ganz so viel Schatten auf die Oberseite. Aber weißt du, das wäre einfach für unser Rennen. Ich gehe wieder zurück und mache nur ein bisschen einen dunkleren Schatten, und ich mache vielleicht nur Kontrolle Z oder befehle Z, um einen Schritt in meiner Geschichte zurückzugehen, wenn ich nicht mag, wie ich es zeichne. Es ist eine nette Abkürzung zu Sir nur Befehl Z. Ich bin auf einem Mac, also füge einfach mehr Schatten in bestimmten Bereichen hinzu, von denen ich denke, dass es notwendig sein könnte. Und da gehen wir. Wir können dieses Gebot aufhellen, also ist das irgendwie ein voller Schatten. Also schalte ich das einfach ein und aus. Lassen Sie uns die Deckkraft ein wenig reduzieren, also ist es nicht ganz so hart und wir kommen wirklich dorthin. Also lasst uns an der Typografie arbeiten. Lassen Sie uns herausfinden, was die wichtigsten Wörter sind. Was sind die Worte, die wir hervorheben möchten? Wir wollen einige handschriftliche Typografie für mindestens eines der Worte und die Worte, von denen ich dachte, es wäre ein wirklich lustiges Wort. Um ein Skript handgeschriebenen Typ zu machen, wäre das Wort wenig und alles andere könnte diese wirklich schöne traditionelle Sarah-Typ-Basis sein. Bevor ich also anfange, mit dem anderen Typ zu arbeiten, gehen wir weiter und holen unseren handgeschriebenen Brief hier rein, weil der Rest der Überschrift um diesen kleinen handgeschriebenen Schriftzug herum gebaut wird . Also gehe ich rüber zu meinem Schreibtisch, wo ich alle meine Stifte und Marker habe, um das Wort kleine Hand auf zwei verschiedene Arten zu kreieren . Das erste, was ich tun werde, ist, dass ich zu meinem Schreibtisch gehe, wo ich Buntstifte und Marker habe , und ich werde das Wort wenig in einem kleinen Drehbuch schreiben. Also werde ich einfach ein paar Buchstaben und Marker schreiben und nur in einem Flugzeug. Es ist eigentlich ein Stück Computerpapier. Es ist ein völlig weißes Stück Computerpapier. Es ist sehr wichtig, dass Sie eine Art reines Weiß verwenden, weil es viel einfacher wird, ein Foto zu machen und es in Photoshopped zu bringen, um es als digital geschriebenen Brief zu integrieren. Also hier ist, was ich in der Lage war, nur irgendwie mit einer Mischung aus Marker und Buntstift zu zeichnen , und ich wollte die rote Farbe dort verwenden, um irgendwie einen Pop gegen das Blau zu haben. , Also, was ich tun werde, ist, dass ich ein Foto mache und zwei verschiedene Fotos gemacht habe. Sie können sehen, wie die Beleuchtung ein wenig anders ist, aber Sie wollen versuchen, ein Foto zu machen. Und ich habe das gerade mit meinem iPhone mit direktem Licht gemacht. Sie möchten also direktes Licht auf Ihrem Bild haben, weil Sie keinen dieser Schatten aus dem Papier bekommen . Und natürlich, wenn du das Papier abgeholt hast und er es bewegt hat, wird es natürliche kleine Divots in der Zeitung geben, die Schatten erzeugen werden. Und das ist okay, denn wir können das in Adobe Photo Shop bringen und das etwas leichter machen, damit wir all diese Schatten loswerden können, damit wir den Schriftzug leicht isolieren können. Also habe ich dieses Foto in den Fotoshop gebracht und wie können wir das isolieren? Denn im Moment sieht es so aus, als wäre es wirklich hart, einen davon vom Papier zu heben und es so aussehen zu lassen , als wäre es auf den blauen Himmel geschrieben. Es gibt also ein paar Dinge, die wir tun können. Wir müssen Brighton deutlich loswerden und all diese kleinen Divots und Schatten und auf dem Papier, das natürlich geschaffen ist. Gehen wir also zu Bildanpassungen. Das erste, was wir tun werden, ist, dass wir zu Helligkeit und Kontrast gehen. Wir werden versuchen, Dinge zu tun. Wir werden versuchen, es ein wenig aufzuhellen, aber du willst Brighton nicht überlegen, denn dann fängst du an, etwas von der Qualität des handgeschriebenen Typs zu verlieren . Also gehen wir nur zu etwas Helligkeit, und was dann wirklich hilft, ist die Anpassung des Kontrastes. Also sind wir anstatt den Kontrast zu verringern, werden wir den Kontrast erhöhen, den Sie sehen können, dass diese kleinen Divots langsam verschwinden und der gesamte Schriftzug wirklich auftaucht. Das macht also immer und wir müssen vorsichtig mit Helligkeit sein. Könnte sehen, wie es gerade hier zu verschwinden beginnt, wenn ich die Helligkeit zu stark erhöhe . Lassen Sie uns versuchen, das Richtige gerade genug zu finden und klicken Sie auf „OK“, „OK“, und das könnte ausreichen, um ein wenig Helligkeit und Kontrast zu machen. Es gibt immer Belichtung, was eine andere Möglichkeit ist, diesen Hintergrund loszuwerden. Aber sehen Sie, Belichtung wird ein wenig dramatisch sein. Sehen Sie, wie es langsam wegnehmen oder Schriftzug wird. lassen wir in Ruhe. Wir machen nur die Helligkeit und den Kontrast. Ich denke, das reicht, um diesen Typ hier rauszuheben. Also schaue ich mir all diese verschiedenen Schriftzug-Optionen und versuche herauszufinden, welche auf dem Cover am besten aussehen würde. Und wenn ich diese zeichne, merke ich, welche dicker wir ein wenig besser übersetzen werden. Also, wenn du das machst, wirst du das auf einen anderen farbigen Hintergrund stellen. Es ist am besten, einen sehr dicken Typ zu machen, weil das dünne Zeug tatsächlich versucht hat, diesen dünnen Typ auszuschneiden , und es ist einfach nicht genug für den Titel abheben. Also das werde ich mit diesem dickeren Marker-Stil bleiben. Alles, was wir tun, ist das Polygon-Lasso-Werkzeug zu bekommen. Es wird das in einer Kopie isolieren und es zu unserem Entwurf bringen. Also hier ist es. Jetzt müssen wir den restlichen Hintergrund ausschneiden, also gibt es ein paar Möglichkeiten, das zu tun. Wir könnten es von Hand tun, indem wir das magische Auswahlwerkzeug bekommen und es langsam Stück für Stück ausschneiden , genau so. Nun, dann sind wir mit diesen kleinen weißen Teilen im Schriftzug drinnen übrig, und das würde etwas seltsam aussehen, weil wir dort blau durchkommen sollen . Es soll nicht weiß sein, denn das soll aussehen, als wäre es auf dem blauen Hintergrund gezeichnet, also wie werden wir diese kleinen Lichtpunkte im Inneren loswerden? Versuchen wir es noch einmal. Okay, was wir jetzt tun werden, da wir nur das magische ein Werkzeug oder irgendein Auswahlwerkzeug haben, werden wir voran gehen und irgendwo auf den weißen Hintergrund klicken, und anstatt alles auszuwählen, was wir machen einen kleinen Trick gehen, um zu wählen, und wir werden ähnliche auswählen. Es wird also eine ähnliche Farbauswahl auswählen, die wir ausgewählt haben. Also wird es das ganze Weiß auswählen. Und so merkt man, wie magisch es alle weißen Pixel für uns auswählt. Sogar einige der Pixel, die sich innerhalb des Strichs befinden. Wir werden das löschen, oder wir machen eine Maske. Wählen Sie also invers und maskieren. Oder wir könnten es einfach rausschneiden. Und da ist unsere handgeschriebene Typografie. Wir können es hier heraufbringen, und es gibt ein paar Dinge, die wir tun können, um die Farbe zu ändern, weil ich irgendwie einen rosa Schriftzug haben will , wie Sie am Anfang der Vorlesung etwas gesehen haben, das zu dieser rosa Ausgabe passt. Was wir also tun können, ist, dass wir verdoppeln, klicken, klicken und einen Layerstil in eine Farbüberlagerung machen können. Aber Sie bemerken, dass wir viele der natürlichen Striche verlieren. Also, wenn ich vorgehe und das entwirre, werden Sie diese schönen, natürlichen Pinselstriche sehen . Und die Farbüberlagerung wird das einfach völlig zerstören. Wir wollen es so handgeschrieben wie möglich halten. Anstatt nur ein Farb-Overlay zu machen, gehen wir nach oben und machen Anpassungen, und wir gehen zu Farbton und Sättigung. Also mit Hugh werden langsam ein wenig mehr rosa zu diesem schwächen Kurs hinzufügen. Machen Sie das jede Farbe, die wir wollen. Wir können es grün machen, hellblau. Aber ich denke für hohen Kontrast, ich denke, dass rosa nicht ganz hot pink, sondern nur ein wenig rosa würde wirklich einen langen Weg vom Kurs gehen . Wir können Sättigung hinzufügen, und wir könnten Liste wie jede andere Ebene anpassen. Also werde ich mit der rechten Maustaste darauf klicken und ich werde es in ein intelligentes Objekt konvertieren, weil ich es etwas kleiner machen möchte . Aber dann möchte ich in der Lage sein, es größer zu machen, wenn ich muss. Also werde ich zu einem intelligenten Objekt konvertieren. Jetzt bin ich frei, es kleiner und größer zu machen und herauszufinden, wie ich dies in die Überschrift integrieren kann. Also brauchen wir nicht mehr wenig. Also lasst uns voran gehen und das loswerden. Aber jetzt haben wir unsere kleine Typografie. Wir könnten versuchen, den richtigen Winkel dafür zu finden. Das ist also eine Möglichkeit, schriftliche Typografie in Hand zu bringen. Das war auf einem Stück Papier und machte ein Foto davon und konnte es sehr leicht digitalisieren . Also werden wir es auf eine andere Weise versuchen, weil wir nur wirklich verschiedene Möglichkeiten erforschen, handgeschriebene Typografie einzubringen. Jetzt werde ich zu einer App namens Procreate gehen, die eine Apfel Aufklärungsskizze digital ist. Alles, was man sich vorstellen kann, einschließlich Typografie. Also werden wir das jetzt mit Procreate skizzieren. Wir sehen uns dort in einer Minute. 27. Hand- und Procreate Lettering: Also bin ich gerade in der Procreate App. Ich werde nur ein neues Dokument erstellen, und ich habe die Farbe Rot ausgewählt. Wie ich dachte, wir würden nur das gleiche Rot herausbringen. Vielleicht kann ich voran gehen und es so leicht rosa machen, damit wir nicht viele Farbmodifikationen daran vornehmen müssen. Und die Art von Pinsel, die ich benutze, Sie können all diese verschiedenen Arten von Bürsten verwenden. Ich mache einen Kalligraphiepinsel. Er nennt sich Schieferpinsel. Und was ich an den Schieferpinseln liebe, bekam gerade diese schöne Textur. Das sieht wirklich, wirklich nett aus. Also hier können wir die Deckkraft davon ändern. Wir wollen eine volle Deckkraft haben, und wir können auch die Pinselgröße ändern. Wer könnte es zu einem ziemlich großen, dicken Schlag machen , wenn wir wissen wollten, was ich an der Fortpflanzung liebe? Es hat ein wirklich natürliches Aussehen, so dass das wirklich authentisch aussieht und wie etwas aussieht, das ich auf einem Stück Papier mache. Wir werden sehen, wie es mit dem Rial, Bleistift und Papier verglichen wird, das wir gerade gemacht haben. Also lasst uns versuchen, Zeichnen sind wenig so ein bisschen zu groß. Also lasst uns die richtige Größe bekommen, nur eine glatte Bewegung zu machen. Und wenn wir diese tun, können wir die Dicke erhöhen. Wir werden viele verschiedene Beispiele machen. Wir bringen ihn rein. Alles ist ein Blatt ein bisschen größer? Ich mache ein bisschen schräg, denn so will ich, dass die endgültige Typografie darin liegt und somit auch Druck auf Ihren Stift hat. Also, wenn ich härter drücke, wird es wie ein dicker sein. Und wenn ich das Feuerzeug gedrückt habe, wird es leichter machen. Ich liebe Fortpflanzung für alle möglichen Dinge. Wir werden irgendwie dünnere Versionenreduzieren, , dünnere Versionen eine glatte Bewegung mit unserem Schriftzug machen. Genau so können wir das in ein paar Dinge bringen, die wir zuerst tun müssen, und Fortpflanzung werden in meine Ebenen gehen , die hier oben sein könnten, und Sie werden diese kleine Hintergrundfarbe bemerken. Ich werde das einfach entwirren und Sie werden feststellen, dass der Hintergrund vollständig verschwindet. Das ist gut. Wir müssen nicht den ganzen Schritt machen, den wir tun mussten, als wir ein Bild mitbrachten. Wir müssen nichts davon tun. Es ist bereits in einem transparenten PNG-Hintergrundformat. Das ist fantastisch. Also, jetzt werden wir es als PNG exportieren, damit wir diesen transparenten Hintergrund behalten können. Wir werden hierher gehen, um zu exportieren, zu teilen , also Exportteilen, und wir werden als PNG teilen, dass es exportiert wird, und ich werde mir eine E-Mail schicken und dich wieder im Fotoshop sehen. Ich habe R, P und G, und ich habe es in Adobe Photo Shop gebracht. Und schauen Sie, wie viel einfacher es ist, dies zu tun, weil wir keinen der weißen Hintergrund isolieren müssen. Wir müssen die Helligkeit nicht erhöhen. Es ist genau hier. PNG transparenten Hintergrund, bereit zu gehen, so viel effizienter. Und ich liebe all die verschiedenen Pinseloptionen. Ich habe mich nicht gepflanzt. Ich bevorzuge die Fortpflanzung gegenüber Pin und Papier. Aber weißt du, es gibt viele verschiedene Möglichkeiten, wie wir das tun können. Es gibt sogar die dritte Möglichkeit, ein Wakame-Tablet zu haben, und Wakame-Tabletten könnten so billig wie $100 es könnte es direkt in Fotoshop und verwenden Sie die Pinsel-Tools mit dem Wakame-Tablet und ziehen Sie die Hand Schriftzug direkt in Photoshopped . Das ist eine weitere Option, die Sie tun können, ist gut, alle Foto-Shop hat nicht ganz die organisch aussehenden Pinsel, die Fortpflanzung hat. Lassen Sie uns also voran gehen und greifen Sie die, die wir denken, den besten Kontrast oder die beste Dicke oder , Sie wissen,die Präsentation hat , Sie wissen, . Also konnte ich diesen unteren hier unten greifen, hat nicht viel Zeit damit verbracht. Ich habe ein anderes Set, in dem ich ein bisschen mehr Zeit damit verbracht habe. Also werde ich das einfach von dieser Ebene kopieren und es in unser Dokument bringen. Und einfach so, es ist schon bereit zu gehen. Also hier ist unsere Hand geschrieben. Ich werde das alles abreden. Ich bringe das hier rein und nenne es Fortpflanzung, und wir können es anschrägen und einen kleinen Schatten hinzufügen. Es gibt also ein kleines, handgeschriebenes, festes Gesicht, das breit war, aus dem, waswir gerade in fünf Minuten oder weniger geschrieben , waswir gerade in , was haben. Und ich habe noch eine, die ich getan habe, als ich ein bisschen mehr Zeit damit verbracht habe. Ich mag diese Art von schräger. Sieh mal, es hängt nur davon ab, welche du denkst, dass sie besser dafür funktionieren würde. Also haben wir zwei verschiedene Arten. Wir haben einen, und dann haben wir zwei. Also, was auch immer Sie denken, würde am besten für dieses bestimmte Layout funktionieren. Und natürlich haben wir diejenige, die wir die Hand geschrieben haben, eine, die wir in eine Schwung gebracht haben, die wir wahrscheinlich ein wenig aufhellen können, indem wir einige Filter verwenden, um das gleiche Aussehen wie unsere Hand zu passen geschriebener Typ. Was wir jetzt tun müssen, ist, dass wir an der Typografie arbeiten und versuchen, das beste Arrangement herauszufinden und dies auch wirklich als Hauptwort der Schlagzeilen hervorzuheben. machen wir als Nächstes. Lassen Sie uns herausfinden, was das wichtigste Wort hier ist. Das ist also kein sehr wichtiges Wort. Was ich also tun möchte, ist, dass ich das natürlich etwas kleiner machen möchte, und ich möchte es zu einem Talent machen, weil ich denke, dass es sehr schön mit der schrägen Schriftart erscheint . Also bekomme ich einen Doppelklick und wir werden versuchen, eine serifenartige Schrift zu machen, weil ich denke, wenn wir einen Sand Saref machen, sah es ein wenig zu modern und blockig aus und da wir diese schöne, wunderbare handschriftliche Schrift haben , wir haben diesen Hintergrund wie ein Stück eingerichtet. Ich dachte, wir wären verspielter mit unserer Typenwahl und werden ein wenig traditioneller mit einer serifenartigen Schrift. Also lasst uns eine serifenartige Schrift auswählen. Es gab eine, die ich bereits im Sinn hatte, und es heißt Adoni, die ich viele und andere Kurse benutzt habe. Also heißt es Madani, aber du könntest die Serifenschrift verwenden, die du magst, und wir werden versuchen, bei einem Buch oder in diesem Fall einem Buch kursiv zu bleiben , weil wir das zum Metallic machen wollen. Also haben wir nur das etabliert. Lasst uns weitermachen und das machen. Aber Dhoni, lass uns alles passen. Wir haben hier ein paar verschiedene Möglichkeiten, von denen man gut aussehen könnte. Lassen Sie uns einen alten Stil mutig machen und sehen, wie das aussieht. Lassen Sie uns den Rest in der tun, ist kein sehr wichtiges Wort noch einmal. Also frage ich mich fast, ob wir das löschen können und einfach einen ähnlichen Stil herunterbringen können, ihn vielleicht ein kleines bisschen größer machen. Und dann haben wir City, die wir Padonia anschwellen alten Stil Buch, das jetzt haben wir das als Kleinbuchstaben und es macht mich fragen. Wir haben dieses kleine Kleinbuchstaben. Wir haben diese Kleinschreibung. Ich frage mich, ob wir einen kleinen Kontrast zu unserer Schlagzeile haben können, indem wir diese alle Kappen zumindest diese beiden Kappen machen. Also gehen wir und sehen, ob wir nicht zu unserem Charakterfeld gehen können. Dieser Klick auf sind alle Kappen machen es viel einfacher für uns und Art der Anpassung. Die Größe City ist ein ziemlich wichtiges Wort, also lassen Sie uns das ein bisschen größer halten. Lassen Sie uns den Abstand hier oder den Strom zwischen diesen beiden Zeichen lockern. Also werde ich einfach gehen und ein bisschen mehr Tracking hinzufügen. Stellen Sie das auf 100 ein und lockert diesen Typ ein wenig. Was ist es atmen und dasselbe für Cottage. Mal sehen, ob wir das nicht sogar Mawr atmen lassen und das etwas kleiner für den Kontrast machen können . Genau so. Und ich ging voran und machte diese Art von einer dunkelblauen Farbe, weil ich dachte, als ich es machte schwarz schaltet auf schwarz. Also haben wir das auf Schwarz. Aber das, was ich dachte, das Dunkelblau tat, ist schwarz. Und dann ist das irgendwie dunkelblau. Es hilft, eine Art von Paar mit diesem blauen Hintergrund, weil es in der gleichen Farbfamilie ist. Wir haben dieses dunklere Blau, und dann hast du dieses hellere Blau und ich dachte, es spielte ein wenig weich anstatt so hart zu sein. Jetzt ist der schwierige Teil, all dies und auf die richtige Art und Weise anzupassen. Und hier können wir anfangen, vielleicht über unsere Margen nachzudenken. Mal sehen, ob wir unsere Marge nicht ganz nach oben kriegen können. Ich glaube nicht, dass wir hier irgendein Problem mit der Marge haben werden, weil ihr Typ so weit weg sein wird . Wir passen einfach den Typ an. Und ich würde es lieben, wenn der Typ irgendwie etwas vertikaler wäre, weil wir diesen schönen, freien Raum hier unten haben , den wir benutzen können. Ich mochte Stadt da unten haben, vielleicht die Abstände ein wenig anziehen. Vielleicht nur 50 statt 100 zu tun, könnte es ein bisschen größer machen. Wirklich. Nutzen Sie das aus. Dieser Raum und Immobilien 28. E-Book – Exportieren: nur Oliver Elemente ein wenig, weil ich denke, wir wollen mehr Wert auf die Hütte setzen . Und genau deshalb haben wir Smart Layer entwickelt, damit wir diese ohne Probleme vergrößern können . Also möchte ich wirklich ein wenig mehr Wert auf das Haus bringen. Natürlich kann das bedeuten, dass wir die Gebäude auch ein wenig größer machen und sie nur ein wenig zur Seite stellen müssen , damit Sie einen kleinen Hinweis auf das Gebäude sehen können. Aber es ist nicht der Hauptfokus des Buch-Cover einfach so, und das wird unsere Typografie eine Chance geben, Zehe Art von Füllung in diesem Bereich ein wenig. Da gehen wir. Also denke ich, dass ich das Gleichgewicht etwas besser mag. Ich habe das Gefühl, dass es weniger Wert auf die großen Gebäude und ein wenig mehr Wert auf die kleine Hütte, und es gibt uns eine Chance, unsere Schlagzeile schön quadriert hier. Also, was ich tun werde, ist, etwas Zeit damit zu verbringen, sicherzustellen, dass das die richtige Ausrichtung hat, und das ist, wenn wir ein Gitter aufstellen könnten und wir es irgendwie auf dem Gitter aufstellen können. Wir wollen sicherstellen, dass all diese Art zentriert nach dem allgemeinen Frieden ausgerichtet ist. Also habe ich meine intelligenten Guides an. Es wird es mir sagen können. Siehst du die lange pinke Linie, die mir sagt, dass sie zentriert auf das Stück mit dem Gesamtdokument ausgerichtet ist , anstatt das Gitter ausbrechen zu müssen? Manchmal bekommst du das kleine bisschen Hilfe. Wir können auch einen kleinen Schlagschatten zu unserem handgeschriebenen Typ hinzufügen. Es gibt einen kleinen Schlagschatten, nur ein kleines bisschen, das man sehen kann, man kann es nur sehr, sehr, sehr, sehreng übertreiben sehr, sehr . Wenn das nur eine kleine Ebenendimension ist, lassen Sie uns in Position gehen, in der ich meine Pfeiltasten benutzte ,um die richtige kleine Position zu finden , sie einfach dort in diesem kleinen zusätzlichen Platz zu stecken. Und da ist unser kleines Buchcover, das wir kreiert haben. Also, jetzt müssen wir noch eine Sache tun, nämlich meinen Namen zu tun und lassen Sie uns voran gehen und das machen, aber Dhoni, um irgendwie mit allem zu halten , oder ich vergleiche und mache dies zu einer serifenartigen Schrift, damit wir einfach Helvetica auswählen nur um etwas zu haben schnell und einfach. Und lasst uns zu unserem Charakterfeld gehen. Lassen Sie uns etwas weit fassen, warum es Jahren gegenübersteht. Also 666 für unser Tracking. Und lassen Sie uns in allen Kappen tun, weil wir keine großen, breiten Lücken mit Kleinbuchstaben haben. Wir wollen das immer mit Großbuchstaben machen, die dazu neigt, viel besser aussehen als große Abstände zwischen Kleinbuchstaben gibt es da ist unser Name. Wir könnten das wahrscheinlich sehr viel tun. Verbringen Sie eine weitere Stunde Art von Feinabstimmung Farben. Wir könnten sogar die Farbe von dieser Art ändern und das etwas aufräumen. Wir können sogar einen Schornstein und alle möglichen zusätzlichen Effekte zu unserem Gebäude hinzufügen, wenn wir wollten . Aber für nur eine Art von einem schnellen e-Buch-Cover, ich denke, wir haben ziemlich gut hier gemacht. Also, jetzt ist das letzte, was wir tun müssen, exportieren Sie diesen Also einen Export. Dies ist die letzte Version, die ich gemacht habe, bevor ich die Klasse filme. Wir werden das nur als Beispiel verwenden und wir werden das als JPEG exportieren. Also wird es zum Exportieren von Dateien gehen, und einige von ihnen haben Anforderungen wie Amazon. Sie möchten keine Größe von mehr als 50 Megabyte hochladen, also sind das nur einige Anforderungen an die Dateigröße. Sie müssen im Hinterkopf behalten, wenn Sie das exportieren. Nun, wir wollen die höchste Qualität erreichen, die wir können. Also lassen Sie uns ein J Peg 1600 von 25 60 wir. Es ist ein RGB-Modus. Alles, was wir in dieser Klasse machen, ist digital, also wird es ein RG Fleisch-B-Modus sein, und das war's. Wir werden es exportieren und sehen, was die Dateigrößen und sehen, wie es für die Dateigrößen aussieht . Nur vier Megabyte. Also, das ist fantastisch. So können wir das hochladen und es auf einem Kindle e-Buch-Cover bekommen, und wir haben es getan, und die Anpassungen für einige der anderen Größen in diesem Artikel wird sehr einfach sein. Also in diesem Fall haben wir ein 1600 gemacht. Das wäre sehr einfach, denn das ist nur 100 Pixel größer. Also gehen Sie einfach in Ihr Dokument, Sie würden zur Canvas-Größe gehen und Sie passen einfach die Leinwand an. Sagen wir mal, es wird sich um 2400 auf 1600 ändern. Also, jetzt tun wir nur 2400 wird ein wenig kürzer in der Größe sein. Gehen Sie weiter und fahren Sie fort. Sie können sehen, dass es weitergeht und die Leinwandgröße ändern wird. Nicht eine ganze Menge. Wir müssen uns hier einstellen. Wir müssen nur ein bisschen von der Typografie. Aber wir haben nur ein wenig Himmel verloren und es ist keine große Sache. Und dann gehen wir erneut durch den Exportprozess, so dass Sie dies als grundlegende Vorlage verwenden können, um an all den verschiedenen Größen zu arbeiten, die Sie benötigen. Und wie Sie bemerken werden, sind sie es nicht. Sie unterscheiden sich nicht dramatisch von e Buchcover Typ Zwei Personen decken Typ. Also gehen wir hin. Wir haben gerade eine ganze Tarnung zusammen gemacht. Ich liebte es, wie wir in der Lage waren, Typografie auf zwei verschiedene Arten zu digitalisieren . Natürlich gibt es auch das Wakame-Tablet, das wir nicht abgedeckt haben, aber du würdest einfach dein Wakame-Tablet einstecken und deinen Pinsel herausnehmen, und du würdest nur bürsten, wie du dich nicht fortbilden würdest. Aber sie würde einfach direkt in das Photoshopping-Dokument einpinseln. So viele verschiedene Möglichkeiten, um Ihre handschriftliche Typografie und Flare in Projekte zu bringen. Es ist eine super beliebte Sache zu tun, weil es diese wunderbare reiche Note zu Ihren Designs fügt . 29. Handgezeichnete digitale Assets in Procreate: Also sind wir in der APP procreate gerade jetzt, wo es eine digitale Skizze AP Kurse in vielen verschiedenen Optionen digital skizzieren Assets. Wer kann ein Wakame-Tablet verwenden und planen Sie direkt in Fotoshop mit ihren Pinseln und Photoshopped. Oder Sie können bereits ein Werkzeug wie Procreate haben, das eine noch breitere Palette von organisch aussehenden Pinseln hat , die Sie verwenden können, um Assets zu digitalisieren. Genau darum geht es in diesem Abschnitt. Ist in der Lage, einen Schritt weiter zu gehen und in eine Menge Details zu gehen, wie man die organischen handgezeichneten Assets zu erstellen und sie in Fotoshop oder Illustrator bringen, um wirklich ordentlich aussehende Kampagnen zu erstellen , die diese organischere, handgezeichnete sehen als Art einige Beispiele für einige dieser Untätigkeit zu sehen. Wir werden Handschriftzug machen. Wir werden einige horizontale Balken zeichnen, in die wir Promo-Inhalte einfügen können. Wir werden auch eine Reihe von Pfeilen machen, die wir Teoh für alle möglichen Vermögenswerte verwenden können , also werde ich loslegen. Das ist, wo wir gerade sind und uns fortbilden. Dies ist die, die ich bereits erstellt habe, und Sie könnten sehen, dass ich vielleicht fünf oder sechs verschiedene Pinsel verwendet habe und eine Vielzahl von verschiedenen bemalten Pinseln erstellt habe. Natürlich werden wir auch überlegen, wie wir es mit der Hand zeichnen und es einbringen können, genau wie es ein paar frühere Lektionen war, die ich gemacht habe, als wir Typografie mitbrachten. Es wird ein sehr ähnlicher Prozess sein, aber fangen wir mit Fortpflanzung an und verwenden einige andere Pinsel, um Ihnen irgendwie zu zeigen, wie Sie einige dieser Vermögenswerte einbringen können. Und das Tolle an der Fortbildung. Was mir am meisten gefällt, ist, wenn Sie diese Assets erstellen, können Sie den weißen Hintergrund, der als P und G mit einem transparenten Hintergrund exportiert wird, loswerden . Und Sie müssen nicht auf Fotoshop gehen und versuchen, den weißen Hintergrund zu entfernen, wie Sie es tun. Wenn Sie Hand zeichnen Assets auf Stift und Papier, müssten Sie ein Foto davon machen, bringen Sie in Fotoshop und entfernen Sie die weiße Seite oder den Hintergrund. In diesem Fall ist das ein Schritt, den wir nicht tun müssen. Es ist bereits bereit zu gehen, und ich werde diesen Prozess durchlaufen, also gehen wir in die Galerie eines neuen Dokuments, und wir wollen sicherstellen, dass das Dokument wirklich groß ist, weil es als Photoshop-Datei exportiert wird und Es wird schließlich B, P und G sein. Wir wollen also sicherstellen, dass es so groß ist, wie wir können, denn wenn wir wirklich wollen, dass diese hohe Auflösung haben, damit sie sich so groß wie möglich dehnen können, ohne verzerrt zu werden. Also muss ich für diese 4000 mal 4000 den ganzen Weg unten gehen. Dass das ein ziemlich gutes, schönes Quadrat ist, können wir Candace verwenden. Das sind 4000 mal 4000 und wir werden anfangen. Also eines der ersten Dinge, die ich tun möchte, ist die richtige Farbe zu bekommen und was ich mit diesen Pfeilen mache und will ihn irgendwie eine hellgraue oder dunkelgraue Farbe machen. Äh, also will ich ihnen nicht viel Farbe haben, denn in der Fotoshow können wir uns in die Farbe ändern, die wir wollen. Also möchte ich es irgendwie eine neutrale Farbe behalten. Also mal sehen, ob wir nicht irgendwie ein hellgrau oder ein dunkelgrau bekommen können, das hier eine Art dunkles Grau für meine History Palette genau da unten auf dem Farbrad pflückt . Und ich möchte sicherstellen, dass ich alles mit meinem Pinsel anpassen kann. Also gehe ich hier rüber auf meine linke Seite. Ich muss die Pinselgröße ändern, und jeder Pinsel wird sein eigenes Wechseln haben. Wenn ich also einmal einen Pinsel gewechselt habe, gehe ich hierher und ändere die Größe, je nachdem, was die Pinseleigenschaften sind. Und dann werde ich runtergehen und sicherstellen, dass wir bei 100% Pinselkapazität Fenster auf jedem Verblassen . Und hier ist, was wir tun werden. Procreate hat Ebenen, was es wirklich einfach macht zu exportieren, weil, sagen wir, es erstellt ein paar verschiedene Ebenen. Ich kann diese Datei in den Fotoshop exportieren, und sie wird alle Ebenen behalten. Also ist es großartig, da ich 20 Pfeile auf jeder eigenen Ebene kontrolliere. Und wenn ich es in Photoshopped bringe, habe ich schon alles auf einer eigenen Ebene und getrennt, was super, super praktisch ist . Wir werden das im Hinterkopf behalten, wenn wir das tun. Du wolltest schon immer eine Ebene führen, die einfach nach rechts schiebt. Löschen. Wir werden nicht zu tief in das Training eingehen, weil ihr Jungs vielleicht eine andere Anwendung anstelle von Fortpflanzung verwenden . Also, was ich tun werde, ist, dass ich Pfeile bei Google studiert habe und , vielleicht einige Ressourcenpakete studiert habe,die online zum Verkauf stehen, darunter Zeitgrafiken, Aero-Vektorgrafiken. Ich versuche nur, eine Vorstellung von einigen verschiedenen Formen zu bekommen, die bei Pfeilen beliebt sind. Und ich denke auch an meine eigenen sozialen Medien bei der Kampagne. Ich würde gerne einige Pfeile haben, die auf einen Call-to-Action-Button zeigen, und ich möchte nicht, dass es die ganze Zeit gerade ist. Ich hätte gerne ein paar Schleifen, paar Kurven, vielleicht sogar einen Kreis, der den ganzen Weg geht. 3 60 Wir gehen zu einer Vielzahl von Pfeilen. Mal sehen, mit welchem Pinsel wir anfangen werden. Es gibt einige wirklich tolle Pinsel sowohl im Denken als auch in der Zeichnung. Also diese Luft Art der beiden Kategorien, aus denen wir ziehen werden, in Bezug auf unsere Pfeile zu tun . Also lasst uns voran gehen und mit diesem beginnen, und ich habe fünf Fortpflanzung, die eine Menge neuer fantastischer Eile hinzugefügt hat. Also, wenn Sie es haben, ist es ein kostenloses Upgrade, um die fünf zu erhalten. Also werde ich das tun. Diese Bürste hier, wir werden anfangen. Natürlich machst du nur ein paar Pinsel und du merkst, wenn du diese Größe etwas kleiner machst , werden wir einfach mit Pfeilen üben. Ich bin mir nicht sicher, wie diese Luft ausfallen wird, weil ich sie live mache, aber ich habe bereits ein Set, das du herunterladen kannst. Und die herunterladbare Ressource ist, dass wir nutzen werden, um unsere Social-Media-Kampagne zusammen zu gestalten. Wir werden diesen Fotoshop herstellen, also erschaffe ich gerade ein paar generische Pfeile für jetzt. Und wenn Sie nicht mögen, kann es immer einfach zurückgehen, drücken Sie diesen Knopf, gehen Sie zurück am Anfang. Es wird ein bisschen Nudeln brauchen, um den richtigen Stil zu finden. Manche werden klobig sein, andere werden wir dünn. Also eine Sache, über die ich nachdenken möchte, wenn ich das mache, ist jedes Mal, wenn ich einen neuen Pfeil erstelle , du musst das nicht tun, aber du spart dir viel Zeit, ist los und gehe zu deinen Layern und füge eine neue Ebene hinzu für jeden Pfeil, den Sie tun. Wenn Sie es also als Photoshop-Datei exportieren, müssen Sie nicht dort sitzen und jedes einzelne ausschneiden und einfügen. Es ist bereits auf einer eigenen Ebene. Sie müssen sich nur daran erinnern, dass das eine Zeitersparnis sein wird. Sie müssen das nicht tun, wenn Sie nur alles auf einer Ebene skizzieren möchten und zurückgehen und irgendwie das Lasso-Werkzeug verwenden, um eine zu isolieren und es dort rauszuholen, können Sie. Also, wenn ich das erstellt, um weiter so zu gehen, Also, wenn ich bereit bin, eine neue Ebene zu erstellen, und ich bin bereit, einen anderen Pinsel zu versuchen. Also lasst uns Eagle Hawk ausprobieren, damit jeder seinen eigenen Stil hat. Sie können sehen, diese hat mehr von der Tinte Aquarell. Sieh es dir an. Wieder einmal erinnere ich mich nicht daran, meine Schichten zu machen, sondern nur zu Demonstrationszwecken. Aber erstellen Sie diese neue Ebene mit jedem neuen Pinsel. Lass uns einen machen, der hier irgendwie lockig ist. Gehen wir zurück zu unseren Bürsten und jeder neue sagte, ich mache alles sieht ein bisschen anders . Okay, also versuchen wir einen anderen Pinsel. Versuchen wir es Blackburn, wo sie alle Zeichenpinsel spült, damit sie sehr stilistisch sein werden. Und sehen Sie, dass der Pinsel so viel größer ist als die anderen. Es muss die frische Größe reduzieren. Okay, also versuchen wir es mit einem anderen Pinsel. Lassen Sie uns ins Denken gehen und versuchen Sie ein wenig mehr von einem sauberen Pinsel. Lassen Sie uns versuchen, war trockene Tinte versucht. Siehst du, wie das aussieht? Es ist geradliniger. Es hat nicht ganz den dickeren oder dünneren Strich. Es ist eher eine gleichmäßige Art von Aussehen eher eine Modelllinie. Das wird interessant sein. In Ordnung, wechseln wir zu Marker. Das ist wirklich dick. Schnell, erstellen Sie auch ein paar dünnere Pfeile. Irgendwann willst du einen anderen wirklich stilistischen Helden haben, der sich so bewegt, dass Inka sehr zerstört aussieht. Es hat eine Menge Charakter. Werfen wir einen Blick auf den Pinsel. Sie können auch Pinsel anpassen. Wenn Sie in Pinsel gehen, klicken Sie darauf. Es gibt eine Menge Dinge, die Sie ändern können Mit diesem können Sie den Abstand ändern, die Stromlinie, all dies kann wirklich die Eigenschaften Ihres Pinsels ändern. Ich will nicht zu viel im Detail mit dem kleinen gehen. Es ist irgendwie lassen Sie es als Standard, nur um einige einfache Pinsel zu bekommen, die viel mehr verzerrten, zerstörten Look haben könnten viel mehr verzerrten, , was wirklich cool für sein könnte, wie eine städtische basierte Jugendwerbung. Es gibt also nur ein paar verschiedene Pfeile. Lass uns noch ein paar mehr machen. Versuchen wir Mercury. Es ist etwas dünner. Das ist die Haut. Ihre Alternative. Ich wollte es versuchen. Ich möchte ein paar dicke ausprobieren. Dann, wenn er nie weiß, die Situation, Situation und Art von Pfeil, die ein Bedürfnis ausgelöst. Also ist es schön, eine ziemlich große Vielfalt zu kreieren. Ich erstelle nicht eine Ebene für jeden, nur so dass ich eine Show Sie den Prozess ein wenig besser schneiden kann . Aber ich würde eine neue Ebene für jeden Helden erstellen 30. Handgezeichnete digitale Assets in Procreate 2: Nun, da wir eine ganze Reihe von Pfeilen fertig haben, sind wir bereit, dies zu exportieren. Also eine Sache, die wir tun wollen, was anders ist, als wenn Sie auf einem Wakame-Tablet sind, könnten Sie all diese direkt in Fotoshop mit Schichten zerstören. Und du könntest auf dem transparenten Hintergrund verwirren. In diesem Fall haben wir diesen weißen Hintergrund, der standardmäßig kommt, also wollen wir das loswerden. Also gehen wir in unser Ebenen-Panel, wir gehen den ganzen Weg nach unten, und es gibt etwas namens Hintergrundfarbe, die eine Füllung darauf hat. Alles, was wir tun müssen, ist dieser Spaß Check the box. Und jetzt ist alles transparent, was fantastisch ist. Das ist genau das, was wir wollen und wie wir es exportieren wollen. Wir brauchen keinen weißen Hintergrund, um später zu entfernen. Also, jetzt werden wir das exportieren, gehen zu unserem praktischen kleinen Einstellungstool hier. Wir gehen, um zu teilen, und wir wollen das als Photoshop-Datei teilen. PSD. Und ich werde das auf mein Google-Laufwerk schicken und es auf meinen Desktop holen. Und wir sehen uns in Adobe Photoshopped Und bevor wir in den Fotoshop gehen, wollen wir ein paar andere verschiedene Assets erstellen, die wir als Teil unserer Branding Assets verwenden können , die in der Notwendigkeit, unsere Kampagne zu erstellen. Also haben wir eine Reihe von Pfeilen erstellt. Was ich als Nächstes gerne tun würde, ist ein Alphabet zu erstellen, weil ich in unserer eigenen einzigartigen Typografie, Ihrer eigenen einzigartigen Schrift,buchstabieren möchte Typografie, Ihrer eigenen einzigartigen Schrift, . Ich denke, man könnte sagen, dass ich das mit einer Reihe von Schriftzug erstellen möchte, um eine Überschrift zu erstellen , damit es einzigartig aussieht. Interessant. Und geben Sie ihm den Detailpinsel. Schau, also schaffen wir, dass wir ein neues Dokument auf die gleiche Art und Weise eröffnen, wie wir 4000 mal 4000 sind. Tun Sie etwas anderes. Wir werden ein Raster erstellen, denn wenn Sie 26 Buchstaben des Alphabets haben, die ein Gitter haben, wird uns wirklich helfen, unsere Schriftart, die wir zusammen mit der Grundlinie und auch den oberen Kappenhöhenlinien erstellen, auszurichten , ist es wird uns helfen, unseren ganzen Brief wirklich auszurichten. Also sind sie irgendwie etwas nah an der gleichen Größe. Also werden wir das tun, indem wir zu den Einstellungen gehen auf Leinwand und dann einfach auf Zeichenführer klicken . Es wird einige Standardraster hinzufügen. Sie können weiterhin Zeichnungsführung bearbeiten und wir können die Rastergröße ändern, reduzieren Sie es ein wenig, so dass es könnte ein paar mehr Rasterlinien für uns und setzen auf getan. Also, jetzt haben wir unsere Art von Vorlagen hier eingerichtet, also werden wir Art von Schwarz verwenden. Wir behalten unsere neutrale Farbe. Und lassen Sie uns eine schöne Bürste aussuchen, die wir denken, würde wirklich gut für diese Art von Marker für handgebürstete, handbemalte Art von rohem, robustes Feld aussehen. Möchten Sie, dass dies eine nützliche, robuste Marken ist? Wir wollen eine bestimmte Bürste wählen, die wir denken, dass es gut tun würde. Natürlich könnten wir ein paar Mal putzen, um zu sehen, welche wir mögen. Das ist Eagle Hawk. Ich mag das in diesem 10 Bär auf. Ich mag die Art und Weise, die sehr aussieht. Also werden wir voran gehen und das versuchen. Fangen wir mit dem Brief an. A. Wir wollen eine Art klobige Marker Appell haben, so fühlen Sie sich frei, zurück zu gehen, versuchen Sie es erneut, bis Sie etwas bekommen, das Sie mögen. Es gibt also einen Brief und man könnte sehen, dass ich irgendwie in den vier Boxen bleibe, nur so dass alles meistens aus der Grundlinie und der Deckelhöhe kommt, aber nicht viel. Es wird alles hauptsächlich in vier Quadraten des Drehbuchs aufbewahrt werden. Lassen Sie uns also eine neue Ebene erstellen. Das ist ein Buchstabe B. Okay, versuchen wir es mit dem Buchstaben C und so weiter. Also ein B, C D E f. Und dann versuchen wir G, unsere Briefe hier unten zu arbeiten und fühlen sich frei, eine Pause zu machen und Schriftzug zu studieren , weil es so viele verschiedene Möglichkeiten gibt, zu zeichnen. Okay, es gibt so viele verschiedene Möglichkeiten, verschiedene Elemente zu machen, und wir könnten das gut machen. Oder wir könnten auf diese Weise gut machen, wo das Bein des K vom Bein auf der Oberseite kommt, viele verschiedene Wege. Um das zu tun, um Art von Studie Typografie und Art herauszufinden, welche Orientierung Sie von der K nur Google K und dann Google den nächsten Buchstaben und nur studieren verschiedene Arten und Zeichen. H i J, K und L, mit diesem großen dicken Marker Look und gehen Sie es muss nicht gleichmäßig verteilt sein. Ich meine, es ist schön, wenn du all diese gleichmäßig aufstellen kannst, aber am Ende sie alle separate Schichten sein, und du kannst sie überall in einem Fotoshop bewegen. Der größte Deal ist sicherzustellen, dass sie eine ähnliche Größe haben. Wenn das also innerhalb von vier Kisten bleibt, wollen wir sicherstellen, dass das J vier Kisten bei ihm bleibt. Also muss ich das vielleicht ein wenig ändern, weil die Buchstaben größer werden. Aber wenn du im Fotoshop bist, könntest du alles tun. Dies ist auch eine sehr grobe Typografie, also ist es OK, wenn es etwas größer, kleiner wird. Vielleicht möchten Sie einen benutzerdefinierten Pinsel-Schriftzug entwickeln, der sehr prägnant ist. Und so benutze diese Gitter, um diese prägnanter zu halten als das, was ich mit meinem speziellen Set mache. Und einige der Charaktere müssen möglicherweise einen größeren Eile haben, um irgendwie das Gefühl zu bekommen, dass Sie gehen wollen, so fühlen Sie sich frei, um die Größe Ihres Pinsels zu ändern. Es dauert ein paar Mal, um einen Brief richtig zu bekommen, und ich mache gerne einen kontinuierlichen Schlaganfall, mache einen weiteren Schlaganfall. Es sieht ein wenig mehr aus, selbst wenn man einfach weitermacht und er nicht auf dem Weg hält. Also, wenn ich das tun würde, hielten wir auf halbem Weg und ich versuchte, den Pinsel zu machen, um ihn perfekt zu machen. Hat nicht den natürlichen Fluss, den ein kontinuierlicher Schlag hätte. Also kommt nur ein kontinuierlicher Schlag nach unten. Aber all dies würde auf separaten Schichten liegen. Also, was wir tun wollen, um nur die Klasse es zu lehren und jede einzelne der Schichten zu tun , Aber Sie können irgendwie sehen, wie jeder eine eigene Schicht, die b 26 Schichten haben würde, würden wir das gleiche tun, wie wir es getan haben, bevor wir waren bereit zu exportieren und irgendwie sehen, wie diese in Aktion aussehen. Wir wollen weitermachen und den Hintergrund abschalten, damit alles transparent ist. Mach dir keine Sorgen um das Raster, das nicht mit uns exportiert wird. Und wir wollen zu den Einstellungen teilen gehen. Und wir wollen diese Fotoshop-Akte. Ich werde das teilen, anziehen, im Fotoshop öffnen und sehen, was wir haben. Und es gibt noch eine Sache, die ich entwickeln möchte. Ich habe Pfeile. Ich habe eine Art von Charakteren, um eine benutzerdefinierte Überschrift zu erstellen, aber das letzte, was ich tun möchte, ist eine Art Pinselstrich zu haben, um ah Promotion in oder ein genanntes Aktionsende oder eine Art Schaltfläche oder Box zu setzen . Also möchte ich etwas Ähnliches schaffen. Sehen Sie diese Art von Schlaganfall? Dies wurde nicht nur mit einem Pinsel erstellt und aufbürsten und fertig gemacht, sondern es wurde mit einer Kombination aus ein paar verschiedenen Pinseln und auch einer Kombination aus ein paar verschiedenen Transparenzen und ein paar Schattierungen unterschiedlicher Farbe erstellt, um diese zu schaffen reicher Effekt fast ein Goldeffekt. Also werden wir versuchen, das zu emulieren und so etwas zu tun. So wie wir es vorher getan haben, lassen Sie uns eine sehr große Datei erstellen. Also 4000 mal 4000 und wir wollen eine Art Goldpinsel bekommen. Natürlichspielt Farbe keine Rolle, spielt Farbe keine Rolle, weil wir das jederzeit ändern können und es wird Photoshopped sein, also würde ich mich nur auf die Farbe konzentrieren, die Sie gerne dio. Normalerweise funktionieren dunklere Richard Farben besser, weil Sie diese leicht in jede Farbe im Fotoshop ändern können. Aber wir werden versuchen, diesen Goldeffekt zu emulieren, das eine Schule ausgewählt hat, irgendwie ein neutrales Gold und ein bisschen Schwarz hinzufügen, um ihm mehr Goldeffekt zu verleihen . Und gehen wir zu unseren Zeichenpinseln. Versuchen wir es mit der gleichen, die wir benutzt haben. Liger, probieren Sie das hier aus und wir machen einen Swoosh. Wir wollen nur ein paar Marken-Assets haben, die wir einbringen können, damit es Typografie darauf setzen könnte. Wir könnten eine Schlagzeile einfügen und ein paar Dinge, die ich gerne tue, um das reicher zu machen. Natürlich könnten Sie dies auf jede Schicht legen. Wenn ich nur diesen Vermögenswert dort haben will, bin ich fertig. Also würde ich eine neue Ebene erstellen und es mit einer anderen versuchen. Und wenn Sie dies als eine mehrschichtige Photoshopping-Datei einbringen könnten, haben Sie alle eine separate kleine Bürste, die Sie für alle Arten von verschiedenen Situationen verwenden können . Also lasst uns das Gleiche machen, wenn wir zurückkommen und etwas leichter machen. Natürlich habe ich den Apfelstift, so dass Sie Druck auf Ihren Bleistift ausüben können, um verschiedene Pinsel zu erstellen, saugen und drücken Sie wirklich hart oder komprimieren Sie wirklich weich und haben, wie, eine schöne weiche Bürste. Das ist also wirklich hilfreich. Um den Apfelstift zu haben wäre in der Lage, das zu tun, wenn ich tun möchte, ist ich möchte eine andere Farbe hinzufügen . Wissen Sie, dies könnte eine einzelne Farbe hinzufügen, um diesen reichen Effekt zu erzeugen. Wir müssen es mit mehreren Farben erstellen. Also, was ich tun werde, ist, dass ich diese Farbe aufbringe und ein bisschen Grau daraus nehme und es eher zu einem reinen Hugh machen werde . Und ich kann auch die Transparenz des Pinsels reduzieren. Also genau hier unten. Es ist also nicht voll auf Farbe. Wir werden weiterhin die Farbe ändern oder am Lenkrad, um so reich zu werden. Schau, natürlich, zu jeder Zeit, wenn du das Gefühl hast, ich fühle das einfach nicht. Sie erhalten nur dieses Radiergummi Werkzeug, machen es eine große Pinselgröße und versuchen Sie es einfach noch einmal. Und es könnte sein, dass wir wechseln müssen oder Bürsten. Lassen Sie uns versuchen, Eagle Hawk, und wenn Sie dies tun, reduzieren Sie den transparenten Klang, einige davon, so sagen wir, ich reduzierte die Transparenz auf 70 oder so und habe eine ziemlich große Pinselgröße, die Sie zeichnen könnten. Sobald es noch größere Pinselgröße wird, könnten Sie zeichnen, und dann ziehen Sie zurück darüber, und es kann irgendwie sehen, dass geschichtete Blick auf gibt mit der Transparenz gibt einen natürlicheren Pinsel, wie der Pinselstrich ging oben und unten und oben und unten statt nur einer großen Wohnung, ähnlich wie die, die Sie oben sehen. Es ist eine große flache Bürste. Die auf der Unterseite sieht etwas organischer aus mit der Art, wie der Pinsel streichelt. Hören Sie, Dr. Blackburn, das sieht aus wie ein schöner, großer, dicker. Und lassen Sie uns die Transparenz reduzieren und die Pinselgröße erhöhen, damit wir einmal nach unten gehen können, zweimal können wir die Farbe ein wenig ändern, nur eine Art von Hervorhebungen hinzufügen. Also zurück zu dem Beispiel, das ich erstellt habe, so dass Sie irgendwie sehen können, wie man selbst unten hier sehen konnte, wie das ein ganz anderer Pinsel war, und er konnte sehen, wie viele verschiedene Farben und kleine Pinselstriche es brauchte, um zu schaffen das hier. Also werden wir das auf die gleiche Weise exportieren, wie wir es vorher getan haben. Und Sie können alle Dateien herunterladen, die wir heute erstellt haben. Gehe einfach zu den Einstellungen und du wirst als Photoshopped Datei exportieren und du wirst in der Lage sein all das zu haben. Eine coole Sache, die Sie tun könnten, ist, dieses Beispiel zu nehmen. Ich ging zu color dot adobe dot com, und ich konnte eine wirklich schöne Vorlage für eine Marke finden, an der ich arbeitete. Und Sie können verschiedene Pinsel erstellen und Sie können die Farben hier probieren. Ich muss nur meinen Finger nehmen und halten, und ich werde in der Lage sein, die Farbe zu probieren und dann mit ihr zu bürsten. Sagen wir mal, ich will das tun, was? Farbe hier könnte eine Bürste Art machen verschiedene Pinselfarben, die ich später seine Marke Assets verwenden könnte . Und ich habe das als Foto mitgebracht. Sie können dieses Foto jederzeit löschen, indem Sie zu Ihrer Ebene gehen und das Foto löschen und dann Ihre Assets auf diese Weise exportieren. Es ist also wirklich großartig, diese Markenbestände zu erstellen. Sie können ein Foto Ihrer Farben mitbringen und einfach Ihren Finger darauf legen. Halten Sie es und es wird diese Farbe Probe. Und er konnte damit bürsten, damit du all diese wirklich ordentlichen Dinge sehen kannst, die du kanntest. Ich könnte diese Bürsten nehmen. Ich zeige Ihnen ein Beispiel dafür, was Sie mit einem Vermögenswert wie diesem machen können. Also, jetzt haben wir überall Vermögenswerte erstellen. Ich werde dir noch eine zeigen, wie du einen Regenbogen machst und den Hintergrund dort auftauchen lässt. Also das ist eine Sache, die ich tun könnte. Sie könnten einen ganzen Regenbogen von Aquarell aussehenden Streifen und Grafiken haben. Also, jetzt, da wir alle unsere Vermögenswerte bereit waren, in den Fotoshop zu springen, werfen Sie einen Blick auf, was wir haben und wir werden lernen, wie man diese Vermögenswerte nimmt und sie in eine echte Kampagne einsetzt . 31. Verwendung unserer handgezeichneten Objekte für ein Projekt für ein soziales Projekt: Jetzt, da ich meine Photoshop-Dateien bereit habe, in einen Fotoshop zu bringen, mal sehen, wie alles aussieht. Also in der Resource Guide, die herunterladbare Ressource Guide, Sie haben eine digitale Skizze Sitzung Abschnitt war gwen Doppelklick, dass alle diese Luft zur Verfügung, um Sie. Sie haben ihn also direkt aus der Kiste. Wir können helfen, die Social-Media-Kampagne zu erstellen, die wir wirklich schnell machen werden. Du wirst diese Vermögenswerte bereits haben. Oder wenn Sie Ihre eigenen Vermögenswerte mit der gleichen Methode wie mit dem Wakame-Tablet oder mit einer procreate App oder Handskizzen bringen möchten. kannst du auch tun. Hier ist, was wir in den Klassen gemacht haben. Holen Sie sich ein bisschen eine von einer etwas anderen Version, ein bisschen roher und bürtiger als eine Art von der, die ich in der Klasse gemacht habe. Sie werden jedoch sehen, dass sie alle als separate verschiedene Layer exportiert werden. Ich musste zurückgehen und jede Schicht benennen, aber du konntest ihn dort sehen. Und was großartig daran ist, dass ich mit Drag & Drop alle möglichen Schlagzeilen erstellen kann damit ich sie herumziehen und verschiedene Wörter damit erstellen kann. Also möchte ich eine Social-Media-Kampagne erstellen, die keinen Weg sagt. 20% Rabatt haben eine 20% der aufgerufenen Aktionstaste. Sehr simpel. Wir reden hier nicht von einer großen langen Schlagzeile, und das ist gut. Wir wollen unsere Schlagzeilen kurz und kurz halten. Also, was ich tun möchte, ist, dass ich die Worte erstellen möchte, nein, und dann die Worte weg schaffen und sie zwei getrennte Wörter haben. Das ist also einfach. Du könntest einfach die Worte erschaffen, also nein. Und Sie können diese auch ein wenig überlappen . Und da es sich um separate Schichten handelt, die diesen ordentlichen, überlappten Blick haben können , wenn er uns das Ende der Spitze bringen wollte. Wir bleiben getrennt und haben dann den Weg. Also lasst uns die Briefe holen, die wir brauchen W A und dann, warum wir nichts anderes brauchen . können wir vorerst löschen. Und wissen Sie, sagen Sie nicht, dass diese Akte im ganzen Rennen alles verursacht. Aber ich mache nur eine Schlagzeile, die nur versucht, es zu vereinfachen. Sie können immer zurückgehen und denselben Satz verwenden, um alle Arten von verschiedenen Schlagzeilen zu erstellen. Also auf keinen Fall. Lassen Sie uns eine Geschwindigkeit unter nur Art der Anordnung der Typografie auf eine ansprechende Art und Weise. Also auf keinen Fall. Natürlich können wir das anschrägen und das alles ändern, wenn wir daran arbeiten, so dass unsere Schlagzeile fertig ist. Lassen Sie uns einige überzeugende Fotos finden, die wir verwenden können. Das wird Werbung um 20% Rabatt sein. Es könnte für eine Modemarke sein. Es könnte für eine Lebensmittelmarke sein. Wir werden irgendwie eine jugendliche Jahrtausend- oder Gen Z-gezielte Adds machen. Wir wollen sehr frisch sein, wenn Sie ein paar wirklich schöne Farbpaletten hier. Also ging ich zu Pixel dot com, und ich hatte ein paar Fotos gefunden, von denen ich denke, würde damit wirklich cool aussehen. Es wird einen geben. Lassen Sie uns unsere Instagram-Größe wird mit Instagram beginnen, aber das könnte wirklich für alles sein. Also lasst uns eine neue Datei gehen. Dies könnte für Markenbestände sein. Eine Visitenkarte muss nicht immer etwas digitales sein, diese Assets oder einfach nur ein gutes wie jedes andere Asset, das Sie kaufen können. Dies ist vor allem Typ in 10 80 von 10 80 300 Auflösung, weil wir gerne haben, dass schöne hohe Auflösung und gehen Sie vor und klicken Sie auf Erstellen. Das ist das erste bringen unser Foto gute Kopie oder Foto und fügen Sie es ein, und wir werden sicherstellen, dass wir mit der rechten Maustaste klicken und in Smart Object konvertieren, also schwächen Sie die Größe und lassen Sie es nicht verzerrt werden. Wir könnten diese Größe, aber wir möchten ohne Verzerrung. Also lasst uns gehen und sie beschneiden. Lass uns eine schöne emotionale Verbindung mit ihr haben, also lass es uns nicht sein, so herauszuzoomen. Was ist wirklich auf ihrem Gesicht zu zoomen? Drücken Sie die Eingabetaste und lassen Sie uns in unsere Überschrift bringen ist das Kopieren meiner Ebenen und bringen sie hinein. Wir können das etwas abwinkeln und einrahmen. Und eine Sache, die ich tun möchte, ist, dass ich all diese weiß machen will. Also eine Sache, die ich tun möchte, ist, gehen wir weiter und gehen zurück zu ihrer Handschrift und lassen Sie es uns in eine Weise bringen, und vielleicht müssen Sie gehen und das einrahmen. Ich möchte in der Lage sein, dem Nein beizutreten und den Weg als eine Ebene zu verbinden. Also möchte ich sicherstellen, dass ich sehr glücklich bin, wie das ist. Legen Sie es aus und Sie machen eine kleine Befehlsverknüpfung, Befehl E. Und ich werde in der Lage sein, die Ebenen zusammenzuführen, oder Sie können mit der rechten Maustaste auf verschmolzene Ebenen klicken. So, jetzt wissen, ist sein eigenes Wort. Und jetzt wird der Weg seine eigenen Worte sein. Ich mache Befehl EADS. Ein schnelles Gewicht entstanden Schichten. Also jetzt haben diese eine separate Schichten. Ich werde nur doppelklicken und ein Farb-Overlay machen und einfach weiß machen. Und während ich hier bin, würde ich gerne einen leichten Schlagschatten hinzufügen. So hebt es sich wirklich von dem Foto ab. Wir machen eine schöne Größe und Deckkraft. Ich könnte dasselbe für das No Color Overlay tun. Machen Sie ein wenig Schlagschatten, um vor dem Hintergrund zu springen. So können wir jetzt irgendwie mit Position herumlaufen, und damit können wir jetzt mit der rechten Maustaste klicken, und wir können das in ein intelligentes Objekt konvertieren, so dass wir weiter manipuliert und immer wieder mit unseren Größenoptionen zurückkehren können . Also, hier geht's. Und jetzt wollen wir versuchen, sie einzurahmen. Kann schwächen, Zoomen Sie auf das Gesicht ein wenig mehr. Ich habe versucht, die Typografie um ihr Gesicht zu drehen und es einzurahmen. Und wir können das sogar ein wenig anschwingen, um ihm einen dynamischen Pop zu geben, genau wie dieser. Wir können dies sogar ein wenig überlagern, damit Sie sehen können, wie der Marker über ihn geht. Und wir müssen unseren Aufruf zum Handeln haben. Also haben wir ein paar Dinge, die wir für eine kalte Aktion tun könnten. Wir könnten eine einfache kontrastreiche Taste machen. In diesem Fall wird gelbliches Orange ziemlich hoch sein. Kontrast war die Schaffung einer neuen Schaltfläche. Lassen Sie uns zu einem Rechteck-Werkzeug gehen und eine einfache Schaltfläche erstellen. Nun, es sieht so aus, als hätte es keinen Schlaganfall. Perfekt. Und wir werden einfach ein Typenwerkzeug machen und 20% Rabatt eingeben und 20% schwarz. Uh, und ich werde nur das Schwarz machen, um hier einen hohen Kontrast zu haben. Deshalb wähle ich diese Farben aus. Und wir versuchen, hell, lustig, flippig zu sein lustig, , haben ein jugendliches Leben alles wieder, ein Schlagschatten wird hier sehr hilfreich sein. Eine schöne Größe der verschwommenen Größe und eine gute Menge an Kapazität. Wir können wieder Art von Winkel dies die entgegengesetzte Richtung Art von Spannung erzeugen. So haben Sie diese Art von diagonaler Richtung in dieser diagonalen Richtung, die Spannung erzeugt , was eine gute visuelle Spannung ist. Also, was toll wäre, ist, einen kleinen Pfeil zu haben, der auch auf die 20% Rabatt zeigt. Wir haben also ein paar Pfeile, aus denen wir wählen können. Das ist ein bisschen anders als das, was ich vor ein paar Minuten in der Klasse erstellt habe . Aber, weißt du, ich hatte ein bisschen mehr Zeit, um die Schichten zu trennen und all das auszuschneiden, denn du kannst das öffnen und es selbst für alles verwenden, was du willst. Sie haben eine kostenlose, um dies für bezahlte kommerzielle Projekte zu verwenden, wenn Sie möchten. Also werde ich den Pfeil auswählen, von dem ich denke, dass es hier wirklich gut funktionieren würde. Lassen Sie uns dieses schöne, klobige oder vielleicht diejenigen mit dieser Dynamikwelt auswählen. Vielleicht ist das hier und ich könnte das ein wenig später unten benutzen. Machen wir das Gleiche, was wir vorher getan haben. Lassen Sie uns eine Farbüberlagerung und einen Schlagschatten und klicken Sie auch mit der rechten Maustaste. Und wir können ein intelligentes Objekt so konvertieren, dass wir es alle Arten von Größen skalieren können, ohne es zu verlieren, die Auflösung zu verlieren oder er verliert die Qualität. Und hier können wir Dinge überlappen, um einen geschichteten Effekt zu erzeugen. Und eine Sache, die wirklich toll für diese Anzeige wäre, ist eine Behandlung für das Foto, denn im Moment ist es nur volle Farbe. Es ist genau, wie ich von der Website heruntergeladen. Aber was wäre, wenn wir eine neue Ebene oben erstellen und einen Mischmodus hinzufügen und hier ein wenig wenig , Pinselfarbe arbeiten,damit wir irgendwie diese interessante Farbe fast wie Instagram-Filter hinzufügen können ohne dass es ein Instagram-Filter ist, aber ein wenig stilisierter. Also werde ich eine Ebene erstellen, die auf ihr sein wird, und es wird irgendwie sein, wo der Mischmodus existieren wird. Also wollen wir hier oben in ihren Mischmodus gehen und ihn einschalten. Versuchen Sie, weiches Licht. Wir bekommen einen schönen, großen, weichen Rundpinsel, super groß, vielleicht sogar 2000 oder so werden wir sicherstellen, dass es eine weiche Umgebung ist. Wir wollen nichts Scharfes. Wir wollen, dass es gefiedert ist. Wir werden nur klicken will, um zu sehen, wie das aussieht, und wir werden eine schöne Farbe und schöne und moderne Farbe bekommen, die irgendwie zu rosa Phillips bei ein bisschen rot sein sollte. Und Sie sehen irgendwie den Effekt, den ich für Biss gehen werde, sinken Sie dieses Vorschaubild. Wirklich klicken Sie auf die obere Ecke Verkauf größere Pinsel und auch wir konkurrieren oder Mischmodus zu sehen. Vielleicht war weiches Licht nicht das, was wir wollten, nur irgendwie erfrischt das Bild ein wenig . Also gehen wir hin. Das ist ein großartiger Mischmodus, dass Bildschirm. Also hat er das auf den Bildschirm eingestellt. Was wir tun könnten, ist eine weitere zu erstellen und diese weiter zu schichten. Also lasst uns anstelle dieser Farbe erstellen, lasst uns irgendwie eine kühlere Farbe machen, vielleicht ein hellviolettes, doch ihr Pinsel klickt hier unten auf den Boden. Richtig? Schau hier unten unten, richtig? Und natürlich können wir das ein bisschen nach unten bewegen und wir könnten den Bildschirm einstellen. Dies fügt dem Foto ein wenig Farbe hinzu, also hier ist, was wir vorher hatten. Toggled ist aus. Es ist großartig. Es ist ein tolles Bild dieses Bild würde gut aussehen schwarz und weiß als gut, aber mit ein wenig Knall der Farbe fügt einfach ein wenig moderne Note, um es. Und ich könnte immer mein Rennen oder Werkzeug nehmen, alle Kanten aufräumen. Das sieht oder nicht gut aus. Und da ist unsere erste Iteration unserer Kampagnen. Wir haben einige benutzerdefinierte Schriftzug, gewöhnen Pinselarbeit. Wir haben ein wenig Aktion genannt. Wir können unsere Marke sogar sehr schnell hinzufügen. Sagen wir, wir haben ein Logo. Wir haben keine Freiheiten dafür, aber wir könnten einfach anziehen, wissen Sie, diese Art von generischer Mode Website dot com, aber wir wollen nur eine Art Ort, wo wir ein Logo haben, das wir hätten entworfen. Wir haben es wahrscheinlich oben links gesetzt, oder wir würden es hier unten rechts sein? Es hängt alles davon ab, was wir denken, dass es am effektivsten wäre. Beide werden gute Platzierungen sein, weil es hier einen schönen leeren Bereich gibt, und wir können auch die Schrift ändern. Im Moment ist es Genosse, aber wir könnten etwas noch allgemeineres tun. Dies ist wirklich nur Füllstoff eng für jetzt, es wäre offizielles Logo dort, so dass die Leute wissen würden, von welcher Marke dies ist, und das würde wahrscheinlich brauchen, um Schatten einfach so fallen zu lassen. Eine andere Sache, die wir tun können, ist, das etwas nach oben zu verschieben. Mist, das alles oben. Wir haben diese beiden Platzierungsoptionen und vielleicht unten rechts könnte ein wenig besser funktionieren weil Sie es aufstellen, Sie wählen, Sie Ihre Idee aufstellen, Sie stellen das, was Sie verkaufen, und dann präsentieren Sie Ihr Logo auf der unten. Es hat irgendwie einen natürlicheren Schlag gegen ihn. Obwohl es diesen schönen Platz dort oben hatte, könnte ich einfach mein Vermögen ein wenig hochbringen, um diese Immobilie hier oben zu nutzen . Also gehen wir hin. Das war nur irgendwie mein Denkprozess und wie ich diese hohen, hochdynamischen Bilder deiner Greif-Leute erschaffe . Das ist irgendwie der letzte, den ich vorhin gemacht habe. Wir werden ein paar verschiedene machen, jetzt, wo wir die Schlagzeile im Pfeil bereits etabliert haben Schwächen, das Foto ausschalten und eine ganze zusammenhängende Kampagne auf diese Weise erstellen 32. Verwendung unserer handgezeichneten Assets für ein Projekt für ein soziales Projekt – 2: Also habe ich noch ein Foto, das ich ausprobieren möchte. Es ist ein bisschen mehr High Fashion. Wer hat das reingezogen und sieht, was wir jetzt tun können, wo wir alles aufgestellt haben? Umarmen sich diese beiden Frauen? Lassen Sie uns eine emotionale Lasst uns eine schöne, enge beschnittene Ansicht haben . Wir könnten dies in ihrem Layering-System nach unten ziehen, aber auch unsere anderen Fotos entfernen, damit wir unsere Dateigröße niedrig halten können. Also lasst uns das ein bisschen neu anordnen, damit wir das besser in Bezug auf die Typografie arrangieren können. Nein, wir wollen nicht, warum wir in unsere Nachrichten gehen. Also, genau hier, siehst du es irgendwie auf ihrer Nase. Es ist einfach peinlich. Sie werden vorsichtig sein, wo Sie das Land beschriften. Es muss den ganzen Weg gut aussehen. Es ist, was wir tun könnten, ist so tiefer zu positionieren? Haben Sie hier ein B. Du könntest das sogar größer machen. Und wir haben intelligente Guides an, also wird es nicht vermasseln, wenn wir weiterhin die Größe ändern. Dies könnte ein Beispiel sein, wo die obere rechte Seite sehen diese schöne offene Fläche hier Das ist eine gute Möglichkeit, Teoh Ein großartiger Ort, um ein Logo oder einen anderen Vermögenswert dort zu setzen. Es ist ein perfekter kleiner Ort. Mal sehen, ob wir das nicht ansprechen können und wir könnten einen anderen Pfeil benutzen, weil wir mit diesem Foto ein anderes Gefühl haben . Also lasst uns einen einfacheren Pfeil bekommen. Ich gehe zu unseren Pfeilen und es ist wirklich dick, klobig, ich habe wirklich gemocht. Also lasst uns weitermachen und das in Skopje bringen. Fügen Sie es ein. Lasst uns die Art der Behandlung machen, die wir damit gemacht haben. Wir könnten sogar einen Layerstil erstellen und denselben Stil anwenden. Aber wir gehen weiter und machen das einfach manuell. Rechtsklick. Lassen Sie uns eine intelligente Objekte erstellen. Wenn wir ändern, wird es in Ordnung sein. Also hier ist eine viel dickere Ära, die ich denke, vereinfacht den Pfeil ein winziges bisschen. Machen Sie den Pfeil ein wenig kleiner. Wir wollen nie mit der Schlagzeile konkurrieren, und eine Sache, die wir tun können, ist, dass Arrow irgendwie verloren geht. So könnten wir die Farbe mit den Assets ändern, mit denen wir begonnen haben. Eine schwarze Farbe, brachte es in Photoshopped, machte es eine weiße Farbe, aber jetzt konnten wir es jede Farbe machen. Wir wollen ein Farb-Overlay machen. Ich möchte es zu einer gelben Farbe machen. Und lassen Sie uns das Gelb aufhellen, nur ein bisschen mehr leuchtend gelbe Farbe. Nimm ihren Anruf an. Die Aktionen stellen sicher, dass wir dafür die richtige Positionierung haben. Also im Moment haben wir die gleiche Art von Overlay, oder ich denke, in diesem Fall wäre ein Bildschirm Mischmodus auf einigen dieser Farben, die wir gemalt haben . Wir können ein ganz neues Profil haben, weil wir das auf dem anderen Foto gemacht haben, also können wir uns entscheiden, eines zu beseitigen. Und ich mag das Purple auf der Seite dort. Das sieht wirklich schön aus. Lasst uns noch einen erstellen. Machen Sie es zu einem Bildschirm. Lassen Sie es uns mit kühlen Farben behalten. Es ist irgendwie wie wirklich schön ist eine coole Farbe. Fotos werden einen Pinsel machen. Ich habe es auf 2000. Es ist eine weiche Umgebung. Klicken wir auf die Außenseite, und das ist wirklich intensiv. Aber das ist kein Problem, denn wir haben Deckkraft. Wir könnten nur die Deckkraft auf, dass ein wenig reduzieren, und es gibt ihm eine wirklich moderne Fotografie Look. Aber diese kühlen Farben irgendwie kommen, und Sie haben ein wenig lila leichte Wärme dort und Sie haben etwas Coolness über auf der oberen linken Seite. Diese Art von fügt ihm ein moderneres Gefühl hinzu. Wir können reduzieren. Nun, da das auf einem schönen, sauberen Hintergrund ist , müssen wir den Schlagschatten nicht so intensiv haben, wird es reduzieren, dass Versuchen Sie, Schlagschatten nur zu verwenden, wenn ich wirklich wirklich lose, weiche Schlagschatten sind , die ich nicht mag sehr harte, harte Schlagschatten, weil es könnte es sehr leicht datiert aussehen. Eine andere Sache, die wir als letzte Sache tun könnten, ist, dass wir dem Warum eine leering Maske hinzufügen können und einfach eine Art von Farbe über. Es sieht so aus, als ob das Warum mit der Frau interagiert. Wir gehen hier runter und fügen eine Schichtmaske und all meine leering-Maske hinzu, die ich mit Schwarz malen werde und ich werde nur ein bisschen von der Schichtmasse entfernen, nur sieht so aus , als würde sie mit dem Typ ein wenig interagieren. Und da ist unsere moderne Sicht auf diese wir verwenden Art von rohen, handgebürsteten Schriftzug. Lass uns weitermachen und einfach ein paar Ideen machen und dann können wir diesmal wirklich eine komplette Kampagne haben . Wir werden es schaffen, haben viel Bewegung, um es wird für eine sportliche Marke sein. Es wird ein bisschen größer. Alles klar, hier. Wir wollen sie wirklich in Motion Cropper zeigen, genau da in der Mitte. Moment ist es Dragger den ganzen Weg darunter, und wir brauchen das andere Foto nicht mehr. Möchten Sie Speicherplatz für die Dateigröße sparen? Also möchte ich tun, was ich früher mit dem Schwanz des Warum gemacht habe, und ich möchte in der Lage sein, dass sie wirklich mit dem Typ interagieren und sogar vielleicht ihren Fuß durch das O des Nein kommen und hier unten haben. Es ist also eine andere Ausrichtung des Typs. Lasst uns das so groß machen, dass es eine gute Position hat, Theo da draußen zu bringen. Ihre Website hier unten. Und wir können unseren Aufruf zum Handeln immer irgendwo hier bewegen. Also lassen Sie uns tun, dass sie Masse dafür schichten. Wir gehen rein, haben eine Schichtmaske, Schmerzen mit Schwarz, gehen weiter und malen das ab, und besser noch, ich könnte unseren Knöchel ein bisschen besser machen, also machen wir unseren Knöchel ganz oben. Es ist etwas dünner, leichter zu überlagern. Okay, jetzt interagiert sie damit. Wir können das Warum auch interagieren lassen. Also hatte ich schon meine Larry Mass vom vorherigen Projekt. Wir haben gerade die Maske fertiggestellt. Jetzt fühlt es sich an, als würde sie wirklich rein- und rausspringen, oder? Also lassen Sie uns unseren kleinen lustigen Pfeil wieder in. Es ist gut oder Pfeile und bringen in diesem Spaß, Loopy Pfeil, weil dies eine sehr lustige, loopy Art von Anzeige. Was passiert Energie? Und lassen Sie uns etwas noch mehr Spaß damit machen. Also gerade jetzt haben Sie nur einen Block, nur ein Rechteck. Nehmen wir die Pinsel, die wir erstellt haben, und bringen das, und stattdessen haben wir einige Lacklösungen. Hier. Holen wir uns das Top. Mit all der schönen Textur konnten wir uns in der Drehung bringen. Es könnte sein, dass man Action-Streifen nennt, wenn man so einen Sprung nach oben haben könnte, und wir könnten dies eine andere Farbe machen. So erhalten Sie einfach einen Doppelklick und machen Sie ein Farb-Overlay und passen Sie das gleiche Gelb an, das wir verwendet haben . Ich habe einen Hauch von Orange. Es ist Schlagschatten nur die gleiche Behandlung auf all diesen Schichten. Und wir können das zu einer anderen Art Gesicht machen, weil wir diese sehr beschreibende Schrift für die Überschrift haben. Und für diese Anzeige möchte ich es etwas einfacher machen. Also lasst uns die Schrift in etwas sehr, sehr einfaches ändern . Also, wenn ich das hier mache , möchte ich nicht mit einigen der dynamischen Sachen konkurrieren, die wir vor uns haben, und lassen Sie uns diesen noch einen Schritt weiter machen. Also im Moment haben wir unser Springen und mal sehen, ob wir sie nicht ein wenig nach oben bewegen und sogar alles nur ein kleines bisschen heranzoomen können . Wir haben intelligente Führer zu allem, oder wir sollten. Also, wenn wir es größer machen, wird es die Auflösung nicht so sehr ändern. Also eine Sache, die ich tun möchte, ist etwas mit dieser Website. Es taucht nicht genug aus, nur haben eine Menge kontrastreichem Hintergrund vor sich, also müssen wir in der Lage sein, das zum Auftauchen zu bringen. Eine Sache, die wir tun könnten, ist, dass wir unsere Farbe nehmen können. Nehmen wir unseren anderen, geben Sie ihm einfach einen Hintergrund, um sich auf zwei auszuruhen, damit es unter diesem Hintergrund herauskommen kann. Also einfach, das den ganzen Weg nach unten zu bringen, mit all den Vermögenswerten, die wir erstellt haben. Und lassen Sie uns einen Kontrast zu Gelb machen. Also, was wäre irgendwie entgegengesetzt auf der Farbe Willen zu gelb? Es wäre wahrscheinlich eine coole Farbe, wie ein Blau oder noch besser, wie ein schönes hellweiches Blau zwischen Grün. Dies ist nur Praxis und Praxis, Art zu wissen, welche Farben zu wählen und Art des Studiums Farbtheorie Ein wenig hilft immer herauszufinden, dass. So könnten wir sogar den Mischmodus ändern. Oder wir können die Kapazität reduzieren, damit ihr Bein immer noch springt. Ich will ihr Bein nicht verlieren. Wir brauchten nur ein bisschen einen höheren Kontrastbereich, um unser Logo zu verhaften. Das wäre nicht einfach so ein Typ. Es wäre ein offizielles Logo. Wir werden es nur so behalten. Wir können später immer eine bessere Typografie finden, aber ich brauche sie, um dicker zu sein. Nur nicht glücklich mit der Gesundheit in diesem IHS. Aber hier ist es 20% Rabatt. Auf keinen Fall. Wir haben eine Sache, die wirklich machen kann diese Pappas und vielleicht etwas Behandlung auf dem Foto. Also lassen Sie uns eine Art ähnlicher Effekte hinzufügen, die wir vorher gemacht haben. Mal sehen, ob wir die Frau nicht unter das ziehen können, was wir vorher hatten. Wir hatten hier ein paar verschiedene Möglichkeiten. Das ist ein Blau. Wir hatten eine Art Purpur von der Seite, was schön aussieht. Und diese Art von rosa kommt fast lässt es wie eine Teilmenge aussehen, nicht wahr? Das gefällt mir irgendwie ziemlich. kann es so halten, wie es iss Dies ist die endgültige Version, die nur ein paar Minuten damit verbringt und irgendwie das, was ich vorher getan habe, als ich die Klasse plante. Das ist irgendwie das, was ich mir ausgedacht habe. Also ist es irgendwie, wie das Finale aussieht. So, bisher haben wir drei tolle Kampagnen sind drei großartige Bilder bereits für unsere Kampagne produziert . Wir haben das alles ziemlich schnell gemacht. Innerhalb von 45 Minuten bis zu einer Stunde haben wir die handgezeichneten Assets Export dieser erstellt. Wir haben die bereit, als P und G mit ohne etwa einen weißen Hintergrund zu verwenden, oder irgendetwas waren in der Lage, diese Assets zu verwenden. Und Sie können die Pfeile, die Pinsel, Handschrift verwenden. Sie könnten dies tun, um alle Arten von Markenbeständen zu erstellen, nicht nur für digitale. Dies kann wirklich für jede Art von Marke alles sein, was Sie tun möchten. 33. Skizzen - Einrichtung: Also machen wir heute etwas ganz Besonderes. Also haben wir bereits einige Schriftzüge digitalisiert, die wir geschrieben haben. Wir Hand schrieb, dass wir in der Lage waren, das zu bringen. Wir werden das noch einen Schritt weiter machen, und wir werden eine ganze Illustration machen, alles von einer Hand Bleistiftzeichnung. Das ist also die Hand Bleistiftzeichnung, die ich neulich erschaffen habe mit meinem fünf Jahre alten Sohn am Tisch saß. Irgendwie ein paar Ideen von ihm, und wir haben diese wirklich einzigartige außerirdische Monsterkreatur erschaffen. Und ich dachte, es hatte eine einfache genug Linienstruktur, die leicht in der Lage sein wird, zu vektorsteigen diese und erstellen eine vollständige Farbillustration. Das ist genau das, was wir heute tun werden. Wir werden diesen gesamten Prozess verfolgen, damit Sie sehen können, wie er aus vier verschiedenen Phasen besteht . Natürlich ist die Zeichenstufe zuerst, und wir müssen unser Foto mitbringen, dass wir die Skizze übernehmen und das aufhellen können . Also haben wir eine schöne, saubere Skizze, über die wir unser Pin-Werkzeug machen können. Und natürlich natürlich werden wir das Foto in Adobe Illustrator bringen und das können wir mit den Pin-Werkzeugen und ein paar anderen Tools nachvollziehen . Wir werden uns diese Zeilen ausdenken, um es zu einer wirklich starken Illustration zu machen. Und dann werden wir endlich in der Lage sein, unsere Illustration zu färben. Also lasst uns anfangen. Wir sehen uns im Adobe Photo Shop. Hier ist die Originalskizze, um dies mit einem Bleistift Nummer zwei zu skizzieren und ein Foto davon an meinem Fenster zu machen. Und das ist nur auf Standard-Computerpapier, Druckerpapier. Nichts zu schick, Nichts zu teuer, Etwas, das Sie leicht in Ihrem Home-Office finden können. Und hier ist es. Das ist also offensichtlich wirklich dunkel, und wir müssen in der Lage sein, das etwas aufzuhellen. Wir nehmen unsere später, wir machen das, was wir mit dem Typographen gemacht haben. Du wolltest nur etwas Helligkeit hinzufügen und den Kontrast anpassen. Wir werden Bildanpassungen, Helligkeit und Kontrast vornehmen , und wir werden in der Lage sein, das zu erhellen. Wir gingen all diese kleinen Divots und Textur, um zu verschwinden. Wir wollen nicht, dass das in die Quere kommt, und wir werden auch den Kontrast erhöhen. Also zum größten Teil, Aber es ist ein toller Job bei der Art loszuwerden, dass grauen Hintergrund erleuchtet es ziemlich viel . Also bringen wir das rein. Adobe Illustrator wird eine schöne saubere Bleistiftzeichnung zu verfolgen haben. Also werde ich das nur als J-Pegs sagen und es zu Adobe Illustrator bringen. Ich ziehe das nur in Adobe Illustrator und müsste es ein wenig kleiner machen . Ich habe nur ein 8,5 mal 11 Zoll Dokument, das Sie in einem vier Dokument tun könnten. Nur irgendwie von Ihrem Standarddokument. Wir machen einen RGB. Alles in dieser digitalen Designklasse wird immer ein RGB sein. Also wollen wir voran gehen und ihn hier in der Mitte platzieren, und wir wollen die Deckkraft auf ihn reduzieren. Also gehe ich zu meiner Transparenz, werde nur die Deckkraft reduzieren, damit ich die Linien sehen kann, aber es wird mich nicht stören. Was bestimmen? Was ist ein Pin zum Ausrichten und was ist eine Originalskizze? Also nur irgendwie die Deckkraft zu reduzieren. Ich werde diese Schicht sperren, damit sie nicht versehentlich verschoben wird. Ich werde meine Schicht oben erstellen. Also hier können wir in das Stift-Werkzeug eintauchen. Hoffentlich seid ihr schon mit den Grundlagen des Pin-Tools vertraut. Und da dies eher ein Fortgeschrittenenkurs ist, werden wir das Stift-Werkzeug hier in Adobe Illustrator packen und wir werden eine Kombination aus ein paar Werkzeugen verwenden , um es für uns ein wenig einfacher zu machen Erstellen Sie diese Zeile. Zeichnen kann wirklich überall beginnen. Ich mag es, zuerst an einigen der härteren Orte zu beginnen und dann einige der einfacheren Orte zu tun , die ich irgendwie an der Art von hier in diesem Bereich beginnen werde, damit ich irgendwie reinkommen und das Pin-Werkzeug hier drüben machen und irgendwie diese erste Form zuerst vervollständigen kann . Und dann könnten wir an den Augen arbeiten. Also lasst uns das Stift-Werkzeug rausholen und wir holen unser Strichfeld. Wir wollen einen ziemlich anständigen Strich, aber nicht so dick, dass ich die Nuancen des Schlaganfalls nicht sehen kann. Ich werde sehen, was für ein 0,5 Punkt Schlaganfall warten. Sieht so aus, als würde es gleich hier anfangen und nur einen Klick bekommen und halten. Stellen Sie sicher, dass das Gefühl aus ist. Das ist wahrscheinlich ein guter Weg, um damit zu beginnen. Wenn Sie meine Grafikdesign-Meisterklasse genommen haben, machen wir einige tolle Tracing-Arbeitsblätter, in denen wir wirklich viele dieser komplexen Formen üben können. Und haben Sie keine Angst, eine dramatische Menge heranzoomen. Das ist, was Sie tun müssen, um irgendwie die richtige Stiftwerkzeugform zu bekommen. Pferde könnte ich wahrscheinlich mit dem Krümmungswerkzeug zurückgehen. Wenn Sie perfekt runde Gegenstände haben, die dazu neigen, ein bisschen besser zu arbeiten, können wir immer wieder zurückkehren. Ich mag es nicht, Perfektionist zu sein, wenn ich die Grundform mache. Ich kann immer wieder zurück und ein wenig später Perfektionist sein. Also nur die grundlegende Gliederung erledigt. ich auf meinen ursprünglichen Ankerpunkt zurückblickte, bekomme einen schönen, scharfen Punkt und er bemerkte, dass es nicht perfekt ist , weißt du, irgendwie ein paar Freiheiten damit zu nehmen, wie ich zeichne, und es muss nicht sein genau wie meine Skizze, meine Skizzen, nur ein Beispiel für mich. Es wird nicht ganz genau sein. Ich möchte vielleicht eine andere Design-Wahl treffen, wenn es darum geht. So möchte ich vielleicht zu kleine Haare aus den Genen machen und es vielleicht einfach halten. Weißt du, es muss nicht genau das sein, was ich getan habe. Das ist das Tolle daran. Obwohl Sie es skizziert haben, muss das keine perfekte Wiedergabe sein. Stellen Sie sicher, dass Sie Ihren Befehl verwenden, Z. Wenn Sie vermasseln und in die Zeit zurückgehen müssen, macht das Leben einfach viel einfacher, als in Ihr Verlaufsfenster gehen zu müssen. Also gehen Sie Befehl Z einen Schritt zurück, den ich vielleicht auch in diesem kleinen Bereich später finden muss . Aber das ist später. Okay, ich gehe zurück und vervollständige meine Form. Und da gehen wir. Wir haben unsere erste Skizze gemacht. Wir können mit unserem Direktauswahl-Tool zurückkehren und einige davon manipulieren können. Machen Sie ihn ein bisschen besser. Manchmal müssen Sie Ankerpunkt hinzufügen, um die gewünschte Kurve zu erhalten, oder Sie können dieses Coverage oder Werkzeug erhalten und die Kurven mit dem Krümmungswerkzeug ein wenig besser anpassen . Sie keine Angst vor dem Krümmungswerkzeug, um irgendwie das Richtige zu bekommen, und ich liebe die Abdeckung oder Werkzeug für erraten, welche Kurven und wirklich runde abgerundete Formen genau wie wir hier haben. Und manchmal hilft es, Ankerpunkt hinzuzufügen, um zu glätten, wirklich rund darauf. Sofort. Ich benutze das Coverage-Tool. Beachten Sie, wie, ein paar Ankerpunkte hinzugefügt, und es glättet diesen Bereich ziemlich viel. Es sollte ziemlich viele Ankerpunkte dauern, um einen perfekten Kreis zu bilden. Wir könnten auch das Form-Builder-Werkzeug verwenden und einen Kreis umrissen und die Linien verbunden. Das ist ein weiterer kleiner Betrüger, den du tun könntest. Und auch ging ich um die Ecken an einigen dieser kleinen Spikes. Ich will nicht, dass sie zu stachelig sind, also merkst du, wie sie diese wirklich scharfen Punkte haben. Es gibt einen Weg, wie wir das tun können. Wir wandeln das in eine Runde um. Verbinden Sie sich hier unten in ihrem Strichfeld auf diese Art von mildert es. Das ist also, bevor das danach ist. Ich mag nur den weichen Blick, den Sie nehmen könnten, dass noch einen Schritt weiter bekommen sind direkte Auswahlwerkzeug, und Sie können voran gehen und ziehen und einige abgerundete Ecken zu tun. Auf diese Weise, wenn Sie eine wirklich abgerundete Art von Illustration wollen, so dass sehen, wie diese Art von abgerundet die Punkte dort alle für uns nur tat, dass alle zur gleichen Zeit, 34. Skizzen - Stift Tool: Es gibt also unsere erste Form. Also gehen wir weiter und machen unser Auge. Das wird das einfachste sein, nur ein Lippenwerkzeug zu machen, und wir sind ziemlich fertig mit dem Auge oder zumindest mit der Außenseite des Auges. Wir haben einen kleineren, höre ich. Und ich möchte hier auch ein weiteres Highlight schaffen. Ofen. Ich Wir hatten das nicht in der Abbildung, weil es schwer war, das mit einem Bleistift zu tun. Du musstest nur das Weiß lassen. Also werde ich das hier einfach machen. Das ist ein wenig Schatten, und wir werden Schatten und Lichter hinzufügen, die verschiedene Farben verwenden, ein wenig später in der Abbildung, ich werde Ihnen einen schnellen Weg zeigen. Also werde ich einfach p für das Pin-Werkzeug drücken und oben klicken, und wir werden einfach nur in die Mitte gehen, weil wir das Breitenwerkzeug benutzen, um das zu erweitern. Also habe ich einen einfachen Schlaganfall den ganzen Weg über. Ich werde das Breitenwerkzeug hier mit Werkzeug bekommen, und ich werde hier in der Mitte klicken und halten. Und so schnell war es. Es war viel schneller, eine Mondform zu machen, oder es war dicker auf der einen Seite und dünner und die andere mit dem Stift-Werkzeug. Und wir machen dasselbe mit der Augenbraue. Klicken Sie auf eine Seite nur einen sehr schnellen Weg. Genau da in der Mitte mit dem Werkzeug in der Mitte klicken und es einfach ausdehnen , um zu sehen, wie einfach das war. Und das könnte sicherstellen, dass meine Mütze umzingelt und runde Ecken haben könnte. So gibt es ein schönes, abgerundetes Finish, also werden wir voran gehen und anfangen, diese umzukehren. Also der Mund, der Mund würde ziemlich einfach sein, was wir tun konnten und hier oben klicken. Nimm einfach die Pin-Werkzeuge. Gut. Holen Sie meinen Schlaganfall zurück. Da gehen wir. Brust P für Stift. Ich könnte das auf halbem Weg machen. Auch verwendet das Krümmungswerkzeug hier Art der Schaffung des Mundes und ziehen Sie es nach unten. Aber wir machen einfach das Pinwerkzeug. Ich mochte das ein bisschen. Also und bekomme mein Direktauswahlwerkzeug. Ich werde darauf doppelklicken, anstatt alle Ecken gleichzeitig zu machen. Ich werde nur 11 Ecke durch Doppelklick machen und jetzt Zugang zu einer Ecke haben die diese beiden Kanten umgibt. Und wir haben unseren Mund einfach so und lassen Sie uns weiter unsere Zähne machen. Und so sind es die Zähne oder ziemlich nah. Ich werde nur die Option ziehen gedrückt halten und nur reflektieren, dass das Objekt wird. Transformieren und reflektieren. Es wird einfach viel einfacher. Und die Zähne werden die gleiche Größe haben, was schön sein wird und sicherstellen wollen, dass diese Luft auch abgerundet wird. Also werde ich beide dieser Direktauswahl-Werkzeug um die Punkte auf diesen Zähnen auswählen . Ich ging einfach um die Punkte auf der Unterseite. Da gehen wir. Also, jetzt geht die Zunge zurück, ich werde das so gut wie möglich verfolgen. Das wird am Ende eine solide Form sein. Also werde ich das jetzt tun. Ich werde tun, was ich anfange, ist, wenn du feine Details wie die Hose hast. Ich habe zuerst die Außenseite verfolgt und die Form vervollständigt, damit ich diese in eine Farbe verwandeln und einen Film darauf haben kann. Sie kommen nicht zurück und machen nur einzelne Zeilen, um die Details zu machen, also ist das irgendwie ein kleiner Trick. Es wird Ihnen helfen, wenn wir anfangen, Augen zu färben oder die Illustration zu färben, und Sie könnten dies mit Logos und Symbolen und allen möglichen Dingen tun. Deshalb wollte ich das irgendwie überprüfen. Dieser kleine Akzent hier, das wird wahrscheinlich ein Schatten unter der Lippe sein, und das wird ein weiterer mit Werkzeug Cheat direkt da sein. Also haben wir den Grundriss, der auf einer Kantate Gle von unserem Ding geht, nur irgendwie sehen, wie es läuft. Wir werden die Striche später noch viel mehr verdicken. Also gehen wir zur Hose. Ich muss die Hose machen. Machen wir P für Pin und lassen Sie uns einfach den Umriss verfolgen. Der grundlegende Umriss der Hose. Ich mag zu klicken, wenn Sie eine Ecke haben, wie wir auf die Spitze klicken und dann nach unten gehen und ihr Jungs werden alle verschiedene Ebenen des Pin-Tools sein. Sie werden auf einer grundlegenden Ebene genug sein, um es zu verwenden, aber dies ist ein großartiges Praxisprojekt. Ich habe einen herunterladbaren J-Pegs der Skizze, dass Sie das zusammen mit mir machen könnten, wenn Sie möchten . Und ich würde gerne sehen, wie du das Monster verändert hast, auch nur ein bisschen, weißt du, bei einem anderen Lächeln oder einem anderen irgendetwas. Und dafür kann ich ein wenig liberaler sein. Anstatt all das perfekt verfolgen zu müssen, kann ich einfach hierher kommen, weil das irgendwann eine Füllung sein wird. Manche gehen zurück und vervollständigen meine Form. Wir müssen uns nicht so um die Oberseite der Hose kümmern, also ist das okay, wenn es Overlay gibt, die zu einem späteren Zeitpunkt beseitigt werden. Also gehen wir zurück und füllen Sie alle anderen Elemente hier aus. Dies könnte wahrscheinlich ein abgerundetes Rechteck-Werkzeug für den Gürtel sein. Schieben Sie das aus und drehen Sie es dann. Und das müssen keine vollständigen Formen sein. Diese sind offene Linien. Okay, wir können uns entscheiden, Details hinzuzufügen. Wir können sie jederzeit später entfernen, wenn wir das Gefühl haben, dass die Details zu kompliziert sind. Also, wenn wir diese unterste Art von scheinen, die wir tun wollen, können wir das tun. Also jetzt wahrscheinlich der schwierigste Teil ist es, die Beine zu machen, weil es hier viele kleine Details gibt . Also nochmals werde ich versuchen, die Gesamtform zu verfolgen und dann zurückzukommen und diese kleinen Details zu machen. Es wird es viel einfacher machen, Augen zu färben. Das wird also eine komplette Form hier sein. Und wenn wir wieder reingehen und ein Detail wie die Krallen machen müssen, ist das Tolle an diesen Füßen, dass ich kopieren, einfügen und reflektieren kann , weil sie ziemlich nah sein werden. Ich muss nicht zweimal die Füße machen, wenn ich nicht will. Das sieht etwas flippig aus. Also gehe ich einfach wieder rein, lass mich sehen, ob ich nicht alles abrunden kann. Dasselbe mit der Hose. Wenn ich zurückgehen wollte und das Direktauswahlwerkzeug alles um ein wenig herum bekommen wollte, sieht das einfach ein bisschen besser aus. Und dafür müssen wir auch in einzelne Linienstriche zurückkehren. Großartig. Mal sehen, ob wir das Bein nicht kopieren und einfügen und es reflektieren können, erspart uns ein kleines bisschen Zeit. Möglicherweise müssen Sie es ein wenig mehr abwinkeln und dann den Fuß wechseln. Das ist also kein Problem. Wir haben das Direktauswahlwerkzeug und wir werden ihren Fuß hier ändern. Ordnung, also gibt es unsere Illustration, was unsere ursprüngliche Zeichnung ausgeschaltet hat, oder wir können sie entsperren und über ziehen. Ich mache irgendwie einen kleinen Nebeneinander Vergleich. Es gibt also nebeneinander Vergleich. Ich glaube nicht, dass wir zu viel verpasst haben, und ich denke, wir sind gut. Ich werde voran gehen und dieses Highlight die ganze Form setzen, und ich werde das in den Vordergrund stellen. Also wollen wir das vor die Hose stellen, denn wenn das ein solider Phil ist, wollen wir nicht, dass diese Linie gezeigt wird. Also hätte ich das alles nach vorne bringen können. Und das wird helfen, wenn wir anfangen zu keulen, entstehen. Also geh weiter und verdicke den Schlag. Es ist also eine wirklich starke Illustration und kann aus der Ferne wirklich gut gesehen werden. Also machen wir das als Nächstes 35. Skizzen – Farbe: Lasst uns unser Strichfeld rausholen und unsere Linien hier verdicken und wir können ihn vorerst rüber schieben. Und wir müssen herausfinden, was die richtige Dicke haben wird, und nicht alles wird die gleiche Strichgröße haben. Wir müssen vielleicht hineingehen und etwas von der Dicke auf einigen von ihnen lockern. Also lasst uns weiter hier gehen. Ich sehe nicht, wie dick, also gibt es eine Fünf-Punkt-Dicke, und das könnte ein wenig zu dick sein. Mal sehen, wie vier aussehen. Vier Punkte und manchmal konnte man den Unterschied nicht teilen und tun 3,5 war irgendwie die richtige Dicke zu finden . Und mit einigen von ihnen, die möglicherweise die Größe lockern müssen, müssen einige der Akzentstriche möglicherweise nicht so dick sein. Ich bin ziemlich zufrieden mit der Dicke und den kleinen Details hier. Jetzt wird es Zeit sein, sich zu beulen. Erstehen Sie diesen Kerl und natürlich können wir dickere Striche haben. Wir können einige dieser Komplexitäten beseitigen, also wenn wir nur eine Zeile hier haben wollten, um die Hose anzuzeigen, können wir das tun. Machen Sie diese die gleiche Dicke. Es ging nur darum, die Illustration zu vereinfachen. Denkst du, das könnte ein bisschen besser aussehen? Manchmal gehen diese Details verloren und wenn Sie verkleinern. Deshalb habe ich mich entschieden, das zu beseitigen. Und das ist, wenn Sie vielleicht das Detail mögen müssen. Ich fragte mich, ob ich das hätte einschließen sollen. Und ich denke, wenn ich die Naht an der Hose eliminiere, wird es die Illustration ein wenig weiter vereinfachen. Und das gilt vor allem, wenn es um Ikone geht. Design ist Manchmal, wissen Sie, diese kleinen Details sind einfach nicht gedacht, um zu sein, und manchmal macht es einfach eine bessere Illustration, wenn es einfacher ist. Jetzt sind wir bereit, Farbe hinzuzufügen. Lassen Sie uns unserem kleinen Kerl Farbe hinzufügen, und es wird sehr einfach sein, weil wir ein paar fertige Formen haben. Alles, was wir tun müssen, ist eine Füllung auf einige dieser Formen hinzuzufügen. Also werde ich voran gehen und vielleicht eine grüne Farbe wählen. Könnte ein wenig gelbe Art von warm bringen könnte einige verschiedene Farben auf das, was ich in meiner vorherigen Illustration tat tun . Also lassen Sie uns sicherstellen, dass wir Ebenen nach oben und unten bewegen, wenn man bedenkt, dass wir gehen, also nur Ebenen nach unten bewegen und meine kleine Tastenkombination machen , die Befehl links und rechts Klammern ist, kann ich leicht Dinge aufbringen und nach unten. Ich muss nicht in das Layer-System gehen und hier sitzen und versuchen, das zu kollabieren und zu versuchen, all das herauszufinden. Lass uns das weiß machen. Das wird leicht. Es ist darin, dass rückwärts im Mund, arbeiten möchte ich vielleicht wie eine graue Art von Medium Grau für die Innenseite des Mundes, vielleicht sogar leichter als das. Wir wollen etwas Farbe im Mund haben, vielleicht eine leichte Art von rosa Farbton. Und lassen Sie uns die Zunge ein wenig lebendiger von einem Rosa machen. Wir wollen es nicht zum Lesen schaffen, denn das beginnt wirklich verrückt zu werden. Also lassen Sie uns irgendwie von der roten machen eine Art Rosa für die Zunge und die Zähne könnten auch weiß sein . Es macht diese Weißen irgendwie klickend. Das sind alles gefüllte Objekte, die uns das Leben sehr leicht machen, und ich könnte diese Farbe hier anpassen, ihn etwas dunkler machen. Jetzt haben wir das als erfüllten Schlaganfall. Es wird also einfach sein, eine Genfarbe hinzuzufügen. Sie möchten eine ziemlich realistische Jeansfarbe hinzufügen, also fügen Sie ein wenig Grau hinzu, um es spät grau genau dort. Und das ist eine Füllung, damit wir uns sogar ändern können. Ich kann das Pipettenwerkzeug Probe bekommen, das den gleichen Phil wie die Hose bekommt. Aber doppelklicken Sie auf das Farbfeld und machen Sie es etwas dunkler, etwas heller, nur um ein wenig Kontrast mit Schattierungen und Farben hinzuzufügen. Nichts Großes. Und diese Gürtelschnalle, ich schätze, Sie wollen es eine gebaut nennen, wissen Sie, die gelb sein könnte. Perfekt. Und dann haben wir unsere Füße. Das wird nur das Pipettenwerkzeug Probe oder grün bekommen und wir haben unsere Füße und dann die Klausel, die es weiß bleiben kann. Sie könnten unweiß sein, was auch immer du dafür tun willst. Sieh mal, wie schnell wir diesen Kerl färben konnten. Wir haben einige grundlegende flache Färbung, die einzelnen Schattierungen. Was wir jetzt tun werden, ist, dass wir eine weitere Ebene erhöhen, und wir werden ein Gefühl von Glanzlichtern und Schatten hinzufügen, indem wir einige Lichter manuell und Schatten zeichnen und dunklere Farben der Farbe der Grundfarbe verwenden. Also lasst uns hineinzoomen. Wir werden ein Gefühl von Highlights schaffen. Wir müssen bestimmen, welche Seite Schatten sein wird und welche Seite Highlights sein wird, werden Sie natürlich den Schatten im Auge haben, den wir irgendwie hellblau machen können. Da ist also sein I Highlight. Und so wissen wir jetzt, dass Schatten auf der rechten Seite sein werden und Highlights auf der linken Seite sein werden , weil das ein Schatten in den Augapfel geworfen ist, und so werden wir das einfach als unsere Entschlossenheit verwenden. Also, wenn Höhepunkte hier oben sein werden, dann versuchen wir ein kleines Highlight hier, also wird es auf der linken Seite sein, und Schatten werden auf der rechten Seite sein. Wir werden die gleichen Tricks mit dem Breitenwerkzeug machen, das wir zuvor getan haben, um einen einfachen Schatten oder Highlight in diesem Fall zu erstellen , nehmen wir unser Pipettenwerkzeug. Es ist Probe die gleichen exakten grünen Füllungen nehmen den Strich heraus, arbeiten einen Doppelklick oder grünen Phil, und wir werden es einfach aufhellen gerade genug, um ein Schatten zu sein. Das ist also das Original. Das wäre das Highlight, das ich meine, entschuldigen Sie mich. Hervorheben. Klicken Sie auf. Okay, wir müssen vielleicht hineingehen und unseren Schlaganfall mit Werkzeug wieder darauf machen. Das ist keine große Sache und irgendwie wie abgerundete Art von Kappen da. So , waren wir in der Lage,ein wirklich nettes kleines Highlight zu schaffen. Also lasst uns ein Highlight links von ihm machen. Also hier ist ein weiterer kleiner Trick mit den mit Werkzeugen nur Art, das zu zeichnen. Ich möchte in der Lage sein, einige dieser kleinen Spikes hier im Highlight anzusprechen. Also zog nur irgendwie einen Schlag den ganzen Weg durch. Das folgte der Kontur dieses Bereichs. Und noch einmal werde ich das mit Werkzeug bekommen, und ich werde es irgendwie erweitern. Vielleicht irgendwo in der Mitte haben wir uns etwas ausgedehnt und schauen, wie sofort das Highlight ist und so schön, sehr schnell. Tun Sie das gleiche mit der Hose waren nur einige dieser p für Pin-Werkzeug zeichnen. Wir könnten sogar ein kleines handgezeichnetes Werkzeug dort machen, und dann könnten wir das mit Werkzeug bekommen, um diese Form leicht zu erweitern, um das Pipettenwerkzeug zu bekommen. Oder wir können probieren. Gehen Sie voran, doppelklicken Sie auf diese Uhr. Jedes Mal, wenn ich Mustermuster probieren möchte, kann ich einfach doppelklicken, die Informationen abrufen, diesen Hex-Code kopieren und ihn dann hierher bringen. Auf diese Weise muss ich den Schlaganfall nicht wiederholen. Wenn ich das Pipettenwerkzeug mache, wird das ein Highlight sein. Das wird also leichter. Und jetzt ist es Ah, wir wollen vielleicht auch einen auf diesem Fuß machen. Das ist, wenn es ein bisschen kompliziert wird. Also hier ist, was wir tun werden. Wir holen ihr Pin-Werkzeug. Wir werden verfolgen, was wir für ein wirklich gutes Highlight Bereich halten. Also einfach um diesen Fuß herum, und ich werde damit liberal sein. Ich mache mir keine Sorgen, denn das wird abgeschnitten. Das ist, wo ich das Highlight will. Lassen Sie uns voran und machen es die Farbe Doppelklick. Machen Sie es etwas leichter. Das wird unsere Highlight-Farbe sein. Und wie schneiden wir das ab? Hier ist, was wir tun werden. Wir werden den Fuß kopieren. Wir kopieren die Form, die wir gerade erstellt haben, hier drüben einfügen. würde das Shape Builder-Werkzeug verwenden, um dies irgendwie zu trimmen. Also brauche ich den Schlaganfall nicht. Also werde ich nur beide Elemente greifen, unsere Form, unseren Baumeister, Werkzeug, Werkzeug, halten Sie die Option mit Subtraktionszeichen gedrückt. Und ich möchte in der Lage sein, diesen Bereich in diesem Bereich zu subtrahieren. Und dann sind wir nur noch mit dem Highlight Teil übrig. Das brauchen wir nicht mehr. Wir können das nach oben ziehen. Es sollte genau dort perfekt oben passen. Natürlich müssen wir möglicherweise das Pinwerkzeug nehmen und einige kleinere Anpassungen vornehmen. Das ist also irgendwie, wie man auf einem Highlight kann, wenn all diese Striche auch los sind? Dies war kein gefülltes Objekt. Das ist etwas, das wir von Grund auf neu geschaffen haben. Aber es gibt ein kleines Fuß-Highlight und wir haben auch diesen kleinen Schlag hier, der leicht zu setzen wäre , weil es ein separater Schlag ist. Sehen wir uns das kleine da an. Also lassen Sie uns diese rückwärts und Schichtung System Befehl linke Klammer senden. Schicken Sie es den ganzen Weg zurück, damit die kleine Schlange oben geht. Verwenden Sie also dieses Form-Builder-Tool, um Ihnen zu helfen, damit Sie nicht dort sitzen und all diese Striche verfolgen müssen. Das könnte irgendwie nervig sein. So gibt es unser Highlight auf seinem Fuß, so dass wir Highlights gemacht haben. Lass uns ein paar Schatten machen. Lassen Sie uns die Schatten auf diesem Fuß mit der gleichen Methode machen. Also werden wir Schatten auf die rechte Seite werfen und weitermachen und sie in ein Schichtsystem zurückbringen . Also und bekomme den Schlag darüber. Und natürlich natürlich müssen wir nur zurückkommen. Und vielleicht ist es nicht perfekt, aber so mache ich diese Glanzlichter und Schatten, und wir könnten hier noch einen Schatten machen. Wir könnten sogar nur Duplin. Wir könnten nur Schatten ziehen, der untergeht. Also was? Dass wir nur gehen, um dies unter Stroh Schatten Art von gehen die Hose Bein zu tun, und Sie könnten die gleiche Methode Zehenlogo, Design und Symbole und Symbole anwenden . Deshalb möchte ich das irgendwie als komplizierte Illustration betrachten, damit Sie bereit sind, alleszu tun , alles , alles . Also macht es das etwas dunkler. Ich brauche den Schlaganfall nicht. Senden Sie es rückwärts in das Schichtsystem, tun Sie tun tun, so gibt es ein Highlight. Wir können sogar ein Highlight auf der anderen Seite hinzufügen, aber ich denke, wir werden in Ordnung sein, es sei denn, wir wollen das duplizieren. Reflektieren. Sehen Sie, wie das auf dieser Seite aussieht. Könnte ein wenig zu viel sein. Sie wollen nicht zu viele Schatten und Glanzlichter haben, aber mal sehen, was wir hier haben. Lasst uns diese Farbe probieren. Wahrscheinlich sollte es hier drüben ein Muster haben, also muss ich nicht da sitzen und beseitigen. Beseitigen Sie das jedes Mal. Das Schwarz, das ich wahrscheinlich das Breitenwerkzeug hier wiederholen müsste, könnte ein wenig viel sein, aber ich denke, ich denke, es funktioniert. Es gibt ein kleines Highlight oder Schatten. Wir haben Highlights und Schatten hinzugefügt, wir haben irgendwie eine Dimension zu unserem kleinen Kerl. Hier sind ein kleines Monster, wann immer du ihn anrufen willst. Also gehen wir hin. Wir haben eine vollständige Vektorillustration direkt aus einer Zeichnung, so dass Sie die ursprüngliche Zeichnung sehen können und Sie alle Schritte sehen, die wir folgen, um sie nach der Illustration zu machen, und so sieht das Finale aus. Jetzt können Sie dies exportieren, machen Sie es Symbol. Sie können es eine kleine Illustration für etwas Größeres machen. Es ist alles Vektor gestiegen, hoffentlich hatte Spaß. Dies war ein völlig Fonds ein, aber Sie können eine Menge Fähigkeiten anwenden, die Sie hier gelernt haben, um jede handgezeichnete Skizze, Logo, Symbole, Symbole, Illustrationen und vieles mehr zu vektieren Skizze, Logo, Symbole, Symbole, Symbole, Symbole, . 36. BONUS – Puppet Tool: so hat es eine kleine Bonusvorlesung. Ich wollte über das Marionetten-Tool sprechen, das brandneu für 2019 Version von Adobe Illustrator ist. Wenn Sie also eine ältere Version haben, haben Sie keinen Zugriff auf dieses Tool. Aber ich wollte es definitiv für diejenigen bringen, die Zugang zu diesem Tool haben. Das ist also der, den wir in der Klasse erstellt haben. Und das ist die Version, die ich erstellt habe, bevor ich die Klasse gefilmt habe, als ich Ideen und Konzepte entwarf , und was das Puppenwerkzeug tut, ist, dass es bestimmte Punkte schafft, die man manipulieren könnte. Und Sie können dies ein wenig animieren, um verschiedene Positionen zu erhalten. Ähm, für bestimmte Teile deines Charakters. So sieht das Marionettenwerkzeug aus. Es ist genau hier unten. Sie können darauf zugreifen, wenn Sie es nicht in Ihrer Symbolleiste sehen. Er könnte einfach hier klicken und sehen, ob Sie es finden können. Es wird wie eine kleine Nadel aussehen, also wählen wir unser Objekt aus. Wir würden diesen Kerl zusammen gruppieren. Stellen Sie einfach sicher, dass er zusammengefasst ist und unser Marionetten-Warp-Werkzeug bekommt, und es wird verschiedene Punkte für uns schaffen, damit wir diese bewegen und diese Punkte so manipulieren können , dass wir seinen Körper ein wenig bewegen können. Also können wir vielleicht runter Hiss Antenne gewesen sein. Wir könnten hier einen Punkt setzen, um es so zu verbiegen. Man könnte sehen, wie er die Eigenschaften von ihm wirklich ein wenig verändern kann . Also nehmen wir dieses Bein. Sieht aus, als ob er springt oder hüpft. Er hatte keine Arme, weil das einfacher mit Armen zu animieren wäre. Aber alle möglichen Dinge, die wir damit machen können, wollte ich nur irgendwie zeigen und zeigen was man mit diesem Marionettenwarp-Werkzeug machen könnte. Und wenn Sie einen bestimmten Punkt löschen möchten, markieren Sie ihn und löschen ihn dann einfach. Wenn Sie einen Punkt hinzufügen möchten, klicken Sie auf. Es funktioniert sehr wie die Grady, It Mesh Tool und die freie Form Zutat Tool 37. Bildungsprojekt – Reine und Einrichtung: Jetzt ist es an der Zeit, ein komplettes, zusammenhängendes Icon-Set zu erstellen . Wir werden Icon-Set erstellen, die zusammen gehören, um dieses Set zu erstellen, das Sie hier sehen , werden wir all das in Adobe Illustrator tun. Lassen Sie uns also nur ein wenig über Gitter sprechen. Wenn es um das Icondesign und die Art des Iconsets geht, die wir erstellen, werden diese Icons nicht im APP Store verwendet werden. Wir werden auch ein App-Symbol ein wenig später für den APP-Store machen. Aber diese Luftsymbole, die für Websites für digitale Anwendungen verwendet werden könnten, alles, was ein kleines, um 16 x 16 Pixel-Symbol den ganzen Weg bis zu 128 x 128 Größe benötigt . Dies werden also Ihre Icons sein, die Sie für Ihre Benutzeroberfläche auf allen Arten von digitalen Anwendungen, Websites, Mobilgeräten, Mobilgeräten, APS und mehr verwenden. Wir müssen also sicherstellen, dass die Symbole klein genug sein werden, um mit einer so kleinen Größe zu arbeiten . Während dieses ganzen Prozesses werden wir verkleinern und sicherstellen, dass wir wirklich verstehen können, was das Symbol sagt. und sie müssen super einfach sein, weil Symbole kommen und viele verschiedene Größen sie könnten. Sie müssen in 16 x 16 Pixel sein, was sehr, sehr winzig ist , und sie müssen in der Lage sein, auch in den großen 256 mal 256 Pixel gut aussehen. Sie müssen also in all diesen verschiedenen Größen und Räumen existieren. Es ist also am besten, das am meisten vereinfachte Logo zu haben. Es ist möglich, und eine, die auch sehr flexibel ist. Und ich verwende gerne Raster, wenn ich meine Icon-Sets mache. Und das ist, weil es Ihnen eine Anleitung gibt, um dieses Symbol anzupassen und sicherzustellen, dass es die schöne Grenze um es herum hat , dass jedes Symbol den gleichen Abstand hat, und es gibt Ihnen nur eine schöne Grundlage, um Ihr Design auf Basis. , Außerdem hilft es Ihnen auch,wenn Sie mit Ihnen metrische Formen als Leitfaden und verschiedene Linien tun, um eine Art von Hilfe führen Sie viele dieser verschiedenen Formen und Symbole zu erstellen. Das ist also ein Raster, und so erstelle ich das Raster. Es basiert auf dem Fibonacci-Verhältnis, und was Sie tun ist, Sie erstellen eine Art von Quadrat und dann erstellen Sie einen Kreis innerhalb dieses Quadrats und dann innerhalb der Grenzen dieses Kreises, erstellen Sie ein weiteres Quadrat und dann setzen Sie einen Kreis innerhalb dessen. Und Sie haben auch diese drei oder vier Divi Ah, diagonale und horizontale und vertikale Linien, die auch über sie verlaufen. Das ist auch eine Art von Hilfe, die Sie führen. So haben Sie ein paar verschiedene Dinge ist eine Art schnelle zeigt Ihnen, wie ich diese wirklich schnell erstellt für Sie haben eine schöne Vorlage, wo all dies bereits für Sie gemacht wurde, so dass Sie sich nicht darum kümmern müssen. Aber ich wollte Ihnen zeigen, wie das aufgebaut wurde, damit Sie verstehen können, wie das Gitter zusammengesetzt wurde. Also, bevor wir anfangen, wollte ich Ihnen diese tolle herunterladbare Ressource zeigen. Es ist ah Grid Art einer Rastervorlage für Sie, wo ich dieses detaillierte Raster erstellt habe. Und ich habe das auf dem Gitter für dich verteilt und ich habe diesen Abstand, da draußen wird es 16 verschiedene Symbole geben, also hast du 16 verschiedene Boxen. Aber das ist eine großartige Vorlage und eine großartige Anleitung für Sie, mit der Sie arbeiten können. Sie haben also nicht das Gefühl, dass Sie nur ein Symbol und ein großes offenes Dokument entwerfen, das Sie eine schöne Größe haben , und Sie kennen die Grenzen des Symbols und einige Ihrer Einschränkungen mit dem Symbol mit dem Set, das ich vorher erstellt habe, als ich kommen mit Konzepten für den Kurs, dass es ein Thema zu diesen Symbolen, die wir erstellen, und dieses Thema wird ein ähnlicher Schlaganfall sein . Warten Sie. So gibt es ein ähnliches Strichgewicht in all diesen verschiedenen Symbolen. Sie unterscheiden sich nicht sehr viel. Sie sind alle drei Punkt-Schriftart. Warten Sie, Major. Sie waren alle gleich. Und so gibt es das konsistente Thema, das durch das Symbol läuft. Wenn sie also zusammen als Set verwendet werden oder wenn sie in einer Anwendung oder einer mobilen App verwendet werden werden Sie in der Lage sein ,konsistentes Branding und konsistentes Design durchgängig zu sehen. , Das ist wirklich wichtig, darüber nachzudenken, wenn Sie Ihren eigenen einzigartigen Satz von Symbolen machen. Also, wenn Sie mit mir durch diese grundlegenden Symbole arbeiten wollten, werden wir eine Menge Werkzeuge und Tricks durchlaufen, um zu versuchen, diese Symbole schnell zu erledigen und vor allem einige Grid-Arbeit zu erledigen. Lassen Sie uns also einige sehr schnelle Dinge tun, um unsere Illustrator-Programme so einzurichten, dass wir dies so einfach wie möglich machen können, um durch diesen Prozess zu arbeiten. Also das erste, was wir tun müssen, ist zu Illustrator gute Präferenz gehen und zum Allgemeinen gehen, und wir werden sicherstellen, dass unsere Skala, Ecken und Skala, Striche und Effekte angekreuzt sind. Das ist sehr wichtig, wenn wir diese Symbole größer und kleiner skalieren, dass wir keine Änderung in unserem Strich haben. So bleibt unser Schlaganfall konsistent, egal welche Größe es ist. Das ist also wirklich wichtig. Eine andere Sache, die wir getan haben wollen, um sicherzustellen, dass unsere Gitter angezeigt werden. Es gibt eine kleine Tastenkombination. Ich werde eine Menge in diesem Abschnitt des Kurses verwenden. Es ist sein Befehlszitat, und Sie können oft auf Rastern umschalten. Wenn Sie es manuell tun möchten, einfach zur Ansicht und gehen Sie nach unten, um das Raster anzuzeigen, und es wird das Raster für Sie aktivieren. Und wenn Sie jemals Ihr Raster bearbeiten wollten, damit es mir ähnlich aussieht, sollte es das tun. Die gesamte Vorlage sollte das Raster automatisch für Sie speichern, genau so. Aber wenn nicht, zeige ich Ihnen, wie ich das eingerichtet habe. Wir gehen zwei Einheiten und Raster runter, und so kannst du die Farbe und alles in deinem Gitter ändern. Also hier sind Ihre Rasteroptionen. Genau hier unten. Ich habe es. Teoh 32 Pixel für jede Box. Das ist die Art von Ikone, die wir machen werden. Das wird unsere Grundgröße nennen. So Icons müssen in allen verschiedenen Größen Aromen kommen. Ich denke, Sie können es nennen, und ich mag es, die basierte Größe zu holen, die alles auf der kleineren Seite ist, so dass immer leicht skaliert werden kann. Unsere Basis misst also 32 Pixel mal 32 Pixel. Das ist also, wie groß dieses besondere jedes dieser Gitter ist. 32 Pixel und dann im Inneren haben Sie Unterteilungen und haben 34 Unterteilungen, die am besten zu funktionieren scheinen, wenn es darum ging, viele kleine Optionen zu haben, wenn es ein Gitter schnappte. Dies ist eine Art der Optionen, die ich in meinen Gittern und Einheiten habe. Sie können die Farbe ändern, wenn Sie, wenn das Grau ein wenig zu stark ist und es Ihre Fähigkeit, Ihr Design zu sehen, beeinflusst , können Sie die Farbe ändern. Und schließlich, lassen Sie uns über die Vorlage sprechen. Also habe ich hier ein paar Ebenen mit einem Verkleinern. Also siehst du alle diese zusammen. Und so haben wir einen Platz für die Gitter, die sie jederzeit ein- und ausschalten kann. So können Sie immer sicherstellen, dass Sie, ähm, Sie können Ihre Symbole wirklich sehen, ohne dass irgendetwas von diesem Gritting. Manchmal hilft es wirklich, das auszuschalten, um zu sehen, wie Ihre Symbole wirklich aussehen und ein Beispielsymbol haben. Dies sind also die Beispielsymbole. Ich lasse die hier drin, damit du sehen kannst, wie ich das alles konstruiert habe. Also, wenn du durch die Klasse ziehst und gehst, wie hat sie das wieder gemacht? Du kannst zurückgehen und mir meine rohen Striche ansehen, und hier werden deine Symbole hingehen. Das ist also die Schicht, die du haben wirst. Ich halte meine Gitter gerne verschlossen, damit ich sie nicht versehentlich verschieben kann. Also haben Sie meine Symbol-Gridlock. Und hier wirst du für die nächste Stunde leben. 38. Icon – Erste Einsätze: Also gehen wir runter sind eine schnelle kleine Checkliste von allem, was wir aufgestellt haben müssen. Ich weiß, es ist etwas mühsam, aber es wird wirklich Spaß machen. Sobald wir alles aufgestellt haben. Noch eine Sache, die wir tun wollen, gehen wir hoch, um zu sehen. Und im Moment werden wir dafür sorgen. Nun, intelligente Führer sind nett zu haben, auf das ist, das muss ein hilfreicher Führer sein. Aber zusätzlich zu diesem Snap to grid ist wirklich gut. Dies könnte helfen, unsere kleinen Punkte zu fangen und sind Strich- und Stiftstriche an den Punkten des Rasters. Es wird uns helfen, eine sehr gute geometrische Art von Symbolen zu machen, wo alles schnappt. Also werden wir toddling zum Raster abschalten, ein- und ausschalten. Wir werden es nicht die ganze Zeit haben, weil es ein paar Anpassungen sein könnte, die wir vornehmen müssen, wo wir es ausschalten müssen. Aber im Augenblick werden wir sicherstellen, dass das Raster aktiviert ist, und so sind wir bereit, unser erstes Symbol zu machen. Also gehen wir zu unserem ersten kleinen Gebiet hier und schauen uns das an. Also, da wir schnappen uns an und lassen Sie mich gehen und einen schönen Schlaganfall gehen, damit wir sicherstellen können, dass alles konsistent ist. Also, da ich geschnappt, vereinbart habe , können Sie sehen, wie alles schön schnappt, und es macht diesen ganzen Prozess. Ich kann das wirklich schnell durchklicken, und ich muss nicht da sitzen und sicherstellen, dass ich es perfekt mache. Der Computer macht es irgendwie für mich. erste Symbol wird dieses kleine Umschlag-Symbole sein, die sehr einfach beginnen und langsam ein wenig schwieriger werden. Ich werde das von einem Drei- auf einen 1,5-Punkt-Schlag umschalten. Warten Sie. Ich denke, das wird ein bisschen besser aussehen, nachdem ich etwas Übung gemacht habe. Und im Moment werde ich nur sicherstellen, dass meine runden Kappen an sind und meine runde Verbindung ist auf nur um den Dingen eine glattere Kappe um sie herum zu geben, Kappe in einer glatten Kante. Also ist es aufgeschnappt. Ein tolles auf. Das wird ziemlich einfach sein. Also werde ich nur mein Rechteck-Werkzeug holen. Ich könnte sogar Strohbox direkt hier über das Gitter, bekommen mein Pin-Werkzeug p für Penn und hat ein Dreieck zu zeichnen, und dann kann ich sogar einfach zusammenbrechen diese. Und was am Raster großartig ist, ist, dass es uns eine Anleitung für den Abstand um die Oberseite des Bodens gibt , so dass ich dies anpassen kann und sicherstellen kann, dass ich den gleichen Abstand zwischen oben und unten habe , und das Gitter ist wirklich großartig für das. Also denkst du vielleicht, wo du diesen diagonalen Linien nicht perfekt folgst, das ist okay. Es ist nicht dazu gedacht, die einzigen Orte zu sein, an denen Sie Striche setzen können. Es ist nur als Leitfaden für eine Art von Abständen gedacht. Ich fühle mich nicht wie oh, ich muss nur diese besonderen Winkel verwenden. Ganz und gar nicht. Es ist nur für Sie da, um sicherzustellen, dass Sie ähnliche Abstände haben. Also 12345678 und dann acht und dann haben wir einige ähnliche Abstände an den Seiten. Und so, genau so, werde ich meine Rasterebene umschalten. Wir haben ein kleines Symbol, super einfach, und ich mag irgendwie die abgerundeten Kanten, um es in den dickeren Strichen. Wenn ich also verkleinere, kann ich dieses Symbol immer noch wirklich sehen, weil es in einer sehr kleinen Umgebung existieren wird , also war das ein wenig nette Übung. Lassen Sie uns zu etwas etwas herausfordernderem übergehen. Also haben wir diesen kleinen Bleistift, den wir als nächstes machen wollen, also wird das einfach genug sein. Und machen wir es zuerst vertikal. Ich mag es, Dinge vertikal zu tun und dann drehen Sie sie auf ihrer Seite 45 Grad, so müssen Sie die richtige Dicke hier zu bekommen. Also drei Boxen auf beiden Seiten. Wir wollen auch den Punkt des Bleistifts machen, und wir wollen einen zeichnen. Auch erfüllt get sind direkte Auswahl-Tool und stellen Sie sicher, dass das gerade ist. Deshalb haben wir das Gitter, um uns zu helfen, das herauszufinden. Also P für Pin, ich werde voran gehen und ein bisschen Ach zeichnen, und das könnte ein bisschen stilisiert sein. Anstatt nur die Form zu vervollständigen, werde ich ein bisschen einen leeren Bereich dort lassen, um den Stift irgendwie zu stilisieren, nur damit er nicht wie ein Haufen geometrischer Formen aussieht. Aber zusammen gibt es ein bisschen Styling dort. Lassen Sie uns einfach ein wenig von unserer Inc direkt dort zeichnen und machen, dass eine Füllung, und es gibt oder Bleistift Was wir vermitteln. Lasst uns das so groß machen. Vielleicht machen wir es eine kleine Kerbe, ein wenig dünner, indem wir es zweimal nach unten bewegen. Wir wollen nicht fett, also denke ich, das sieht ziemlich gut aus, wie es ist, die einen kleinen Trick haben. Wenn Sie die Dinge perfekt in bestimmten Winkeln drehen möchten, wie etwa 45 Grad Winkel, wählen Sie einfach Ihr Objekt aus. Lassen Sie uns voran und gruppieren es zusammen und anstatt es einfach auszugeben und zu versuchen, zu erraten oder zu gehen, um zu transformieren und zu versuchen, es so zu drehen, könnten Sie die Shift-Taste gedrückt halten, wenn er dieses kleine Drehwerkzeug hatte, und es wird automatisch auf 45 Grad Winkel klicken, was super duper hilfreich ist. Halten Sie einfach die Shift-Taste gedrückt und verschieben Sie diese über, wir haben unseren Stift perfekt und bereit zu gehen, wenn wir verkleinern. Das sieht wirklich gut aus. Lassen Sie uns Angebotssymbole umschalten, um einen Blick darauf zu werfen und wieder einzuschalten. Also lasst uns unser nächstes Symbol machen. Das wird eine Art Spaß machen. Wir werden den gleichen Verschiebe- und Drehtrick machen. Wir haben nur ein einfaches Ellipsenwerkzeug und nahmen unsere Augentropfwerkzeuge, um sicherzustellen, dass wir konsistente Striche haben . Ich möchte nur sicherstellen, dass alle unsere Striche 1,5 sind. Manchmal, wenn Sie etwas kleiner machen, wird es den Strich ändern. Aber stellen Sie sicher, dass alles mit dem Schlaganfall übereinstimmt. Und weißt du was? Ich könnte den Schlaganfall etwas kleiner machen, und das ist nur etwas, mit dem du experimentieren musst. Also statt eines Punktes um vielleicht 1.2 thes Luft, nur kleine Änderungen. Aber ich will es nicht so dick, dass du die Details nicht sehen kannst. Wir müssen den Kreis vielleicht etwas kleiner machen. Das ist also keine große Sache. Ist gedrückt Shift und es Art von Klicks in Platz zwei Spots. Und dann könnte ich meine Sonnenstrahlen setzen und hier ist, was ich tun werde. Ich werde das tun, Sohn Top Sunray zuerst und dann halten Sie die Option gedrückt und ziehen Sie es. Also duplizieren Sie es einfach, bringen Sie es hier runter, und hier ist, was ich tun werde. Ich muss vielleicht noch ein Mal darauf klicken, also habe jetzt drei Leerzeichen den ganzen Weg herum. Klicken Sie auf diesen Ford einmal, und ich werde einen kleinen Trick hier tun. Was ich tun werde, ist, dass ich kopieren werde, und du könntest einfach deine Tastenkombination kopieren, und wir werden einfügen. Wir gehen hier hoch und kleben an Ort und Stelle. Was ist los? Um diese Abkürzung auswendig zu machen, fügen wir das an Ort und Stelle ein, und dann halten wir fest. Also hat es eine Kopie gemacht. Halten Sie die Shift gedrückt. Und genau wie dieser Boom. Wir haben unsere kleinen Kopien. Also werden wir das einfach weiter machen. Halten Sie die Umschalttaste gedrückt, klicken Sie darauf und nochmals. Sieh es dir an. Und wir haben unsere Sohn-Ikone genau so. Also lassen Sie uns ein wenig reden, um sicherzustellen, dass es aus der Ferne gut aussieht. Und noch einmal müssen wir nur sicherstellen, dass die Striche konsistent sind. Wir können immer einfach das Pipettenwerkzeug nehmen, stellen Sie sicher, dass sie alle den gleichen Hub anpassen. Da ist also unsere Sohn-Ikone. Gehen wir zu einem Bild-Icon. Aber das wird noch einfacher sein, weil wir alle Arten von zentrierten auf dem Gitter zerstören könnten . Ich kann mir nicht vorstellen, dies ohne Gitter zu tun. Es würde es nur viel anstrengender machen. Lassen Sie uns unsere Berggipfel zeichnen und sagt, dass der Berg rechts an Ort und Stelle nicht genau das sein muss , was ich vorher hatte. Und lasst uns unser Lippenwerkzeug holen und zeichnen, Sohn. Ich konnte sehen, wie schnell ein Nikon-Set aufpeitschen konnte. Es gibt ein kleines Bild-Icon. Wir könnten das sogar ein bisschen breiter machen, weil wir ein wenig an den Rand gehen wollten, weil es sich um eine sehr kleine Immobilie handelt. Also wollen wir in der Lage sein, seine Nutzung zu maximieren, also stellen Sie sicher, dass wir es verwenden. Wir wollen es nicht an den Rand stoßen, weil wir einen schönen Spielraum haben. Wir wollen vermeiden, eine Menge Dinge in den Rand zu setzen. Also will ich einfach nur so nah wie möglich machen, aber immer noch Atemraum für meine Ikone. Und ich muss das vielleicht wieder in einen perfekten Kreis stecken. Da ist ihr Bild-Icon Jetzt machen wir eine Uhr, also machen wir einen einfachen Kreis mit einem Kinderspiel. Schön schön an Ort und Stelle für uns. Und das wird einfach sein, weil wir nur das Pin-Werkzeug bekommen und eine einfache Uhr Gesicht Zeit machen . Das eine wird kürzer sein als das andere und wir können das dramatisch machen. Also lasst uns noch einen höheren machen. Also denke ich, das Schwierigste an Icon-Design ist nicht die Schaffung von ihnen, aber die Idee hinter ihnen, wo sie einen Blick wie bekommen, Wie werden Sie komplexe Dinge wie Freundschaft oder Kommunikation oder Datenbanken zu vereinfachen ? Wie willst du einen abstrakten Gedanken nehmen und daraus eine Nikon machen? Das ist der schwierigste Teil des Icon-Designs. Okay, also habe ich eine Uhr. Wie kann ich diese Uhr so weit wie möglich vereinfachen, so dass ich vermeiden kann, viele Details und Linien hier für diese speziellen Icon-Set. Das ist also die größte Herausforderung. Und ich weiß, dass wir mit einigen dieser komplexeren Icons dieser Art von Mikrofonsymbol dazu kommen werden. Sie wissen, viele Male alle Quelle Google-Fotos und ich werde auf Mikrofone schauen und ich werde OK gehen, was ist die einfachsten Elemente dieses Mikrofons? Weißt du, wir haben die runde Basis. Wir haben den Stand, wir haben vielleicht einen Ein-/Ausschalter, die alle anderen Details mitnehmen und wegschmelzen können. Wir versuchen nur wirklich, das grundlegendste Element und die grundlegende Form zu erhalten, und manchmal hilft das Finden eines Fotos dieses Objekts wirklich oder das Studium anderer Icon-Sets , die ähnliche Themen in ihnen haben. Lasst uns diesen Stern und Mond als Nächstes machen. 39. Icon – 3: Also haben wir einen Stern und eine Mond-Ikone. So sieht so aus, ich damit vielleicht ein bisschen betrügen kann. Es wird hier einen Punkt wählen, irgendwie eine Halbmondform machen und vielleicht nicht den ganzen Weg bis zum Rand gehen lassen. Aber ich könnte einfach mein Direktauswahl-Tool bekommen und das beheben. Das wird die an Orten schnappen, Nun, die abgerundete Ecke. wird also an Ort und Stelle schnappen. Ich kann mein Breitenwerkzeug hier bekommen und klicken und ziehen, um eine Art Mondform zu erstellen. Und was ich tun muss, ist, da dies immer noch ein Schlag ist, möchte ich es irgendwie skizzierten Weg genau so machen. Also muss ich auf den Weg gehen. Ich werde meinen Schlaganfall umreißen müssen, damit ich mein Pipettenwerkzeug nehmen und das gleiche anpassen kann. Oder eigentlich weiß ich, was es ist. Es ist 1.2 und dann nehmen Sie jede Art von Füllung weg. Diese Art von war also ein schneller Weg, um einen Umriss zu machen. Ich könnte dies jetzt ein wenig kleiner machen, da ich es umreißen und dann Sterne Luft einfach weil wir ein Stern-Tool haben, so dass nur peitschen einige Sterne machen verschiedene Größen. Wir können diese zu einer Füllung machen, weil der Strich dieser zu dick ist, um die Details des Strichs zu sehen , also muss er diese etwas größer machen. Also gehen wir zum Mikrofon. Das ist, wenn ich vorher darüber gesprochen habe, wie wir komplexe Objekte vereinfachen und sie so einfach wie möglich machen müssen , indem wir einfache Striche verwenden. Wir wollen nicht viele Details im Mikrofon haben, aber mit nur ein paar Strichen in einer Linie, konnten effektiv kommunizieren, dass das ein Mikrofon ist. Solange Sie also in der Lage sind, das Symbol zu erkennen, ist das der wichtigste Teil von all dem. Mal sehen, ob ich ein abgerundetes Rechteck machen kann und voran gehen und unsere Pille in Form bringen wenn ich mich traf. Machen Sie es die richtige Dicke und wir bringen es auch an die Spitze. Nutzen Sie hier eine Immobilie, weil wir unseren Stand aufstellen müssen. Also mal sehen, wie, wie lange wir brauchen, um den Stand zu machen. Wir werden sehen, ob das funktioniert. Stellen Sie sicher, dass es darum geht. Die Caps sind noch an. Ich mache meine Tastenkombinationen. Also, was ich tue, ist, dass ich V auswähle, was dein Verschiebungswerkzeug Art von un Auswahl und dann gehe und wähle meinen Stift aus, so dass ich nicht weiter da oben gehen und ihn auswählen muss. Und a ist Ihre Direktauswahl-Tools. Das ist irgendwie schön, diese Tastenkombinationen praktisch zu haben. Also lassen Sie uns eine Art von Runde erstellen und wir wollen diesen Look drei d in einer Art und Weise machen oder nicht. Drei D, aber wenigstens mag ich es, damit wir das Pinwerkzeug nehmen und hier eine Form zeichnen können. Aber dann sieht es eher wie eine Pille auf ein bisschen weniger wie ein Mikrofon aus, so dass wir unser Krümmungswerkzeug direkt hier in der Mitte klicken könnten, um das abgerundet zu machen, und wir könnten das nach oben bewegen und dann das einzige, was übrig bleibt , um einen kleinen Ein-/Ausschalter zu tun. Also werden wir einfach eine kleine Linie mögen, die es vielleicht nicht mal so dick macht . Und was wir damit machen könnten, ist nicht alles, was diese abgerundete Form sein muss. Was wir tun könnten, ist, dass wir einfach ein Rechteck-Werkzeug bekommen und über zwei Boxen zeichnen und es einfach zu einer Füllung machen, so dass es nicht die abgerundeten Kanten hat. Diese Art von gibt es ein wenig mehr Kontrast. Also gibt es unser kleines kleines Mikrofonsymbol, und wenn wir es jemals kleiner machen wollen, können wir es nach unten klicken. Und manchmal muss man es nach unten klicken, um sicherzustellen, dass es bleibt, auch wenn man nur die Dicke des Strichs vergleicht, den ich vorher hatte. Dies ist das vorherige Symbol. Es ist etwas dicker, nicht wahr? Mal sehen, ob wir das nicht einmal nach unten klicken können und vielleicht zu einer etwas dickeren Präsentation zurückkehren können, und das muss vielleicht ein wenig nach oben geschoben werden. Das hat also zwei Punkte. Sieh mal, ob wir das nicht ein bisschen herum können und voila! Wir haben eine ziemlich gute Ikone dort. Schön, Raster auszuschalten und irgendwie zu sehen, wie unser Icon-Set aussieht. Also gibt es, was wir haben. Alles sieht gut aus in der Startaufstellung. Manchmal, wenn ich die Dinge aus der Ferne sehe, werde ich einige Fehler sehen, so dass der Mond. Vielleicht muss ich ihn etwas mehr in die Mitte bringen, und das war's. Also lasst uns weitermachen. Wir haben eine Batterie als nächstes, so Batterie und wir werden langsam ein wenig komplexer mit der Art von Objekten , die so tun konnten lernen, wie komplexe Formen zu vereinfachen. Und ich denke, das Größte ist, sicherzustellen, dass wir die Dinge nicht übermäßig dramatisch machen. Wir wollen also keine Batterie herstellen, die etwas zu dick ist, weil sie ihre Batterie verliert . Es ist toll, Batteriefotos zu betrachten. Sie sind dünner. Weißt du, das ist großartig, um das im Hinterkopf zu behalten, während wir diese zusammen machen, lasst uns die Ecken dazu umrunden. Und Batterien haben immer das kleine Ding am Ende eines Endes. Diese Art von hatte zeigt an, dass es eine Batterie ist, also könnten wir das wahrscheinlich mit einer Füllung tun. müssen wir keinen Strich machen, also lasst uns ein abgerundetes Rechteck machen. Sie müssen nicht für jedes einzelne Objekt Striche verwenden. Manchmal kann man einfach mit einer Füllung davonkommen. Das werden wir tun. In diesem Fall möchten wir nur ein wenig von der Batterie angeben. Dies ist also einer der Fälle, in denen Sie möglicherweise ausschalten müssen. Fangen am Raster ist nicht. Alles passt sich perfekt an dieses Gitter an, das ein wenig zu dick für die Batterie ist. Also, was wir tun können, ist dies Schnell ausschalten, rasten Sie auf Raster oder Sie können die Tastenkombination verwenden. Also einfach ausschalten, damit es bekommen wird, erlaubt mir, vielleicht einen benutzerdefinierten halben Punkt zu machen. So ist es nicht zu dick und es ist nicht zu dünn, und das kann es schnell einschalten. Also fühlen Sie sich nicht so, als müssten Sie am Raster einrasten und alles muss sich dem Raster anpassen . Bitte fühlen Sie sich frei. Fühle dich nie so, als wärst du in das Gitter gesteckt und die ganze Zeit daran geschnappt. Dasselbe lief. Bringen Sie einen auf den Boden und wir wollen voran gehen und etwas Saft hinzufügen. Sie wissen, wie Sie Ihr iPhone oder etwas aufladen sehen. Und es ist irgendwie 1/3 der Art, wie aufgeladen. Du wirst diesen Saft hier haben. Also, was wir hier tun werden, ist ein einfaches Strohhalm. Phil, mach das einen Phil und hol dir unsere Berichterstattung oder unser Werkzeug. Wir gehen zu zwei verschiedenen Punkten, um es irgendwie wie eine Welle aussehen zu lassen. Wir werden auf einen Punkt und auf den anderen klicken . Es wird unsere Welle erzeugen. Also ist es irgendwie unser Saft. Ich schätze, du könntest es nennen, und dann brauchen wir noch ein Element. Wir brauchen eine Art Blitzschlag, um anzuzeigen, dass es sich um einen Ladeakku handelt. Es ist nur dieses zusätzliche Symbol, das hilft zu beschreiben, was das ist, dass dies wirklich alles an dieser Stelle sein könnte , es sieht irgendwie wie eine Batterie aus. Aber ich denke, der Blitz wird wirklich, wirklich helfen, das effektiv zu kommunizieren, damit wir eine Füllung dafür tun können. Wir werden einen Blitz machen, also klicken Sie auf eine Seite, klicken Sie über, irgendwie ein bisschen vom Meer zu machen. Vor gut. Möglicherweise müssen Sie diesen ziemlich langen Klick hier machen. Wir können das immer ändern, nachdem wir es getan haben, und da ist unser Blitzschlag. Nutzen Sie unser Direktauswahl-Tool. Wir können diesen Kurs des Schnappens auf Gitter einrasten, also wird es uns hier viele Möglichkeiten geben. Lasst uns das geradeaus machen und auf diese Weise schnappen. Machen Sie es in den gleichen Winkeln gefangen. Das könnte ein wenig Arbeit erfordern, um damit eine Nudel herum zu schneiden. Und das ist auch, wenn vielleicht das Abschalten von Fanggrieß. Keine schreckliche Idee, wenn Sie irgendwie wirklich Feinabstimmung unserer Blitzbolzen Auswahl wollen. Okay, das ist gut genug für den Moment. Es ist schön und dick. Die Leute werden das sehen können. Also werde ich wieder zum Gitter einschalten. Da ist unser Blitzschlag. Ich kann auch, wenn ich es perfekt mit dem machen möchte, was ich vorher getan habe. Ich kann es einfach reflektieren. Es wird schön sein, wenn ich die Kanten geglättet habe, weil alles irgendwie eine glatte Kante dazu hat . All diese Kanten sind geglättet, so dass wir es nicht 22 abgerundet machen wollen, weil wir etwas Kontrast haben wollen. Aber lasst uns einfach um diese immer so leicht so einfach nur eine kleine Biegung in diesen Kurven. Hey, da ist unsere Batterie, und der hier wird super einfach sein. Da wir schon einige komplexe Icons gemacht haben, werden wir das Raster ziemlich viel nutzen können. Also werden wir hier unten klicken, und wir werden nur unser Gitter hier benutzen. Wir werden nicht den ganzen Weg da runter gehen, denn das wäre ein wenig zu dramatisch von einem engen. Also werden wir einfach ein paar Punkte oben klicken, vielleicht genau hier. Dies ist, wo wir verwenden Are Fibonacci Verhältnis zu bestimmen, wo wir hier klicken und bekommen unsere 1,2 Schlaganfall oder was auch immer Schlaganfall Sie verwenden möchten? Du musst nicht benutzen, was ich benutze, und dann wollen wir sicherstellen, dass wir unsere abgerundeten Kappen an haben. Und das ist, dass Wir die direkte Auswahl machen können. Wenn wir es mehr von einem dramatischen Pfeil machen wollen. Wir können es so konform haben. Oder wir können es zu einer Füllung machen. Viele Optionen hier für Pfeile. 40. Bildmaterial und Design – 4: und ich denke, ich möchte das Etikett oben ein wenig enger machen, und das ist keine große Sache. Klicken Sie zweimal über, klicken Sie zweimal seine Art von machen es prägnanter. Sieht ein wenig fett für mich aus, und das ist okay, weil wir es einfach mit einer Kerbe reinbringen und mit einer Kerbe herbringen können. M bringe das hier auf. Also hatten wir hier einen kleinen Abstand und Abstand, den ganzen Weg um das Symbol herum. nur sicher, dass mein Abstand durchgängig ist. Da ist unser kleines Etikett. Lassen Sie uns einen kurzen kleinen Phil Kreis genau dort in der Mitte machen, und auch wir wollen dieses kleine Kreis-Tag zeichnen. Also machen wir das einfach. Das könnte sein, wenn wir aus dem Netz nehmen, weil es vielleicht keinen schönen Kreis für uns auf dem Gitter macht. Manchmal ist es ein wenig streng damit. Dies könnte einer der seltenen Fälle sein, in denen Sie einen etwas weniger dicken Schlaganfall verwenden. Statt der 1.5 können wir vielleicht mit einer 0,75 davonkommen, weil diese kleine Saite nicht super dick sein soll . Ich denke, es wird das Tag überholen wir es die gleiche Dicke war immer ein direktes Auswahlwerkzeug bei der Anpassung dieses. Okay, jetzt brauchen wir ein Dollarzeichen. Wir bekommen unser Typ-Tool und machen unser Dollarzeichen oder welche Währung Sie dafür verwenden möchten. Und da ist unser kleines Dollarzeichen, und ich benutze einfach welche Schrift? Didis unzähliger Profi. Aber ich habe hier einen dicken Schlag, also gibt es diese schönen, konsistenten, um, um, abgerundeten Ecken drauf. Das ist dieser unzählige Profi. Stellen wir sicher, dass das schön und dick ist, damit wir das Dollarzeichen sehen können. Wenn wir verkleinern. Es wird ein Verkaufstag für wahrscheinlich E-Commerce-Geschäft sein. Wir wollen sicherstellen, dass die Leute es gut sehen können, und es hat einige gleiche Abstände hier. Es hat drei Abstände hier und hat auch drei Abstände . Und mit diesem allgemeinen Frieden, mal sehen, ob ich es nicht noch eine Größe niederschlagen kann. Tun Sie das, wir haben genug Spielraum da herum, denn wenn Sie es in Symbolen wie diesem tun, wenn Sie esspeichern , wenn Sie es , wird es nicht etwas von diesem schönen Rand übrig haben. Wenn Sie es in eine Website oder Ihre I-Umgebung integrieren, möchten Sie nur ein kleines bisschen Marge um jedes Icon bauen . Okay, lassen Sie uns weitermachen. Wir haben jetzt ein Ortsymbol, also ist das wirklich einfach. Alles klickt so schön an Ort und Stelle, dass Sie dieses Symbol in einer Minute tun können. Aber der schwierigste Teil, es ist herauszufinden, wie man die Spiel-Ikonen-Idee macht, die Ideen des harten Teils darüber. Dies ist also die grundlegendsten Elemente einer Play-Schaltfläche. Wir haben den Kreis, und wir haben das eigentliche Dreieck, das anzeigt, dass es eine Play-Schaltfläche ist. Also nahmen wir einige komplizierte Play-Buttons und machte ihn einfach möglich, indem man alles herauszieht und nur auf das, was Onley Dinge, die helfen, zu kommunizieren, was das Symbol ist. Und das ist der große Trick. Lassen Sie uns das eine kleine Kerbe runterschränken, damit die Büroklammer etwas komplizierter wird . Und das könnte ein Fall sein, in dem wir den Snap zum Raster nehmen. Also das ist Ah, wir fangen irgendwie ganz unten an. Wir können es später immer kleiner machen. Was ich tun werde, ist, dass ich an dieser Stelle direkt hier des Clips anfangen werde, um vielleicht genau hier zu sein, und ich möchte auch sicherstellen, dass die richtige Dicke hat. Also lass uns mal sehen. Wir wollen nicht zu dick sein, also vielleicht genau hier. Und die für die erste Runde, die draußen herumläuft, denke ich, dass Snap Degradierungen gut sein werden. Aber wenn wir uns umkreisen, kreisen wir hier herum und gehen zurück hinein und schneiden es weiter. Wenn ich das mit Snap to Raster mache, fängst du an, eine Art seltsame Seltsamkeit zu sehen, weil es nicht zum ursprünglichen Punkt zurückgeht . Es geht ins Innere, also schalten wir aus, rasten wir uns für ein wenig an und sehen, was wir tun können. Hören Sie, wie Sie auf meinen ursprünglichen Ankerpunkt zurückklicken. Mal sehen, ob ich nicht auf den gleichen Punkt klicken kann, ist die andere Seite und ich muss mir vielleicht noch mehr Platz geben direkt dort, und wir könnten zurückgehen und es später ändern, wenn es nicht perfekt ist. Also denke ich, wir werden noch ein Mal umwickeln, wenn Sie sich ein Büroklammerbild ansehen , und genau das habe ich getan, ist, dass ich ein Büroklammerbild verfolgt habe, also ist das Bild der Büroklammer. Früher habe ich eine Vorstellung davon bekommen, wie das funktioniert. Ich habe es nicht nur magisch ausgedacht. Ich musste mir einen ansehen und einen studieren und gehen. Wie oft wickelt es sich um? Also lasst uns ändern oder streicheln mit. Stellen Sie sicher, dass es der Strich ist, mit dem wir brauchen, und wir können mit dem Krümmungswerkzeug wieder reingehen und diese Ecken wirklich ein bisschen besser abrunden . Ja, mach dir keine Sorgen darüber, dass du mit diesem Gitter bist. Dies wäre schwer mit der Strenge des Rasters zu tun, also ändere einfach meine Griffe und stelle sicher, dass ein glatter Umlaufpunkt ist, also muss ich das manchmal einbringen. Sie wollten ein bisschen besser werden. Es ist nicht perfekt, aber ich denke, für dieses Beispiel werden wir mit ihm gehen und sagen wir, ich will es. Stellen wir sicher, dass dies zentriert ausgerichtet ist, und ich muss möglicherweise einen dieser Clips herunterbringen. Also lasst uns das runterbringen. Ich kann meinen Snap auf Raster wieder einschalten, oder Sie können die Tastenkombination verwenden, was auch immer Ihr Geschmack ist. Und sagen wir, wenn ich irgendwie Winkel, denn gerade jetzt schaut es auf und ab. Lass uns das alles abreden. Das sieht gut aus, aber was wäre, wenn wir ein bisschen einen 45-Grad-Winkel hinzufügen würden? Und bestimmte Symbole im Set können den gleichen Winkel haben? Nicht alle von ihnen, aber diejenigen, die wirklich groß sind. Manchmal ist es schön, diesen Winkel zu ihnen zu haben, so dass sie nicht das Gefühl haben, dass sie sich den ganzen Weg nach unten dehnen. Wenn Sie eine Diagonalen tun, halten Sie die Verschiebung der Reihe nach gedrückt, es hilft irgendwie, es ein wenig mehr zu verbreiten. Ich kann es sogar ein bisschen größer machen, weil ich es auf einen anderen Raum Amore Diagonalen Raum setze . Und dann stellen Sie sicher, dass ich immer mit Schlaganfall konsistent bleibe und da ist oder Büroklammer . Also dieser hier ist irgendwie anders , , weil wir hier zwei verschiedene Kreuzungselemente haben. Also werden wir dieses Form-Builder-Werkzeug verwenden, um diesen Schraubenschlüssel zu bauen, denn wenn man sich ein Bild von einem echten Schraubenschlüssel anschaut , hat es eine Menge Dinge drauf. Aber wir müssen das alles abziehen und uns auf die Hauptform des Innenraums konzentrieren , wo Sie den Schraubenschlüssel auf die Mutter setzen, um sie anziehen. Das ist es, was wir wirklich kommunizieren müssen, ist dieser kleine Divot? Also werden wir das erstellen und das Shape-Builder-Werkzeug verwenden, um es auszuschneiden. Also hier ist, was wir tun werden. Wir bauen einen Schraubenschlüssel als Füllung und keinen Strich. Wir machen den Körper der Reichen, und wir werden es sogar so schaffen, zwei Kisten auf jeder Seite. Machen wir hier einen großen alten Kreis für unseren runden Teil des Schraubenschlüssels und machen einen weiteren unten, und es sieht im unten, Moment irgendwie lächerlich aus, aber wir werden die Bolzenform ausschneiden. Lasst uns die Form des Bolzens machen. Wir werden auf White zurückgreifen, damit es irgendwie sehen kann, wo es ist. Lasst uns zeichnen. Es ist irgendwie fast wie ein Haus, fast wie ein umgekehrtes Haus, genau so. Und wir werden Paste kopieren. Wir werden Schicht machen, und ich muss drehen, bis ich es umgedreht habe, und ich werde es hier unten legen. Also, jetzt hat es irgendwie einen sehr archaischen Schraubenschlüssel geschaffen. Ich muss möglicherweise alles auswählen und es nach unten verkleinern, damit es nicht so gestreckt von allem Ausgewählten aussieht . Und da ist unser Grundschlüssel und wir können dies anpassen, um mehr Dicke zu unserem Schraubenschlüssel hinzuzufügen. Und jetzt wird das Form-Builder-Werkzeug, das wir das Formsäulenwerkzeug bekommen, das herausschneiden. Ich werde die Option halten. Also bekomme ich das Negativzeichen, mach das da raus und halte die Option „Pop it out“ gedrückt und ich werde nichts halten . Und ich habe immer noch das Form-Builder-Werkzeug ausgewählt. Und ich werde all das zusammenschließen, weil wir es zu einem Schlaganfall machen, also schließe dich dem alles an. Ich möchte nur sicherstellen, dass diese Oberteile und Böden abgeschnitten sind, also haben wir nur den Schraubenschlüssel übrig und machen es zu unserem gleichen Schlag, den wir in unserem gesamten Dokument verwendet haben . Also gibt es unseren Schraubenschlüssel einfach genug, aber lasst uns voran und Winkel gehen. Das würde eine Schicht machen und eine schöne 40. Alles läuft irgendwie entlang dieses 45-Grad-Winkels und ich möchte es nur ein bisschen dicker machen . So passt es irgendwie. Sehen Sie, wie es gleichmäßige Abstände auf dem Gitter hat. Also lasst uns unseren kleinen vereinfachten Schraubendreher machen. Schauen Sie sich ein Bild von einem Schraubenzieher an. Denken Sie an die Grundlagen dessen, was einen Schraubenzieher ausmacht. Was wirklich einen Schraubenzieher definiert. Also zuerst, wir haben das wirklich lange. Wir müssen ihn vielleicht irgendwie aus dem Weg bringen, damit du dasselbe tust und ihn auf und ab entworfen hast. Also haben sie diesen wirklich langen, mittleren Teil. Das ist eine Füllung, und es hat diesen kleinen Punkt am Ende. Das ist also keine große Sache, denn wir könnten es an einem bestimmten Punkt aufgreifen und aufklären. Genau so. Wir können sogar um diese Ecke leicht und dann haben wir auch einen Griff, der dazu neigt , immer irgendwie eine abgerundete Kante zu haben. Und lasst uns weitermachen und das noch ein bisschen mehr herausbringen. Wir wollen nicht, dass es abgerundet wird. Wir wollen dies zu einem Schlaganfall machen, also ist es kein solides, weil wir Striche und fast alles haben, was wir haben. Also lasst uns wenigstens einmal in diesem Bild streicheln, und ich glaube nicht, dass es ganz so dick sein wird, und das ist eine dieser Situationen, in denen wir abschalten müssen, ins Raster schnappen, um die richtige Größe dafür zu bekommen. Und wir wollen es wieder einschalten, holen Sie ihr Pin-Werkzeug. Lassen Sie uns wie ein kleines Element tun, denn die meisten Schraubenschlüssel, die ich sehe, haben eine Art von Zwei-Ton-Farbe am Griff oder irgendeine Art von Design auf dem Griff. Also, das wird irgendwie kommunizieren, dass sie ziemlich dünn sind, wenn man einen Schraubenzieher sieht. Also lasst uns das zusammenschließen, ihn zusammenfassen. Wir werden dafür sorgen, dass das Gitter eingeschaltet ist, damit wir ihn in einen perfekten 45-Grad-Winkel zur anderen Seite bringen können. Halten Sie die Schicht gedrückt, bringen Sie ihn rüber, bringen Sie diesen Kerl mit der Zehenüberlappung und bringen wir ihn unten. Und hier muss ich mich ändern. Größe ist ein bisschen, weil ich nicht möchte, dass der Griff stört, weil das wirklich kompliziert aussieht . Also lasst uns versuchen, nur dieses eine Element durchlaufen zu lassen. Und das ist keine große Sache, denn ich kann diesen Kerl etwas höher bringen und ihn zu diesem Punkt bringen, um den Kreis hier zu sehen. Ich werde einen Kreis zeichnen oder einfach einen Kreis auf meine bearbeitete Videobearbeitungssoftware setzen, damit Sie den Kreis sehen können , der Ihnen hilft, zu definieren, wo diese Objekte enden. Also haben Sie das Ende des Punktes hier und das Ende des Schraubenschlüssels. Deshalb ist es wirklich schön, dieses kleine Gitter zu wissen, stellen Sie sicher, dass alles irgendwie sogar blinkt. Okay, ich denke, wir sind ziemlich fertig mit dieser Ikone. Lassen Sie uns eine Art von diesem Symbol machen. Dies wird die Grundlage für unser OS-App-Symbol sein. Also machen wir ein Apple Store-Symbol für eine Anwendung und es wird ein bisschen so aussehen . Dies ist die Inspiration, die ich für diese war sehr einfach, vereinfachte Musik deejay Art von langweilig. So haben Sie verschiedene Lautstärkestufen und einige verschiedene Regler, die Sie Lautstärkepegel drehen können , die Sie drehen können. Was ich also tat, ist, dass ich verschiedene Symbole studiert habe, die dieses ähnliche Thema kommunizierten. Aber ich habe auch einen Blick auf Griffe an bestimmten Instrumenten und D J-Geräten genommen und gut gehen , was ist das Gesamtthema hier? Art dieser Griffe und Tasten eine Art Kombination der beiden helfen zu kommunizieren, dass es eine Art von Musik verwandte Icahn, unser Lautstärkeregler Symbol ist. Dieses sollte also relativ unkompliziert, abgerundetes Rechteck-Werkzeug sein. Und das ist großartig, weil er drei gleiche Gegenstände hat, also kannst du es einfach duplizieren. Also gehen wir weiter und machen unsere erste Lautstärkeregelung. Ich habe das Stiftwerkzeug, das den ganzen Weg runtergeht, und wir werden unsere gleiche Dicke machen, wie wir es gemacht haben. Und wir werden nur unser kleines, das könnte ein abgerundetes Rechteck machen und unsere Lautstärkereglertaste machen. Und wir wollen auch sicherstellen, dass wir geschnappt haben. Einig für jetzt, Machen Sie, dass ich fühle, machen Sie das ein wenig dicker. So sieht es eher wie eine schwere Kontrolle aus, wie eine Pillenform zu machen. Und machen wir es etwas kürzer. Also blockieren wir die Dinge einfach aus. Und was großartig an diesem hier ist, dass ich es einfach zweimal duplizieren kann. Beachten Sie, wie ich den gleichen Abstand mache, hier eine Leiste habe, und dann zwei Leerzeichen zwischen denen, die wir unterschiedliche Lautstärkepegel haben könnten, also zeigt es, dass Sie dies steuern können. Sie sind keine statischen Tasten haben eine andere Art von Verhältnissen des Abstands zwischen allem . Und wir müssen das vielleicht an diesem kleinen quadratischen Punkt hinaufschieben, damit wir Platz haben, um die Kontrolle zu setzen . Dies wird eine einfache Box sein, so dass wir bis zum Rand dort sein werden. Wir haben drei hier. Mal sehen, ob ich drei machen könnte. Sind zwei hier? Ja, ich muss es vielleicht aufbringen, denn manchmal bringt ein Schlaganfall die Distanz etwas anders. Lassen Sie uns also die Ellipsenwerkzeuge machen. Machen Sie drei verschiedene Knöpfe. Das ist alles ziemlich unkompliziert an dieser Stelle, und es gibt die Grundlagen davon, so dass wir irgendwie die weiche umschalten können, um zu sehen, wenn wir verkleinern. Wie sieht es aus? Art von cr-Symbol langsam entwickelt. Wenn Sie vergrößert werden, verlieren Sie irgendwie die Perspektive. Du denkst, es ist klobig und klobig, und es sieht nicht sehr gut aus. Aber wenn Sie wieder auf die Ebenen, die die Leute tatsächlich sehen werden, sie realistischer aus und sie beginnen, ein wenig sauberer und besser aussehen. Sie haben nicht diese dicken Stamm e Striche, also bitte machen Sie einen Sichtbarkeitstest und zoomen Sie auf Ihre Symbole Sie werden viel besser über sie fühlen , wenn Sie etwas Abstand zwischen Ihnen und den Symbolen setzen. Und damit, jetzt, wo ich es in einer Entfernung sehe, sonst sehe ich ein wenig mehr Rand um jedes Symbol, also möchte ich nur ein wenig hier hinzufügen. Also vielleicht klicken Sie es nach unten, wenn es alles und so hält, halten Sie die Shift-Taste gedrückt und klicken Sie es einmal perfekt nach unten. 41. Bildmaterial und Design - 5: Kommunikationsblase, so dass wird einfach sein. Es ist, wenn wir das nicht zusammen ausfüllen können, und wir müssen nur diese Art von Blase erschaffen, die nur nach unten kommt. Also, was ich hier tun werde, ist, dass ich einfach towpath gehen werde. Ich skizziere die Gliederung des Strichs, weil ich in der Lage sein möchte, diesen Abschnitt hier loszuwerden , so dass ich es möglicherweise sogar zeichnen muss, deaktivieren Sie den Snap am Raster. Und ich bin nur, ich bin nur wollen, um schnell Art von einem Rennen dieser Teil von ist die Schaffung jeder farbigen Form, Auswahl aller immer unsere Form, Builder Werkzeug. Ich wurde das alles ausgeschlagen. Und ich möchte diese auch miteinander verbinden. Also fügen Sie diese einfach als eine Einheit zusammen. Und natürlich, wir brauchen auf die, warum es die lila angepasst. Es ist das kapieren. Also, das ist jetzt füllen. Also muss ich das nur im Hinterkopf behalten. Aber das ist derselbe Schlag, den wir brauchen werden. Und dann lasst uns die drei Blasen machen, weil das auf Konversation hindeutet. Er hatte keinen Cop. Die kleine Sorte drei Kreise. Ich glaube, es verliert es ein bisschen. Was es iss Also auf der Suche nach ähnlichen Abständen und versuchen, die richtige Größe hier für ein wenig Konversationsblasen zu bekommen , so dass man einfach genug war. Wir haben noch vier weitere vor uns. Wir haben dieses kleine definierte Glas, seine Schöpferspitze der Lupe. Also schaue ich mir gerne Bilder von Lupen an. Ich habe sogar eine Klasse, in der ich durch Icon-Design gehen, und das ist Wir haben eine aufwendigere Version, wo wir viele Details an den Griff hatten. Aber in diesem Fall müssen wir es vereinfacht machen, um ihr Icon-Set zu entsprechen. Also müssen wir einen Lupengriff vereinfachen, sogar Mawr. Also, wenn ich Griffe studiere, merke ich irgendwie ein Thema, wo er diesen kleinen kleinen Kreis fast auf dem Stamm hatte. Und dann haben Sie eine Art längeres Rechteck für die Basis. Also denke ich, es ist dieses kleine Detail. Es ist kein sehr kompliziertes Detail, dieses kleine hier, aber ich denke, es sieht irgendwie ein bisschen polierter aus als nur eine gerade,wissen Sie, wissen Sie, denn das könnte etwas sein, mit dem Sie Blasen blasen oder Etwas. Und wenn man dieses kleine Detail hinzufügt, sieht es ein bisschen mehr wie eine Lupe aus, und wir können voran gehen und all das auswählen und die Shift gedrückt halten, 45 Grad drehen und die Ecken benutzen, um es für uns zu dimensionieren. Da gehen wir. Einfach genug in einem Haus. Das ist also, wir werden das Form-Builder-Werkzeug verwenden, um ein kleines Haus zu bauen. Also lasst uns ein Rechteck-Werkzeug bekommen und wir machen nur solide Formen oder bauen das Haus zuerst mit einem soliden Phil. Also hier ist, was tun wollen. Wir wollen es tun. Ah, eine schöne Tür hier, groß genug, wo wir sehen können, was die Tür ist. Lass uns eine weiße Farbe machen, damit wir sehen können, was passiert. Machen Sie es schöne Dicke und lassen Sie uns unsere Form machen. Älteres Werkzeug. Lassen Sie uns diese Formen zuerst zusammenstellen und dann die Option gedrückt halten, oder ich würde wahrscheinlich die Tür jetzt auswählen und die Option gedrückt halten. Wir werden das ausschlagen. Und dann ist das, was großartig daran ist, dass die direkte Auswahl Werkzeug, um Ecke runden zu können . Also habe ich mein Direktauswahlwerkzeug ausgewählt, das hierher zieht und alle Ecken gleichzeitig abrundet , um diesen kleinen abgerundeten Effekt hinzuzufügen, und wir werden einen Schlag machen wollen . Zwei. Also lasst uns das anpassen oder streicheln. Wir haben hier drüben und es gibt eine kleine Haus-Ikone. Wir könnten das Dach etwas größer machen. Wir können sicherstellen, dass es irgendwie sogar auf dem Gitter ist, so dass es nicht zu schwer aussieht. Wir werden sehen, ob wir ihn nicht dazu bringen können, sich an diesen Platz anzupassen. Perfekt. Also passt er sich irgendwie an dieses Quadrat an. Da ist also unsere Haus-Ikone. Dieser ist wie eine Papierflugzeug-Situation. Mal sehen, ob ich das an der Ecke direkt neben der Fledermaus machen kann, denn es sieht so aus, als wäre es einfach zu einfache Dreiecke und das ziemlich schnell erschaffen . Stellen Sie nur sicher, dass er ein wenig auf diesem Gitter ausgerichtet ist, essen Sie besser. Und ich denke, dieser Klick hebt sich ein wenig länger, und das könnte definitiv einer gewesen sein, wo ich es wahrscheinlich gerade hätte machen sollen, damit ich sicherstellen konnte, dass meine Dreiecke oder sogar und dann gedreht. Aber was auch immer wir wollen, ich versuche, diese schnell durchzuarbeiten. Okay, also dieser da ist, wird ein bisschen ein Trick sein. So ist dies Ihr Symbol und auf eine Karte setzen, um einen Ort auf der Karte anzuzeigen. Hier ist, was ich damit zu tun habe. Ich werde einen einfachen Kreis zeichnen und wir werden das Krümmungswerkzeug bekommen. Ich wähle einfach diesen unteren Punkt aus und ziehe ihn runter. Wenn Sie mit dem Krümmungswerkzeug doppelklicken, können Sie es von um die Ecke in eine scharfe Ecke ändern. Und ich habe nur die Krümmungswerkzeuge, die ich gerade zwischen diesen beiden bringe. Genau das werde ich hier tun, um ihm einen scharfen Punkt zu geben. Und dann werde ich es nehmen und den Kreis etwas mehr glätten, indem ich hier zwei Punkte hinzufüge, nur um es einen runden Kreis zu machen. Genau so haben wir dieses Symbol geschaffen. Und lassen Sie uns sicherstellen, dass wir es vielleicht ein bisschen größer machen, haben ähnliche Marge auf der Oberseite des Bodens. Und dann machen wir unseren kleinen Kreis auf der Innenseite und da ist unsere kleine Ikone und ich glaube, wir haben noch eine. Ist das das letzte? Okay, okay, also das hier ist nett und einfach. Dies ist nur ein Browser. Und so beim Betrachten von Browsern. Ich weiß, dass ich auf einem Mac bin, also sieht es ein wenig anders aus, aber ich fühlte, dass diese drei kleinen Symbole wirklich geholfen haben, zu zeigen, wie ein typischer Browser aussieht. Sie haben einige Optionen auf dem oberen Port-Bereich, und dies ist ein Download von der Browser-Taste oder Symbol, so dass das Herunterladen mit Pfeilen verbunden ist. Deshalb habe ich auch die Pfeile da drin eingeschlossen. Lassen Sie uns ein schönes großes Browserfenster zeichnen. Bringt ihn runter. Also ruhen beide auf der Rasterlinie genau dort aus. Und stellen wir sicher, dass wir die richtige Dicke haben und eine Linie darüber ziehen. Ich hoffe, das ist nicht übertrieben für dich, aber ich dachte mir, ich hätte lieber zu viel Unterricht, als nicht genug. Ich weiß, dass wir hier viel tun, also gibt es das. Jetzt müssen wir unsere drei Kreise machen, die sie füllen könnten. Dies könnte eine von denen sein, die das Gitter-Situationen abheben, damit wir uns ausrichten können. Es ist besser. 12 drei schnappen Sie es wieder auf und dann einen Pfeil, so wird dies genau wie wir das Haus Form Builder Tool zusammen diese gebaut werden , und dann können wir unsere direkte Auswahl Werkzeug runder Ecken bekommen. Wenn wir es zu einem Schlaganfall machen wollen oder nicht. Und es gibt oder Browser-Fenster, lasst uns alles ausschalten, um zu sehen, wie alles aussieht. Und lassen Sie mich sicherstellen, dass das ein bisschen kleiner ist, denn das ist ein bisschen größer im Vergleich zu den anderen Symbolen, wenn Sie sicherstellen, dass alle Symbole mit Rand und Rand übereinstimmen, so dass sie alle aussehen könnten, als wären sie das gleiche Set. Also nur kleine Anpassungen an alles, was ich sehe, das kleiner oder größer gemacht werden muss , nur um sicherzustellen, dass alle konsistenten Abstand weggeworfen haben. Da ist es also. Wir haben das alles zusammen gemacht. Wahrscheinlich, was in etwa einer Stunde oder so, haben wir ein komplettes Icon-Set. Was wir abdecken werden, sind noch ein paar Dinge. Zunächst wollen wir diese auf eine schöne Art und Weise präsentieren, und wir wollen auch diese als ein paar verschiedene Versionen exportieren. Ich wäre nicht in der Lage, die 16 von 16 zu exportieren, die wir wollen, auch all diese verschiedenen Größen zu tun , exportieren Sie es den ganzen Weg bis zu 100 28 oder 256 von 256 und Es gibt eine wirklich schnelle, billige Möglichkeit, diese sehr gute Möglichkeit zu tun, dass Adobe Illustrator, und wir werden das als Nächstes abdecken. 42. Bildmaterial und Design – 6: bevor wir zu dem lustigen Teil kommen und Grady INts setzen und das wirklich auf eine wirklich stilistische Art und Weise präsentieren . Was wir tun werden, ist, dass wir die grundlegenden Icons exportieren. Natürlich können Sie eine andere Farbe Zehe alle diese wirklich schnell hinzufügen, Also lassen Sie uns voran und gehen Sie zu unseren Schichten. Und wir haben das Gitter. Dieser Teil Talbot ab. Lassen Sie uns voran und schalten Angebot Grid Befehl Zitat. Jetzt sehen wir alle unsere rohen Symbole, und jetzt sind wir nur noch mit dem, was wir tun, und wir können die Farben auf all diesen ändern. So füllen einige dieser Luft einige dieser Luftschläge aus. Also, wenn Sie sich damit zufrieden fühlen, gehen Sie weiter und speichern Sie dieses Illustrator-Dokument. Dies wird Ihr Originaldokument sein, also behalten Sie es, weil es alle Striche intakt halten wird. Dies ist nur, wenn Sie die Farbe vor dem Exportieren ändern möchten, werden wir bis zum Objektpfad gehen. Lassen Sie uns voran, skizzieren Sie den Strich, weil wir in der Lage sein wollen, alle erstellen Sie eine Füllung im Grunde für alle diese Striche, so dass wir leicht ändern und manipulieren die Farbe. Also lassen Sie uns die Farbe auf all diesen ändern, können wir auf ein wirklich cooles, strahlendes, strahlendes, gitarren-Werkzeug schlagen strahlendes, strahlendes, . Und sagen wir, wir gehen zu unseren Mustern und wir wählen eine wirklich coole Grady int. Es war irgendwie ein lila bis blau, strahlend, und ich kann Argh nehmen! Strahlendes Werkzeug Oder noch besser, lassen Sie uns einfach verbinden sie mit Form, Builder Tool. Er könnte ein Teil davon werden. Okay, also versuchen wir es nochmal. Ich musste nur den kleinen Kerl hier reparieren, wählen Sie ihn aus, um unser Strahlungswerkzeug zu holen. Lasst uns tun, wir könnten ein Radio machen. Wir könnten eine lineare, strahlende, einfach irgendwie ziehen. Also haben wir alles entfernt, aber unsere grundlegenden Symbole und wir sind bereit, dies zu exportieren. Es gibt also etwas namens Asset Export und Sie könnten das in Ihrem Fensterfenster finden. Es wird gleich hier unten sein. Asset-Export. Stellen Sie einfach sicher, dass das Fenster geöffnet ist. Ich werde das vorher nicht in einer Klasse verwendet. Ich möchte nur sicherstellen, dass wir das langsam durchgehen, also wird es Ihnen viele verschiedene Optionen zum Exportieren geben, also wird es jedes dieser Elemente exportieren. Was wir also tun müssen, ist, dass wir diese in das Exportfenster ziehen müssen. Nehmen wir an, wir wollen unser kleines Umschlagsymbol schwächen, ihn hierher bringen, ihn hierher ziehen. Es wird einen Vermögenswert schaffen. Aber Sie bemerken, dass es zwei verschiedene Vermögenswerte erstellt hat. Wir wollen sie zusammenschließen. Also, was Sie tun müssen, ist, müssen Sie nur mit der rechten Maustaste klicken und gruppieren Sie alle diese oder verwenden Sie die Tastenkombination und gruppieren Sie alle diese zusammen. Wenn Sie ihn also hineinziehen, werden sie als ein Element erstellt. Also werde ich einfach durchgehen, nur dafür sorgen, dass diese Luft gruppiert ist, dass ich sie alle auswählen kann, sie rüber und zu unseren Exporten schleppen kann. Stellen Sie sicher, dass das gelöscht wurde, und sie werden Symbole für alle 16 erstellen. Sie sind 16 verschiedene Vermögenswerte, die wir exportieren können. Also, was an diesem Asset-Export großartig ist, wird jede und all diese verschiedenen Möglichkeiten tun , wie wir unterschiedliche Skalen haben, also skalieren Sie ein X wird 32 mal 32 Pixel sein, weil das ist, wie groß ich diese Vorlage erstellt habe . Die Template-Quadrate waren 32 mal 32 Pixel groß. So viel wird es das Symbol exportieren. Also lasst uns das mal mal hier sein. Und wir werden das als P und G machen, weil wir diesen transparenten Hintergrund haben wollen. All diese werden also P- und G's sein. Was großartig daran ist, dass wir eine 32 von 32 haben, aber sagen wir, wir wollen eine 64 von 64 haben. Alles, was wir tun müssen, ist es zwei x, das ist doppelt Ihre Basisgröße oder Basisgrößen. 32 2 X wäre 64 drei x wäre 128 und so weiter. Er könnte ein vier x fünf X machen, wenn ihr das bis zu 512 bekommen wollt, waseinige Meine Konzepte , was das tun. Also nur irgendwie die Grundgrößen zu tun. Du kannst kleiner gehen. So gibt es eine 16 mal 16 und so wäre das halb groß. Also die Hälfte derjenigen, die unsere Basisgröße sein würde, die 32 von 3. 2 ist, wird 16 mal 16. Also einfach machen eine Art von eins bis drei und ein 30.5 Und wenn ich eine hinzufügen möchte, die klicken , fügen Sie es hinzu und wir werden dies vier Mal tun, so dass vier Mal basieren Größe. Also vier mal 32 128 tatsächlich 256 sein. Das wäre also gut. Geben Sie uns 256 Pixel von 256 Pixel-Symbol und ich bin auch einschließlich wurde SPG genannt. SPG steht für skalierbare Vektorgrafik. Das ist also die neue Art, mit Symbolen und Browsern zu arbeiten, denn das Tolle daran ist, dass es es in Vektoren hält. Anstatt also als PNG zu exportieren, das nur ein Bild ist, handelt es sich um ein Rasterbild, das es mit Pixeln verzehren kann. Wenn Sie mit ihm arbeiten, ein SPG können Sie ein Symbol verwenden und ein Browser in einem behält seine Faktoreigenschaften, so dass Sie es animieren können . Sie können es viel verwenden, Ah, wenn Sie Web-Arbeit machen, und es ist im Grunde ein Block von XML-Code , den Sie nicht wirklich zu viel darüber wissen müssen. Aber nur wissen, das ist Art von ah, Format, dass die Leute wirklich, wirklich lieben zu sehen, entdecken Sie die Zukunft der Icon-Formate Menschen, wenn Sie wirklich wollen, um eine SPG zu sehen . Wenn ich also auf dieses klicke, wird es all diese 16 Icons als S. P.Gexportieren S. P.G , und es wird auch alle meine P- und G's machen. So klicken Sie auf Export und sehen, was passiert. So sieht es aus. Es hat mir mehrere verschiedene Ordner gegeben, also ist dies die kleinste 16 mal 16 Pixelgröße. Wie Sie Wowser sehen können, ist das winzig. Aber jetzt sehen Sie, warum wir brauchen, um unsere Symbole so viel wie möglich zu vereinfachen, weil schauen Sie sich dieses sehr kleine Format und das ja, es gibt Zeiten, in denen Sie eine 16 mal sechs Zustand benötigen. Wir haben auch unsere größte, die vier X so 256 von 256 ist. Und so wird es auf meinem Bildschirm in dieser bestimmten Größe aussehen. Sie können sehen, wie klein diese sind, und das ist eigentlich eines der größeren und dann SVG-Vektorformat. Sie könnten diese in Illustrator ziehen, und sie sind Vektor, so dass es kein Bild ist. Ich habe immer noch die Kontrolle über den Schlaganfall. Es ist wirklich genial zu haben, dass Vektorumgebung, die Sie sogar ziehen können diese innerhalb von Adobe X D , die ein Web-Layout-Programm ist. Sie können eine dieser S P G mitbringen, und es wird in der Lage sein, manipuliert zu werden und Vektor zu sein. Wenn ich das heranziehe, könntest du sehen, wie ich die Kontrolle über alles habe. Nur eine Gruppe. Ich bin in Adobe X'd. Wir werden ein wenig später in diesem Programm sein. Also da hast du es. Wir sind in der Lage, alle 16 Symbole ziemlich schnell zu erstellen waren in der Lage, sie und alle Formate, die die meisten Menschen für Icon-Designs benötigen, einschließlich der skalierbaren Vector-Format, oder SPG. Und schließlich, lasst uns ein wenig Nagellack auf unsere Ikonen setzen. Wir wollen unsere Ikonen auf unterhaltsame Weise in unserem Portfolio, unseren Kunden und unseren Freunden und Kollegen präsentieren können. Also werden wir einen kleinen Schlag Farbe hinzufügen und ein wenig strahlenden Hintergrund 43. Bildungsprojekt - Farbe hinzufügen: ein wenig pizazz zu unserer Präsentation. Ich eröffne ein neues Dokument, und ich werde das ein bisschen größer machen. Lass es uns einfach 1920 mal 10 machen. 80 Das ist Ihre typische Webgröße, die alles in einem RGB-Modus hält, nur ein größeres Dokument zu machen, so dass wir dies als eine höhere Auflösung Größe exportieren können. Also eine Sache, die ich tun möchte, ist, ich möchte eine wirklich Spaß Zutat Hintergründe und zu stark ein Quadrat hinzufügen , so dass es eine Füllung. Und was ich tun werde, ist, dass ich zum neuen Werkzeug hier gehe, das Caridi int Freeform Grady in ist. Und du könntest dasselbe mit strahlenden Nachrichtenmaschen tun, was genau hier ist. Das ist das ältere Werkzeug. Das ist ein bisschen neueres Werkzeug hier drüben in deinem Strahlungsfeld, und ich klicke auf Freiform Grady rein. Es wird verschiedene Lichtpunkte für mich schaffen, und ich werde einfach klicken und herausfinden, was ich denke, wäre eine nette Kombination. Also werde ich irgendwie ein paar coole Farben machen. Lassen Sie uns eine dunkle, dunkle, kühle Farbe erscheinen und lassen Sie uns irgendwie einige warme Töne hier drüben tun, so dass ich irgendwie diese warme und kühle Farbe vermischt zusammen. Lass uns ein wenig mehr Orange auf dieser Seite machen. Ich habe versucht, eine moderne Grady int Farbe zu machen, und ich habe eine, die ich bereits hier erstellt habe, und ich werde Ihnen in der Lage sein, dies ist ein Download zu geben, so dass Sie einfach diesen Hintergrund direkt dort platzieren können, wenn Sie nicht die Freeform Grading Tool, wenn Sie nur einen wirklich coolen, strahlenden Hintergrund zu verwenden haben wollen , also werde ich voran gehen und diese für Sie zur Verfügung stellen. Und lasst uns weitermachen und unser Kunstboard ein bisschen weniger machen. Es ist ein bisschen, Ah, horizontal. Also bin ich nur irgendwie mitgenommen. Das Kunstbrett-Werkzeug hat das Körnchen gebracht, das ich vorher geschaffen habe. Ich mag den kleinen hellen Pop ein bisschen besser, aber ich möchte dir nur zeigen, wie das funktioniert hat. Also lassen Sie uns diese Ebene sperren und lassen Sie uns eine neue Ebene machen, um ihre Symbole oben zu bringen. Also gehen wir zurück zu ihren Symbolen. Hier sind alle Symbole und bringen wir ihn rein. Und da haben wir Skalierungspfad auf. In unserer allgemeinen Auswahl haben wir Skalenecken und Skalenstriche und -effekte. Wenn ich das größer mache, sollte alles intakt bleiben und großartig aussehen. Also werde ich hier viel Spielraum setzen, damit ich den Hintergrund genau so zeigen . So haben wir hier Striche und Füllungen dargestellt. Wenn ich also nur den Pfad oder den Strich ändern würde, würde dies nur einige der Elemente ändern. Also, was wir tun müssen, ist, dass wir ein paar Dinge tun müssen. Gehen wir weiter und gehen Sie nach unten, um Umrisse zu erstellen, und das wird Umrisse auf diesem kleinen Dollarzeichen erstellen und dann gehen wir zum Pfad. Es wird den Schlaganfall umreißen. Wir skizzieren den Strich, diese Luft-Final-Symbole und lassen Sie uns voran und machen ein weißes Es wird die Füllung weiß machen. All diese Luft gefüllt jetzt sind sie alle weiß und wir können ein wenig Schlagschattenspitze hinzufügen , Adul Pops, wir werden alles auswählen. Lass uns einen leichten Schlagschatten hinzufügen und wir wollen nicht, dass sie zu stark sind. Wir wollen also eine sehr leichte Deckkraft haben. Also lasst uns versuchen 22. Versuchen wir es sogar elf. Nur ein kleiner Schlagschatten, um ihnen etwas Tiefe zu geben. Und ich habe nur ein wenig Unschärfe in einem kleinen Offset, der dort nur ein wenig Farbe hinzufügt . Und Sie können auch Grady Inst tun, um diese auch. Also lasst uns voran gehen und den Schlagschatten entfernen und die setzen wir. Machen Sie dies einfach zu einem entsperren diese. Machen wir das einfach schwarz, machen Sie es vielleicht ein leichtes hellgrau und ich werde ein wenig gierig int all diese hinzufügen. Also werde ich diese zusammenfassen, ist ein Objekt, und ich werde mein Grady-Int-Werkzeug ein Grady Int-Farbfeld holen. Was ist das für ein Pick standardmäßig? Mrs. wählte dieses Schwarz zu Grey, und lasst uns das ändern. Lassen Sie uns es zu einer wirklich hellen, lebendigen Farbe machen. Lassen Sie uns wie ein Grün zu einem blauen Grün zu einem Blau machen und vielleicht passen Sie das so an, dass es nicht ganz so lebendig ist. Grün und ein wenig Orange dazu. Nimm ihr Grady ein Werkzeug. Wir könnten den Winkel auf dieser wie ein 45 Grad ändern, die Art von diagonal geht, und es gibt eine Art Art Art von Weg, auf eine wirklich saubere Art von Farbübergang auf ihre Symbole zu schlagen. So viele verschiedene Möglichkeiten, wie wir unsere Icons präsentieren und ihnen Farbe hinzufügen können. Wir können Farben zu diesen hinzufügen und sie auf die gleiche Weise exportieren, wie wir den Asset s Export gemacht haben, bevor wir nicht zuschneiden, um schlichte schwarze graue Symbole zu exportieren. Wir können diese Farbe hinzufügen und sie auf die gleiche exakte Weise exportieren. So hoffentlich haben diesen Abschnitt genossen. Ich wollte wirklich eine gute Zeit mit der Erstellung von Symbolen verbringen , weil ich denke, dass es etwas ist , das wirklich benötigt wird, etwas Grafikdesigner wirklich beauftragt werden könnten oder mit Kunden arbeiten. Und wenn wir anfangen, über Web-Entwicklung und APP-Layout nachzudenken, wird es wirklich nützlich sein, Ihre eigenen Icons machen zu können. Seine Ikonen könnten teuer zu kaufen sein. Sie könnten schwer zu Ihrem Stil der Website passen. So in der Lage zu sein, anpassen und erstellen Sie Ihr eigenes Icon-Set für die Nutzung einer ah Website oder einer mobilen App ist so wichtig 44. BONUS – Benutzertests mit einem 5-jährig: Wenn ich also auf eine Nikon zeige, möchte ich, dass du mir sagst, was es bedeutet. Ok? Wie, was es ist und was du denkst, es sagt dir zu dio. In Ordnung. Was ist das? 1. 1 Das bedeutet Wow. Was glaubst du, ist es? Männlich? Männlich. Okay, also denkst du, es ist schon ein Umschlag? Ok. Was denken Sie, dass eine Farbe selbst ist? Ok. Was denkst du, dass man eine Seite ist? Ok. Was meinst du? Das ist ein Bild von Bergen in der Sonne, also fotografieren er. Würden Sie denken, dass Sie das sofort zu Hause wussten? Weil woher wusstest du, dass das eine Uhr ist? Weil es einen Kreis hatte. Und ich Sie haben Zahlen darin gesehen. Aber was? Diese Linien im Kreis, die mir geholfen haben, zu wissen, dass es eine Uhr ist. Ja. Ja. Ok. Was ist mit dem, der Mittag im Sternenhimmel ist und dass du schläfst? Was ist das? Im Gegensatz zu Ihrem Handy wussten Sie, dass das so war, woher wussten Sie, dass das ein Mikrofon war? Denn ich habe, weil als ein Sehen auf Gespräch, dass man Sachen sagen kann, haben Sie den Gesang wie stehen kann. Das Obermaterial hat einen Ständer. Ok. Was denken Sie, dass Einheit, die würde, dass man ist, können Sie eine Soda Dose mögen. Weißt du, wie eine Batterie aussieht? Ja. Glaubst du, es sieht aus wie eine Batterie mit dem Yeah, es ist schlecht, vielleicht könnten wir daran arbeiten. Was denkst du, was das ist? Pero eso, wenn Sie darauf klicken auf ein Spiel geht direkt auf das Spiel, rechts zu arbeiten oder oder oval an der Seite. Was übrig ist, sagt spielen? Ja, ja. Ok. Also, was denkst du? Das ist die Karte runter und so einmal gibt es jemandem, der will, wer ihnen Geld an U gibt , will Geld geben. Die Leute hatten es. Und er gibt ihm das, weil er immer noch von Ok will. Was, wie die Mühen? Okay, was denkst du? Dieses Einssein. Das ist, wo Sie darauf klicken. Ich habe Recht, dass du willst, dass es geht? Ok. In Ordnung. Es ist also ein Video-Play-Button. Was denken Sie, dass IHS, die ein Bandclip ist? Büroklammer Ok. Was ist das? Das ist Werkzeuge. Werkzeuge. Okay, also, wie Einstellungen oder Werkzeuge. Was meinst du? Das Einssein? Ah, du drückst es runter und das Geräusch von tiefem schiebst du es raus. Der Klang ist hoch. Ich war wie Lautstärkeregler. Ja, ja. Ok. Was ist das? Das würde bedeuten, bewusst Spiel gab ihre verkauften. Wer? Wer hat das? Das bedeutet nichts. Was bedeutet das? Was hältst du von mir? Und das bedeutet, dass ich habe, dass sie eine Frage haben. Ich habe eine Frage. Ok. Was meinst du? Dieses Einssein. Ähm, ich finde Benzin. Ja. Maga, Schild Glas. Ah, hat ein Haus. Was meinst du, was das Haus bedeutet, wenn du auf einem Spiel bist oder so? Was bedeutet das Haus? Das Haus bedeutet, dass es Kinder sind, also kannst du das Spiel nicht spielen. Ok? In Ordnung. Was meinst du? Das IHS was? Warum? Du bist angekommen. Also, auf einem Stück Farbe zu sein, Sie tun das, dass Sie fliegen und es geht ein paar Geld. Wie so? Wie ein Papierflugzeug. Ok. Was soll das bedeuten? Was meinst du? Das IHS. Wie sieht es aus? Sieht aus wie ein Regentropfen auf dem Kopf aus unserem Regentropfen. Ok. Wofür glaubst du, dass es benutzt wird, wenn du es siehst. Hast du das schon mal gesehen? Nicht auf einer Karte. Jetzt? Nein. Ok. Was meinst du, bedeutet das, wenn du darauf klickst? Es bei Da schreiben Sie dieses etwas, das Sie tun müssen. Na ja, genial. Vielen Dank, dass Sie mir gesagt haben, wie Sie über diese Symbole denken. Und das hilft mir zu verstehen, wie die Leute die vereinfachten Symbole sehen, aber dennoch die Symbole selbst erkennen können. Also danke, Liam. Ja, fünf. 45. App - Erste Schritte: Also für diesen Abschnitt der Klasse werden wir von Grund auf ein Apple App Store-Symbol für eine iPhone-Anwendung entwickeln. Also nehmen wir das Symbol, das wir zuvor gemacht haben, das abgenommen und einfach war. Wir nehmen das, um es für acht D J App zu tun. So produzierte dieser Apfel Deejay-Sounds. Du kannst Musik mischen, allerlei Sachen. Es wird eine musikbasierte Anwendung sein. Also dachte ich, wir würden diese sehr, sehr vereinfachte Version nehmen und eine sehr polierte, High-End-Version machen , weil sie mit dem Apple App Store und auch APS auf Ihrem iPhone und Ihrem iPad, werden Sie feststellen, dass Sie viel mehr haben Möglichkeit, Effekte und Farben hinzuzufügen, um die Aufmerksamkeit des Benutzers wirklich zu erregen und sie dazu zu bringen, Ihre App herunterzuladen. Es könnte ein bisschen größer sein, ein bisschen aufwendiger gebrauchte Ausstrahlung, Farben, allerlei Sachen. Also werden wir ein viel detaillierteres aus grafischer Sicht erstellen. Also hier ist die Vorlage, die Sie herunterladen können, die es für Sie erstellt hat, um diesen Prozess nur ein wenig einfacher zu machen . Es gibt mehrere verschiedene Größen, an die Sie denken müssen, wenn Sie ein APP-Symbol entwickeln , und Sie müssen diese große, gigantische Version für den APP-Store haben, um Ihre App in einer größeren Größe anzuzeigen. Aber Sie haben auch die kleineren Größen, die Sie für das eigentliche App-Symbol beachten müssen. Es könnte auf dem Desktop Ihres iPhone verhaften, so gibt es ein kleines kleines Symbol, das Sie sehen. Ah, eins ist für das Retina-Display, das 1 80 mal 1 80 sein wird und dann haben Sie ein paar verschiedene Größen, je nachdem, welches Telefon sie verwenden, denn es gibt mehr als nur ein iPhone. Also werden wir all diese Größen machen, aber wir fangen mit dem Größten an und arbeiten uns bis zum kleinsten. Eine Sache, über die ich sprechen wollte, ist, wie Ihre App im APP Store angezeigt wird und wie es wirklich wichtig ist, Leute dazu zu bringen, Ihre App herunterzuladen und sie dazu zu verleiten, sie anzusehen. Also wirst du es bemerken. Die meisten davon sind grundlegende geometrische Formen, aber viele Male werden aufwändiger aussehende, glänzende APS sowie sehen , so dass Sie irgendwie es großartig ist, in den APP-Store zu springen und irgendwie einen Blick auf das werfen , was ist beliebt. Werfen Sie einen Blick auf die Farben, die verwendet werden. Sie werden eine Vielzahl von hellen, lebendigen Farben bemerken . Sie werden mehr und mehr Details mit Leichtigkeit bemerken, im Vergleich zu nur Ihrem regulären Symbolsatz, das wir vorher getan haben. Diese sind viel aufwendiger, also lassen Sie uns voran gehen und schauen und mehr Details zu einigen dieser APS und wie sie effektiv sind . Also sieh dir diese Grady int hier an. So sehen Sie, hat seine überlappenden Zutaten. Es ist sehr einfach, aber mit der Gradierung und wirklich Art von lockt mich auch darauf zu klicken. Und eine Sache, die wir wissen müssen, ist, dass du nicht sicher bist, ob jemand im Dunkeln Modus sein wird oder nicht. Und das ist dunkler Modus, in dem alles einen schwarzen Hintergrund hat, der in letzter Zeit sehr beliebt ist. Aber einige Leute haben ihren dunklen Modus nicht eingeschaltet, und sie haben einen weißen Hintergrund, also muss Ihre APP auf einem dunklen Hintergrund, einem weißen Hintergrund, gut aussehen . Sie müssen auch über die Benutzer Hintergrundbild als auch denken. Sie können einen sehr hellen, lebendigen Hintergrund haben. Wie zeichnet sich Ihre App aus zwischen einem Meer von vielen verschiedenen Hintergrundbilder? Das ist, wenn wir am Ende des Designs testen, und wir werden einen Blick nehmen und sehen, wie es auf allen Arten von Hintergründen aussieht, um sicherzustellen, dass Apple muss in allen Umgebungen abheben. Also nur einige Dinge, über die Sie nachdenken sollten, wenn Sie Ihr Design erstellen möchten. Lassen Sie uns also über diese Vorlage sprechen. Ich habe ein paar verschiedene Ebenen auf dieser Vorlage, die Ihnen helfen werden, durch diesen Prozess zu führen . Ich habe diese Ebene namens info, und es könnte in der Lage sein, all das oft zu sprechen. Es zeigt Ihnen nur irgendwie die Größen jedes Herzbrettes haben auch diese Beschneidung, weil was passieren wird, ist, dass wir den ganzen Weg bis zum Punkt des APP-Symbols entwerfen, und Apple fügt automatisch die Kurve hinzu, so dass Sie nicht brauchen , um diese Kurve zu Ihrem endgültigen Entwurf hinzuzufügen. Du wirst es bis zum Rand exportieren. Dies ist also eine gute Möglichkeit, eine Art von Testbeschneiden, was ein wenig später im Kurs tun wird, und das ist auch das Raster. Also rede ich nur ein paar davon ab. Das ist also Ihre Rasterebene. Dies ist das goldene Raster, das wir früher tun, sind kleinere Icon-Design. Wir werden das gleiche Raster auf dieses größere App Store-Symbol anwenden. Also, was wir tun wollen, um entlang dieser anderen App-Symbol-Layer zu sprechen, das ist die letzte, die wir am Ende mit auf der Unterseite. Und ich beschloss, es einzubeziehen, damit Sie alle verschiedenen Ebenen sehen können, die ich verwendet habe, um es zu erstellen. Wir werden das zusammen neu erstellen und es wird von dieser sehr einfachen, flachen, einfachen Ikone inspiriert werden flachen, . Also haben wir irgendwie eine Vorstellung davon, was wir tun werden. Wir werden die drei machen, die wir machen werden es Art von Gold Zutat wurden auch mit hohem Kontrast. Also haben wir dieses Gold oben auf dieser wirklich dunklen, tiefschwarzen Farbe, und wir haben viele Lichter und Schatten und Lichter und Tiefe zu diesem, was sehr anders ist als das Icon-Set, das wir gerade abgeschlossen haben. Und das ist mit Absicht, weil ich ein sehr detailliertes machen wollte und alles, da wir gerade viel Zeit damit verbracht haben, sehr einfache zu machen . Wir werden üben, hier viele kleine Details und auch Texturen hinzuzufügen. Sie können ein wenig Textur im Hintergrund bemerken. Es hilft wirklich, es Pop zu machen. Also fangen wir zuerst mit einem unserer kleinen Hebelhebel an und dann machen wir ein paar Knöpfe. Wir werden unsere Lautstärke- oder Steuerhebel hier machen. Es wird also ein paar Grundformen machen und ich werde das Gitter jetzt nicht benutzen. Wir werden das tun, wenn wir wirklich in die Größenordnung kommen. Lassen Sie uns also ein abgerundetes Rechteck-Werkzeug machen. Erschaffe das. Machen wir es zu einer schönen Pillenform. Und was wir tun wollen, ist, dass wir einen wirklich schönen goldenen Strahlen wählen wollen, und ich werde nicht, dass Sie einen von Grund auf neu erstellen oder einen herunterladen. Ich werde sehen, ob wir mit dem Standard-Radiant Pack, das mit Adobe Illustrator geliefert wird, nicht durchkommen können . Wir gehen rüber zu unserem Swatch-Panel und sehen, was wir hier haben. Wir können zusätzliche Farbfelder laden, indem wir in Ihre Bibliothek gehen und zu Grady INts Es gibt eine Medaillen, und wir werden versuchen, nur von diesen auszuwählen. Natürlich können wir es ein wenig anpassen. Also hier ist unser Metall. Grady INts. Mal sehen, ob wir keinen wirklich guten Metallstrahl finden können. Wir wollen eine Art von diesem Goldbarren-Effekt kreieren. Lassen Sie uns diesen hier klicken. Es heißt „Das polierte Messing“, und was wir tun werden, ist, dass wir ein strahlendes Werkzeug bekommen und ein nach unten strahlendes Licht machen. Ich glaube, wir gehen mit dem Funkgerät. Es wird also ein Messingradial sein, und wir werden einfach voran gehen und ein Funkgerät schaffen, und wir wollen ein Gefühl von Highlights schaffen. Deshalb haben wir uns irgendwie für ihr Radio entschieden, weil es aussieht, als wäre es ein Licht kommen. Die Lichtquelle kommt nach unten und strahlt aus und erzeugt Schatten. Also lassen Sie uns dies ein wenig komplizierter Knopf machen. Lassen Sie uns das duplizieren, und wir werden nur eine Schachtel zeichnen, wurden einfach in diesen Hut und die Hälfte geschnitten. Der einfachste Weg, dies zu tun, ist, diese verschiedenen Farben zu machen und sehen zu können, was ich tue ist die Verwendung der Form, Säulenwerkzeugs und nur das Herausspringen dieser obersten Schicht. Also, jetzt sind wir einfach mit dem Boden links könnte das nach oben schieben. Und so werden wir in der Lage sein, unserem Knopf eine kleine Dimension hinzuzufügen. Also nehmen wir das gleiche Radio Grady int wie wir haben, und wir können nicht sehen, ob wir dunkle Farben bekommen, die hier anfangen. Möglicherweise müssen Sie den umgekehrten Weg einfach so gehen, um ein Gefühl der Tiefe mit unserem Knopf hinzuzufügen. Also, weißt du, hat er ein bisschen Highlights hier? Aber es wird viel dunkler als die oben. Es schafft, was aussieht wie eine strukturierte Schicht. Also lasst uns dasselbe mit einem länglichen Objekt machen. Hier der Schieberegler das abgerundete Rechteck. Wir können die Dimensionierung immer später erledigen. Oder machen wir es zu einer Pille, erhöhen meine Ecken, um es zu einer Füllung zu machen. Schick es nach hinten, arrangiere Sünde auf Rücken. Wir machen das Gleiche und nehmen ein Grady Int-Werkzeug. Und lassen Sie es aus der Mitte ausstrahlen. Und wir können immer in unsere Einstellungen gehen und Argh! Strahlend! Es ist gut und klicken Sie nach unten, brechen Zutat und wirklich fein abgestimmt diese. Wir könnten es zu einem strafferen Übergang machen. Lassen Sie uns unser radiales Strahlen hier machen. Jetzt sieht es so aus, als würde die Lichtquelle diesen Weg kommen. Was wir also tun wollen, ist, dass wir das noch weiter vertiefen wollen. Also jetzt wissen wir, dass wir das auf einen schwarzen Hintergrund stellen wollen. Also lassen Sie uns voran und erstellen Sie eine schwarze schwarze Hintergründe. Wir können sehen, wie etwas davon aussieht. Ich machte eine dunkle Lasst uns tun wie ein bisschen dunkel, total dunkel, aber ein helles, dunkelgrau und wir werden das eine separate Schicht haben. Lassen Sie uns es also schneiden und in eine neue Schicht einfügen und auf den Boden legen. Das wird uns helfen, zu sehen, wie es mit dem Gold aussehen wird. Also lasst uns diese Ebene sperren und zu dieser Ebene zurückkehren. Wir werden sehen, wie das aussieht. Wir können noch mehr Tiefe und Dimension hinzufügen. Ich verkleinere den Knopf nur etwas, weil wir drei dieser Zifferblätter hier anbringen müssen. Also lassen Sie hier, was wir wieder tun können. Wir können eine weitere Tiefenschicht hinzufügen. Also haben wir einige einfache flache Formen. Lassen Sie uns eine weitere Schicht auf der Außenseite hinzufügen und Zutat hinzufügen, um es aussehen zu lassen, als wäre es irgendwie dieses drei D-Metallic-Gefühl, es zu bekommen. Objektpfad. Und wir werden den Pfad ausgleichen, damit dies den Weg ausgleichen könnte, und wir werden voran gehen und auf Vorschauen klicken. Mal sehen, wie es den Pfad irgendwie versetzt. Es nimmt die gleiche Form an und vergrößert sie. Sie können es auch verringern, indem Sie ein Subtraktionszeichen machen, und er kann es auch verringern. Also werden wir es erhöhen. Lass uns kein negatives Zeichen machen und wir machen nur ein bisschen. Dies ist wirklich nur ein bisschen einen Schlaganfall um ihn herum. Lassen Sie uns versuchen, das zu verdoppeln, denn ich denke, es muss ein wenig dicker sein. Und jetzt hat es denselben Grady und angewendet, also kannst du ihn nicht sehen. Aber was wäre, wenn wir mit ihrem Grady int in die andere Richtung gingen und so bemerken, wie es irgendwie ein Gefühl der Tiefe schafft und wir das Gleiche mit unserer Pillenform zu einem Pfad Offset Pfad um die gleiche Menge tun könnten . Vielleicht sogar kleiner, vielleicht drei. Und das tun das Gegenteil, strahlend. Also, wenn es runtergeht, versuchen wir, nach oben zu gehen. Beachten Sie also, wie das ein wenig Tiefe und Form dazu beiträgt. 46. App - Gold: Also eine Sache, um das realistische Nous wirklich zu erhöhen, ist, hier unten ein wenig Schatten hinzuzufügen , weil dieser Knopf natürlich einen Schatten nach unten werfen wird. Lassen Sie uns einfach ein wenig Tastenanhören hinzufügen, stellen Sie sicher, dass ein Raster gefangen und fangen. Zwei Pixel sind deaktiviert. Wir wollen nichts davon haben. Wir machen diesen ganzen Brauch. Das wird irgendwie unsere Schatten sein. Wir können sogar das Pipettenwerkzeug fallen lassen. Wir können etwas von diesen helleren Farben fallen lassen. Also, wenn wir die Farbe fallen lassen und es nur dunkel machen, wer würde die Richtung ändern ein wenig und verkleinern, damit ich sehen konnte, wie es irgendwie hinzufügt. Je mehr Sie verkleinern, desto mehr sehen Sie, dass realistisch aussehende Schatten zu begreifen. Wie kommen Knöpfe langsam zusammen? Lassen Sie uns hier noch mehr Realismus hinzufügen. Ich nehme diese Hauptform an, die wir hier für den Schieberegler haben, und ich werde einen sehr kleinen Schlagschatten hinzufügen. Also werde ich einfach nach oben gehen, um dich einen Schlagschatten zu machen und wollte auf die Vorschau klicken und es könnte mehr einen Schlagschatten werfen, wir können das ein bisschen zurückbringen. Wir könnten auch Transparenz schaffen. Wir könnten ein Overlay machen. Also multipliziert, die etwas von diesem Licht reinlassen. Es wird also so aussehen, als würde es auch den Schatten im Schatten machen. Es sieht nur ein bisschen realistischer aus. Also lassen Sie uns das duplizieren. Das wird einfach sein. Gruppieren Sie es zusammen, halten Sie gedrückt, Option und halten Sie die Option gedrückt. Und das ist, wenn das Auftauchen auf diesem Gitter sehr hilfreich sein könnte, um den richtigen Abstand zwischen all diesen zu finden. Versuchen wir also, hier den richtigen Abstand zu finden. Und wir könnten auch sicherstellen, dass es sogar Abstand zwischen den drei gibt, indem wir nach oben gehen, um auszurichten und ein horizontales Verteilerzentrum zu tun. Und lasst es uns hier an die Spitze bringen, damit wir viel Platz haben, um unsere Box und Lautstärkeregler zu setzen . Wir werden das als Nächstes tun, also wählen wir einfach unseren Knopf und ihren Schatten aus. Was ist die Gruppe zusammen? Und lassen Sie uns irgendwie bringen ihn ein wenig mehr, wahrscheinlich tun meine Abwärtstasten oder meinen Abwärtspfeil und gehen Sie voran und ändern Sie die Positionen dieser Feuerzeuge bekommen unsere kleine Lautstärkeregler bereit zu gehen. Also werden wir nur um es Rechteck Werkzeug und Art von Finish Art bekommen den richtigen Abstand für das ist Nun, lassen Sie uns voran und machen, dass ein Schlaganfall. Wir werden den Schlaganfall behalten, und wir haben immer noch unseren kleinen Grady hier drin, den wir erschaffen haben. Also werden wir eine Reihe von Schichten erstellen, die Zehe Tiefe und Dimension zu dieser kleinen Lautstärkereiste hinzufügen . Willst du dir zeigen, wie ich diesen Effekt hier kreiert habe? Das ist also eine Art der Box und wie es diesen Abschrägeeffekt erzeugt hat, und alles, was ich getan habe, war Pfad, Umrissstrich. Also habe ich dieses einfache, abgerundete Rechteck gezeichnet , und ich habe einfach den Pfad ein paar Mal versetzt und dann diese Form erweitert und dann das Gegenteil strahlend gemacht , So konnten Sie sehen, wie die Grady INts irgendwie in verschiedenen Anfahrt. Es sieht so aus, als wäre es abgeschrägt, hat diese doppelte Erscheinung, und dann diese hintere. Ich habe gerade eine Art Schlaganfall Upgrade und auch. So haben Sie hier fast vier verschiedene kleine Schichten, die alle zusammenkommen, um diesen Effekt zu erzeugen . Wenn Sie also verkleinern, sieht es abgeschrägt aus. Und so wollen wir ein wenig Textur hinzufügen, um dies ist Wells war irgendwie schieben alle diese über was auf einem schönen, dunklen, dunklen, satten braunen Hintergrund zu diesem. Also werden wir nur sicherstellen, dass dies eine schöne Füllung aus einem dunkelbraunen, gewundenen Rückwärtsgang in einer Schichtsystem-Kommandozeile links Klammer ist und auch einen Schlagschatten hier auf der allerletzten Schicht gemacht hat. Also wirft es irgendwie diesen Schlagschatten zu ihm, so gibt es irgendwie ein geschichtetes Aussehen, einen Schwung. Wir möchten ein wenig von der Textur mit Kreisen hinzufügen, um es wie das geriebene Metallmaterial aussehen zu lassen, das Sie auf einigen Sound-Equipment sehen. Und so werden wir eine einfache Textur erstellen, genau den ganzen Weg hier oben, wir gehen einfach zu einem anderen Port-Teil der Kunsttafel, und ich werde eine Reihe von Kreisen erstellen, die wirklich nur einen Kreis sind. Wir werden ein Muster daraus machen. Also, um ein Muster zu erstellen, werden wir wählen, Objekt, gutes Objektmuster, und wir werden einfach gehen, um zu machen. Sie könnten also schon vorher Muster gemacht haben, aber das könnte für einige von Ihnen neu sein und für andere nicht neu sein. Also war es mit dem Muster und machen und hier ist eine Art Optionspanel. Also, jetzt sind sie alle zusammen eingebettet, und wir werden einige Abstände horizontal und vertikal von jedem Kreis setzen. Und wir werden das tun, indem wir die Breite und die Höhe erhöhen. So hört zu. Versuchen Sie es 12 und 12. Das fügte ein wenig Platz hinzu, aber anstatt dass sie alle aufgereiht waren, war eine Art Kachelumgebung oder ein Kachelmuster zu tun, so dass wir ein paar verschiedene machen konnten. Aber mal sehen, wie dieser Ziegel für Reihe aussieht. Lassen Sie uns mit Ziegelstein für Reihe bleiben, und das ist ziemlich alles, was wir für das Muster brauchen. Vielleicht möchten wir die Farbe des Musters ein wenig ändern, also ist es ein bisschen helleres Braun, und es hebt sich über diesen Phil hervor. Und wenn wir jemals ein Muster speichern wollen, gehen wir auch hier rauf . Speichern Sie oder zwei erledigt in diesem Fall, wer es getan hat, wird es automatisch zu unserem Farbfeld hinzufügen. Also den ganzen Weg hier draußen in Mustern, haben wir unser Muster gespeichert. Lass uns hier runter gehen. Wir werden diesen Punkt nicht mehr brauchen. Wir weisen bereits Muster an. Hier ist, was wir tun werden, es wird ein wenig Abstand bekommen, weil unsere Ikone nie so nah sehen wird. Also ist es irgendwie aus der Ferne zu sehen, und wir werden eine neue Ebene hier oben bekommen, und wir werden auf ihr Muster klicken und es zu einem Muster machen. Also lasst uns voran gehen und das rückwärts in das Schichtsystem schicken. Es ist also direkt hinter allem da, und man konnte sehen, wie es wie ein bisschen geriebener Textur aussieht und man konnte sehen, wie es wie ein bisschen geriebener Textur aussieht. Es gibt Art von gibt es ein wenig wie eine reiche Umgebung und haben ein paar verschiedene Größe Kreise. Wenn Sie jemals ändern wollten, Ihr Muster, das wir tun müssen, ist ein Doppelklick auf ein Farbfeld, und ich erlaube Ihnen, die Größe und den Abstand zu ändern. Und wenn Sie sagen, dass das Musterfeld hier aufnimmt und auf Fertig klickt, wird die Form oder das Muster überschrieben. Wenn Sie ein neues Muster erstellen möchten, klicken Sie einfach auf. Speichern Sie eine Kopie, damit Sie das Original erhalten können, und speichern Sie Ihre Änderungen dann als Farbton. Also, wenn du diesen Kreis ein bisschen größer machen wolltest , dann machst du es. Also lassen Sie uns abbrechen und ein paar verschiedene Größen haben, die es erstellt hat. Ich denke, der realistischste wird dieser Tinier sein. Das sieht aus der Ferne ziemlich gut aus. Also haben wir irgendwie eine größere und eine kleinere und dann eine Art von mittlerer Form. Was auch immer wir denken, würde über diese Distanz in Bezug auf die Textur gut aussehen. Das ist also perfekt. Das ist ungefähr die richtige Größe, um mir die Art von Textur zu geben, die ich brauche, aber nicht so winzig, dass es fast so aussieht, als wäre es durcheinander, also genau dort ist perfekt. 47. App – Goldene Ziffer: drei verschiedene Zifferblätter übersprungen unsere Lippen Werkzeug, Haben Sie ein Zifferblatt auf dieser bereits Art von hat die Grady und ich bin auf der Suche, wenn Sie gehen über zu unserem strahlenden Panel, Ich glaube, ich habe gerade eine dieser Standard-Gold-Radio ausgewählt, nicht die goldene ein. Ich glaube, ich habe es getan. Das Messing, das stumpfe Messing. Und was ich tat, ist, dass ich die Verbindung dazu verschärft habe, so dass es irgendwie einen schärferen Übergang gab, der ihm einen wirklich glänzenden Metallic-Look verleiht . So sehen Sie diesen sehr, sehr engen Übergang von diesen beiden Arten von Überlappungen, um so zu sehen. Und wir müssen das vielleicht tun, wenn wir ein paar später hinzufügen. Das ist also eine Art unserer Basis unseres Knopfes. Wir werden die Zehenschicht übereinander fortsetzen, und wir könnten das Gleiche mit dem Pfadversatz machen. Gehe zu Pfad, Offset. Diesmal wollen wir ein Negativ machen. Negativ 12. Und jetzt machen wir ein Gegenteil, strahlend. Und dann machen wir einen Knopf in der Mitte, und wir können das oder radial machen. Also machen wir es zu einem Radio und lassen Sie es aussehen, als ob die Lichtquelle von oben kommt . Genau wie die Lichtquelle von oben kommt. Wir müssen vielleicht ein paar dieser Dinge hier ändern. Gehen wir weiter und lösen das auf. Da gehen wir, so dass es ein wenig drei D. aussehen und was auch helfen würde, ist, diesem einen sehr dünnen Schlag hinzuzufügen. Das ist auch Zutat. Also stapeln wir diese gierigen INts nur übereinander, um ihm irgendwie diesen geschichteten Look zu geben und sie wollten das wirklich dünn machen und einen Schlagschatten hinzufügen Tiefe und Dimension mit allem , was wir versuchen, zu tun und lassen Sie uns es etwas aufhellen , . Und wir könnten sogar einen Schlagschatten hinzufügen. Das ist also eine sehr Rückenform. Es wird wirklich tiefe Schatten werfen. Lass uns eine schöne Unschärfe machen. Es ist eine schöne Distanz. Lass es uns schön dunkel machen, einfach so. Siehst du den schönen, tiefen Schlagschatten? Vielleicht nicht ganz so Dunkelheit zu 66%. Dies fügt einen Knopf dort. Wir wollen sicherstellen, dass alle diese Luft ausgerichtet ist, also gehen wir in unsere Linie Panel tun alle unsere Mitte Ausrichtungen und es gibt oder wählen. Wir müssen vielleicht nur den Winkel ändern. Also, das ist, dass Grady int Linus schlagen Maurin die Mitte rechts über dort, Sie müssen vielleicht nur die Griffe ein wenig bewegen. Du könntest das direkt auf der Leitung machen, genau so. Perfekt. Und es gibt unseren letzten Dialekt und sehen, wie er aus ein paar verschiedenen Schichten besteht. Wir haben einen Schlaganfall auf diesem inneren Highlight-Button. Wir haben diese sehr enge Strahlung hier in einem lockereren Grady int auf der Außenseite mit einem Schlagschatten. Dies wird also einfach zu replizieren sein. Es schafft drei dieser Punkte. Drehen Sie Zifferblätter. Stellen wir sicher, dass der Abstand zwischen allen gleich ist. Eine weitere Chance, unser Netz rauszubekommen und irgendwie zu sehen, wie alles zusammenbricht. Und wir wollen, dass dies eine abgerundete Art von Symbol war Gehen Sie voran und fügen Sie sind Zuschneidetest hier zu sehen, wie es zuschneidet, und mit diesem habe ich es gemacht, wo Sie es zu jeder Farbe ändern können. Also, wenn du es weiß machen willst, könntest du sehen, wie es ein bisschen besser wird. Wir wissen alles, was nicht gezeigt wird. Das ist also eine gute Möglichkeit, unsere App zu testen und sie zu dimensionieren. Also lassen Sie uns die Zuschneideebene sperren und dann gehen wir zurück zu unserem Symbol, und wir werden irgendwie sicherstellen, dass wir die richtigen Ränder und Abstände zwischen allem haben . Also werde ich all diese Hauptobjekte zusammenfassen, also haben wir dieses hier. Dieser hier gruppiert sie alle, damit ich anfangen konnte, sie zu verschieben. Das wird alles eine Einheit sein. Also mache ich einen kleinen Ferntest hier, um zu sehen, ob ich das nicht ein wenig nach oben verschieben und dein Gitter benutzen kann . Wenn Sie diese Zeilen ganz oben rechts haben wollen, sehen Sie, dass die Linie durchgeht. Sie können dies unten haben, aber wie auch immer Sie wollen, wir könnten es ein bisschen größer machen. Aber sehen Sie, wie es beginnt, ein wenig in die Kurve dort zu bekommen. Wir wollen es nicht haben. Wir werden nicht viel haben. Schöner Marge. Genau wie alle Icons, die wir entwerfen, wollen wir sicherstellen, dass es einen gewissen Rand um alle Elemente gibt , so dass es nicht zu eng aussieht. Also könnte ich das sogar ein paar Kerben hochbringen, nur um es irgendwie von dieser Ecke wegzubringen . Und es gibt immer die Möglichkeit, alles auszuwählen und es ein bisschen kleiner zu machen. Also gibt es nur ein bisschen von dieser Marge. Gehen wir weiter und schalten das Gitter aus. Gehen Sie voran und löschen Sie diese Symbole und es gibt ein paar weitere Dinge, die wir dio wollen. Also wollen wir Textur und vielleicht auch eine goldene Grenze hinzufügen. Lassen Sie uns einen goldenen Rand so abgerundetes Rechteck-Werkzeug hinzufügen und wir werden Zutat hier erstellen. Wir werden Ihren kleinen linearen Grady-Int verwerfen, wir werden denselben mehrschichtigen Blaseneffekt erzeugen , um dies zu einem Schlag zu machen, und wir werden unsere Beschnitt-Testschicht auf halten. Also wissen wir, wo die letzte APS sein wird. Ernte. Wir wissen also, wie viel hier reinkommen und die Grenze hören muss. Lasst uns unser Gewicht erhöhen, das Gewicht erhöhen Oh, und wir müssen auch die Winkel ändern, um genau dort zu passen, die Ecken und wir werden eine weitere Schicht hier hinzufügen, also lasst uns ein wenig kompliziert wissen, aber das ist ein ziemlich kompliziertes Symbol. Wir werden die Sichtbarkeit ausschalten und zuschneiden, und wir werden eine weitere Ebene erstellen, indem wir einen Pfadversatzpfad machen. Und so wird es es negativ ausgleichen. Und wir nehmen einfach Argh! Strahlend. Halten Sie es gleich, aber nur umgekehrt Kurs. Also statt negative 44 Grad, werden wir positive 44 Grad machen, und es wird ihm diesen Teufelseffekt geben. Also, wenn wir die Beschneidung einschalten, sind die Tests, wie es im Finale beschnitten wird . Wir müssen sehen, wie es aussieht und es sieht so aus, als wäre das versteckt. Also müssen wir es nur anpassen. Bringen wir das nach innen, damit du es sehen kannst, wenn es so beschnitten ist. Ok. Und jetzt können wir reden. Eine Menge sind Zuschneiden Layer, Sehen Sie, wie es aussieht. Es sieht also ein wenig überlagert aus, weil er seinen Zweiton gegenüber Grady INTS hat. Es hat also diesen doppelten Effekt gegeben. Also eine Sache, die wichtig ist, ist, dass wir alles an die Ecke gehen müssen. Dies wird von Apple beschnitten, aber wir werden sowieso nicht alles außerhalb der Ecke erweitern, also wählen wir den Pfad aus, der der Weg auf der Außenseite ist. Also lasst uns das größer machen, den ganzen Weg raus war, den Schlaganfall größer zu machen. So erstreckt es sich den ganzen Weg hinaus und Sie können hier runter gehen und haben es die Ausrichtung, den Strich nach außen. Also wird es einfach draußen sein. Es deckt also all diese Ecken für uns ab. Und wir könnten mit der Beschneidung reden, die das Zuschneiden testet, um zu sehen, wie es am Ende aussehen wird . Bringen Sie das rein, bringen Sie das her, und wir vermissen ein paar Dinge hier. Was ich gerne tun würde, ist, dem Hintergrund noch mehr Textur hinzuzufügen und einige Blitzfarben hinzuzufügen. Also, was ich tun werde, ist, dass ich diese Rückenschicht hier freischalten werde. Also diese Ebene hier und ich werde das kopieren, sie in die Front stellen und ich werde ein bisschen von unserer Kreisstruktur hinzufügen. Es fügt ein wenig Textur direkt hier hinzu und sehen, welche Art von Größe wir hier brauchen. Vielleicht ist das Medium da und deshalb wollen wir nicht, dass es den ganzen Weg hindurch ist. Wir wollen, dass etwas Licht hier runter kommt. Wir machen einen Mischmodus. Wir machen eine Farbverbrennung, stellen sicher, dass es 100% Deckkraft ist. Und was wir jetzt tun werden, ist, dass wir kleine Lichtknöpfe hinzufügen werden. Und so werden wir es tun. Wir holen unser Lippenwerkzeug, Strohkreis. Lass es uns weiß machen. Nun, Frühling den ganzen Weg auf der obersten Schicht. Weißt du, wir werden einen Overlay-Mischmodus machen und es hat eine Mischung, um eine Art von Licht zu schaffen , und wir werden es nicht zu 100% haben. Wir werden das reduzieren. Wir wollen nur ein bisschen ein Licht hier in der Ecke. Schicken wir das rückwärts hinter dem 1. 1 Wir wollen nur eine Art Hintergrundlicht machen, und wir wollen es verwischen, denn jetzt, wenn Sie es betrachten, machen wir es 100%. Wenn man sich ansieht, sieht es wie ein Rampenlicht aus. Also lasst uns dieses ein wenig verwischen, indem wir auf den Autotext gehen, um einfach einen Gaußschen Fleck zu tun, ist es ein wenig verwischen . Okay, jetzt sehe ich es irgendwie heraus, gibt dir ein bisschen Rampenlicht. Wir könnten sogar ein wenig Farbe hinzufügen, vielleicht sehen, ob das Hinzufügen von Gold helfen könnte. Das bedeutet, dass man dort einen kleinen Lichtstreifen hinzufügt. Da wir diesen kleinen weißen Kreis haben, wann könnte es hier drüben setzen, um fast ein wenig Bling auf Glanz des Lichts hinzuzufügen ? Und wir konnten es einfach nicht überlagern. Wir haben Overlay-Mischmodus, fügt ein wenig Farbe hinzu, und wir könnten nur vielleicht die Deckkraft auf, dass nur ein wenig reduzieren. Wir wollen nur ein wenig Glanz, nur ein paar Highlights und letzten Schliff hinzufügen, und wir sind fast fertig. 48. App - Exportieren: Nun, da wir einmal fertig sind, schalten Sie einige dieser zusätzlichen Ebenen aus. Wir brauchen diese Testzuschneideschicht nicht mehr. Das ist die letzte Schicht, die wir brauchen. Also haben Sie all dies durch endgültige App-Design und lassen Sie uns einen Test geben, bevor er sich an diese kleineren Größen angepasst . Lassen Sie es uns einen Test machen, indem wir es exportieren und wir werden es als PNG setzen. Das wird das universelle Format dafür sein. Ich wollte es bei einer hohen Auflösung von 300 Leuten halten und klicken Sie auf. OK, also gibt es diese wirklich tolle Website namens App-Icon-Tester, wir gehen hier auf die Homepage. Ich habe den Link zu diesem und dem Ressourcenleitfaden für diesen Abschnitt, und es wird in der Lage sein, unser App-Symbol auf eine Vielzahl von Orten anzuwenden, damit wir sehen können, wie es aussieht. Also gehen wir hier nach unten und Sie ziehen einfach Ihr Symbol und hier haben wir gerade exportiert sind 10. 20 mal 10 20 p und G, mal sehen, wie es aussieht, nur irgendwie eine Vorstellung davon zu bekommen, wie es im Finale aussehen wird . Und so wird es auf einer Vielzahl von Hintergründen aussehen. Also habe ich das Gefühl, dass es wirklich auf allen verschiedenen Arten von Hintergründen auftaucht, sogar auf der Dunkelheit, weil wir viele helle Farben und Highlights darin haben, die es auf einem schwarzen Hintergrund hervorstechen . Wir werden nach unten scrollen und sehen, wie es im APP-Store aussieht. Und es gibt uns eine gute Vorstellung davon, wie es aussehen wird und was ich tun könnte, jetzt, wo ich es sehe, jetzt, wo ich es in ein bisschen Entfernung sehe. Was ich gerne dio möchte, ist vielleicht die Grenze ein wenig verdicken und sicherstellen, dass es einfach irgendwie auf die richtige Art und Weise abgeschnitten wird. Also muss ich das nur ein wenig anpassen, die Grenzen dicker machen und ein bisschen mehr durchkommen und das vielleicht ein bisschen kleiner machen . Es ist also schön, dies zu testen, zu sehen, wie es zuschneidet und wie es so aussieht, und wir können all diese mit etwas mehr Spielraum greifen. Ich dachte, es wäre ein wenig zu eng, also ist es toll, es zu testen, also können Sie diese kleinen Anpassungen sehen , die Sie mit Go ahead vornehmen müssen, passen Sie all dies an die kleineren Größen an. Und wenn wir all das anpassen, wenn wir immer noch all diese Striche und Sachen haben, wollen wir nur sicherstellen, dass wir allgemeine Präferenzen haben. Und wir haben unsere Skalenecken und Skalierungsstriche und -effekte auf, damit die Pfade nicht verzerrt werden. Wir machen es kleiner. Lasst uns dies nun an noch kleinere Größen anpassen, die der APP Store benötigen wird. Wir könnten sogar wie ein Snap zwei Punkt oder fangen Sie am Raster. Es wird also von den rechten Ecken abbrechen. Wir werden das für die anderen beiden tun. Es kann diese als PNG exportieren, wenn Sie jemals bereit sind. Also Datei-Export Export als und es gibt ein PNG, wir werden sicherstellen, dass wir auf Verwendung Kunstboards klicken, die wir als PNG exportieren werden. Sie können dies auch als Asset-Export tun. Wenn Sie eine Menge von diesen tun, können Sie es als Asset-Export tun, oder Sie können es mit der Vorlage tun, wo sie bereits für Sie Größe haben, und Sie können sie als PNG exportieren und nur sicherstellen, dass Sie einfach auf die Standardwerte klicken. Also hier ist unsere letzte Ikone. So sieht die Datei aus, und so wird sie im APP-Store aussehen. Also bin ich ziemlich glücklich damit, wie das aussieht und nur, weißt du, vielleicht ein paar kleine Anpassungen, die ich vornehmen könnte. Aber das ist der grundlegende Prozess, um eine Apple-App zu erstellen und zu exportieren. - Icahn. Und das war ein bisschen detaillierter, ein bisschen komplexer, mit all diesen Ebenen, Tanz und Highlights und und könnte ein wenig zu komplex für ein Projekt gewesen sein, weil es all diese Schichten sind. Aber ich wollte Ihnen irgendwie zeigen, wie dieser Prozess funktioniert, weil ich denke, es ist gut zu wissen, wie das geht, besonders wenn Sie Entwickler und Webentwickler arbeiten, und sie werden eine Art von Grafik und die Branding dafür. Du kannst sagen, Hey, ich könnte ein App-Symbol machen. Weißt du, ich habe diesen Prozess schon mal durchgemacht, also ist er da. Ich hatte Spaß mit diesem hier 49. Website in Adobe Xd – Erste Schritte: Willkommen im Bereich Webdesign und Layout, und der Abschnitt wird beauftragt, eine kurze, schnelle Landingpage für einen Kunden im Online-Dating-Bereich zu erstellen . Wir wurden mit einigen grundlegenden Logodateien und Markenelementen versehen. Benutzer klicken auf soziale Medien oder zeigen auf, um auf diese Zielseite zu gelangen. Unsere Aufgabe ist es Grafikdesigner, konsistentes Branding auf diese Zielseite zu bringen und ein schönes, sauberes Layout für dieses Projekt zu erstellen. Als Grafikdesigner ist es unsere Hauptaufgabe, das visuelle Branding System für diese Website zu reiben. Unsere Aufgabe ist es nicht, das Projekt zu programmieren, obwohl einige Designer auch für Codierung und Entwicklung verantwortlich sind. Wir gehen davon aus, dass es für dieses Projekt einen Entwickler gibt, der unser Vermögen nimmt, die Website kodiert, oder wir verwenden eine Firma wie Squarespace, um die Vorlage anzupassen, die ziemlich nahe ist um es zu ermöglichen. Dieser Abschnitt konzentriert sich hauptsächlich auf Design und Layout, Seite der Dinge, gibt es einige grundlegende Elemente, die wir für die einfache Landing Page benötigen. Zunächst einmal müssen wir Benutzer greifen, wenn sie zum ersten Mal auf der Seite mit etwas überzeugenden landen. Wir müssen eine Art von aufgerufenen Aktion haben oder einen Anmelde-Button haben, der sie an die Web-Hauptwebsite sendet , um sich anzumelden. Und schließlich muss das Promo-Video irgendwo auf der Seite zeigen. Die Marke, die ich für dieses Projekt erstellt habe, heißt Finding Love. Es wird eine generische Dating-Website sein, die einem typischen Drei-Schritt-Prozess folgt. Sie können die Ressource im Kurs herunterladen, damit Sie alle grundlegenden Assets haben können, die wir benötigen , um die Landingpage zu erstellen. Schließlich wird für dieses spezielle Projekt ein Programm namens Adobe X'd verwenden, um all dies in einem Layout zusammenzustellen und dem Client sogar einen funktionsfähigen Drahtrahmen zu zeigen, in dem sie das Design genehmigen können . Und wir können diesen Prozess an den Programmierer oder Entwickler übergeben. Sie können diese auch problemlos mit Adobe Illustrator und Photoshop erstellen. Adobe X'd ist derzeit völlig kostenlos zum Download, und ich werde zur Verfügung stellen, dass Lincoln die Resource Guide. Oder es kann einfach nur Google Adobe X'd herunterladen gehen, um kurz die Grundlagen des Programms zu lernen , so dass ich Ihnen zeigen kann, wie es so viel einfacher ist, Website-Layouts und Konzepte mit Adobe X'd zusammenzustellen . Lassen Sie uns also beginnen, indem Sie einen Blick auf unsere Markenbestände und Adobe Illustrator Illustrator , können Sie diese Datei herunterladen. Wie ich bereits sagte und ich habe nur einige grundlegende Vermögenswerte hier, werden wir einige von ihnen neu erstellen, damit wir durch den Prozess gehen können, wie man mit Illustrationen arbeitet und wie man diese alle gehörenden Formen erstellt, die sehr beliebt sind heute in der Designwelt. Wir werden das im gesamten Website-Design verwenden. Also, was ich tun möchte, ist, dass ich irgendwie einige Farbpaletten erstellen und Typografie erstellen möchte, die wir verwenden können. Sie können es hier schon sehen, aber wir werden irgendwie durch das Zeug denken. Wir gehen davon aus, dass dieser Kunde uns bereits mit dem Logo und einem sehr einfachen Branding versorgt hat. Aber es liegt an uns, das wirklich in einer Website-Landingpage Form lebendig zu machen. Sie haben auch bemerkt, dass einige dieser Symbole irgendwie vertraut sind. Wir werden ein paar diese Symbole in unserem Website-Design verwenden, aber das ist auch der Icon-Pakt, den wir entworfen haben, so dass wir in der Lage sein werden, mit den Dateien, die wir exportiert haben, oder Illustrator-Dateien zu arbeiten um diese Symbole zum Leben zu bringen in Adobe X'd. Also, wenn der Kunde hat Sie bereits mit einer Farbpalette fantastisch geliefert, das ist eine Sache weniger, die Sie tun müssen, ist ein Grafikdesigner. Aber als Designer oder Hauptaufgabe ist die Schaffung des visuellen Systems oder des Designsystems für viele verschiedene Dinge mit Branding auf eine Menge Male, das bedeutet das Logo, die Farbpalette, die Icons. Also all das ist Zeug, das in unserem, äh, Gericht ist äh, . Dies sind Dinge, die der Grafikdesigner wirklich verantwortlich für weniger so die Beschichtung und mehr noch diese Art von Sachen. Also werde ich Ihnen zeigen, wie es all diese Dinge geschaffen hat. Natürlich haben wir das Icon-Set früher erstellt. Also haben wir alle etablierten und einige der Typografie. Weißt du, wir können uns eine schöne Überschrift ausdenken und uns eine nette Kopie oder Subline-Kopie einfallen lassen, die wir benutzen können, was wir hier gemacht haben. Ich habe diese Typografie auf Google-Schriften gefunden, also lass uns schnell dorthin springen. Also mit unseren Schriften, wenn dies nicht bereits etabliert ist. Ah, nun, was ich gerne mache, ist manchmal für ein Headline angepasstes Gesicht, das bereits in einem Logo ist um ab und zu als Hauptüberschrift verwendet zu werden, nur eine Art Besonderes, das Thema und Branding herausbringt davon ist bereits im Logo. In diesem Fall ist es ein enges Gesicht namens Pazifik. Oh, und ich fand das auf Google-Schriften, und was ich tun wollte, ist, dass ich nach einem wirklich weichen gesucht habe, da wir über Liebe reden und Liebe und Weichheit finden, und irgendwie wollte ich Spaß haben, illustrative, helle, lebendige, Juwel Ton Farbe, um all dies. Also wollte ich eine Schrift finden, die damit übereinstimmt. Und so ist eine Skriptschrift genau das, wonach ich gesucht habe. Aber ich muss den richtigen finden. Ich will kein Gesicht schreiben, das traditionell ist. Also nur in Google-Fonts und ich verwende Google-Fonts, weil nicht jeder Theodore B Font-Abonnement hat . Wenn Sie über die Adobe Creative Cloud verfügen, haben Sie dieses Abonnement. Aber viele meiner Schüler haben das nicht, also benutze ich etwas mehr Open Source und kostenlos für alle. Also bleibe ich bei Google-Schriftarten für dieses Projekt. Also lassen Sie uns voran und schränken es nach Typ ein. Also wollen wir auf jeden Fall sehen, ob wir Handschrift Mano Raum oder Display nicht finden können. Einige davon sind also die drei, die sich ihm nähern und schwach. Ich möchte einen netten, mutigen, kranken, mutigen, kranken,damit wir die Dicke ändern können. Um in der Lage sein, zu verengen sind enge Gesicht. Also eine Menge von diesen Luft wirklich traditionell, und einige von ihnen sind wirklich schwer zu lesen. Das ist das einzige Problem mit handgeschriebenen Skripten. Manchmal sind sie sehr schwer zu lesen, und wir wollen eine schöne, saubere Schrift, die auch dick ist. Also ging ich voran und ließ mich auf einen namens Pazifik nieder. Oh, genau hier und dann Railway ist eine sehr flexible Google-Schrift, die viele unterschiedliche Gewichte hat . Also werden wir das für alle unsere Körperkopie und Untertitel verwenden, um eine saubere Sand-Sarah-Option zu haben , weil wir Ihre Skriptschrift nicht übermäßig verwenden wollen. Wir wollen es nur sparsam nutzen. Vielleicht nur in der Hauptüberschrift oben, und das war's. Vielleicht benutzen wir es in einem anderen kleinen Bereich. Wir verwenden eine Skriptschrift wie diese nicht zu viel. Nun, da wir das irgendwie etabliert haben, wollen wir Farben betrachten. Und vieles davon ist schwer isoliert zu etablieren. Manchmal müssen Sie an anderen Arten von Projekten mit der Marke arbeiten, um herauszufinden, wie Sie die Marke anpassen können. Manchmal kann ich also Schriftarten herausfinden, nachdem ich mit dem Entwerfen und Layout der Website begonnen habe, um herauszufinden, was funktioniert, damit Sie die Schriftarten nicht herausfinden müssen, bevor Sie beginnen. Manchmal könnten Sie damit beginnen, das grundlegende Layout des Webdesigns zu erstellen und dann herauszufinden welche Schriftart am besten funktioniert. Bedenkt man, welche Illustrationen Sie verwenden und ging Layout. Du musst nur darüber reden, wie ich diese Farbpalette entwickelt habe. Sie können auf Farbe dot adobe dot com gehen und einige Inspiration auf dem Farbrad finden, oder Sie können sogar gehen, um zu erkunden. Wenn er einen bestimmten Trend kennt, können Sie das irgendwie eingeben und durchgehen. Es gibt eigentlich auch einen Trend, also weiß ich, dass ich bei irgendeinem Juwel-Ton bleiben möchte. Also bekomme ich hier nur einige Inspiration für die Farbpalette, tippe einfach in Juwel Töne und versuche, einige Ideen zu beschaffen. Einige wirklich helle, lebendige Farben, die mich an Liebe und Romantik erinnern, und Sie können sogar ein Markenboard zusammenstellen. Ich habe Fotos von Pixels dot com und anderen kostenlosen Websites heruntergeladen, um zu versuchen, ein Markenboard, das einige dieser Farben hatte, die ich suche, so dass ich die Pipette nehmen und sie probieren und eine kohäsive Farbpalette erstellen konnte . Also nur irgendwie zeigen Sie diese grundlegenden Prozesse, wie es mit diesen Farben kam. Sie sind mir nicht nur in den Kopf gefallen. Ich musste recherchieren. Ich musste lernen. Ich musste ein Markenboard zusammenstellen, musste einige Trendfarben finden, um zu versuchen, diese endgültige Farbe herauszufinden. Palin. Also dieser Farbpalast ist eigentlich ein Screenshot von Adobe X'd, wo wir überall Hex-Codes haben, welche Hex-Codes sind, was wir für Webdesign in Bezug auf die Farbe brauchen. Also habe ich gerade einen Screenshot davon gemacht, so dass Sie leicht die Pipette Werkzeug bekommen und Probe , dass, wenn wir Thies diese Illustration erstellen, die wir als Nächstes tun 50. Website in Adobe Xd – Illustrationen: Also wollen wir ein echtes Foto verwenden. Nun, man benutzt definitiv ein echtes Foto, um Leute zu schnappen. Aber ich würde diese Illustration gerne nutzen, wenn ich über unseren Drei-Schritt-Prozess spreche. Und ich wollte das irgendwie als Gesamtstil einbringen. Sehr einfach, flach gestaltet, sehr trendig im Moment. Und die Formen sind im Moment wirklich im Trend. Also wollte ich irgendwie über diese als, ah Stil-Option sprechen und darüber sprechen, wie ich das zusammen setze. Also, was ich tun werde, wird das abschieben. Sie haben Zugriff darauf, wenn Sie diesen Schritt nicht tun möchten. Aber als Designer, ist dies Teil Ihrer Aufgabe, mit dieser Art von Arbeit zu kommen, so können wir Hand zeichnen diese Charaktere oder haben ein wenig billig, um diesen ganzen Prozess nur ein wenig schneller zu machen , weil wir eine Menge zu bekommen haben. Es gibt eine Website namens human dot com, also ist es menschlich, aber mit drei verschiedenen A's drin, und ich werde den Link im Ressourcenführer bereitstellen und sie haben eine Bibliothek mit einigen wunderbaren Vektor-Assets. Es tatsächlich s V GS, das ist eine andere Form des Vektors. Aber es ist immer noch eine Vektordatei, und Sie können diese herunterladen und Sie können diese beliebig anpassen. Und sie sind kostenlos für den kommerziellen und persönlichen Gebrauch, was in unserem Fall fantastisch ist. Also hier sind einige der grundlegenden. Lassen Sie mich sehen, ob ich das nicht schieben kann, Sie können ein bisschen besser sehen, also kommen sie irgendwie in ein paar verschiedenen Formaten. Du könntest ein iPad oder jede Art von Bildschirm dort platzieren. Sie können das in einem Illustrator hinzufügen, können Sie die Farben der Kleidung anpassen. Sie können alles ändern, was Sie über diese Arten von Menschen wollen. Es gibt also ein paar Leute, von denen ich dachte, sie würden wirklich gut aussehen. Ich wollte etwas von dem haben, was du gesehen hast, wo zwei Leute mit ihren Händen zusammenkommen , irgendwie, als ob sie eine Übereinstimmung finden wollen. Also habe ich zwei von ihnen gefunden und sie in Adobe Illustrator gebracht. Hier sind die beiden. Da ist eine. Da sind zwei. Ich kopiere einfach beide Typen und bringe sie rein, und wir müssen auch die Orientierung ändern, was keine große Sache ist. Wir könnten einen umdrehen, also nehmen wir sie und drehen sie einfach um. Transformieren, reflektieren. Ich will, dass ihre Hände zusammenkommen, irgendwie wie sie Liebe finden. So ist die Position dieser Luft bereits groß. Und ein weiterer kleiner Trick ist, dass wir unser Marionetten-Tool bekommen Wenn Sie eine neuere Version von Illustrator haben und Sie sogar transformieren können, finden Sie verschiedene Punkte auf ihm zu transformieren, und Sie müssen möglicherweise bestimmte Punkte und Adam löschen, wo Sie wollen sie zu gehen. Also, wenn du ihn irgendwie etwas ändern willst, könnte es ein wenig wackelig sein, damit zu arbeiten. Aber wolltest du jemals einen Teil ändern, von dem du kannst? Also wollen wir sie irgendwie in eine Form bringen, und wir wollen, dass sie irgendwie aus der Form kommen, um ihm ein geschichtetes Aussehen zu geben. Lassen Sie uns hier unsere kleine ob lange Form kreieren. Wir gehen hier runter, und alles, was ich tun werde, ist das Ellipsenwerkzeug zu holen , es zu zeichnen, und wir nehmen einfach das Krümmungswerkzeug und wir werden einen Punkt auswählen und ihn rausschieben. Wir haben also das Krümmungswerkzeug ausgewählt. Es wird klicken und einen Ankerpunkt machen und ihn rausschieben. Und wir haben sozusagen diese Art von länglichen Formen kreiert, die sehr beliebt ist. Du könntest es aufnehmen und alle möglichen coolen Formen kreieren. Alles, was ich getan habe, war seine. Nehmen Sie den Lips Hocker und fügen Sie ihm ein paar Ankerpunkte mit dem Krümmungswerkzeug hinzu. Das ist also alles, was es ist. Das Ellipsen-Werkzeug mit ein paar Krümmungswerkzeug weist Verletzungen auf. So schaffen viele dieser Leute oder viele Designer diese länglichen Formen. Sie könnten ihn in allen verschiedenen Größen sehen, wird ein Paar für diese bestimmte Website erstellen. Das war also einfach genug. Also lassen Sie uns irgendwie den Ton für diese Illustration erstellen und festlegen. Bringen wir das nach hinten. Wir wollen diese Art von Position, wo es einen Fuß oder voraus, oder etwas Art von kommen aus der Form Art macht es aussehen, wie die sind zusammen als eins durch handgefertigte Illustration. Also die Farben lassen Sie uns unsere Hintergrundfarbe fertig, und dann müssen wir vielleicht das Orange ändern, weil die Orange und Liebe ich nicht weiß. Orange ist nicht wirklich Teil unserer Farbpalette. Was konnten wir leicht auf Gruppe thes und ändern Sie die Farben. Aber lassen Sie uns zuerst den Hintergrund machen, wir haben ein neues Werkzeug und, ah, denken, es ist 2000 19. Sie kamen mit diesem mit Adobe Illustrator Ingredient Swatch Panel heraus. Wir haben etwas namens Freie Form, Grady es. Wir können darauf klicken, und es wird mehrere verschiedene Punkte erstellen, genau wie das Marionetten-Warp-Werkzeug in gewisser Weise. Und Sie können mehrere verschiedene Lichtpunkte erstellen, und Sie können normalerweise einen Punkt nehmen. Holen Sie sich das Pipettenwerkzeug und Probe aus unserer Farbpalette. Verschiedene Dinge. Also nur eine Art Probenahme. Definitiv wie das dunkle Lila da drin. Und ich würde gerne eine leichtere Version davon bekommen. So ist es fast wie ein schöner Farbübergang von dieser tiefvioletten Art der helleren Rosa und es Art von Übergängen wirklich schön. Also, das besteht nur aus drei Punkten entlang der Linie, und ich mag diese Helligkeit in der unteren Art von gibt es ein schönes modernes Aussehen, aber wenn Sie nicht dieses Werkzeug haben, könnten Sie immer noch den gleichen Grady bekommen, indem Sie auf Ihr Netzwerkzeug klicken und es auf die gleiche Weise mit dem Netzwerkzeug tun . Nehmen wir also an, wir verwenden das Mesh-Werkzeug. Du klickst auf jeden Fall hier, um verschiedene Lichtpunkte zu erstellen und doppelklicken oder auf diese Uhr doppelklicken. Sie können es so ändern, um Es ist ein wenig genauer und genauer. Sie können viele drei D-Bilder erstellen, indem Sie Glanzlichter und Schatten mit dem großartigen Netzwerkzeug machen. Es ist definitiv komplizierter und reicher an einem Werkzeug. Aber wenn Sie etwas schnell erstellen müssen, dass Grady und wenn Sie eine nup datierte Version von Illustrator haben , gibt es Freiform-Grading-Tools definitiv schneller als. Und wir können mehrere verschiedene Versionen davon erstellen, wenn wir dies auf einen weißen Hintergrund setzen und die Unterseite verblassen wollen . Lasst uns das weiß machen. Wir könnten die Form irgendwie verblassen lassen lassen, so dass es aussieht, als ob sich die Illustration mit dem Hintergrund verschmilzt. Also, das ist eine andere Option, die wir tun könnten. Es könnte diesen kleinen Griff nehmen und das Weiß etwas ausdehnen. Sie konnten sehen, dass ich das auf einen weißen Hintergrund stellen könnte. Es sieht aus wie die Illustrationen, die sich in den Hintergrund mischen, aber wir könnten das zu einem anderen Zeitpunkt tun. Gehen wir zurück zu dem, was wir sehen mussten. Das sieht aus. Lassen Sie uns orange ändern, weil es überhaupt nicht gut funktioniert. Mit unserer schönen Juwel getönten Farbpalette, werden wir nicht in den Zimmern, die eine Gruppe haben könnten. Ich bin ein bisschen eine Nonnengruppe, , bis ich Zugang zu nur dem Pullover haben konnte. Also muss ich die UN-Gruppe noch einmal. Ich brauche nur die Orange und ich könnte einen kleinen Trick machen. Ich kann diese drei verschiedenen Vektorobjekte individuell ändern, oder ich kann gehen, um Farben zu bearbeiten und nur ein wenig einen Trick zu tun, um die Farbbalance anzupassen . Und es gibt auch wieder Farbe Artwork, die hier in einer Minute gehen wird, erhalten Sie auf konvertieren klicken, klicken Sie auf Vorschau, und wir können alle diese zur gleichen Zeit ändern. Wir könnten es rot für die Liebe machen, nur eine Art schnelle Möglichkeit, Farben zu ändern. Und ich mag eine rosafarbene Farbe dafür, weil irgendwie zu unserem Thema ein bisschen besser passt , also könnte ich das Gleiche mit ihr machen. Es gibt auch etwas im selben Menüsystem. Also gehen Sie nach oben zu bearbeiten und es Farben. Wir können das Kunstwerk neu färben, also wird es alles auswählen, was hier orange ist, und wir können die Farbe völlig ändern. Das ist also die aktuelle Farbe, das dunkle Orange auf dem Ärmel, und wir können das ändern und wir könnten einfach runtergehen. Die Liste ist Art der helleren Farbe, so können Sie Farbgrafik auf diese Weise auch wieder. So viele verschiedene Möglichkeiten, wie wir das tun können, machen das ein bisschen leichter. Und da gehen wir. Wir nur wieder Farbe, dass wir auch die Hose machen können, wenn wir wollen. Aber wir werden das einfach lassen, so wie es ist. Wir können auch einen sehr kleinen Schlagschatten hinzufügen oder ihn flach halten. Also, wenn wir es ein total flaches Design halten wollen, können wir es so halten. Wir können das auch zusammenfassen und einfach einen leichten Schlagschatten erstellen, oder noch besser, lasst uns sie einfach als Individuen gruppieren, damit wir ein bisschen mehr Kontrolle haben können, wenn wir Illustrationen woanders wieder verwenden. Also werde ich beide auswählen und den kleinsten, subtilen kleinen Schlagschatten hinzufügen wird, um Augen Schlagschatten zu stylen und nur ein kleines hinzuzufügen . Sie bemerken also, dass es nicht viel Unschärfe dazu hat, und die Deckkraft ist sehr wenig. Das fügt also ein wenig von diesem dreidimensionalen Pop hinzu. Wir könnten das Gleiche mit unserem Kreis machen. Wir können dies ein wenig mehr in der Entfernung vom Objekt herauskommen lassen und vielleicht einfach ein wenig Unschärfe hinzufügen. Also nichts Großes. Wir können es flach halten, wenn wir wollten, oder können ein wenig Schlagschatten hinzufügen. Das ist also der grundlegende Prozess, wie ich die Grafik erstellt habe, um am Ende zu verwenden. Ich habe das auf einem eigenen Kunstbrett. Wenn ich dies also exportiere, kann ich dies als PNG exportieren, und es gibt einen noch einfacheren Weg, wenn Sie andere Adobe-Programme verwenden, um Ihr Layout mit Adobe Illustrator zusammenzustellen , um ein Webdesign zu erstellen, Sie einfach Bringen Sie das direkt rein. Du bist bereit. Wir werden Adobe X T verwenden, und es wird sehr einfach sein, dieses Asset einzubringen, weil wir es einfach kopieren und in Adobe X'd einfügen , wenn wir bereit sind. Also jetzt haben wir einige grundlegende Vermögenswerte, mit denen wir arbeiten können. Wir haben das Icon-Design-Set, das wir früher in der Klasse erstellt haben, und dort werden einige davon gedacht, könnte sehr nützlich für diese Website sein. Und sie haben einen schönen, sauberen, sauberen, flachen Stil, der großartig mit der Marke, die wir haben, funktionieren wird. Also nahm ich gerade diese Symbole und fing an, sie herzu bringen, um sie zu benutzen. Und noch einmal, wenn Sie ein anderes Adobe Producto Layout verwenden, ist Ihr Web-Design, das Sie erhalten, kopieren Sie die Symbole und fügen Sie sie in, wo Sie entwerfen werden . 51. Adobe Xd – Crashkurs: Also wollte ich Ihnen zeigen, was wir am Ende des Projekts enden werden. Das ist also irgendwie animiert. Wir machen nur ein paar Klicks durch, wo wir dem Kunden zeigen können, wie die Dinge fliegen oder animieren. Wir könnten ihnen zeigen, was passiert, wenn Sie auf eine bestimmte Schaltfläche klicken, wie die Video-Schaltfläche ansehen oder was passiert, wenn sie auf den Startprozess jetzt klicken. Also wollten wir dem Kunden irgendwie zeigen, wie Ah, der Benutzer durch die Landing Page fließt und so werden wir es machen. Deshalb habe ich Adobe X'd verwendet, um Web-Layout zu machen, weil es nicht nur dafür konzipiert ist, und es ist sehr einfach, Formen und Text zu erstellen, es ist auch sehr einfach, unsere Farben und unsere Hex-Codes festzulegen. Es ist auch sehr einfach, unsere Charakterstile zu etablieren, also erstellen wir eine Überschrift oder stellen fest, wie groß sie ist. Die Punktgröße begann, diese Web-Typ-Hierarchie direkt hier im Programm zu etablieren . Es ist sehr einfach, das für den Entwickler zu exportieren. Wir werden ein neues Dokument öffnen und sie haben einige integrierte Webgrößen. Und natürlich können wir immer die iPhone-Version machen. Aber das soll eine Art Desktop-Landing Page sein. Wir werden auf das Web klicken 1920 von 10 80. Das wird eine Art von Ihrer standardmäßigen hochauflösenden Desktop-Browser-Fenstergröße sein. Und das ist die Grundgröße. Also werde ich einen schnellen 10-minütigen Crash-Kurs auf Adobe X'd für diejenigen, die noch nicht in diesem Programm gewesen sind . Das ist ein neues Programm für einige von euch. Wenn Sie bereits in Adobe X T gewesen sind und Sie ein Projekt mit mir in einer Klasse gemacht haben, unterrichte ich eine Klasse, wo ich Adobe X'd unterrichte und Detail machen wir ein mobiles App-Design. Wenn Sie diesen Kurs mit mir genommen haben oder Sie bereits zuvor Erfahrung mit Adobe X haben, können Sie diese eine bestimmte Lektion überspringen und den Layout-Abschnitt dazu aufrufen. Herzlich willkommen bei Adobe X'd. Wenn Ihr brandneu ist, wird dieser 10-minütige Crashkurs Ihnen genau das geben, was Sie für uns brauchen, um gemeinsam ein grundlegendes Layout zu erstellen. Also gingen wir voran und öffneten das neue Dokument. Wir haben eine 1920 Kunsttafel, das heißt Art Board, und Sie können viele verschiedene Kunsttafeln erstellen. Und hier wird es mit diesem funktionieren, wenn wir anfangen. Das ist also irgendwie der Name Ihres Kunsttafels. Sie können es Haupt-Homepage umbenennen und Adobe X'd lebt mit Artboard. Also werden wir am Ende viele verschiedene Kunstboards erstellen und sie schließlich alle verbinden . Wenn Sie also daran gewöhnt sind, Programme zu erstellen, werden sie sehr an Adobe X'd gewöhnt sein. Sie werden feststellen, wie einfach die U. I. R-Benutzeroberflächen von Adobe Extinct ein sehr einfaches Programm ist. Im Vergleich zu Illustrator oder Photoshop gibt es keine Tonne von Werkzeugen zu lernen oder herauszufinden. So haben Sie einige grundlegende Formen hier auf Ihrer Symbolleiste, die Sie erstellen und erstellen Quadrate und Kreise, Ellipsen, alle Arten von verschiedenen Formen. Gibt es ziemlich Standard, wenn es um Web-, Webbuilding-und Web-Layouts geht , und Sie werden standardmäßig bemerken, es diesen Rahmen hinzufügt. Also, wenn Sie hier nach rechts hier, ist Art Ihrer Eigenschaften Panel, unsere Eigenschaften Bereich, und standardmäßig macht es einen Rahmen, so können wir un verbinden die Grenze. Wenn Sie wollen und dann einfach die Füllung haben und dann einfach eine Füllung machen. So wie Adobe Illustrator Photo Shop, ist es ziemlich einfach. Sobald Sie irgendwie ein paar dieser anderen Programme gemeistert haben, so erhalten Sie unser Verschiebungswerkzeug auswählen. Beide wollten die Grenze entfernen und dann eine Füllung hinzufügen. Haben diese Luft nur Grundformen? Du könntest dich umherbewegen. Lassen Sie uns das eine etwas andere Farbe machen. Und es gibt natürlich, ein Layering-System und Adobe X'd als gut, und Sie können die Ebenen runter. Es ist etwas schwieriger zu finden. Wenn Sie hier runter zu diesem kleinen Symbol gehen, das aussieht wie seine Ebenen, klicken Sie darauf und dann werden Sie in der Lage sein, alle verschiedenen Ebenen zu sehen. Wenn Sie hier runter zu diesem kleinen Symbol gehen, das aussieht wie seine Ebenen, Hier gehen wir zu Formen, Sie werden in der Lage sein, diese Art von Neuanordnung im Schichtsystem. Wenn ich das Dreieck im Larry-System herunterbringen und es einfach nach unten ziehen möchte, kannst du nach unten gehen und du könntest es mit allen Elementen tun, nur Bildern, Formen oder Text. So gelangen Sie zum Layering-System hier in Adobe X'd, aber wir werden einige Verknüpfungen verwenden, um die Ebenen hier zu ändern, Sie tun meinen Befehl linke Klammer und rechte Klammer, um es nach oben und hinten zu bewegen. So, wie jedes andere Adobe-Programm, könnten Sie in der Lage sein, die Ebenen einfach zu ändern. Und auch gibt es ein Pin-Tool in Adobe X'd, und es funktioniert sehr ähnlich wie Fotoshop und Illustrator. So klicken Sie einfach und Sie werden in der Lage sein, alle Arten von verschiedenen Formen zu erstellen, genau wie wir Dio getan haben einen Illustrator und Sie könnten den Rahmen ändern , der den Strich ändert. Also Grenze ist im Grunde Ihr Schlaganfall, und er könnte die Größe unten ändern. Also machen wir es zu einem sehr dicken Schlag. Außerdem können Sie die Großbuchstaben genauso ändern wie im Strichbedienfeld und in Adobe Illustrator. kannst du hier unten machen. So änderst du deine Kappe. Also brauchen wir eine schöne runde Kappe und wir haben einige schöne abgerundete Kappen von der Kante unseres Schlaganfalls. Sogar im Schatten. Also lasst uns das gefüllte etwas Helles ändern, und wir könnten einen Tropfen zu diesem Objekt hinzufügen, der nur durch Klicken auf den Schatten zerbrochen ist, und es wird einige Eingabe-Schaltflächen haben. Das X wird dein X sein und Y werden die Entfernung vom Objekt sein, und B wird deine Unschärfe sein. Wenn Sie also keine Unschärfe haben, wird es ein flacher Schatten sein. Und um die Transparenz eines Schattens zu ändern, müssen Sie auf diese Ebene doppelklicken. Und hier ändern Sie die Transparenz. Also, wenn ich es sehr stark will, kann ich eine Nummer eingeben. Und Sie können auch die Schattenfarbe ändern. Es ist also etwas anders als Illustrator und Fotoshop. In gewisser Weise verdichten diese Art alles in einem Panel in diesem Erscheinungsfeld, anstatt ein separates Strichfeld auf all diesem Zeug zu haben. Nur irgendwie alle hier für Sie verdichtet, so dass Sie schnell einige Effekte machen können. Also gehen wir zurück zu unserem Kunstboard und lassen Sie uns einfach einige grundlegende Formen erstellen und eine obere Leiste hier am Klickrand erstellen und dann nur auf eine Bar schauen und sagen wir, wir wollen ein Logo auf der Oberseite hinzufügen . Also, was wir tun werden, können Sie jedes Asset mitbringen, indem Sie es von Ihrem Desktop ziehen und es in den offenen Raum laden und das Bild anpassen, wenn Sie ein Vektor-Asset einbringen möchten. Nehmen wir an, wir wollen unser Logo einbringen. Ich nehme diese Logodatei und nehme die weiße, weil sie besser über einer Grenze auftaucht . Und ich werde es einfach kopieren. Und wenn du es hier reinfügst, bringt es es automatisch rein. Wenn Sie es vergrößern möchten, halten Sie die Umschalttaste gedrückt und ziehen Sie sie, um sie zu vergrößern. Wir können Objekte Enden kopieren und einfügen, oder Sie können sie in ziehen. Und wenn es Vektorobjekte sind, bleiben sie Vektor, was wirklich schön ist. Nehmen wir an, wir wollen ein schnelles Menüsystem erstellen. Sie haben ein Typwerkzeug wie jedes andere Werkzeug. Wir werden viele eintippen, und das wollen wir größer machen. Also sind wir hier drüben in unserem Textfeld, wenn wir das nur ein bisschen größer , füllen, machen, füllen,weiß machen, und wir alle möglichen Dinge ändern können. Wir können den Abstand zwischen den Zeichen ändern. Wir könnten die führende oder den Abstand zwischen den Linien ändern. Ein paar verschiedene Ausrichtungsoptionen Es gibt alle Kappen. Es gibt ein Sub-Skript, alles, was Sie in einem normalen Textbereich sehen würden. Also lassen Sie uns sagen, ich möchte vier verschiedene Menüpunkte haben, die ich den langen Weg machen kann und kopieren und einfügen oder tun Sie es ein Knop sh in Drag und erstellen Sie für, wie, diese und dann Art von Maine und wir finden den Abstand. Oder es gibt eine wirklich coole Sache, dass sie ein Adobe x t haben, dass sie keine anderen Adobe-Programme haben , und das ist etwas, das das Wiederholungsraster genannt wird. Also werde ich auf dieses Wiederholungsraster klicken, um Raster zu wiederholen, und ich werde in der Lage sein, das zu erweitern, und es wird es immer wieder kopieren, genau wie ein Muster. Also 123 Lasst uns weitermachen und fünf machen. Warum nicht? Und bevor ich das Gitter gruppiere oder so etwas mache, haben sie einen Bereich, in dem Sie den Abstand, die Polsterung oder die Dachrinne anpassen können. Ich schätze, du könntest auch die Rinne ändern, damit ich sie den ganzen Weg nach draußen verlängern kann. War großartig darüber ist, dass ich die Schriftgröße auf diesem 1. 1 ändern kann Es wird es global ändern. Wenn ich das nicht alles kleiner machen würde, mache ich einfach 22 und es machte sie alle kleiner. Und es ist einfach wirklich cool, weil man es horizontal machen könnte oder Sie können es vertikal ziehen , und jetzt können Sie so viele Rosen erstellen, die er gewonnen hat. Dies ist also perfekt zum Erstellen und mehrspaltigen Layout, und wir möchten, dass die Spalten die gleiche Größe haben. Sagen wir mal, wir haben hier eine Kiste. Wir hätten ein Drei-Spalten-Layout. Lassen Sie uns einen hellgrauen Phil machen, und wir wollen einige abgerundete Ecken darauf machen, damit es schön und glatt aussieht. Wir haben das gleiche, was wir haben eine illustrierte. Das abgerundete Eckwerkzeug ging um die Ecken. Und sagen wir, ich möchte dies dreimal wiederholen, klicken Sie auf Wiederholungsraster und wiederholen Sie es einfach so. Und dann kann ich zurückgehen und die Rinnen ausstrecken. Und ich habe ein dreisäuliges Rasterlayout genau so, und Sie werden feststellen, dass ich intelligente Leitfäden auf Es ist standardmäßig aktiviert habe. Es wird mir helfen, den Mittelpunkt der Dokumente zu finden, oder genau dort wäre der Mittelpunkt Es sagt Ihnen auch die Pixelgrößen oben auf der Unterseite. Also hast du bemerkt, wie sich die rosa Bereiche ändern, wenn ich es hoch und runter bringe. Und auch sehen Sie das Pixel, uns Ah, Rinne auf der linken und rechten als auch. Es ist also sehr, sehr hilfreich, Ihre Dimensionierung Ihres Gesamtdokuments in Pixeln auf diese Weise zu kennen . Also was? Sam, ich bin bereit, das irgendwie zu verheimlichen. Ich bin bereit, diese in verschiedenen Formen und Größen zu bewegen. Ich kann einfach auf das ungeräumte Gitter gehen, und jetzt sind sie individuelle Vermögenswerte und ich kann sie ändern. Und sie ändern sich dort nicht global ihre eigenen individuellen Vermögenswerte. Das ist wahrscheinlich einer der stärksten und besten Gründe, Adobe X'd zu verwenden. Ist das Wiederholungsraster? Sie könnten Web-Layout machen? Super duper schnelles System. Nehmen wir an, wir wollen die Rinne Strack ändern, die in und auf der Gruppe das Gitter, und jetzt sind sie individuell bei Menü-Assets. Wenn ich also einen ein bisschen größer machen wollte, kann ich dieses auswählen und es Helvetica fett machen und haben, dass eine andere Art von Menüsystem und auch mit Icons. Wir können ein Nikon-Kopiertempo, das Symbol genau hier drin ist, und wir können sogar die Farbe Zehenweiß ändern. Also haben wir das hier, wo Sie Grady INTS und Adobe X'd haben können. Nun, was das vorher nicht der Fall war. Aber jetzt können Sie argumentieren, eine Grundform zu erstellen. Gehen Sie zu füllen und Sie werden feststellen, dass Sie eine Dropdown-Option haben, wenn Sie auf Ihre Doppelklicker Uhren klicken , damit sie eine einfarbige Farbe, ein Radio oder eine lineare Strahlung tun können . Wenn Sie also eine lineare Strahlung machen wollen, können Sie und Sie können auch die Richtung ändern. Also, was wir mit ihrer Ikone machen wollen, die wir darin haben, hat automatisch die kleinen Grady INTS gespeichert , die ich hier habe. Wir wollen das erscheinen lassen. Weiße Symbole waren, um unser Symbol in diesem Fernschalter auszuwählen, die strahlende Farbe, und es gibt ihr weißes Symbol. Und so, für Gitter, was Sie tun möchten, ist, wählen Sie das Top Art Board, und wenn Sie den Namen der Top Art Board wählen, werden Sie eine zusätzliche Art von Optionsbereich direkt hier auf der rechten Seite haben. Es wird ein kaltes Gitter. Wir können auf Raster klicken, und es wird uns ein Standard-12-Säulen-Gitter-Layout mit Art Ihrer Standardrinne geben, und Sie können die Rinne mit ändern, so dass Sie die Rinne mit viel dramatischer machen können oder Sie können es anziehen und Sie don haben nicht nur das Spaltenlayout. Sie haben auch ein Standard-quadratisches Modul modular. Ich denke, Sie könnten Raster sagen, wo Sie nur die Quadrate haben, was hilfreich sein könnte, wenn Sie sehr feine Layoutdetails machen. Aber ich bleibe bei diesem 12-Säulen-Layout. Sie können die Farbe ändern, so dass es nicht die starke ist, so dass es weiterhin zu entwerfen und nicht mit etwas stören, um es auszuschalten, wählen Sie den Namen und einfach entfernen cred. Wir könnten einfach ein Foto hier hineinziehen und dann die Größe ändern, um die Ecken zu sehen. Wenn Sie nur um eine Ecke wollen, halten Sie gedrückt. die Optionstaste, und Sie könnten nur eine Ecke nach dem anderen tun, so dass Sie in ein Foto einfach so bringen können, wo wir es in einem Container tun können, die alles, was Sie tun, ist eine Form zu erstellen. Nehmen wir an, wir haben das Stift-Werkzeug und wir wollen eine Art, ah seltsame ob lange Form Sortierer erstellen , die eine Form schaffen, nichts zu schickes. Wir könnten zurückgehen und die Griffe bearbeiten, wenn wir wollten. Sagen wir, wir wollen es in diese Art von seltsame Form ziehen. Also, was wir tun werden, ist das Foto auf jede beliebige Form zu ziehen, und es hat eine Beschneidung für uns, was irgendwie nett ist. Sie können auf das Bild doppelklicken, um die Position zu ändern, oder klicken Sie auf und ändern Sie die gesamte Form zur gleichen Zeit, damit Sie Fotos einbringen können. Auf diese Weise könntest du einen Mann mit Standardboxen mitbringen. Du könntest das tun. Sie können ein Wiederholungsraster erstellen, ein dreispaltiges Bildlayout haben und Fotos direkt in Boom ziehen. Und wenn Sie ein Wiederholungsraster erstellen, wird das gleiche Bild in alle eingefügt. Oder Sie können das Raster und die jetzt ihre einzelnen Boxen gruppieren, und Sie können sie ändern, damit ich sehen konnte, wie einfach es ist, Adobe X'd zu verwenden. Und jetzt sind sie einzelne Box-Elemente, und wir können Typ hinzufügen und sprechen von Typ haben wir ein Standard-Typ-Tool. Wir können klicken und ziehen und einen Typ Bereich Feld erstellen, wenn wir eine Menge von verschiedenen Art Licht haben wollen . Nehmen wir also an, wir haben hier eine Menge Typ. Wir tun unser Textfeld, aber wir haben unseren Typ Bereich Feld, dass wir reduzieren und Spalten von Informationen machen können. Sie können auch einfach klicken, anstatt zu klicken und zu ziehen, um einen Bereichstext zu erstellen. Boxer wie diese, können wir einmal klicken und nur eine Zeile des Typs erstellen. Also lautet die Schlagzeile hier. Dies ist großartig für Schlagzeilen, und dann könnte man dieses kleine Element nehmen und es kann es größer machen. Oder du könntest es hier größer machen oder tun, was ich tue. Und es gibt ein bisschen eine Abkürzung, die Ideo, die Kommando Shift rechts und links größer ist als in weniger als Zeichen, dass es Cat mir hilft, mich zu ändern. Es ist nur eine Tastenkombination. Das sind Schlagzeilen. Sie haben also zwei verschiedene Typenkörper des Typbereichswerkzeugs. Dann haben Sie nur eine Standard-Typbox als auch für Schlagzeilen. Wenn Sie Zeilenumbrüche in den Überschriften manuell durchführen möchten, können Sie und Sie können hier rüber gehen und den Abstand ändern. Ändern Sie das auf 99 und richten Sie es aus So haben Sie Ihre Linienwerkzeuge, die wirklich gut sind. Helfen Sie beim Einrasten des Rasters. Dies sind also die sehr, sehr, sehr Grundlagen von Adobe X'd. Es ist nichts. Nichts für Berlian ist aufregend. Wir werden hier in einer Minute ein wirklich poliertes Layout machen. Aber ich wollte denjenigen, die noch nie in Adobe X'd gewesen waren, die Chance geben , ,irgendwie die Grundlagen zu lernen, die wir über Assets sprechen und erstellen, sind verschiedene Assets und auch unsere Charakterstile und Komponenten und Farben. Wir werden über diesen Krieg im Projekt sprechen, aber das sind die Grundlagen. Nehmen wir an, wir möchten eine zweite Seite erstellen, also klicken sie auf Menü eins und sie gehen zu einer anderen Seite. Was Sie tun werden, ist, dass wir das Art-Board-Werkzeug verwenden, das eines ihrer letzten Werkzeuge ist, die noch verwendet werden können, und klicken Sie einfach auf das Art-Board-Werkzeug. Und sie werden in der Lage sein, klicken und ziehen und erstellen Sie jede gewünschte Größe, oder Sie können doppelklicken Sie in der Nähe. Wenn Sie doppelklicken, wird es die gleiche Art Board Größe Doppelklick kopieren oder einfach nur einmal klicken und wir können so viele erstellen , wie Sie wollen. Sie können alle Arten von verschiedenen Unterseiten Ihres Designs erstellen, und dann können Sie alle diese verknüpfen. Irgendwann wird das im Prototyp-Modus sein. Wir werden das nicht in der sehr einfachen Sektion anfassen, wird das tun. Wenn wir das tun, wird unser Projekt in der Lage sein, dies auch mit Vermögenswerten zu tun. Wir werden über Vermögenswerte im Projekt sprechen, bei denen wir global miteinander verknüpfen,globale Stile und globale Farben schaffenkönnen globale Stile und globale Farben schaffen . Also, wenn Sie hier eine Farbe ändern, wird es sie auf allen Kunsttafeln zur gleichen Zeit ändern. Das ist also ein sehr hilfreiches Adobe X'd-Tool. Nun, da wir die Grundlagen behandelt haben, lassen Sie uns direkt in unser Projekt einsteigen. 52. Website in Adobe Xd – Erste Schritte: Also habe ich eine Überschrift, die wir für Landing Page verwenden werden. Wir haben auch diese Video-Schaltfläche, die wir irgendwie in dieser oberen Hälfte des Designs integrieren müssen . Lassen Sie uns also beginnen, einige unserer Farben einzubringen. Also haben wir unsere Farben hier drüben, die wir hinzufügen können, und wir sind im Asset-Panel, also kommen Sie zu Assets, indem Sie hier unten klicken, um die Assets zu klicken, und wir werden einige dieser Assets verknüpfen. Wir werden alle unsere Farbpaletten einbringen, die wir einen Adobe Illustrator entwickelt haben, und wir bekommen nur einen Doppelklick auf unser Musterfeld und schnappen Sie sich diesen Hex-Code und bringen Sie den Hex-Code hinein oder noch besser, machen Sie das eins nach dem anderen für alle. Oder wir können das hier einfach kopieren und sagen wir, diese Luftfelder schon. Lassen Sie mich einfach Leben erschaffen. Uhren von ihnen bekommen das Pipettenwerkzeug, das wir von der Grenze nehmen. Wir werden nur einen normalen Phil haben. Also all diese ihr Leben beobachtet und sieht die Pipette Werkzeug zu Probe. Ähm, ich werde ihn in eine Art Farbreihenfolge setzen, basierend auf dem Farbton, der sie sind, könnte ich all diese auswählen. Das ist wirklich cool. Also alle meine verschiedenen Farbfelder ausgewählt, die auf diese Ausgabe Zeichen klicken können. Es wird automatisch alle Hex-Codes eingeben hier für uns. Alles, was ich tun musste, ist nur ein Musterfeld erstellen und dann auf Hinzufügen klicken, und Sie können es der Liste hinzufügen. wir also, ich erstelle eine neue Farbe. Mike, ich will eine andere Farbe dafür. Machen wir, Ah, Ah, noch einen dunkleren Blauton. Also lassen Sie uns sagen, ein hinzufügen, das ich tun muss, ist dieses ausgewählte Klicken auf Hinzufügen, und Sie werden es zu Ihren globalen Stilen hinzufügen, so dass Sie immer Zugriff auf Ihren Gaumen haben. Oder Sie können mit der rechten Maustaste klicken und löschen, wenn Sie diese Farbe nicht mehr wünschen. Wir sind also etwas breiter und bringen unser Vermögen langsam rein. Also dachte ich, was wir tun, ist ein wirklich heller, lebendiger, farbenfroher Hintergrund. Ich will wirklich Leute schnappen. Ich will hier nicht viel Weiß benutzen, weil ich wirklich Leute schnappen will, Leidenschaft und Liebe haben und viele tiefe Brückenpurpurples los sind. Also lasst uns unser quadratisches Werkzeug holen und einfach einen Hintergrund erstellen. Lassen Sie uns auf Klicken Sie auf den Rand und was wir tun könnten, ist, dass wir unsere Farbpaletten hier haben wir auswählen könnten . Wir könnten das den ganzen Weg nach hinten schicken. Wir wollen wahrscheinlich unseren Typ weiß machen. Wir könnten sogar hinzufügen, dass als eine Farbe weiß, nur so kann es leicht wählen Sie diese Farbe. Wir müssen nicht den ganzen Weg hier rüber gehen. Das Uhren. Und was, wenn wir dieser Sache ein wenig strahlend hinzufügen? Im Moment ist es nur eine einzelne flache Farbe. Was ist, wenn wir Phil ausgewählt und wir gingen hier und statt einfarbig, lassen Sie uns ein Radio Grady int und Lead Selektor Farben machen. Also für die Top-Farbe, die ich sein wollte, sind sehr helle, lebendige Farbe. Und dann hier drüben möchte ich, dass es unsere tiefere Farbe ist. Es wird das Richtige nehmen oder das, das hier drüben sein wird, und es einfach etwas dunkler machen , einfach so, um so eine reiche Umgebung zu schaffen. Also haben wir nur ein Radio, körnig es geht auf unsere Kunsttafel, und jetzt lassen Sie uns gehen und den ganzen Grundtext anlegen, weil ich nicht zu viele Grafiken machen will , bis wir den Text herausgefunden haben, der die Nummer eins ist Wichtigste bei Layout-Design und das Web ist immer, dass Text in die richtige Position und die richtige Größe zuerst. Dann können wir in all ihre Fotos und Illustrationen hinzufügen, so dass wir unser Logo verpassen. Wie wir gelernt haben, könnten wir einfach das Logo im Vektorformat in Illustrator kopieren und einfach und einfach einfügen , wir wollen die richtige Größe für ein Logo finden, und Sie müssen möglicherweise die Shift gedrückt halten, um es zu skalieren dimensional. Ich möchte sicherstellen, dass wir einen guten Spielraum haben. Wir wollen keine zu enge oder zu nahe am Rand haben, also werden wir versuchen, ihren rechten Rand zu finden, und das ist, wenn wir unsere Gitter umschalten, wird eine tolle Idee sein. Also, die Auswahl unserer Kunstbretter könnte ein Umschalten auf dem Raster. Dies ist unser 12-Säulen-Standard. Typisches Layout, sehen Sie. Also werde ich diese Standard-Dachrinne beibehalten, um Wege zu finden, um all das zusammen zu stoßen, also zögern Sie nicht, das so zusammen zu stoßen, viel einzuschalten, wie Sie wollen. Grids helfen Ihnen wirklich, das richtig zu finden. Positionierung. Lassen Sie uns voran und fügen Sie das Menüsystem hinzu. Wir werden das mit Wiederholungsgitterwerkzeugen tun. Wir werden ihr Typwerkzeug besorgen. Was ist tun Menü Sobald das Menüpunkt eins ist, ist es schrecklich großer Text, also werde ich nur die Größe reduzieren. Wir könnten gehen und versuchen 22 Punkte, und manchmal ist dies ein ziemlich großes Browser-Fenster. Dies ist wie 1920 Pixel, so manchmal ist es schön, irgendwie zu zoomen, um eine bessere Perspektive der Größe zu erhalten. Bringen wir das rein. Das ist also 22 Punktgröße und ich werde sagen, dass ich es perfekt machen möchte. Also lasst uns unsere Eisenbahn benutzen und lasst uns anstelle eines Lichtes. Lassen Sie uns eine mittlere mittlere Eisenbahn machen und sagen wir, ich möchte dies wiederholen Anstatt kopieren und einfügen zu müssen , werde ich unser Wiederholungsraster verwenden, auf Wiederholungsraster klicken und wir ziehen es und erstellen 12 Lassen Sie uns vier Menüpunkte. Was das ist ein schöner Abstand. Zwischen ihnen waren 2 50 Pixel Abstand, und wir können natürlich entlang unseres Rasters sprechen, um die richtige Platzierung unseres Menüs zu finden. Irgendwie hängen Sie es hier drüben ab. Ich wollte irgendwie aufstoßen, aber ich wollte über die Gosse hinausgehen. Es zog uns auch, um den Mittelpunkt zwischen dem Logo und dem Typ zu finden, und da ist es, genau dort, nur ziehen, bis es irgendwie einklickt. So gibt es unser grundlegendes Menü-Layout. Wird sagen, Willst du eine Art von diagonalen Trennlinien haben? Lassen Sie uns das schaffen. Mit einem Zeilenwerkzeug wollte ich eine sehr einfache Linie erstellen, für die wir vielleicht hineinzoomen müssen. Dies schafft eine einfache gerade Linie. Sie könnten die Umschalttaste gedrückt halten, um eine schöne, einfache, perfekt gerade Linie zu erstellen einfache, . Lass uns eine schöne umgebene Kappe dazu machen und es zu unserer weißen Farbe machen. Oder wir könnten es irgendwie eine weiße Farbe machen, so irgendwie unsere hellviolette. Es wird nicht sein, wenn du es weiß gemacht hast. Es würde mit dem Typ konkurrieren, aber wenn wir es ein wenig von ihnen machen, ein weißes, das zum Hintergrund passt, ist es ein wenig leichter. Es konkurriert nicht ganz so viel, also zoomen Sie heraus. muss ich vielleicht machen. Vickers. Machen wir es zu einem Viertakt-Gewicht oder sogar eine Drei. Wir können das Wiederholungsraster hier wieder verwenden, um uns irgendwie eine Kopie zu sparen. All das werden wir drei Trennlinien brauchen. Und lasst uns die Rinne hier auch direkt dort ändern und wir können das Gitter nicht in den Raum bringen, und jetzt werden sie als einzelne kleine Elemente behandelt. Wir könnten den Abstand hier ändern, so dass, weil es im Moment gleich Abstand zwischen jedem ist. Aber unser Typ ist ein bisschen länger. Also lasst uns das Gitter hier gruppieren. Und ich werde nur ein paar dieser Elemente zusammenschieben, damit wir nicht so viel Abstand haben . Wir sind wirklich nur unsere Ideen, wirklich das Design in Gang zu bringen, so dass wir nicht so technisch werden müssen. An diesem Punkt können wir wirklich irgendwie das Design zuerst genehmigt bekommen, und dann können wir wirklich technisch über Abstände und Pixel und all das bekommen. Also lassen Sie uns ein kleines Symbol zu Hause hinzufügen, weil wir das zur Verfügung haben. Und ich denke, Icons und visuelle Hinweise sind immer hilfreich, wenn es darum geht, nur Klartext zu haben oder ein visuelles Cue oder Icon dabei immer hilft. Also lasst uns unser Heim-Icon holen. Lass uns das weiß machen, weil wir wissen, dass wir es weiß haben wollen. Lasst uns ein weißes Muster machen. Also, wenn ich es kopiere und einfüge, ist es schon die Farbe, die wir mögen und ich werde es einfach kleiner machen. Also lasst uns unsere Ikone hineinbringen. Es macht ein bisschen kleiner und stößt es zusammen, genau da drüben. Jetzt haben wir ein kleines Heim-Icon. Wir haben unsere Speisekarte. Sieh mal, wie schnell das zusammenkommt. Wir machen eine Pause und machen das nächste Foto. 53. Website in Adobe Xd – Fotos: bevor wir das Foto einbringen. Lass uns noch eine Sache machen. Lassen Sie uns irgendwie ein erstellen, aber hier wollen wir ein Video mit einem Watch-Button haben, damit wir es nicht größer als die Überschrift machen wollen . Die Überschrift ist in der Regel zuerst, da ist es etwas kleiner. Wörter begannen, eine Typhierarchie zu etablieren, und wir können all diese und unsere Zeichenstile speichern, wenn wir alle mit der ersten Seite fertig . Wenn wir also alle anderen Seiten erstellen, können wir unsere Zeichenstile und -größen leicht anpassen. Erstellen Sie eine Schaltfläche. Wir werden nur ein Rechteck-Werkzeug bekommen, eine Schaltfläche erstellen. Lassen Sie uns dies im Schichtsystem rückwärts schicken und lassen Sie uns eine kontrastreiche Farbe machen. Also, wenn wir es zu dieser hellen Farbe machen, die ziemlich gut herauskommt. Aber es ist in der gleichen Farbfamilie, und so hat es nicht ganz so viel Kontrast. Versuchen wir also, diese Pfirsichfarbe zu machen, die dort viel Kontrast haben könnte. Wir werden vielleicht den Typ ändern müssen, damit dieser Knopf mich wirklich anspringt. Wir wollen wirklich, dass die Leute das Video ansehen. Lassen Sie uns ein paar schöne abgerundete Ecken dazu machen. Wir wollen nichts zu Dramatisches. Vielleicht könnte eine Pille geformt funktionieren oder einfach nur einige leichte Ursache. Was populär war, ist darüber. In der Vergangenheit habe ich einen Klick aus der Grenze, und jetzt fangen wir an, mehr Menschen zu sehen. Sie gerade Kanten oder Pille. So dramatisch oder nicht, Sie sehen nicht eine Menge Leute, die zwischen Pillenform mehr verwenden. Also lasst uns entweder dramatisch oder den ganzen Weg gehen. Also werden wir sehen, welcher Stil funktionieren wird, wenn wir anfangen, einige der anderen Illustrationen zu integrieren . Und es könnte der abgerundete Stil funktionieren. Aber lassen Sie uns das vorerst tun. Wir wollen das schön und mutig machen, oder du weißt, dass das Warten ziemlich gut funktionieren könnte. Lassen Sie uns den Knopf also noch ein bisschen kleiner machen. Also nehmen Sie es einfach beide Elemente. Sie können sogar Elemente gruppieren, die ich diese Schaltfläche gruppieren, erstellt habe. Ich habe das Typbereichswerkzeug nicht gemacht, weil die Typen sehr Werkzeuge anders wirken, wenn ich versuche die Größe der Schaltfläche zu ändern. Also, jetzt kann ich das entweder tun, um die Größe zu ändern oder kann beide Elemente nehmen und einfach die Shift gedrückt halten , damit sie dimensional skaliert werden. Also haben wir eine Art Schrift entwickelt, die wir dann für die Überschrift verwenden können. Mal sehen, wie Pacifica aussieht. Und das ist, wenn wir hier sehr vorsichtig sein müssen. Es ist also sehr eng. Lassen Sie uns also den Abstand zwischen den Zeichen hier in unserem Textfeld lösen. Und was ich hier finde, ist, dass es eine Menge Konkurrenz zwischen dem Logo und der Überschrift , also können wir entweder nur ein Wort mit der Überschrift von Pacific Oh übereinstimmen, und den Rest eines sehr einfachen engen Gesichts machen. Oder wir nehmen unsere Eisenbahnschrift und benutzen mehr Flugzeug. Dickeres, dichtes Gesicht. Warten Sie. Du willst nie konkurrieren. Man will nie Elemente haben, die miteinander kämpfen. Also, wenn wir extra fett verwenden und dann den Abstand wieder anziehen, so sagen wir, wir tun es. Vielleicht 104 Einige gute Abstände, die es weniger konkurrenzfähig mit den Kämpfen macht, denn das ist ein sehr starker Teil des Logos. Wir wollen nicht damit konkurrieren, oder Sie können ein Wort machen, das Pazifik. Oh, wenn du es zum Laufen bringen kannst. Aber für jetzt, lassen Sie es uns einfach halten. Es könnte noch eine Chance für uns geben, in diesem Pazifik zu arbeiten. Oh, nicht erforderlich. Aber es ist eine Bereicherung oder eine andere Schriftart, die wir gewählt haben, die wir verwenden können. Lassen Sie uns also eine Illustration oder ein Foto oder eine Art Element mitbringen, was ich mitbringen möchte da wir diese wirklich coole Blase haben, die ich dachte, dass es notwendig ist, diese Blase reinzubringen. Und hier ist eine Art raffinierte, die bereits mit der Art von einigen Farben, die ich mag, und, wissen Sie, wir haben das gerade mit Adobe Illustrator erstellt. Was ich tun kann, ist es zu kopieren und es einzufügen, und ich möchte es zu einer großen Art machen, es hier zu einem Hintergrundelement zu machen, und ich werde es einfach rückwärts in das Layering-System senden, um die linke Klammer zu befehlen. Schicken Sie es den ganzen Weg zurück. Also möchte ich nur das Logo, aber auch die Überschrift wirklich hervorheben . Und so sticht es wirklich unter diesem Grady int C. So ist es in der Lage, es irgendwie wirklich zu definieren. Ich möchte ein Foto von verliebten Menschen mitbringen, Art Foto, um all diese Elemente miteinander zu binden und ich möchte irgendwie die gleiche abgerundete Form verwenden . Also werde ich Illustrator sein. Und wann immer Sie freie Form Grady int Tools haben und Sie verwenden diese Art von Spezialeffekten und Illustrator manchmal, wenn Sie kopieren und einfügen, um Form in es nicht erlaubt es als Foto-Container zu verwenden, wie wir können andere Formen, die in Adobe X erstellen Wir werden diese Art von ebenerdiger Form machen und es ist ein bisschen von einer anderen Form. Also müssen wir verschiedene Formen wurden nicht nur kopieren, Einfügen der gleichen Form. Ich werde das einfach kopieren. Es ist eine einfarbige Farbe, es gibt keine Auswirkungen darauf, und wir werden das als Container verwenden können. Also nehmen wir das Foto, das ich bereits auf Pixeln ausgewählt habe, und ziehen es direkt hinein, und es wird weitergehen und es für mich zuschneiden, und ich kann darauf doppelklicken und irgendwie ändern. Die Positionierung hat eine engere Aufnahme auf die Turteltauben. Wir brauchen die Berge nicht so sehr, wie wir die Menschen brauchen. Das ist der emotionale Verbindungspunkt genau da. Jetzt können wir darauf klicken und es irgendwie hier rausziehen. Ich würde gerne diese Zehenüberlappung irgendwie lieben. Jetzt haben diese überlappenden Formen, und wir können Schatten zu dieser Ebene auf die Foto-Ebene hinzufügen. Wenn wir wollten. Machen wir es eine Art größere Entfernung, damit Sie es sehen können. Es ist auf meinem Schattenbereich, um es dort ein wenig Schatten zu machen, also gibt es eine Art Grundgestaltung. Machen wir dies irgendwie zu einem strafferen Foto, und wir können hier auch die Form ein wenig ändern. Wenig Flexibilität mit, dass jetzt, wie diese Art von blutet aus Also es sieht aus, als wäre es kontinuierlich, anstatt nur wie mit dieser perfekt Ernteform Blutungen. Das Ausbluten gibt ihm diesen kontinuierlichen Blick. Also dieser Knopf, ich bin nicht davon überzeugt, dass Schwarz die richtige Farbwahl ist, weil Sie diese schönen Hughes ist Juwel Ton Farben, thes Sonnenuntergang Farben, und Sie haben diese schwarz und es sieht einfach langweilig. Mal sehen, ob wir nicht eine gute Farbe finden, die gut aussehen wird auf dem Pfirsich und auch einige der lila ergänzen. Lass uns unsere Liste runtergehen. Hier haben wir dieses tiefe Purpur, das wirklich gut funktionieren könnte, genau so und auch Icons verwenden sie. Symbole sind fantastisch. Möglichkeiten, zusätzliche Touchpoints für Benutzer hinzuzufügen, sind visuelle Hinweise für Benutzer. Sehen Sie sich das Video an. Wir haben jetzt einfach eine fantastische kleine Spiel-Symbol hier und wir sind immer noch die Zehe ganz weiß, weil ich glaube, es wird immer wieder auf ganz weiß sein. Lass uns die violette Farbe machen, die wir bereits haben, und ich denke, das hilft wirklich, es herauszubringen. Wir können auch ein wenig Schatten auf unsere Schaltfläche hier hinzufügen, machen ein wenig Unschärfe die kleine Dimension zu unserer Schaltfläche. Wir können auch dasselbe mit unserem Typ tun. Und lasst uns es auf Null ändern und nur ein wenig Unschärfe darauf haben. Nichts Großes, nichts Riesiges. Wir könnten auch die Deckkraft eines Objekts ändern. Sagen wir, wir denken, dass das zu stark ist. Wir können das auf dem Aussehen ändern. Wir wählen das Objekt aus. Wir könnten das Aussehen, die Deckkraft jederzeit ändern , um es weniger stark zu machen. Aber wir wollen die Kapazität reduzieren, diese kleinen, subtilen Veränderungen. Natürlich müssen wir ab und zu unser Raster umschalten und irgendwie sehen, wie alles ansteht . So gibt es. Es kommt zusammen. Schwächen Sie die Gruppe dieser Elemente zusammen, wir können sie herumliefern, ändern Sie die Größe. Es ist eine tolle Landing Page. Wir haben einen Aufruf zum Handeln. Wir haben eine klare Typhierarchie. Der Aufruf zur Aktion wird auf ein Video klicken, das erscheint, damit sie in der Lage sein, ein Video zu sehen und eine schöne Einführung des Prozesses und der Website zu bekommen. Und das ist wirklich, was wir tun wollen, ist, ihn zum Video zu fahren, weil Video wirklich gut konvertiert . Also jedes Mal, wenn wir Video auf den oberen Teil einer Website bekommen, das bessere Video immer wirklich gut konvertiert, denn wenn Sie so viele Fragen mit einem einfachen einminütigen Video beantworten können , im Gegensatz zu Typ und Fotos, kann es viele , um zu erklären, was Sie leicht in Video erklären könnten. Also Video ist wirklich wichtig für dieses Design. Es ist der Haupttreiber dieses Designs 54. Website in Adobe Xd – Landing: haben auf unserer Landingpage. Wir müssen ihren Prozess auch im Text beschreiben. Haben Sie nicht nur das Video und das war's. Wir brauchen auch einen Anmelde-Button, um Menschen dazu zu bringen, auf die Hauptwebsite zu gehen damit sie sich tatsächlich anmelden und ein Konto erstellen können. Also eine Sache, die wir tun wollen, ist, dass wir dieses Scroll-Kräuter haben wollen, denn gerade jetzt ist es nur die obere Hälfte der Seite sind über der Falte, wie Industrie Leute es nennen und wir wollen diese nach unten erweitern. Also wählen wir das Kunstbrett aus. Der Name wird uns eine Chance geben, das auszudehnen. Es wird eine Chance sein, die Größe zu verdoppeln und sie zu scrollen. Wir könnten Parallax-Websites machen. Auf diese Weise können Sie es ganz nach unten scrollen lassen. Sie könnten dieses Beispiel hier von einer Art von einem sehen, wo ich irgendwie Sie es den ganzen Weg nach unten scrollen können , also müssen wir die Seite wahrscheinlich verdoppeln, weil wir einen Abschnitt über den Prozess und dann eine Schaltfläche haben wollen . Also brauchen wir nichts zu lange zu haben. Also lassen Sie uns hier ein wenig von unserem Prozess hinzufügen. Und wir haben einige Symbole, die wir verwenden können, um uns zu helfen, den Prozess zu erklären. Und wir haben unsere tolle kleine Illustration, die wir irgendwie hinzufügen wollen. Das ist wie ein bisschen Geschmack. Nehmen wir den, den ich vorhin gemacht habe. Es ist irgendwie ein bisschen hellere Farben, denn wenn ich es auf den weißen Hintergrund setze, denke ich, es fügt sich in wirklich gut. Also werde ich das hier rüber bringen. Ich kann es kopieren und direkt in Adobe X'd einfügen. Und wir haben eine schöne Illustration, wirklich geholfen hat, die Benutzer in das zu ziehen, was ich tun werde. Es muss Kommando Shift machen. Ich halte Befehl und Shift gedrückt und ziehe dann. Wenn Sie ein mehrschichtiges oder gruppiertes Element aus Illustrator ziehen und diese Tasten nicht halten , wird die Größe der Tasten etwas funky geändert. Also machen Sie einfach Befehl Shift und ziehen Sie es dann dimensional, wenn es sich um ein Objekt mit mehreren Ebenen in Illustrator handelt. Also, jetzt müssen wir ein Drei-Spalten-Layout haben. Wir haben einen dreistufigen Prozess, den wir tun müssen, müssen Sie erklären. Gehen wir also voran und erstellen Sie unser dreispaltiges Layout. Aber eine Sache, die ich zuerst machen wollte, ist, das zu kopieren. Nimm den Schatten ab und lass uns unser tiefes Purpur einbringen, und ich muss hier eine Schlagzeile haben. Lassen Sie uns also unseren Prozess machen und wir beginnen mit der Entwicklung dieser visuellen Hierarchie und Typenhierarchien genau das, was wir tun. Wir legen fest, welche Schriftgröße wir für eine Überschrift benötigen. Welche Schriftgröße brauchen wir für den nächsten Schritt nach unten Überschrift. Und das machen wir jetzt. Also lassen Sie uns nicht mit der Hauptüberschrift konkurrieren. Lass uns ein nettes, äh, Medium, vielleicht sogar ein Licht machen. Es macht ein Licht und macht ein bisschen kleiner. Wir brauchen nicht, dass es die gleiche Größe wie ihre wichtigsten Schlagzeilen hat. Das ist also unser H, unsere Hauptüberschrift. Dies könnte wahrscheinlich Rh zwei sein, was die Überschrift für Dinge nach der Hauptüberschrift ist, also die Einrichtung dieser Typhierarchie. Okay, also lass uns unser dreispaltiges Layout machen. Also ich denke, ich würde gerne Symbole mit Kreisen in ihm haben, also müssen wir unsere Typelemente erstellen und eine Möglichkeit, dies zu tun, ist, dass wir Wiederholungsraster machen und es uns einfacher machen können. Also lasst uns das versuchen. Wir haben unsere ein kleines Symbol hier, ein Typ Werkzeugbereich Typ Werkzeuge. Wir werden klicken und ziehen, um über den Bereich, den wir haben wollen, in unseren Text eingeben. Vielleicht ist das H zwei. Lass uns ein H drei haben und eine kleine Schlagzeile hier haben. Also nehmen Sie den Test ist die Hauptüberschrift für diese Spalte. Lasst uns das noch kleiner machen. Also lasst uns das tun. Wir werden hier ein paar Größen ausprobieren. Versuchen wir es 45. Versuchen wir es 45. Lassen Sie uns eine Mittelausrichtung ausprobieren und wir müssen eine Körperkopie oder einige Absatzkopien erstellen , also wird dies Ihr P sein. Wenn Sie daran gewöhnt sind, in CSS zu codieren, wird dies Ihre P oder Ihre Hauptkörperkopie sein. Also wollen wir machen. Dies kann ein hellgrau sein, und wir wollen es deutlich kleiner machen. Es wird dein kleinster sein, etwas von deinem kleinsten Typ auf der Website. Es wird irgendwie sein, was Sie Absatz warm lesen würden, und lasst uns den Abstand darauf zusammenbrechen. Wir brauchen nicht so viel Abstand und lassen Sie uns unsere Spalte anpassen. Also fangen wir an, diesen Typenpark noch weiter zu etablieren. Wir haben bereits ein H eins und H zwei und H drei in einer Absatzkopie. Weil dieser Typ Größe, denke ich, es ist 33. Das ist ziemlich groß. Wir werden sehen, ob wir es nicht schaffen 25 und dann zusammengebrochen, dass also nur einige Größen die richtige Größe ausprobieren . Machen Sie die Mittellinie. Sie haben hier oben einige Ausrichtungsoptionen, wenn er mehrere Objekte zu einer Mittellinie auswählt. Und lassen Sie uns unser praktisches Dandy Repeat Grid Tool machen. Wiederholen Sie das zweimal. 12 verkleinern Sie die Spalten. Also lassen Sie uns ihre Symbole hineinziehen. Also für nehmen Sie den Test. Ich habe mir die Symbole angesehen, die wir in der Klasse entwickelt haben, und dachte an diejenigen, die wirklich helfen würden , das Element zu ergänzen. Der erste Schritt besteht also darin, einen Test zu machen. Also was? Ich denke, es Test. Ich denke an einen Bleistift, so etwas. Also, was ich tun werde, ist, dass ich mir das Leben wirklich leicht machen werde. Also werde ich sicherstellen, dass ich auf den Weg gehe. Ich werde den Schlag darüber skizzieren, denn wenn wir ihn ohne den Schlaganfall reinbringen, umreißen. Es wird Sie gehen, um in der Lage zu sein, den Strich in Adobe X'd immer noch ändern, aber es macht die Wiederdimensionierung ein wenig schwierig. Also skizziere ich nur den Schlaganfall. Holen Sie sich eine Kopie. Machen Sie das weiß. Natürlich habe ich das bereits für Sie in diesem Leitfaden. Wir machen das alles weiß, damit es ihn leicht reinbringen kann. Machen wir diese weiße Kopie und fügen Sie sie ein, um den Test zu machen. Ziehen Sie es direkt hierher. Wir werden dasselbe tun und Symbole für die nächste Stufe finden. Also müssen wir das Symbol für die zweite Stufe finden, was ist? Sie durchsuchen die Datenbank-Phase, also ah, Lupe würde einfach perfekt dafür funktionieren. Lassen Sie es uns kopieren und einfügen. Und dann schließlich, starten Sie eine Unterhaltung, die Ihre kleine Sprechblase Micklewhite, Kopieren und Einfügen wäre . Es würde mir nichts ausmachen, das ein bisschen älter zu machen, also mal sehen, ob ich kein Licht setzen kann. Lassen Sie uns das regelmäßig machen, nur ein wenig Angst, dass es aus der Ferne nicht sehr gut gesehen werden wird . Also lasst uns das tun und lasst uns nur einige kleine Typanpassungen machen. Machen wir das eine 40. Nur ihren Typ zu etablieren, sind der Schlüssel. Jetzt ist es, wenn wir es einfach so machen. Also fangen wir an, hier etwas in Gang zu bringen. Mal sehen, ob ich ein wenig mehr Kontrast hinzufügen kann, der das aufbringen wird. Wir machen unser Gitter, stellen sicher, dass alles perfekt aufgereiht ist. Und lassen Sie uns ein wenig Farbe hier unten hinzufügen. Wir könnten einfach kopieren und einfügen Disc strahlend, unten bringen. Es macht ein bisschen leichter. Wir könnten es zu dieser Farbe machen oder diese Farbe einfach etwas Farbe bringen, die weitergeht. Oder das wäre eine Fußzeile. Sie hatten dort einige Fußzeilenkontaktinformationen, und ich mag diesen abgerundeten Look. Und es ist eine Art kontinuierliches Thema in all dem. Also lasst uns hier keine geraden Kanten haben. Ich frage mich fast, ob wir das nur ein wenig anschwingen können. Also einfach dieses Top angeln es nur ein wenig Winkel ausdehnen. Was passt es mit dem Spot auf einem? Nur ein kleiner Winkel. Nichts zu Aufregendes. Etwas zu schütteln, dass perfekte Gitter aussehen nur irgendwie gibt es ein wenig weiß und vielleicht um die Ecke gehen nur ein wenig mehr auf diese. Also nur irgendwie das Gesamtdesign zu sehen und in der Lage, einige mehr Design-Entscheidungen zu treffen , jetzt, wo ich alles zusammen sehe, um sicherzustellen, dass wir genug Spielraum für alle unsere Art haben. Also hier ist, was wir am Ende sehr schnell in der Lage waren, all dies zusammen zu setzen. Wir haben ein Menü, wir haben ein Foto, eine Schlagzeile. Wir haben einen Harkey etabliert, und jetzt können wir anfangen, alles einzurichten. Also haben wir alle Farben eingerichtet, und jetzt wollen wir weitermachen und unseren Typ Arche so einrichten, dass wir nicht eingerichtet haben. Wie speichern wir es so, dass, wenn wir anfangen, andere Seiten zu erstellen, es sehr einfach sein wird, zu klicken und die gleiche genaue Größe auf jeder einzelnen Seite zu erhalten. Was wir also tun wollen, ist, dass wir hier Charakterstile haben. Wir werden das auf die gleiche Art und Weise hinzufügen, wie wir unsere Vermögenswerte oder Farb-Assets gemacht haben. Sagen wir, wir wollen das retten. Wir wollen, dass diese Schlagzeile genau so ist, wie es ist. Wir werden diese Überschrift hervorheben und klicken Sie auf Hinzufügen zu Zeichenstilen und wird es Eisenbahn 107 Punkte hinzufügen . Wenn ich also eine andere Schrift habe, kann ich darauf klicken. Es wird automatisch die gleiche Größe machen, so dass wir Titel wieder können. Ich mag es, H eins zu machen. Das wird deine große Schlagzeile sein, H eins. Also, jetzt brauchen wir ihr Alter, zu dem gläubig Prozess eins hier sein wird. Das werden wir noch hinzufügen. Und dann haben wir ein H drei, was es ein bisschen kleiner wird, was genau hier ist. Also werde ich das hervorheben und darauf. Und das wird H drei sein. Also stellen wir das nur so fest, dass wir, wenn wir andere Seiten machen, all dies etabliert haben. Wenn der Entwickler wissen will, welche Größe Schriftart für h zwei verwendet werden soll, können Sie ihm all dies sagen. Du könntest ihm die Hex-Codes sagen. Du könntest ihm oder ihr auch die Größen sagen. Von den Schriften. Das ist unsere Körperkopie hier. Also lassen Sie uns diesen Aufruf, dass p für Absatz, im Grunde Ihre Körperkopie und Druckdesign, aber Web-Design die Collopy. Ich habe einige sehr einfache Art Park. Er kann weitermachen, mit noch mehr weitermachen. Aber ich denke, das ist wahrscheinlich ein guter Anfang. Wir haben unsere Farben. Wir haben unsere Typenhierarchie etabliert. Wir haben sogar Komponenten, die zum nächsten kommen, das heißt, Symbole zu speichern und sie alle miteinander zu verknüpfen. Du musst also nicht da sitzen und jedes Symbol ändern. Wenn Sie die Farbe eines Symbols ändern möchten, wird es global geändert. Das kommen wir als Nächstes. Und eine Sache, die wir wirklich wollen, um sicherzustellen, dass wir hinzufügen, ist unsere letzte genannte Aktion. Unsere erste Aktion ist Sehen Sie sich ein Video an, aber wir wollen sie zu einem Kunden umwandeln. Also müssen wir unseren letzten Aufruf zum Action Button haben und es wird beginnen. Der Prozess war jetzt Schöpfer Button. Nehmen wir sogar den gleichen, den wir hier haben. Machen Sie es hier über den Boden. Dies ist eine Art von wo wir verkaufen, haben oder verkaufen Sprache hier. Und lasst uns seinen Hintergrund ändern, weil ich nicht will, dass das konkurriert. Also lasst uns ein Radio machen. Grady in für diesen Zusammenbruch ist ein bisschen. Lassen Sie uns auf Phil klicken und ein Radio Grady Int. Und lasst uns ein paar ihrer Farben benutzen. Hier, nehmen Sie ihre Pipette Werkzeug würde sehen, ob wir nicht Probe, dass Pfirsich, sondern auch Probe eine dunklere Richard Farbe Art von immer ein wenig strahlend zu helfen Pop out. Und jetzt können wir Ihre Knopffarbe ziemlich viel ändern. Ich beschließe mich, bei meinem Typ zu bleiben, sind Schlüssel und bleiben mit H zwei. Wie es ist. Du machst es etwas kleiner. Das könnte ein, das wir retten könnten. Dies ist eine Taste geben Sie eine Quelle. Also, wenn wir hinzufügen möchten, ist dies ein Zeichenstil und sagen aufgerufen Aktion oder Schaltfläche. Also lasst uns das wieder in ihr kontrastreiches Violett ändern, genau so. Also haben wir den Text etwas kleiner gemacht, und das ist okay. Also hier ist unsere letzte Website. Ich habe alles blockiert, was wir für den Klienten brauchten. Es ist unsere grundlegende Landing Page. Was ich auch dem Client zeigen möchte, ist, was passiert, wenn Sie auf das Video klicken und auch, was passiert, wenn Sie auf den Start klicken. Der Prozess jetzt Button, weil viele dieser Schaltflächen wird am Ende auf die Haupt-Website gehen. Dies ist eine Landing Page, also möchten wir ihnen zeigen, was passiert, wenn dieser Prozess passiert und auch wie es Landing Pages gibt. Das ist es, was wir am Ende erschaffen werden. Wir werden am Ende ein paar verschiedene Seiten erstellen, also wird dies eine Art von Ihrem Video-Pop-up-Bildschirm sein, und das wird, was passiert, wenn Sie tun, um den Prozess zu starten. Jetzt gehen wir in den Prototyp-Modus und Adobe X T damit der Client eine riel klickbare Art von Test-Website haben kann, so dass sie sehen können, was entworfen ist, sieht wirklich aus wie am Ende. 55. Website in Adobe Xd – Pop up: konzentrieren sich zuerst auf das, was passieren wird, wenn sie auf den Start klicken Der Prozess. Jetzt wird es eine kleine Pop-up-Box geben und sie werden in der Lage sein, einige sehr grundlegende Informationen auszufüllen und auf Anmelden zu klicken, damit sie diesen Prozess starten können. Also, was wir tun wollen, wie wir dieses Kunstbrett duplizieren wollen, damit wir oben nach oben gehen und den Namen auswählen, den wir kopieren werden. Tun Sie es einfach einen Befehl, sehen Sie, und dann einen Befehl V einfügen und wir erstellen eine Kopie. Lassen Sie uns ein wenig Abstand zwischen den beiden setzen, und was wir tun werden, ist, dass wir die Zielseite erstellen, wie sie aussehen würde, nachdem wir den Knopf gedrückt haben. Also wollen wir eine Sache, die wir tun wollen, ist, dass das alles verdunkelt wird und wir wollen eine kleine Pop-up-Box haben, die hier auftaucht. Eine Möglichkeit, das auszugrauen, ist, dass wir das quadratische Werkzeug nehmen es weiß machen. Und hier gibt es etwas, das als Hintergrundunschärfe bezeichnet wird. Also werden wir auf diese Hintergrundunschärfe klicken, und es hat eine Unschärfe, alles dahinter, und es kann einige dieser Einstellungen ändern, um es heller zu machen oder um es höher zu verwischen oder dunkler zu machen, wir machen es etwas dunkler, wo sie eine kleine Pop-Up-Box bekommen. Das ist, was wir jetzt entwerfen werden, ist eine kleine Pop-Up-Box genau hier. Und lassen Sie uns die gleiche Zutat machen, die wir vorher hatten. So können wir sogar den gleichen Platz nehmen, den wir vorher hatten. Und benutze das einfach und passe es wieder an ihr Quadrat an. Das wird uns davor bewahren, das zu tun, Grady. Und wieder, natürlich können wir klicken und die Grady in ein wenig ändern. Hier, mach es zu einem linearen. Wir können hier die Kanten einer kleinen Pop-Up-Box abrunden. Ich wollte etwas von unserem Typ zuerst hier setzen. Also, was wird eine Art von Klick auf das sein? Was wird hier die Hauptüberschrift sein? Wir haben unsere Haupt-Typline. Wir könnten das einfach kopieren und einfügen oder wir nehmen unser Type-Werkzeug. Stellen Sie sicher, dass wir unsere h one Charakter Stile haben, wenn die gleiche Überschrift wie unsere vordere Abdeckung anpassen können . Also lasst uns hier unseren Text eingeben. Die Liebe steht gleich um die Ecke. Lassen Sie uns zentrieren, dass ausrichten und den Abstand reduzieren. Und wenn wir dafür eine andere Größe machen müssen, brauchen wir keinen Chuan. Wir können eine andere Größe dafür erstellen, wenn wir denken, dass es ein bisschen zu groß ist und wir könnten einen neuen Charakterstil erstellen, wenn Sie wollen. Wenn Sie möchten, dass es eine Pop-up-Box-Überschriftengröße sein, können Sie alle haben. In der Regel am Ende einer Website, werden Sie 20 oder 30 verschiedene Charakterstile haben, alle von der unterschiedlichen Qualität zu ihm. Also Taste Typ, große Taste Typ, so fühlen Sie sich nicht wie Sie mit nur 81 H zwei h drei und Absatz stecken. Sie machen alle Arten von verschiedenen Zeichenstilen. Liebe ist gleich um die Ecke und haben ein wenig leichten Schlagschatten hier. Wir haben auch einen Anmelde-Button. Lassen Sie uns einen Anmelde-Button direkt hier erstellen. Lasst uns diese Pfirsichfarbe machen, um dem zu entsprechen, was wir vorher gemacht haben. Vielleicht ist es eine sehr leichte Rundheit, überhaupt nicht viel. Nur ein bisschen und sie müssen etwas ausfüllen, damit es eine sehr einfache Form von zwei Objekten sein wird . Lassen Sie uns unsere Körperkopie ausgewählt P, und wir wollen nur ein wenig ausfüllen Blase und ein Rechteck-Werkzeug. Das kann eine Pillenform sein, wenn wir wollen, dass es genau so ist. Und denken Sie daran, als wir über die Usability und den Theoriebereich gesprochen haben, den Abschnitt „Digital Design Theory“. Es gibt eine Zugänglichkeit weniger, als wir darüber gesprochen haben, wie manche Leute den Namen in die Blase stecken . Aber es ist viel einfacher für Leute, die besonders mit sehr kurzen Formen sind, den obigen Namen haben zu können . Also werden wir genau das tun. Sie duplizieren nur diesen Namen, und wahrscheinlich wäre E-Mail zwei sehr wichtige Dinge, die Sie von ihnen bekommen. Lassen Sie uns ein wenig pizazz zu diesem Knopf hinzufügen wurde ein wenig breiter. Es wird eine Pop-Up-Box sein, also lasst uns zuerst erwachsene X. Wir könnten das leicht mit dem Zeilenwerkzeug machen. Zoomen Sie hinein und zeichnen Sie Simple X. Das wird ein Weiß sein, und es wird irgendwie um die Kappe haben und es zu einer schönen, großen, dicken Größe machen großen, . Machen wir es acht oder neun. Es wird kopieren und einfügen und reflektiert bewegen sich auf die andere Seite, Schaffung eines einfachen X könnte Icon-Design und ein Doobie X'd tun. Es ist nicht ganz so gut wie Illustrator, aber es ist möglich, weil Sie ein Stiftwerkzeug haben und Sie eine Art dieser grundlegenden Strich- und Formwerkzeuge haben, wurde eine einfache X Art der gleichen abgerundeten, Pille geformten Stil, den wir verwendet haben Gruppe , die zusammen als Element. Und lassen Sie uns sicherstellen, dass dies auch auf jeder Seite das gleiche haben. Bringen wir unsere Charaktere ein. Gehen wir also zu Adobe Illustrator. Lasst uns sie nicht in den Raum bringen. Sie sind bereits einzelne Charaktere, also lassen Sie uns eine nach dem anderen bringen, die sie entspringt. Die Leute sehen so aus, als ob sie einander zulaufen, sich treffen wollen, sich zusammenfinden wollen, Liebhaber, die getrennt sind. Also ist es irgendwie eine kleine Geschichte zu erzählen, die Art von Zusammenkommen. Ich würde gerne in der Lage sein, einige von ihnen ein wenig zu interagieren, also haben Sie vielleicht ein Bein, gehen Sie raus oder Hand überlappen etwas, etwas, um ein wenig visuelles Interesse einfach so hinzuzufügen. Und sagen wir, wir wollen ein bisschen einen Hintergrund hinzufügen, weil wir diese Art von Grafik haben , die irgendwie cool ist, dieser kleine abgerundete Hintergrund. Lasst uns dasselbe tun. Aber hier unten machen wir das Pinwerkzeug für das hier. Wir schaffen nur eine Art dieser gut Formen, abgerundete Formen erscheinen. Und lassen Sie uns das zu einer helleren Farbe machen. Vielleicht diese Farbe, und schicken Sie sie rückwärts in den Schichtsystemen. Hinzufügen ein wenig Papa, Papa Farbe und pizazz gibt es eine Art von visuellem Interesse. Versuchen Sie, es nicht zu beschäftigt für etwas Kleines aussehen zu lassen. Und da gehen wir. Wir haben unsere kleine Pop-up-Box, wo sie sich anmelden können, und wir haben irgendwie unsere erste Seite entwickelt, und wir werden letztendlich verknüpfen, dass sie zu tief in Prototyping kommen, weil es ein bisschen komplizierter werden kann . Und Sie versuchen nur wirklich, den Ton und das Designsystem hier für alle festzulegen. Und wenn du in U X kommst, entwerfe ich und ich lehre zufällig eine Klasse darüber, wo wir 50 verschiedene Kunsttafeln erstellen und sie alle miteinander verknüpfen und eine Art von dieser voll funktionsfähigen Website machen, wird es ein wenig weg von der Grafik Design und ein wenig mehr in die Sie sind Sie X User Experience Design Seite. Also möchte ich nur darauf achten, nicht zu viel in die Web-Entwicklung zu überqueren. Aber wir wollen darüber reden, andere Seiten zu erstellen und sie miteinander zu verknüpfen. Wir werden also über die Grundlagen sprechen, wenn es darum geht, Dinge miteinander zu verknüpfen. Wir werden in diesem speziellen Kurs nicht näher kommen. Wir haben also zwei verschiedene Websites. Wie verbinden wir sie? Also, was wir tun werden, ist, dass wir wechseln werden. Wir waren die ganze Zeit im Entwurfsmodus. Wir werden zum ersten Mal für die vier in den Prototyp-Modus wechseln. Also wechseln wir in den Prototyp Mo um, indem wir ihn einfach oben oben schalten. Und jetzt werden wir die beiden miteinander verknüpfen können. Also, was Sie tun können, ist, können Sie in Art Board klicken und Sie können Lincoln gesamte Website über. Wenn ich also irgendwo auf dieser Seite klicke, wird es einfach automatisch die nächste Seite laden. Aber was ich tun möchte, ist, dass es nur mit einem Knopf verknüpft ist. Wenn sie also auf der Website nach unten scrollen, klicken sie auf diese Schaltfläche, es wird zu diesem Pop-up-Modul gehen. Das ist, was wir tun werden, ist, dass wir nur den Knopf auswählen und uns diese kleine Pfeilanzeige geben , die wir in der Lage sein werden zu klicken und zu irgendwo auf diesem Pinnwand zu ziehen . Also, das wird diese Seite als nächstes laden. Also werden wir sehen, wie das aussieht. Und Sie können hier jederzeit auf Ihre Verbindung klicken und auf der rechten Seite Ihre umstrittene. Sehen Sie, welche Art von Verbindung es ist. Sie haben ein paar verschiedene Möglichkeiten. Ein Tippen ist im Grunde ein Klick, so dass sie irgendwo auf diese Schaltfläche direkt dort auf der Schaltfläche klicken. Wenn sie auf Tippen klicken, wird es geladen. Der nächste Bildschirm ziehen wird mehr für mobile Apsis sein. Wohin ziehen Sie ein Element? Also wirst du das nicht ganz so viel dafür benutzen. Also haben Sie so ziemlich Tippen und es gibt ein paar Aktionen, die stattfinden könnten. Es gibt Auto-Animate, was ihm ein animierteres Gefühl verleiht. Es gibt Overlay, die es einfach verschmilzt, und es gibt einen Übergang, der es einfach übergeht, und wir werden ein paar davon ausprobieren. Aber ich möchte versuchen, Auto animieren für diese, also haben wir tippen, was im Grunde auf Auto animieren ist, die die nächste Seite animieren wird. Dies ist eine Art, wie es zwischen jeder Seite übergeht, es aussieht. Und Sie können die Länge ändern, wie lange der Übergang von einem zum nächsten dauert. Also werde ich nur eine Sekunde machen, irgendwie sehen, wie das aussieht und das war's. Also, um das zu testen, drücken wir hier oben den Play-Button. Es wird unsere Website im Grunde spielen. Also klicke ich rechts oben auf meine Kunsttafel. Ich möchte hier anfangen, klicken Sie auf Play, und hier ist unsere Website-Vorschau. Gehen Sie weiter, machen Sie es den ganzen Weg Vollbild. So wird es aussehen, wenn wir auf die Seite kommen. Wir könnten nach unten scrollen, werde den Rest unserer Kunsttafel machen und sagen wir, wir wollen auf klicken. Wir haben diesen Link jetzt, also wenn ich sie über habe, wirst du bemerken, dass er verbunden ist. Beginnen wir jetzt mit dem Prozess, und es wird unsere Kiste auftauchen. Jetzt ist das einzige Problem, dass dies nicht zurückverlinkt ist, also kann ich nichts tun. Ich stecke fest. Ich möchte in der Lage sein, darauf zu klicken und zum vorherigen Bildschirm zurückzukehren. Das ist überhaupt kein Problem, denn wir können auf diesen Bildschirm klicken. Holen wir unser X hier und wir haben die Chance, diesen kleinen Pfeil zu machen. Wo willst du den Pfeil hinnehmen? Ziehen Sie es direkt zurück auf diese Kunsttafel. Wir machen das Gleiche, den Klick oder tippen Sie darauf. Es wird automatisch animieren und könnte eine Sekunde dauern, um auf die andere Seite zu übergehen. Und das war's. Also, jetzt, wo wir auf Play drücken, gehen wir zurück zu unserem ersten Kunstboard und drücken Play Scroll-Down-Klick auf Start Prozess wird jetzt Übergang zu diesem nächsten Dartboard, und dann werden wir einfach hier klicken und Scott einen Übergang zurück unsere bisherigen Kunsttafeln. Sie können wirklich sehen, wie Sie Websites verlinken und eine Art von ein wenig interaktives Erlebnis erstellt . Dies codiert die Website nicht, aber es gibt Ihnen ein großartiges Beispiel dafür, wie es aussehen könnte, wenn es beschichtet ist 56. Website in Adobe Xd – Prototype: Also, was ich tun will, ist, dass ich dir zeigen werde, wie du das erschaffen kannst. So haben Sie diese zwei kleinen Kreise Art von Zusammenkommen, wenn sie zum ersten Mal auf der Webseite zu bekommen , Es zeigt Art der Entwickler, welche Art von Animation Sie suchen. Also werden wir das jetzt tun. Was wir tun werden, ist, dass ich dieses Kunstbrett kopieren und einfügen werde. Ich muss zurück in den Entwurf. So können wir mit Kunstbrettern arbeiten. Und wir werden diese erste Landing Page kopieren und einfügen. Ich werde es einfügen und direkt hier setzen. Wir haben eine Kopie davon. Also hier ist, was wir tun werden. Wir rufen diesen Animationsruf an. Diese Homepage ist wirklich schön, Ihre Kunsttafeln zu nennen und rufen Sie diesen Aufruf an unsere Anmeldung. Also, wenn wir irgendwie das hilft uns sehr, wenn wir sie nennen. Also hier ist, was wir tun werden. Wie die automatische Animierung funktioniert, wenn sie den ersten Bildschirm benötigt, und wenn Sie ihn mit dem zweiten Bildschirm verbinden und Sie automatisch zwischen den beiden Bildschirmen animieren , nimmt es den Zustand der 1. 1 und langsam animiert, um sie in den Zustand der 2. 1 Also, zum Beispiel, sagen wir, ich bewege das Traurige. Ich will, dass ich will, dass das reinrutschen und ich brauche vielleicht Teoh die Spitze hier ändern. Und sagen wir, ich möchte, dass das rausrutscht. Also muss ich vielleicht etwas mehr Platz zwischen meinen Kunsttafeln legen, und ich möchte, dass das herausrutscht. Also möchte ich, dass das reinrutscht und herausrutscht. Wir könnten sogar das Logo machen, , aber lassen Sie uns das sehr einfach halten. Also alles, was ich getan habe, war, dass ich diese beiden Elemente rausgeschoben habe, und sie werden so zusammenkommen. Gehen wir zurück in unseren Prototyp-Modus, und das ist es, sie miteinander zu verknüpfen. Wir werden dieses Kunstbrett für die 2. 1 verknüpfen. Wir werden hier ein paar verschiedene Dinge machen . Anstatt zu tippen, haben wir jetzt etwas namens Time. Also, was passiert mit Wasserhahn? Ich muss auf die Webseite klicken, um den Übergang zu bekommen, aber wenn wir Zeit machen, wird es automatisch passieren, wenn eine bestimmte Zeit passiert. Also sagen wir, wir klopfen. Und würden Sie automatisch animieren? Lass uns weitermachen und spielen. Lassen Sie uns auf dieses Kunstbrett klicken und spielen. Es wird nicht automatisch nur anfangen zu animieren. Ich muss klicken und dann animiert. Also, um das zu ändern, will ich auf die Zeit gehen und wir werden eine gewisse Zeit haben . So könnte die Verzögerung nur sehr kleine Partials von einem zweiten 2.4 sein. Und er konnte mit den Einstellungen herumspielen und sich daran gewöhnen, wie die Länge funktioniert und die Dauer. Ich mag es, eine schöne lange Dauer zu haben, weil es die Animation länger macht und sie dramatischer macht. Also werde ich in 1,5 Sekunden tippen und du hast verschiedene Lockerungsoptionen. Wir haben die Lockerung gelockert. Es ist nur die Art und Weise, wie die Animation funktioniert. Es kann ein bisschen schnappen. Es kann Rob School sein, lassen Sie es auf dem Standardfang. Jetzt, da wir es pünktlich haben, automatisch animieren, mal sehen, wie es aussieht. Lasst uns darauf klicken und spielen Es hat es automatisch gemacht, und es hatte diese nette kleine Sprungkraft, nicht wahr? Also schätze ich, das ist es, was der Snap tut. Also hast du geschnappt. Also bekommen wir einen Ort, in den er kommt , ein bisschen von diesem Endpunkt zurück. Also gehen wir hin. Und jetzt könnten wir nach unten scrollen und alles ist noch verknüpft, denn jetzt geht es auf die nächste Dartscheibe, und dann können wir es schließen und zurück zum ursprünglichen Kunstbrett gehen. Und jedes Mal, wenn ich das noch einmal sehen möchte, klicken Sie einfach auf Play. Die Animationsfolie konnte in angezeigt werden. Es war eine gute Möglichkeit, eine Art von Show Animation mit Ihren Layouts als auch. Also ist nicht alles nur statisch. Also haben wir noch eine letzte Sache zu tun, und das passiert, wenn du auf die Uhr klickst. Jetzt Video Sie zu tun. Was wir tun werden, ist, dass wir diese Homepage kopieren und sie einfügen, und wir werden sie aufklären. Top ist, was ich tun möchte, ist, dass ich verschiedene Wege zeigen möchte. Jetzt können sie jetzt auf das Video klicken und sie gehen hier hoch. Sind sie Click sind der Startprozess jetzt und sie gehen hier nach unten. So beginnt es irgendwie, diesen Benutzerfluss einzurichten und es wird kompliziert, wenn Sie anfangen wie ein mobiles App-Design zu tun. Sie konnten sehen, wie kompliziert dieser Benutzerfluss ist. Aber ich möchte es irgendwie so einrichten. Sie können also sagen, Nun, Nun, der Benutzer kann diesen Weg gehen, wo er auf diese Weise einen anderen Pfad durchlaufen kann. Sie sind nur Art der Auslegung der Kunst Boards jetzt und einfach zu verdauen Weg für Sie, so dass Sie den Überblick über alle verschiedenen Möglichkeiten und bestanden, dass Benutzer gehen können. Sagen wir also, das ist das Video eins. Also werden wir einfach diese abgedunkelte Art von Bereich kopieren und einfügen, also muss ich das nicht noch einmal tun. Wir könnten wahrscheinlich auch unseren A little X Button mitbringen und wollen eine kleine Pop-up-Box haben . Also werden wir einfach erschaffen. Ich gehe zurück zum Design, damit wir irgendwie unsere Elemente zurückbekommen können, will irgendwie ein weißes Quadrat, vielleicht eine leichte Rundheit dazu. Lassen Sie uns einen Schlagschatten machen, der zeigt, was passiert, wenn sie das Video laden. Wir wollen eine Art X haben, damit sie Nein, ähm, ähm, wie man aus der Kiste rauskommt, zurückgeht oder es schließt und lasst uns hineinbringen. Lass uns einen Container machen. Also mache ich nur ein Quadrat, das sehr schnell und archaisch sein wird. Aus Sicht des Designs wird es nichts Aufregendes sein. Wir haben ein Quadrat und ziehen wir ein Foto. Wir haben unsere Fotos so tun, als wäre dies unser Video kommen Screenshot. Ich könnte viel Zeit damit verbringen, aber ich zeige Ihnen nur wirklich die Grundlagen. Mit diesem Projekt gibt es unsere Xbox. Wir könnten sogar einen kleinen Video-Player machen, nur um ein Beispiel dafür zu zeigen, wie die Kontrollen aussehen würden, damit wir dies tun und es zu einer Pille machen können. Was sagen, es ist diese Farbe und suchen? Vergrößern. Machen Sie, dass eine Pille geformt nehmen Sie die Grenze. könnten wir duplizieren. Machen Sie es eine etwas andere Farbe, lassen Sie es aussehen, als ob es sich bewegt. Der Videoplayer. Wir haben hier ein kleines Kontrollrad, vielleicht aus dem Schatten. Es ist echte, einfache Dinge, und es gibt sogar Möglichkeiten, dass Sie das auch animieren können, so dass Sie es schieben können und es ändert die Farbe, um es aussehen zu lassen, als würden Sie tatsächlich entlang des Video-Players gleiten . Das sind definitiv fortschrittlichere Techniken. Sie könnten sogar ein Datum oder eine Uhrzeit hier für die, wie lange das Video ist oder wie lange es vergangen ist , seit er das Video gestartet hat. Aber im Moment machen wir nur eine grundlegende Einrichtung. Lasst uns das zusammenfassen, vielleichtetwas kleiner machen vielleicht und es nach oben bringen. Also lassen Sie uns das jetzt miteinander verknüpfen. Gehen wir zurück und Prototyp-Modus. Klicken Sie auf unsere Homepage, wenn sie hier unten auf diese Schaltfläche klicken, sie gehen Fuß. Gehen Sie zu dieser Seite, klicken Sie auf und für Übergänge. Wir machen einfach einen Fingertipp, weil es ein Klick sein wird, und wir werden es automatisch animieren und das war's. Wir werden die Dauer um einiges kürzer machen, weil wir wollen, dass das Video sofort auftauchen kann . Also lassen Sie uns unsere Website testen. Wir haben hier vier verschiedene Staaten. Es ist gut. Bringen Sie das näher. Wir haben eine kleine Animation, die automatisch auf einem Zeitübergang passiert. Alles taucht ein. Dies ist unsere Hauptseite. Dann können sie entweder klicken Sie auf die Uhr jetzt Video würde nach oben gehen oder klicken Sie auf den Startprozess. Jetzt haben wir alles miteinander verbunden. Art Board und wir klicken auf die Play-Schaltfläche. Alles fliegt rein. Sieht wirklich gut aus. Sehen wir uns das Video an. Großartig. Sagen wir, ich will es schließen. Fantastisch. Das X ist bereits verknüpft, weil wir das X kopiert haben. Denken Sie daran, wir kopiert den Ausgang wird auch den Übergang kopieren. Also, wenn ich dieses X kopiert und ich es hier oben platzieren, würde es eine Kopie haben, um zurück zur Homepage zu wechseln. Gehen wir zurück und versuchen es noch einmal. Werfen Sie einen Blick auf das, was wir zusammen stellen und wahrscheinlich was? Ungefähr eine Stunde und 15 Minuten werden wir all das zusammenstellen. Nicht schlecht. Starten Sie den Prozess. Jetzt. Die Liebe steht gleich um die Ecke. Okay, schließen Sie es. Blättern Sie nach oben. Sehen Sie sich das Video an. Es wird auftauchen. Und er könnte dasselbe tun. Und es könnte auf eine andere Seite gehen. Gleicher Prozess. Sie machen einfach einen Tippübergang auf nur diese Schaltfläche, und es würde zu einer Anmeldeseite gehen, oder Sie können zu unserer Prozessseite gehen. Ich meine, du könntest damit alles machen, was du willst. Dies sind nur die Grundlagen, die ich Ihnen zeigen und Ihnen Adobe X'd vorstellen wollte. Ich wollte Ihnen zeigen, wie Sie Typhierarchie erstellt haben und wie Sie Farben eingebracht haben. Es gibt nur eine andere Sache, die ich übergehen möchte, ist eine Art Bonus, und wir werden das als nächstes tun. 57. BONUS: Globale Stile: Noch eine Sache. Ich wollte darüber reden. Way redete über Farben. Wir sprachen über Charakterstile. Es gibt noch eine Sache. Kalte Komponenten, die wirklich cool sein könnten, weil Sie eine Komponente auswählen können. Sagen wir, es ist eine Ikone. Und sagen wir, Sie haben 20 verschiedene Kunsttafeln, jeder, der die Farbe dieses Symbols ändert, anstatt alle 20 Art-Board-Icons auswählen und die Farbe ändern zu müssen. Sie könnten es einfach für Ihre Komponente ändern und es ändert es global. Es ist also genau wie globale Stile. So, zum Beispiel, diese Home-Taste. Also haben wir diese Home-Taste auf jedem einzelnen Bildschirm. Nehmen wir an, wir möchten die Farbe dieser Home-Taste ändern. Was ich tun will. Gehen wir zurück zum Design und ich möchte mit der rechten Maustaste klicken und ich möchte auf Make a Component klicken, oder es kann hier zu diesem Zusatz Zeichen gehen und bringen Sie es über, so dass Sie ihr kleines Haus Symbol sehen konnte . Also, jetzt ist es eine Komponente, also jedes Mal, wenn ich das Haus irgendwo anders herausbringen will. Also lassen Sie uns hier sagen, ich kann auf Komponente klicken. Ich habe meine kleine Komponente hier, genau hier, also sagen wir, ich möchte die Farbe auf beiden ändern. Alle müssen es tun. Gehen wir zu einer dieser Komponenten und ändern Sie die Farbe. Sagen wir mal, ich mache es Pfirsich. Also, jetzt ist es Pfirsich. Aber jetzt muss ich das andere ändern. Es gibt alle anderen 20 werden jetzt, dass es eine Komponente ist und als verknüpfte Art von globalem Stil geladen wird. Es hat sich auch geändert. Hier ist gut, was wirklich schön ist. Also, was für eine Art von Bauen diese aus? Du bekommst viele verschiedene Dinge. Jedes Mal, wenn Sie etwas haben, das sich auf mehreren Seiten wiederholen wird, machen Sie es zu einer Komponente. Also, wenn Sie es ändern alle unsere, wenn Sie nur eine von denen ändern, wird es global ändern. Lassen Sie uns noch ein Beispiel machen. Also lassen Sie uns sagen, ich mache dieses Logo zu einer Komponente, damit ich einfach hier als Komponente gehen kann. Nennen Sie dieses Logo. Also, wenn ich alle meine Komponenten mache und ich das Kunstboard dupliziere, also sagen wir, ich dupliziere dieses Kunstboard, um eine Animation zu erstellen, also gehe ich hier rüber und ich dupliziere das Kunstboard. Es wird automatisch über Ihre Komponenten kopiert. Also, wenn ich das ändere, sagen wir, ich möchte es in etwas anderes ändern. Also willst du es in Peach ändern? Es wird es automatisch auf der anderen ändern. Es ist also schön, wenn du deine Homepage machst. Wenn Sie globale verbundene Symbole wie diese einrichten möchten, ist es großartig, dies und Ihre erste Startseite zu tun. also kopieren und anfangen, Wenn Siealso kopieren und anfangen,Animationen zu machen und Dinge zu erfinden, die Sie wissen, wird es einfach sein, die Dinge global zu ändern. Denn stell dir vor, du hättest 30 Kunsttafeln einmal so schön, dieseKomponenten als globaler Stil zu verwenden , diese , also einfach nett, ein wenig extra. Ich wollte irgendwie rüber gehen. Hier ist unser endgültiges Design, alles vernetzt und einsatzbereit. Das hat wirklich, wirklich, wirklich, wirklich Spaß gemacht. Wir werden eine gute Stunde und 1/2 miteinander verbringen, vielleicht sogar in der Nähe von zwei Stunden, um dieses Projekt zu tun. Eine großartige Einführung in das Website-Layout-Design, und Sie müssen Einführung in Adobe X D, das ist eine wirklich nette Bereicherung, um Ihre Grafik-Design-Fähigkeiten hinzufügen. Es ist eine großartige Software zu haben und zu wissen, dass es eine hohe Nachfrage Fähigkeit ist, dies zu tun . Und der nächste Schritt wäre, all diese an einen Entwickler zu exportieren. Schicken Sie das an einen Kunden zur Genehmigung, damit wir tatsächlich etwas von diesem Zeug fertig machen können, um beschichtet zu werden . 58. Assets von Adobe Xd exportieren: Weise exportieren all dies aus, so gibt es eine Menge verschiedener Dinge, die wir hier tun könnten, können Sie sparen. Wenn Sie Teil der Creative Cloud sind, können Sie sie als Teil in Ihrer Cloud speichern und andere Personen einladen, sie zu bearbeiten und andere Personen einzuladen, sie zu sehen. Also, das ist wirklich nett. Wenn Sie mit einem anderen Designer arbeiten, einem anderen Entwickler, der auch Adobe Extra hat, können Sie Dateien ganz einfach teilen und ihnen den Live-Frame zeigen, den Sie auch aufnehmen können. Wenn Sie auf dieses Spiel klicken, gibt es einen Aufnahme-Button, so dass ich meine Animation aufnehmen kann, wenn ich wollte, oder meinen gesamten Prozess, so dass ich hier weitergehen konnte, klicken Sie auf Abspielen, und dann kann ich auf Aufnahme klicken und dann klicken Sie auf und ich könnte eine nehmen Video von mir, die durch alles arbeiten. Das ist eine großartige Möglichkeit, Kunden den gesamten Prozess zu zeigen, damit Sie Ihr Video aufnehmen können . Sie können es mit dem Entwickler teilen. Sie können sehen, wie dies auf einer mobilen Website aussehen würde. Wenn Sie auf die einzige mobile Sache klicken, müssen Sie zuerst einige Dinge einrichten, also müssen Sie ein ni os oder ein Android-Gerät mit X'd verbinden. Es gibt also eine Adobe X'd App, die Sie auf Ihrem Telefon herunterladen können, und dann können Sie alles einrichten, so dass Sie Dokumente mit Ihrem Telefon teilen und sehen, wie Dinge auf Ihrem Mobiltelefon aussehen, was wirklich, wirklich Süßigkeiten ist . Nehmen wir an, Sie möchten Assets mit dem Entwickler und auch Hex-Codes und Topographie-Informationen teilen . Es gibt einen Share Button hier oben zu 1/3 1 über ist eigentlich eine neuere Taste für neuere Versionen. Oder stellen Sie einfach sicher, dass Sie über die aktuelle Adobe X'd-Version verfügen und Sie können dies sehen . So ist dies auf den neueren Versionen von Adobe X T haben die Freigabe-Schaltfläche. Abgesehen davon war es hier in diesem Abschnitt, also gehen Sie einfach rüber, um ihre könnte dieses neue Panel haben, das auf der rechten Seite ankommt, und wir werden einen Link erstellen, den wir mit einem Entwickler oder mit einem Kunden teilen können, viele verschiedene Dinge, die wir hier teilen können. Also alles, was Sie tun müssen, ist zu sehen Einstellung, und es gibt ein paar verschiedene Versionen, die wir senden können, sind ein paar verschiedene Links, die wir erstellen können. Eine davon ist eine Design-Review, wo sie Kommentare zu Feedback des Designs und auch den Fluss geben können , was sehr hilfreich ist. Ah, Entwicklung. Dies ist, wo Sie alle CSS-Informationen senden können. Also Hex-Codes und die Typografie und andere Elemente Präsentation, die ein bisschen mehr sein wird, wie wir vorher gezeigt haben, wo Sie ein Video aufnehmen. Aber in diesem Fall können sie Ihre gesamte Präsentation durchlaufen, wenn Sie nicht verbunden sind. Und natürlich, Benutzertests, Benutzertests, was fantastisch ist, um Ihre Website zu testen, wenn Sie eine vollständig verbundene Website haben . Also lasst uns gehen und Entwicklung machen. Wir wollen das mit jemandem teilen, der uns helfen wird. Kodiere das. Lassen Sie uns also auf Entwicklung klicken, und wir möchten voran gehen und auf herunterladbare Assets klicken. Wir haben 13 Assets, die Teil dieses Entwurfs sind, und wir könnten ein Passwort benötigen, wenn wir wollten. Aber lassen Sie uns einfach einen Link erstellen und es wird ein paar Minuten dauern. Hier sind wir. Wir haben den Link hier, wir können ihn speichern oder kopieren oder direkt zu ihm gehen und der Link wird geöffnet. Und das, was ich Ihnen gerade gezeigt habe, ist nur für Adobe-Abonnenten verfügbar. Wenn Sie also ein Abonnent der Adobe Creative Cloud sind, haben Sie diese Option. Adobe hat diese Option erst kürzlich für Personen geschlossen, die keine Abonnenten sind. Denken Sie also daran, wie Sie die anderen beiden Möglichkeiten exportieren, die ich Ihnen zeigen werde, alle Benutzer offen sind. Also, wenn Sie hier unten zu den kleinen Klammern hier unten auf der linken Seite gehen, dieses Willens-Symbol oder nach rechts, werden Sie in der Lage sein, alle Vermögenswerte hier zu sehen. So exportierte es auch einige der Assets, die wir mitgebracht haben, wie unser Foto oder Illustration in ihrem Hintergrund. Auch in allen verwendeten Farben gebracht und sind in der Lage, den Hex-Code als auch zu zeigen. Und auch, unsere Charakter-Stile Luft hier, so dass Sie in der Lage, alle haben, wenn wir diese Titel waren es Deckung ist, dass wie der Titel. So wird der Entwickler wissen, ob es ein 20 jeder zu Absatz was auch immer ist. Es sind vier und wir haben auch einige Interaktionen, aber sie könnten die verschiedenen Interaktionen überprüfen. Es macht auch einen Kommentar hier im Kommentarbereich und Wimpel, so dass sie könnten. Der Entwickler kann gehen. Hey, ich habe eine Frage zu dieser Animation. Wie oder wie muss sich das verbinden und du musst nicht da sitzen und ans Telefon gehen. Es könnte nur über diesen freigegebenen Link kommunizieren, und sie können auch Assets auswählen. Sie können alle Assets gedrückt halten, verschieben und auswählen, und sie können diese herunterladen und sie könnten Zugriff auf diese Assets haben. Und da gehen wir. Es gibt verschiedene Möglichkeiten, wie wir unsere Dateien aus Adobe X'd exportieren und freigeben können. Es ist in einem anderen Programm. Was sagen, es wird Illustrator sein. Eine Sache, die wir tun können, um das aus Adobe X T herauszuholen, und das ist nicht perfekt, aber das ist nur ein Weg, es zu tun oder unser Kunstboard zu nehmen, und wir gehen einfach zum Datei-Export und wir gehen zu den ausgewählten als SV-Gänse oder einfach nur bekommen unsere Hauptstartseitenlayout als SPG, das ein skalierbares Vektorformat ist. Es wird also ein Vektorformat geben. Wir werden es so speichern, wie es ist, und gehen Sie weiter, exportieren. Wir werden das in Adobe Illustrator ziehen, und es wird lange dauern, bis es gerendert wird. Das ist in Ordnung. Könnte bis zu fünf Minuten dauern. Also seien Sie geduldig. Sogar mein Spitzencomputer dauert eine Weile, um es fertig zu machen. So sieht es aus, wenn man dran ist. Es ist nicht perfekt. Es wird nicht perfekt übergehen. Aber wir gehen zu Rechtsklick. Wir werden die Clipping-Maske loslassen, die es gemacht hat, wer das ein paar Mal tun muss, wenn vielleicht auf Gruppe es brauchen. Also rechts, klicken Sie auf Gruppe Und Sie haben Zugriff auf einige der Hauptelemente hier. Also, wenn Sie es in einen W Illustrator bringen wollten, um es weiter zu bearbeiten oder diese Dateien schließlich an einen Entwickler zu exportieren, so können Sie es nicht perfekt bringen. Lassen Sie mich in der Gruppe dieser eine Gruppe, dass sie das irgendwie nicht richtig gemacht hat. Okay, wie Symbole und Typ und andere Elemente kommen ziemlich gut durch. Aber es gibt etwas an den Containern, die nicht immer auch vorbeikommen. Aber alles andere ist ziemlich gut. Diese Knöpfe waren die gleichen, und ich konnte sogar noch Zugang zu den abgerundeten Ecken haben, also ist das ziemlich genial. 59. Einführung in den Aufbau einer Wordpress-Website: können wir eine Website und Photoshopped und Adobe X'd entwerfen. Es gibt viele tolle Möglichkeiten, das Branding und das Layout und die Idee einer Website zu gestalten . Aber was, wenn wir keinen Kunden haben, der ein begrenztes Budget hat oder Sie ein Branding Paket für sie machen und sie zu Ihnen kommen und sagen, dass ich eine kleine Website oder ein Kit lieben würde? Haben Sie Website-Design und eine Menge von Designern sagen, Nun, wissen Sie, ich muss mit dem Entwickler arbeiten. Ich weiß nicht, wie man kodiert. fühle ich mich nicht wohl. Nun, ich möchte, dass dieser Abschnitt Sie sich wohl fühlen, wenn Sie ein wenig Webdesign zu Ihren Fähigkeiten Assets hinzufügen . Und das den Kunden in diesem Abschnitt anbieten zu können, bereitet Sie darauf vor, in der Lage zu sein , Webdesign-Services als Teil Ihrer Branding Pakete oder individuellen Fähigkeiten anzubieten . Wir werden nicht super in die Tiefe gehen, was ein zweistündiger Abschnitt sein wird, und sie werden ein späterer Kurs sein, der mit uns tiefer gehen wird. Aber ich möchte Sie wirklich loslegen und darüber nachdenken, wie dieser gesamte Prozess funktioniert. Also, wohin gehst du, um eine Website zu bauen, ohne dort Wissen zu kodieren. Also aus der Box Software ist wie Dochte dot com und squarespace dot com, das könnte in der Lage sein, diese nett zu sein. Was Sie sehen, ist, was Sie Editoren erhalten, die im Grunde Drag-Drop sind. Sie können Module hinzufügen. Es ist sehr einfach. T erstellen Sie eine komplette Website bauen aus, ohne irgendwelche detaillierte Codierungssprachen zu kennen. Es gibt eine wirklich große Liste von einigen großartigen Optionen für Web Building. Es gibt eine neue namens Web Flow, die viel über gehört haben und würde gerne in die Zukunft, dass irgendwann später. Aber im Augenblick werde ich mich auf die beiden beliebtesten Out of the Box konzentrieren. Was du siehst, ist das, was du bekommst. Editoren sind Content-Management-Systeme. Das wird WordPress sein. Das wird das bekannteste bei Ihrem Kundenstamm sein. Es wird auch das bekannteste bei Ihren Kollegen sein. WordPress ist das größte CMS oder Content-Management-System da draußen, und wir werden das verwenden und es gibt auch eine Alternative namens Squarespace, die wunderbar ist, weil es irgendwie die All-In-One-Lösung hat und die Vorlagen Luft wirklich nicht so schlimm. Sie haben ihr Template-Design wirklich verbessert. Ich bevorzuge Squarespace über Wochen, jeden Tag, nur wegen der Template-Optionen. Also in den nächsten Minuten, werde ich über die Grundlagen sprechen, wie Web gehostete funktioniert Domain-Namen funktioniert und wie man eine Art von WordPress zu installieren. Das wird also für Leute sein, die das noch nie getan haben. Wenn Sie bereits einige WordPress-Dollar und Erfahrung haben oder Sie haben bereits Wordpress installiert auf Hosting geplant Great. Gehen Sie weiter, überspringen Sie diese Lektion und fahren Sie mit der nächsten fort. Also, wie können Sie mit einer WordPress-Website beginnen Und einer der Gründe, warum ich wählte auch Website, wie ich hielt eine Umfrage mit allen meinen früheren Studenten und aktuellen Studenten, und Sie Jungs überwältigend wählte WordPress als Ihre Wahl Editor bei Website Builder. Es wird also drei Hauptkomponenten geben, die Sie brauchen, um eine Client-Website oder eine persönliche Website zu erstellen . Die 1. 1 ist der Domain-Name. Jede Website benötigt einen professionellen Domain-Namen. Wir reden nicht über w w dot squarespace dot com slash duh duh duda. Wir wollen einen sehr sauberen Chris professionellen Domain-Namen. Ich mache Design Arbeit dot com Lindsay Sumpf Design dot com Immer sehr einfach. Eine Domain-Namen Wir müssen diese kaufen. Dies ist im Grunde oder Ihre u R L. Sie haben nicht gehen, um Papa zu gehen und geben Sie es in unter Go daddy dot com, das ist eine wirklich beliebte Hosting-Plan, und Sie können auch kaufen Domain-Namen als gut. Sagen wir mal, ich will Lindsay Marsh Design. Mal sehen, wie viel es kostet und Sie würden als separater Artikel kaufen. Also für 11 99 könnte ich Lindsay marsh design dot com von meiner Website haben. Wenn Sie tun Kundenarbeit, Sie würden versuchen, eine große Ihre l Arbeit mit dem Kunden zu kämpfen, um herauszufinden, was Sie krank sind, wird sehr wichtig sein, wenn Sie Landing Page-Arbeit zu tun. Wenn du bezahlte Werbung machst, um sicherzustellen, dass du die kürzeste, prägnanteste hast, bist du Ella möglich. Also haben wir die erste Komponente, die jede Website benötigt, ist dieser Domain-Name, und wir müssen diesen Domain-Namen mit einem Hosting-Konto verknüpfen. So Hosting-Konto wird der Ort, wo es speichert alle Ihre Dateien und alle Ihre Website und speichert die WordPress-Installation. So ist der Host wirklich irgendwie alles, was Ihre gesamte Website zusammenbringt, so dass Ihr Domain-Name wird schließlich mit Ihrem Hosting-Konto verknüpft werden. Also ist es toll, ein anständiges Hosting-Konto für diesen Fall zu bekommen oder für dieses Beispiel habe ich Go Daddy in der Vergangenheit seit über 10 Jahren verwendet . Sehr billig, sehr erschwinglich. Sie werden in der Lage sein, Ihren Domain-Namen zu kaufen und Sie hosten Konto alle auf einer Website, was sehr praktisch ist. So ist es froh und gehen Sie zum Hosting. Und ich habe eine Liste mit ein paar anderen tollen Alternativen und den Grund, warum ich Go Daddy und Blue Hostess mag . Einige von ihnen sind größer, und sie haben mehr Unterstützung, aber sie fügen auch ein automatisches WordPress-Installationswidget hinzu, wo Sie WordPress automatisch auf Ihrem Hosting-Konto installieren können, so dass Sie nicht durch die manuellen Prozess der Installation von WordPress auf eigene Faust, die macht alles ein wenig einfacher. Wir wollen also sagen, wir wollen Web-Hosting machen, und natürlich gibt es viele verschiedene Optionen. Es wird davon abhängen, was sich Ihr Kunde leisten kann. Was Sie sich leisten können. Was auch immer der Zweck der Website nicht ist, es sind sehr, sehr billige Optionen. Also für 5 99 im Monat, bekomme ich eine Website. Das ist alles, was ich brauche. Ich benötige nur 100 Gigabyte Speicher und weniger. Ich werde eine video-basierte Website laufen und schauen, ich bekomme sogar eine kostenlose Domain, so dass ich nicht einmal für die Domain bezahlen muss, wahrscheinlich für das erste Jahr. Das ist also sehr nett. Das kann diese Art von bündeln, wenn Sie ein Hosting und einen Domain-Namen gleichzeitig kaufen , haben Sie eine Chance, diesen Domain-Namen mit diesem Hosting-Konto zu verknüpfen. Es ist also wichtig, diese miteinander zu verknüpfen. Und sobald Sie sich für diese wirklich großen Web-Hosting-Plattformen anmelden, machen sie es sehr intuitiv und sehr einfach für Sie, all diese Schritte zu folgen. Also, wenn Sie sich für ein Hosting-Konto anmelden, haben in der Regel etwas als C-Panel oder Systemsteuerung oder einen Ort, den wir in Ihrem spezifischen Hosting-Konto einloggen und haben in der Regel etwas genannt populäre APs oder APS-Abschnitte oder Add-Ons. Du wirst auf WordPress klicken wollen. Es wird den Installationsprozess für Sie durchlaufen. Sie machen es sehr intuitiv, ich verspreche es. Und Sie werden WordPress auf Ihrem Hosting-Plan installiert haben. Wir haben also die drei Elemente, die wir brauchen. Wir brauchen eine große Ihre l. Wir haben einen Domain-Namen. Wir hatten einen großen Hosting-Plan, und wir haben auch WordPress auf diesem Hosting-Plan installiert. Und so ist unser Domain-Name zurück zu unserem Hosting-Plan verknüpft, und wir haben Wordpress installiert, so ist alles irgendwie eingerichtet und bereit für uns, in WordPress zu springen und zu lernen , wie man das geht. 60. Wordpress: Wenn dies Ihr erstes Mal ist, ist diese Lektion nur für Sie gedacht. Wir werden durch die Grundlagen von WordPress gehen. Die Dashboard-Seiten und alles, was Sie hier auf dem Bindestrich im Menüsystem sehen. Wenn Sie sind, haben bereits einige Komfort-Niveau mit für Presse, und Sie sind hier nur zu lernen, wie L ein Mentor zu verwenden oder eine Webseite für Kunden aufzubauen . Dann gehen Sie weiter und überspringen Sie die nächste oder zwei Lektion. Dies ist für diejenigen, die wirklich durch die Grundlagen von WordPress gehen wollen. Also zögern Sie nicht, dies zu überspringen. Wenn dies zu einfach für Sie ist, in der Regel das erste, was Sie sehen, wenn Sie auf das Dashboard zu bekommen, ist das Dashboard, das Ihnen aktualisierte Nachrichten gibt und Sie wissen lassen, wenn Sie Ihre Wordpress aktualisieren müssen, werden wir gehen Art dieser Liste von Gegenständen und Art gehen über die Grundlagen dessen, was sie tun und wo sie ins Spiel kommen. Also das erste, was Sie sehen werden, ist Post. So Post ist im Grunde der Block auf, dass jede Wordpress-Website hat so denken Sie an Post als Blawg Post. Dies ist, wo Sie Ihren Beitrag erstellen würden, und dann können Sie Ihre Blog's später auf Ihrer Website hinzufügen. Dies ist getrennt als Seiten, so dass die Seiten ihre eigene kleine I-Element und Menüoption haben und posten oder anders dort nur für Blockpost. Und sie haben eine andere Möglichkeit, sie zu bearbeiten. Wenn Sie also jemals etwas bearbeiten möchten, markieren Sie einfach eine andere Option und gehen Sie in die Bearbeitung und Sie werden in der Lage sein, zu einem Editor zu gehen . Sie könnten auch neue Plakate Wells hinzufügen. Er könnte eine Liste von verschiedenen Block-Post aufbauen, und Sie können festlegen, um sie zu verschiedenen Terminen als auch freizugeben. Und dann haben wir unsere Medien-Abteilung. Dies wird also sein, wo, wenn Sie ein Video direkt hochladen müssen, um unterdrückt wurden oder direkt auf Ihr Hosting-Konto, dies ist eine gute Möglichkeit, es zu tun. Sie können einfach auf klicken, neue hinzufügen, und Sie können neue Videos und alles, was Sie brauchen, hinzufügen. Also sagen wir, wir wollen addieren. Laden Sie dieses Video, das wir für die Website verwenden möchten. Schließlich können Sie es hier hochladen und Titel. Nehmen wir an, wir haben dieses Bild, das wir hochgeladen haben, und manchmal, wenn Sie eine Website erstellen , wird es nach einem Link verlangen. Ah, zu ihm auf Ihrem Server. Und hier finden Sie den Link direkt hier unten. Das wird für später sein. Also mach dir nicht zu viel Sorgen darüber. Ich zeige dir noch einmal, wie du das machst. Werden wir zum Aufbau der Website kommen? Aber ja, Dies ist, wo Sie alle Fotos und Medien hochladen, die Sie so Seiten benötigen. Hier wirst du wirklich leben. Dies wird die am häufigsten verwendete Option zur Verfügung, weil dies ist, wie Sie die verschiedenen Seiten Ihrer Website aufbauen . Ihr Kontakt zu uns häufig gestellte Fragen, Ihre Galerie, all diese Art von separaten Seiten. Dies ist, wo Sie die bauen, die Sie neu hinzufügen können, und Sie können auch auf Bearbeiten klicken. Und es wird sehr einfach sein, ich habe die brandneue Version von WordPress, und so sieht es irgendwie aus, dass es ein bisschen anders aussehen kann als das, was Sie haben. Stellen Sie einfach sicher, dass Sie Ihre Version von dem, was wir präsentieren, aktualisieren. Völlig kostenlos. Lassen Sie uns den Standardeditor verwenden. Diese neue Sache, ich habe es noch nicht wirklich zu sehr erkundet, aber es ist eine andere Art von Editor Builder. werden wir nicht benutzen. Gehen Sie weiter und klicken Sie auf den neuen Standard-Editor. Klicken Sie auf. OK, das ist also ein sehr Standard-Editor. Wenn Sie wissen, wie Sie Microsoft Word verwenden, dass Sie mit diesem sehr zu Hause sind, können Sie Bilder hinzufügen, sie löschen. Dies ist der sehr einfache Web-Builder, den wir nicht verwenden werden, der in WordPress integriert ist. Das werden wir noch besser nutzen. Land Sehr fortgeschritten. Einer hat L-A-Mentor genannt und wir werden das und ein bisschen durchgehen. Sie können Ihre Seite speichern und aktualisieren, und Sie können neue Seiten erstellen, indem Sie neue hinzufügen. Wir gehen zurück zu Ihren Seiten hier. Das ist also eine Art, wo Ihre Seiten leben. Dies sind die Seiten, die wir zu unserem Menüsystem später auf der Straße hinzufügen können Kommentare sind nur für Blog und Verwaltung der Kommentare, die Sie haben eine Menge Male, wenn Sie tun Client-Websites, Ich habe nicht einmal Kommentare aktiviert. So ist dies in der Regel nicht etwas, um sich Gedanken über Ninja-Formen zu machen. Das ist etwas Extra. Ich habe für meinen Client hinzugefügt, weil ich dies als Beispiel für meine Klasse verwende, aber Sie müssen nichts davon haben. Oh, jedes Mal, wenn Sie einen Stecker in installieren, könnten Sie zusätzliche Optionen Einstellung Raum in Ihrem System sehen. Und das ist nur einer von denen. Dieser ist es extra Form Builder, den ich als Plug in hinzugefügt habe. Und da wir von Plug Ins sprechen, der, den wir in dieser Klasse verwenden werden, heißt Element oder und es gibt eine kostenlose Version, und ich werde das ein wenig später übergehen. Also lassen Sie uns Vorlagen überspringen, weil diese beiden miteinander verbunden sind. Also lasst uns das Aussehen der Zehe gehen. Hier haben Sie wahrscheinlich vom Herunterladen von Themen gehört. Hier würden Sie ein Thema installieren, das Sie aus dem Internet erhalten, und ich habe eine große herunterladbare Ressource, die listet, ähm, große Theme-Optionen, wenn Sie etwas anderes als die elementare tun wollen, die wir verwenden in der Klasse, nur eine Art schießen Sie einige tolle bezahlte und kostenlose Vorlagen, die ich ausgewählt basierend auf bestimmten Layouts, die ich für wirklich gut hielt, wenn Sie nur das erkunden wollen, aber sie haben eine neue namens 2020 und Dies ist die Standardeinstellung, die WordPress hat. Wir sorgen dafür, dass das aktiviert ist. Wenn es nicht aktiviert ist, Sie einfach den Mauszeiger über ein Design und können es aktivieren. Und es wird den Stil dieses Themas automatisch anpassen, wenn Sie es aktivieren. Also könnte ich das aktivieren und es wird dieses Thema aktivieren, oder ich kann dieses aktivieren. Gehen Sie zurück zu meinem 2020 und aktiviert, aber Sie können herunterladen, und das ist, wo Sie jedes Thema installieren, das Sie aus dem Internet greifen. Sie gehen einfach, um neue hinzufügen hier und installieren Sie das neueste Thema. Sie könnten sogar nach Themen innerhalb des WordPress-Systems suchen, so dass Sie nach Themen suchen können, wenn Sie einen Namen kennen. Also, wenn Sie jemals ein Thema anpassen möchten, gehen Sie hier nach unten, um anzupassen. Manchmal haben Designs ihre eigene Art von Menüelement, das nach der Installation hinzugefügt wird. Benötigt, um das zu durchgehen, oder einige haben diese Option, wo Sie bestimmte Farben bearbeiten können. Und ich mache das schnell durch, denn während wir unsere Website aufbauen, werden wir in der Lage sein, all diese verschiedenen Videoelemente zu durchlaufen und das zu nutzen, was wir brauchen, um alles in Ordnung zu bringen , also PlugIns, die Sie wahrscheinlich von Plug Ins gehört haben. Es gibt eine Menge großartiger, die Sie herunterladen können, um Ihre Website hinzufügen und wirklich aufpeppen zu können. Viele von ihnen basieren auf der Sicherheit bis zum großen Zeh. Fügen Sie zusätzliche Sicherheit, um Ihre WordPress-Website, weil sie leicht in bekommen werden könnte wenn Sie nicht halten es aktualisiert werden. Es gibt auch diejenigen auf S CEO Plug Ins, mit denen Sie zusätzliche S CEO Optionen hinzufügen können. Es gibt Einsen für Analytik. Hier würden Sie also einen Stecker hinzufügen, den Sie online finden würden. Er würde einfach zu gehen, wie Sie Themen würden. Und er würde hier neu hinzufügen. Wenn Sie uns also jemals an einen Kunden weitergeben wollten, würden Sie hier einen Benutzer hinzufügen. Oder vielleicht hat der Kunde einen Marketing-Manager, der alle Updates machen wird, egal ob Sie die Updates machen oder die Kunden, die die Updates machen. Dies ist, wo Sie einen neuen Benutzer hinzufügen würden, und ich blockiere nur einige Informationen, weil dies eine echte Client-Website auf echten Client WordPress-Konto basiert , die ich verwende, so dass nur verschwommen einige Namen. Aber sie würde weiter gehen und neue hinzufügen und Sie geben ihnen die Rolle des Administrators. Und es gibt ein paar verschiedene Rollen, die Sie den Kunden zuweisen können, wenn Sie ihnen die vollständige Kontrolle geben möchten , um die Website zu übernehmen, nachdem Sie fertig sind, sie zu entwerfen. Dies ist also die sehr, sehr Grundlagen des WordPress-Systems. Und jetzt, da wir irgendwie über die Grundlagen gekommen sind und Sie zumindest mit dem vertraut sind was einige dieser Elemente auf der linken Seite tun, werden wir sicherstellen, dass wir elementare er herunterladen und damit beginnen. machen wir in der nächsten Lektion. 61. Erste Hilfe mit Elementor Plug-in: In dieser Lektion lernen wir ein wenig über den Seitengenerator, den wir dafür verwenden werden. Dies ist der beliebteste Page Builder für WordPress. Also, was ist ein Page Builder? So hilft Ihnen ein Page Bill Builder. Es ist ein Add-on für einen Plug in, dass Sie auf Ihrem WordPress installieren können, und es wird Ihnen helfen, Seiten und ein wenig detaillierter Mode, die viel mehr in der Tiefe ist zu bauen . Wie Sie aus dem Video von der Website sehen konnten, sind Sie in der Lage, eine Menge Dinge hinzuzufügen. Und was ist großartig an diesem Baumeister? Es ist auf dem neuesten Stand. Es hält mit Trends Schritt, und die wunderbare Option darüber ist, dass es eine kostenlose Version gibt, die Sie verwenden können, und das ist genau das, was wir für diese Klasse verwenden werden. Es gibt viele Premium-Optionen, die Sie kaufen können, aber in diesem Fall werden wir versuchen, auszukommen, ohne nur die kostenlose Version von Element zu verwenden. Oder so werden wir es herunterladen, und Sie müssen es nicht einmal auf der Website herunterladen. Aber ich wollte Ihnen nur irgendwie die Website und auch die Preise zeigen. Die Premium-Version kommt in allen Arten von Schnickschnack und Trillerpfeifen. Wir werden einen Weg finden, das zu umgehen, also mach dir keine Sorgen. Aber wenn Ihnen das gefällt und Sie ein paar kostenpflichtige Client-Projekte machen und Sie mit dem Upgrade auf integrierte Vorlagen beginnen möchten, die bereits für Sie getan haben, dann können Sie dies verfolgen. Aber das musst du für diese Klasse nicht verfolgen. Also sind wir in Plug Ins. Es ist technisch gesehen, es ist ein Plug in, und wir werden gehen, um neue hinzuzufügen, und wir werden hier nach oben gehen und die Schlüsselwörter nach Element suchen. Oder und da ist es, der allererste mit hier. Ich habe bereits nicht installiert, aber Sie würden normalerweise jetzt deinstallieren, Schaltfläche gehen, klicken Sie auf Installieren. Es wird automatisch installiert. Wenn Sie Ihre installierten Plug-Ins sehen möchten, gehen Sie weiter und klicken Sie hier oben und Sie erhalten eine Liste aller installierten Plug-Ins. Stellen Sie sicher, dass Sie aktiviert haben. Sobald Sie das Element aktivieren oder einstecken, wird es sein. Sie müssen neue Optionen zu Ihrem Menü-Systemelement oder und Vorlagen hinzugefügt. Dies ist, wenn Sie den Mauszeiger über das Element bewegen, oder Sie erhalten ein Dropdown-Menü mit ein paar verschiedenen Optionen, die Sie einrichten können. Und dann hast du auch Vorlagen, denen du sagen könntest, mit denen du sagen könntest, wir werden nicht zu viel anlegen. Vorlagen wurden wirklich nur mit dieser Option hier verwirren. Also ist es aktiviert. Also, jetzt ist es ein Teil des Page Builders. Wenn wir also aufbauen, werden Seiten in der Lage sein, Element oder als unseren Page Builder zu verwenden. Also es geht und klicken Sie auf Seiten und das erste, was ich tun möchte, wenn diejenigen, die die letzte Lektion übersprungen , weil sie bereits ein wenig vertraut mit WordPress. Für diejenigen, die das übersprungen haben, gingen wir zu Erscheinungsthemen, und wir haben nur dafür gesorgt, dass die 2020-Version , die kostenlos ist standardmäßig kommt. Mit der neuesten Version von WordPress. Wir gingen voran und sorgten dafür, dass dies das aktive Thema war. Also, jetzt gehen wir zurück auf die Seiten und das könnte ein wenig kompliziert sein. Wenn du ganz neu darin bist, gehen wir zu Seiten und wir werden unsere Website hier aufbauen, damit jeder eine Startseite hat , und das wird unsere Homepage sein, die wir heute aufbauen werden, und ich bin werde dir schnell zeigen, was wir in diesem Abschnitt des Kurses tun werden. Also werde ich diese Vorschauen auffrischen. Sie können sehen, was wir werden wir diese ganze kleine Landingpage einer Webseite aufbauen . Also werden wir hier oben einen oberen Abschnitt haben. Wir werden eine Art Videohintergrund haben. Wir hätten einen aktiven Knopf. Wir werden auch in der Lage sein, Teoh, erstellen ein paar Spalten, haben ein paar Klick durch Taste, und dann hier unten, werden wir in der Lage sein, Ihnen zu zeigen, wie man eine kleine Animation macht, um ein wenig Pop hinzuzufügen zu Ihren Entwürfen und auch Hintergrundbilder und all das Jazz zu machen. Das ist, was wir mit Element oder System bauen können. Also, wie können wir anfangen, Element zu verwenden oder wir können es nicht durchgehen. Es gibt uns keine Möglichkeit, loszulegen. Wir müssen durch die Seiten gehen und auf unsere Homepage klicken. Also werden wir unsere Homepage bearbeiten, und es gibt eine kleine schnelle Option hier. Wenn Sie nicht auf Bearbeiten klicken möchten, gehen Sie den ganzen Weg hierher, um mit Element zu bearbeiten. Oder so werden wir das tun. Es wird also das Element oder System hier herausbringen, das unsere Titelseite überschreibt. Das ist also bereits aus Dingen aufgebaut, mit denen ich experimentierte. Also lass mich weitermachen und eine neue, frische Homepage starten und ich komme gleich wieder. Wir fügen eine neue Seite hinzu, die wir bearbeiten können, indem wir eine neue Seite hinzufügen, und wir werden keinen Titel hinzufügen . Ich schätze, wir könnten eine ganze Seite machen. Linguine speichert einen Entwurf, gehen Sie zurück zwei Seiten und sehen, ob er aufgelistet ist. Das ist unser Entwurf. Wir werden das jetzt benutzen. Wir gehen zu bearbeiten ist eine neue Seite, und wir werden auf Bearbeiten mit Element klicken, oder es wird diesen ganz neuen Page Builder für uns sprengen. Das war also das Laden des Steckers. Also willkommen bei Element. Oder so ist dies der Plug in. So sieht es aus. So werden wir unsere Seiten in diesem Abschnitt der Klasse aufbauen. Also eine Sache, die wir tun wollen, ist gerade jetzt, dass es einen Teil des Themas lädt. Also hier ist die Sache über diesen Web-Builder ist für die kostenlose Version. Sie haben keine Möglichkeit, eine Menüoption hinzuzufügen. Es ist, was wir tun müssen, ist eine Mischung aus unserem Thema zu haben, das ist das Thema 2020. Das ist Standard von WordPress, dass wir installiert. Sind wir aktiviert? Das wird diese oberste Portion sein. Hier wird es also ein wenig komplex. Aber hängen Sie einfach mit mir. Also haben wir es. Dies ist die fertige Website. Und so wird die obere Leiste mit dem Logo und dem Menüsystem aus unserem Thema aus unserem 2020 Wordpress-Theme importiert . Alles darunter wird von Element oder so Element zum Aufbau dieser mittleren Teile der Seiten für uns und die WordPress sein. Steve ist auf der Oberseite geladen. Dasselbe für die Fußzeile. All dies wird also mit Element oder erstellt, und diese untere Fußzeile wird aus der Vorlage geladen. Also, wenn wir jemals am Ende in der unteren Fußzeile oder ganz oben Menü Systemleiste wollen, werden wir das über das WordPress-Dashboard und die Themes-Einstellungen bearbeiten. Wenn wir etwas bearbeiten wollen, das wir in der Mitte bauen, wird das Element sein oder und es könnte immer ändern, indem Sie unten zu Ihren unteren Optionen hier gehen und Sie auf Einstellungen klicken. Es wird etwas geben, das als Seitenlayout bezeichnet wird, und hier können Sie all dieses Ende laden. Also wird standardmäßig das obere viele System und die untere Fußzeile aus dem Thema laden und alles in der Mitte wird Element sein. Oder Sie können Element oder Leinwand tun, die das Top-Themenmenü und die Fußzeile löschen und Ihnen nur eine leere Leinwand von Element knapp geben . Wenn Sie nicht wollen, dass etwas gebracht haben, können Sie von Grund auf neu zu bauen, ohne etwas, das aus dem Thema The WordPress-Theme gebracht wird , nur wissen, dass Sie, indem Sie zu den Einstellungen und gehen zu Seitenlayout zu bekommen. Gehen wir zurück zu unseren Einstellungen. Lassen Sie uns den Titel entfernen, so dass wir das Seitenlayout standardmäßig haben, und wir wollen einfach klicken, um dies zu ändern, auch. Ja, es wird weiter gehen, um den Titel für uns und für das Seitenlayout zu verstecken. Wir werden L. Ein Mentor, voller Breite, so Element oder voll mit wird in der Lage sein, diese obere Bar ein wenig dünner zu machen und so konnte man sehen, wie oben und unten aus dem Thema und dieser ist der mittlere Teil. Dieses Element wird für die Spucksektion verantwortlich sein. Wenn Sie also das Menü ändern möchten, wir dieses Element nicht, oder wir gehen nach draußen zurück in Richtung Dashboard, um das Menü zu ändern. Also fangen wir ganz oben an. Also das ganz oben wird das sein. Dies wird also nicht ein Element gemacht werden oder wenn Sie Elemente oder Pro haben. Es gibt einige Menüoptionen, wo Sie ein Menü hier hinzufügen können, ohne die WordPress-Theme . Aber für die kostenlose Version, werden wir es aus dem Thema zu tun. Gehen wir also weiter und gehen Sie zurück zu unserem Dashboard. Also sind wir wieder in das Dashboard, Das neue System und was wir tun wollen, ist, dass wir das Thema bearbeiten wollen, das wir haben. Wir gehen auf das Aussehen und die Themen. Und denken Sie daran, wenn wir dieses 2020-Thema festlegen, werden wir in der Lage sein, es anzupassen. Und hier können Sie die lokale oben hinzufügen. Also gehen wir nach unten, um Identität zu zitieren, und wir werden ein Logo hinzufügen, und ich habe das Logo als herunterladbare Ressource zur Verfügung. Also gehen Sie weiter und laden Sie den Zip herunter. Gehen Sie in Ihren Zip-Ordner und Sie werden in der Lage sein, diesen Abschnitt zu sehen und in der Lage, alle diese verfügbaren Dateien für Sie zu sehen, so dass Sie nicht zurückgehen und alle diese von Grund auf neu erstellen müssen . Sie können es einstecken und mit mir lernen oder Ihr eigenes Logo hineinlegen. Gehen Sie weiter und fügen Sie Ihr Logo hinzu. Stellen Sie sicher, dass es eine anständige Auflösung ist und wir wollen sicherstellen, dass wir auf Retina Logo überprüfen , weil das hilft t größere Auflösungen zu nehmen und anzuzeigen, dass, wenn Sie eine schöne Netzhaut haben, hochauflösende Bildschirm. Das ist also so einfach. Wir können weitermachen und das Logo hinzufügen. Wir wollen jetzt in der Lage sein, zu Farben zu gehen, und wir haben eine Marke hier. Dies ist also eine Marke, die wir zuvor eine ganze Social-Media-Kampagne entwickelt haben und wir hatten einige Branding-Elemente davon. Also haben wir diese zwei Farben, diese zwei Hexfarben, die wir auf unserer Website verwenden werden, und wir wollen, dass konsistent sein, also wollen wir, dass die Menüoptionen hier drüben entweder das Orange oder das Blau anpassen. Und ich dachte, Blue wird mehr mit Links in Verbindung gebracht werden, aber es wird auch ein wenig höherer Kontrast zu Weiß sein und ein wenig bessere Lesbarkeit haben . So bearbeiten wir die Minute, die oben rechts sein wird Hier ist die Art der Menüoptionen hier. Es gibt auch Farben, die Sie das Farbthema ändern und die u R L Links oben ändern können. Du wirst diesen kleinen Schieberegler haben, und du merkst, wie er sich ändert, wenn ich das schiebe. Dies ist also benutzerdefinierte Farbe für Links, Schaltflächen und Feature-Bilder anzuwenden . Also wollen wir weitermachen und das in unsere blaue Farbe ändern. So, jetzt passt es zu unserem Logo und das Menü zu tun und tatsächlich hinzufügen, welche Seiten gehen, um auf ihre U Konflikt nach unten auf viele sein . Es gibt auch eine Menüoption zurück im Dashboard, aber Sie können es auch direkt hier tun, damit wir verschiedene Menüpunkte einstellen können. Das ist also unser Hauptmenü. Sie können einen neuen Mini erstellen, wenn Sie einen in der Fußzeile haben möchten, und Sie können die verschiedenen Orte festlegen. Also im Moment, das horizontale Desktop-Menü, das Ihr oberstes sein wird. Wir haben das auf primär gesetzt. Nehmen wir an, wir wollen das bearbeiten, so dass ich nur durch zwei primäre Mini klicke, das ist der einzige, den ich eingerichtet habe. Ich habe bereits einige davon eingerichtet, diese Luft verschiedenen Seiten, die ich im Seitenbereich erstellt habe , wo Sie neue Seiten auf der Website hinzufügen können. Wir haben ein Zuhause, eine Galerie, Dienstleistungen, diese werden wir alle durchklickbar sein. Dann können Sie es Element hinzufügen, so dass wir hinzufügen können, Nehmen wir an, Portfolio, das wir nicht haben. Also könnten wir das einfach zu unserem Menüsystem hinzufügen. Und jetzt haben wir einen neuen Menüpunkt, und Sie können diese verschieben, damit Sie eine andere Reihenfolge haben können. Und sagen wir, wir hätten ein Drop-Down-Menü. Lassen Sie uns also über Dropdown-Menü sprechen. Nehmen wir also an, wir wollen den Mauszeiger über Kontakt tut, und wir würden nicht viele Dropdown-Menüs darüber haben, also nehmen Sie eine Hauptseite und ziehen Sie sie ein wenig nach innen, und es wird einen verschachtelten Link erstellen. Dies ist also Ihr übergeordneter Link und das ist Ihr untergeordneter Link. Also wurde es eingenommen. Und jetzt, wenn ich über rollen, kontaktieren Sie uns, wir haben ein Dropdown-Menü, so ist es, wie einfach es ist, Dropdown-Menüs zu erstellen. Wenn Sie nicht möchten, dass dies ein Dropdown-Menü ist, schieben Sie es zurück und ändern Sie die Reihenfolge. So bearbeiten Sie Menüs. Es gibt auch eine andere Möglichkeit, die Nachrichten zu bearbeiten. Wenn wir aus diesem Thema angepasste Thema verlassen, gehen wir wieder hier raus. Sie können auch gehen Sie nach unten auf das Aussehen und gehen Sie zu den Menüs hier. Sie können hier auch Menüs auf die gleiche Art und Weise bearbeiten. Sie werden in der Lage sein, ein wenig mehr Optionen, wenn Sie es auf diese Weise tun, im Gegensatz zu gehen durch das angepasste Thema. Dasselbe können wir hier , hinzufügen, sie hinzufügen. Nehmen wir also an, wir haben häufig gestellte Fragen. Wir können hinzufügen, dass es es hier drüben zu unserem Menüsystem hinzufügen wird, und wir können die Reihenfolge ändern. Wir können es entfernen, so dass wir dieses entfernen können Also sagen wir, ich möchte einen benutzerdefinierten Link hinzufügen, den ich nicht nur auf meine eigene Website verlinkt hinzufügen möchte. Ich will einen Link zu woanders. Sie können auf benutzerdefinierte Links klicken, und wir könnten hier testen. Wir könnten die Cisco Google Dot com für einen Test haben und zum Menü hinzufügen. Wenn Sie also jemals eine Seite hinzufügen wollten, auf der eine benutzerdefinierte Verknüpfung vorhanden war, können Sie sie einfach löschen. Für detailliertere Optionen gehen Sie also durch das Bedienfeld „Darstellung“ und „Menüs“, anstatt die angepassten Themen zu durchlaufen . Es gibt also immer ein paar verschiedene Möglichkeiten, Dinge zu bearbeiten, und wir sind Presse, was es ein wenig kompliziert erscheinen lassen kann. Aber sobald Sie diesen Prozess ein- oder zweimal durchlaufen haben, werden Sie sich damit vertraut machen. Es wird nicht so kompliziert erscheinen. Also, wenn Sie jemals Ihr oberstes Menü machen wollen, so machen Sie es. Wenn Sie Ihr Logo ändern möchten , machen Sie es so. Alles andere, was wir tun werden, wird mit dem Element Tour-System gebaut. Gehen wir zurück zu unseren Seiten jetzt, wo wir Ihr Menü anpassen und unser Logo hinzugefügt wurden, um zu unserem Test zu gehen und wir gehen, um mit Element zu bearbeiten, oder es wird die gleiche Seite wieder laden. Und da gehen wir. Wir haben alles aktualisiert. Und jetzt werden wir alles darüber lernen, wie man alle Elemente baut und alles ausbaut und Videos hinzufügt. 62. Wordpress-Website – Header Video: über die Designseite von Dingen nachzudenken, bei denen alles technisch war. So bekommen Sie diese Einrichtung. Lassen Sie uns über unsere Website geplant sprechen. Also hatte ich einen Plan dafür. Das ist ein Reiseveranstalter. Wir müssen wirklich Leute aus bezahlten Anzeigen greifen. Die Leute kommen aus Social-Media-Anzeigen und bezahlten Anzeigen. Also müssen wir ihn mit einem schönen Bild packen, damit wir ein wunderbares, statisches, dynamisches Bild mit etwas Text haben statisches, können, der einfliegt, oder wir könnten etwas Besseres machen. Video, Video, Video, Menschen lieben Bewegung. Die Leute lieben Video. Sie verbinden sich wirklich, und es packt sie. Was ich also tun wollte, ist ein Hintergrundvideo anstelle eines rotierenden Banner-Karussell zu machen. Mal sehen, ob wir diesen oberen Teil des Videos machen und einen Call to Action Button und ein bisschen eine Überschrift überlagern könnten. Also, wie machen wir das? Das Verwenden von Element oder so, was wir tun wollen, ist das erste, was wir wollen. Drache ist eine Kreuzung. Dieser Schnittpunkt ist also Ihre Standardeinstellung. Warten Sie auf einen Container und fügen Sie verschiedene Spalten hinzu. Wir werden in einer Kreuzung direkt hier hinzufügen ziehen Widget in. Es ist gut, einen Standardwert für den Spaltencontainer zu erstellen, aber es wird auch diese externen Container gut haben, aber dann ist es auch in einem übergeordneten Container enthalten. Dies ist also der übergeordnete Abschnittscontainer, und es hat diese Art von Zwei-Spalten-Layout für uns erstellt. Was wir also tun wollen, ist, dass wir dieses Motion-Video dem Hintergrund dieses Hauptcontainers hinzufügen wollen . Wir wollen ein Hintergrundvideo, das durch diesen Bereich geht. Wir könnten hier zurück gehen und ein Video hinzufügen, aber wenn du ein Video hinzufügst, kannst du die Dinge nicht auf das Video setzen. Also, zum Beispiel, wenn ich an einem Videobereich hier und füge das Video hier hinzu, wird es mir nicht erlauben, eine weitere Kreuzung hinzuzufügen. Im Inneren wird es oben tun, damit wir es nicht so machen können. Deshalb erstellen wir einen Schnittpunkt und fügen dem übergeordneten Hauptcontainer einen Hintergrund hinzu . Wir werden auf den Haupt-Eltern-Container klicken, und wir werden das Hintergrundvideo anstelle eines Hintergrundbildes hinzufügen. Also wollen wir sicherstellen, dass anstelle von Box, dass dieser Hauptabschnitt voll ist mit, so dass wird alles nach außen strecken. Also lassen Sie uns jetzt unser Video hinzufügen. Wir gehen zum Stil, wir gehen in den Hintergrund und es wird uns ein paar Optionen geben. Classic ist eine einfarbige Farbe. Wir könnten einen Grady it Hintergrund hinzufügen. Wir können hinzufügen, Ah, Diashow, die geht über oder in diesem Fall, wir werden ein Video hinzufügen, so können Sie kopieren und fügen Sie unsere YouTube-Link, die wir haben. Oder wir können das Video auch auf unserer eigenen Website hosten und nativ gehostet. Also, wo finden wir diesen Link? Das finden wir im Medienbereich Ihres Dashboards. Gehen wir zurück zu unserem Dashboard, wo wir zu unseren Optionen gehen, diesem kleinen Hamburger-Menü, und wir werden in der Lage sein, zurück zu unseren Dashboards zu gehen und wird mit der rechten Maustaste unser Dashboard öffnen , bevor wir zurück sind und unser Wordpress-Dashboard. Wir gehen zu dem Medienbereich, den wir vorhin überprüft haben, und ich werde nur ein Video hochladen, und ich habe das für Sie als herunterladbare Ressource zur Verfügung. Wenn Sie den ZIP-Ordner öffnen, den ich Ihnen für diesen Abschnitt der Klasse gegeben habe, werden Sie in der Lage sein zu sehen, wo das Video für Sie haben. Es war dabei, ein neues Video hinzuzufügen, nur irgendwie zeigen Sie den Prozess und bemerken Sie die kleine Dateigröße. Sie wollen nicht vier K Video oder irgendetwas, das super groß ist, verwenden, weil Sie möchten, dass Ihre Ladezeiten vernünftig sind. Dies ist eine schöne niedrige Auflösung. Es wird nur als Hintergrundvideo verwendet. Also gehen Sie voran und laden Sie das hoch und ich habe es bereits hier hochgeladen. Wenn du auf klickst, sobald es hochgeladen wurde , dann klickst du einfach , auf das Video und es wird einen kleinen Kopierlink-Bereich hier unten geben. Das ist der Link, nach dem sie dich fragen. Du bekommst nur eine Kopie, Link geht zurück in dein Element oder jetzt gehen wir zurück in unseren Hauptabschnitt und es gibt die Links oder einfach nur, dass dieser Link da drin ist und du siehst, dass es automatisch beginnt, das Motion-Video zu laden . Sie können eine bestimmte Startzeit oder rechtzeitig mit Ihrem Video haben. Sie können auf einmal spielen oder Schleife es. Also werde ich auf Nein klicken, einmal zu spielen, weil ich die Lupin Lupin Luke fortsetzen wollte, weil es eher ein dekorativer Hintergrund ist, Aufmerksamkeit packendes Bild. Sie können dies also auch aus der mobilen Ansicht ausschließen. Wenn Sie es aus irgendeinem Grund nicht auf Mobilgeräten sehen möchten, können Sie bestimmte Elemente ausschließen, um nicht auf eine mobile Version der Website zu laden. Außerdem gibt es einen Rückfall im Hintergrund. Das ist großartig für Leute, die hier weitermachen. Aus irgendeinem Grund haben sie Videos deaktiviert oder die automatische Wiedergabe von Videos. Sie wollen ein Hintergrundbild haben, das genauso gut funktionieren würde. Manchmal öffnen sie das Video und machen einen Screenshot und verwenden diesen als mein Hintergrund-Fallback-Bild. Und so gehen wir hin. Wir haben unser kleines Hintergrundbild hinzugefügt. Nehmen wir an, wir wollen die Größe dieses ganzen Abschnitts ändern und mehr Video zeigen und enthüllen . Wir können unsere Polsterung immer ändern, also bin ich gleich hier. Ich war die ganze Zeit im gleichen Hauptabschnittsbereich Editierbereich , und wir können ein wenig Polsterung hinzufügen, um das Stunden zu verlängern. Wir hätten einen höheren Wirkungsbereich. Wir können einfach ein wenig mehr Polsterung hinzufügen. können wir jederzeit anpassen. Das ist also unser Hauptcontainer. Also zur Art der Überprüfung, haben wir unseren Hauptcontainer. Wir haben es den Inhalt voll mit und nicht verpackt. Und wir haben unsere im Hintergrund. Wir haben unser Video, also verwenden wir Videos, einen Hintergrund, und wir haben unsere Einstellungen so gemacht. Dies ist unser Haupt-Eltern-Container, und wir haben diesen anderen Container hier, ein weiterer Abschnitt. Dies ist ein verschachtelter untergeordneter Container und wird innerhalb dieses übergeordneten Containers existieren. Und das funktioniert mit einer aufgerufenen Aktionstaste auf der rechten Seite und einer Überschrift auf der linken Seite. Wir haben diese Standardeinstellung auf Spaltenraster. Natürlich können wir Spalten hinzufügen, die das ein wenig später tun wird. Aber was wir tun wollen, ist, dass wir zu unserem Hauptabschnitt zurückkehren wollen , der genau hier ist. Gehen Sie weiter und klicken Sie, und wir können alle unsere verschiedenen Elemente und Elemente, die wir laden können. Das erste, was wir tun möchten, ist eine Überschrift hinzuzufügen. Es ist also an einer Überschrift zu dieser kleinen Kiste, die hier hineingezogen wurde, und jetzt wollen wir eine genannte Action-Buttons bekommen. Wir haben einen Knopf, um wieder mit dieser Überschrift zu verbinden und haben wirklich etwas prägnanteres zusammen mit dem beweglichen Hintergrundbild. War Glenn Änderung oder Typ? Du bist exotisch. Urlaub beginnt hier. Wir werden wirklich Zeh brauchen. Lassen Sie diesen Typ vor diesem Bewegungshintergrund erscheinen. Lassen Sie uns voran gehen und unseren Stil hier ändern. Amarin Stil direkt hier im Textfeld. Und wir werden sicherstellen, dass unsere Textfarbe weiß ist, und wir könnten sie auch ein bisschen größer machen , indem wir zur Typografie gehen und die Größe ändern. Sie können die Linienhöhe auch ein wenig ändern, damit Sie sie nicht zu eng haben wollen und Sie die Lücken nicht zu weit auseinander wollen. Du wolltest wirklich das Gefühl haben, dass es eine Schlagzeile ist. Sie können auch einen Buchstabenabstand ändern, aber mit Kleinbuchstaben möchten sehr vorsichtig sein und entweder bei Null oder ein wenig negativ halten . Ich mag es nicht, große Lücken zu haben, weil es ein wenig unprofessionell aussieht. Die Schule kollabiert, dass zurück auf Standard Null. Wir könnten sogar diese alte etwas größer machen und wir können sogar einen Schlagschatten darauf tun, ist gut, so Tech Schatten. Wir wollen definitiv etwas, das ihm hilft, über das Motion-Video zu heben. Wir gehen zu einem kleinen Tech-Shadow, sehr klein. Wir könnten darauf doppelklicken, um es sehr offensichtlich zu machen oder nicht. Also nur um einen subtilen Schlagschatten zu mögen. Lassen Sie uns nicht zu viel Unschärfe auf. Es war ein wenig Unschärfe. Es hilft nur, es wirklich über das Video zu heben. Und ich führe gerne mit dem Senat. Lasst uns weitermachen und mit einem Kapital führen. Wir könnten alles andere in Kleinbuchstaben behalten. Also haben wir diesen Call-to Action-Button, der wirklich viel Hilfe braucht. Also lasst uns weitermachen und ein paar Markenfarben auf hier und Typografie bekommen. Wenn Sie einfach hier auf die Schaltfläche klicken, wird es einige Optionen haben, die Sie bearbeiten können. Also Buch jetzt wird unsere Art von Aufruf zum Handeln sein, und wir wollen sicherstellen, dass dies Mittellinie ist, also ist es in der Mitte mit dem Absatz ausgerichtet. Wir können diese Typografie auch zentrieren. Also lasst uns das machen. Während wir hier sind, sind wir hier drüben und zufrieden und wir gehen einfach ins Zentrum. Richten Sie das aus. Also beide werden Mittellinie sein. Gehen wir zurück zu wo Button. Lassen Sie uns die Farbe ändern. Wir könnten auch ein kleines Symbol hier hinzufügen, das ich dazu neige, Ikonographie zusammen mit Schaltflächen zu bevorzugen, weil es hilft, eine visuelle Hilfe zusammen mit der Schaltfläche zu bieten . Wir werden sehen, ob wir ein kleines Symbol hinzufügen können und er kann hochladen und spg als auch Mitglied. Wenn wir einige SPG-Symbole früher in der Klasse erstellt haben, können Sie eine Nikon hochladen, und es kann diese aktivieren, und wir können die Symbole auf diese Weise tun. Aber für diesen Fall werden wir ein Standardsymbol aus der Symbolbibliothek verwenden. Wir werden ein Symbol finden, das sich jetzt mit dem Buch verbinden wird. Also für mich ist es ein Häkchen. Eine Art Hinweis darauf ist der nächste Schritt in diesem Prozess. Lassen Sie uns dieses Häkchen machen. Natürlich können Sie jede Art von Namen einfügen, um nach einem zu suchen. Also jetzt haben wir ein kleines Symbol auf der rechten Seite, was schön ist, und Sie können den Symbolabstand ändern und es zu einer größeren Lücke machen. Ich mag es nicht, die Lücke zu erweitern, die man vorher oder nachher setzen könnte, aber ich mag es, bevor das liegt an dir und was deine Bedürfnisse sind. Lassen Sie uns eine große Taste oder sogar eine extra große Taste tun, und wir können voran gehen und setzen Sie unseren Link hier oder schwächen tun Link-Optionen. Wir können uns in einem neuen Fenster öffnen. Es gibt viele verschiedene Optionen, die Sie hinzufügen können, wo immer dies gut zu gehen ist, so dass Sie Ihren Link hinzufügen können . Wir gehen zum Stil, damit wir hier ein bisschen Typografie ändern können. Lassen Sie uns die Typografie etwas größer machen, genau da drüben. Lassen Sie uns die Textfarbe ändern. Hier wollen wir also unsere Hex-Codes einbringen, weil wir das Blau und das Orange haben wollen . Also habe ich dieses Markendokument, das Sie in den Social-Media-Bereich der Klasse beschränkt . Das wird hilfreich sein, um diese Hex-Codes zu bekämpfen. So ist die 1. 1 blau. Wir werden darauf doppelklicken. Wir haben diesen Hex-Code hier unten. zuerst Erhalten Siezuersteine Kopie und fügen Sie das ein, und so kann es diese Hex-Codes speichern, die nicht ständig eingeben müssen diese in Lassen Sie uns unsere orange Farbe hinzufügen . Das musst du nie wieder tun. Was hat da bereits hinzugefügt? Okay, also wollen wir den Knopf machen. Wir können den Knopf blau machen oder den Knopf orange machen. Welcher wird mehr auf dieser Art von ein wenig beschäftigtem Videohintergrund erscheinen? Und ich vermute, es wird orange sein, denn wenn du blau machst und das ist für die getippten den Hintergrund. Lasst uns das weiß halten. Gehen wir zur Hintergrundfarbe. Das ist also die Steuer. Lasst uns zum Hintergrund gehen. So würde Orange Workout oder Blau. Welcher würde euch wirklich herauskommen, wenn wir sogar orangefarbenen Text über Blau machen können? Der ganze Kontrast wird nicht ganz so lebendig sein. Ich fühle mich wie in einigen Fällen, vor allem mit dem ersten Teil, Sie haben blau auf blau mit dem Hintergrund. Ich denke, Orange könnte insgesamt eine Art mehr Aufmerksamkeit erregende Farbe sein. Wir werden es orange halten. Also, jetzt das nächste, was wir tun müssen, ist zu gewinnen, welche Art von Zentrum ausrichten diese beiden, weil gerade jetzt dies an der Spitze positioniert ist und das ist irgendwie positioniert. Ich würde es lieben, dass das ein bisschen runterkommt. Was wir tun wollen, ist, dass wir diese Taste verschieben wollen, damit es uns eine Chance gibt, diese Schaltfläche zu positionieren , Sehen Sie diese kleine Schaltfläche bearbeiten, Wir werden in der Lage sein, klicken und ziehen Sie sie nach unten. Wir können es wirklich irgendwie dorthin bewegen, wo wir wollen. Lassen Sie uns voran und klicken Sie direkt hier. Hier. Und das ist nur eine Option mit einem Knopf. Moment können Sie nicht wirklich darauf klicken und den Text nehmen. Die Texas Art von in seinem eigenen Container. Das ist also eine besondere Sache, die Sie mit der Tastenpositionierung tun können. Lassen Sie uns fortfahren und unsere Website hier aktualisieren, damit wir voran gehen und speichern können, was wir hier haben. Sie können auch als Entwurf speichern oder auch als Vorlage speichern. Wenn du willst. Sie sind noch nicht bereit, es zu veröffentlichen. 63. Wordpress-Website - Erstellen andere Abschnitte: Das ist es, was ich hoffe zu schaffen. Es ist nur die höhere Kontrast orange Box nach dem Video, die nur ein Verkaufsargument des Kunden haben wird , die das höchste bewertete Reisebüro im Jahr 2020 mit einem kleinen Fünf-Sterne-Symbol ist. Weil ich es liebe, Symbole zusammen mit jedem Typ zu verwenden, nur um eine Art wirklich habe ich ein visuelles mit Text. Dies ist die Art der kontrastreiche Leiste, die ich erstellen möchte. Also machen wir das in unserer eigenen neuen Kiste. Also wollen wir das Ende hierher ziehen. Wir gehen zurück zu unseren Elementen, die wir hineinziehen können. Also, was wir tun werden, ist eine Überschrift hier mit der Überschrift hier zu ziehen, und wir werden alles eingeben, was wir essen haben. Das beste Reisebüro im Jahr 2020. Was wir tun werden, ist, dass wir zu diesem Hauptabschnitt gehen. Wir werden den Text nicht machen. Wir gehen zum Hauptfach, dem zweiten neuen Abteilungsbox-Mitglied. Wie wir hier oben einen Hauptabschnitt hatten. Dies ist ein Hauptabschnitt hier unten, und wir möchten einen einfarbigen Hintergrund hinzufügen. Wir gehen zum Stil Hintergrundtyp, und wir wollen nur eine klassische einfarbige Füllung machen. Wir gehen runter. Wir haben bereits unsere Marken-Orange. Wir werden das anschieben. Wir können sogar ein Hintergrundbild anstelle einer einfarbigen Farbe hinzufügen. Wir könnten ein anderes Video machen, obwohl Sie keine Videos zurück an Rücken haben. Lass uns voran gehen und das ein bisschen zusammenbrechen. Wir wollen nicht zu viel Polsterung. Wir passen nur an oder Polsterung hier genau da. So können wir jetzt zurück zu unserem Textfeld DoubleClick. Und natürlich können wir das Schlimmste ändern. Richten Sie Ihre Kopfzeilen ein. Also H ein H zwei und Absatz ist irgendwie nett, weil man hier zum Inhalt gehen und alles irgendwie ähnlich machen könnte . Größe ist, wir wollen sicherstellen, dass es zentriert und Stil ist. Wir wollen sicherstellen, dass es weiß ist. Vielleicht könnten wir es genau dort etwas kleiner machen. Wir wollen die Schlagzeilen nicht überwältigen, also wollen wir das nicht haben, denn jetzt ist es das gleiche, sagt Size ist die Überschrift. Sagen wir mal unsere Schlagzeilen h zwei. Was, wenn wir diese eine H R Schlagzeile machen, ist H eins. Und was, wenn wir diese zwei machen? Wir haben nur ein bisschen kleiner gemacht, so dass es nicht versucht, mit dem Top-Platz zu konkurrieren. Wir können immer zurückgehen, um Abschnitt zu bleiben und die Patty anzupassen. Hier ist alles, was wir tun müssen, ist, dass wir einfach mit der rechten Maustaste auf dieses kleine Feld hier oben klicken und wir werden in der Lage sein, eine neue Spalte hinzuzufügen. Also jetzt haben wir ein zweispaltiges Layout, aber ich möchte nicht, dass die Sterne das überholen. Also hier ist, was wir tun werden. Wir müssen den Prozentsatz ändern, den diese Spalte einnimmt. Was wir also tun wollen, ist, dass wir etwas Besonderes hineinziehen wollen. Ich glaube, es heißt Star Rating. Sie haben tatsächlich ein kleines Widget, das Sie für Sterne verwenden können. Ziehen Sie das Ende. Das könnte hier eine kleine Sternebewertung sein. Wir könnten das ein bisschen größer machen, ihm einen Fünf-Sterne-Stil geben, ein bisschen größer machen, ein wenig mehr Abstand hatten, und wir wollen die Farbe in Blau ändern, nur um diesen wirklich hohen Kontrast Pop hinzuzufügen. Also, jetzt wollen wir die Spalten ändern, denn im Moment haben Sie das und das zusammen, wir wollen irgendwie ändern, wie das aussieht. Wir wollen die Spaltengröße hier dieser Spalte reduzieren und die Spaltengröße dieser zu tun ist, wollen wir machen. Das könnte eine 70% Spalte mit sein und die anderen 1 bis 30% werden wir auf diese klicken, und wir werden an den Sternen gehen und ihn anrufen mit Lass uns machen 30 Und hier drüben wollen wir die Spalte mit 70 machen, damit es automatisch ändern wird, wenn es nur zwei Spalten, so gibt es eine Art von unserem zweispaltigen Layout. Wir können das natürlich verkleinern . Es wird darauf klicken. Wir können es 20% machen und vielleicht lassen wir es nach links ausrichten. So sieht es in der Vorschau aus, und hier können wir einige Dinge ändern. Wenn wir also das Gefühl haben, dass das orangefarbene Knopfbuch jetzt zu sehr mit dem gleichen orangefarbenen Knopf interagiert,können wir die Schattierung hier etwas ändern. zu sehr mit dem gleichen orangefarbenen Knopf interagiert, Machen Sie es leichter. Finden Sie einen Weg, um die beiden zu unterscheiden, oder wenn wir die beiden mit Farben verbinden wollen, das ist auch gut. Also versuchen Sie einfach, jede Phase dieser Website zu sehen und versuchen, gute Design-Entscheidungen zu treffen , während wir durch das Web-Layout arbeiten. Dies ist, wenn wir anfangen müssen, über das Handy nachzudenken und, wissen Sie, Handy kommt manchmal an erster Stelle, also lasst uns gehen und anfangen zu sehen, wie das in Mobile funktioniert, weil wir all dies auf dem Desktop einrichten und das ist großartig. Aber wie sieht es auf einem mobilen Gerät oder einem Tablet aus? Es ist unglaublich wichtig, das immer während des gesamten Prozesses zu überprüfen. Also lass uns darauf hinuntergehen. Eine kleine Option hier unten unten genannt Responsive Moods. Es wird darauf klicken, dass wir eine Standard-Vorschau haben. Sein Nachteil zum Desktop, aber wir können es für Tablet einstellen, damit ich sehen kann, wie es aussieht. Eine Tablette. Wir können diese ganze Sache und Tablet-Modus bearbeiten, oder wir könnten es auf Handy halten. Und wenn wir hier zurück gehen, können wir bis zum Ende der Website nur mit dieser Ansicht fortsetzen, was wirklich unglaublich ist. Das ist einer der großen Vorteile für Element oder ist in der Lage, eine Vorschau in allen Modi ziemlich einfach. Also mal sehen, wie es auf der mobilen Ansicht aussieht, und wir müssen zurückgehen und optimieren, um sicherzustellen, dass es überhaupt gut aussieht. Drei. Versuchen wir also zuerst das Tablet, damit das Tablet ziemlich gut aussieht. Vielleicht müssen Sie vielleicht die Größe dieser Typografie zusammenbrechen. Vielleicht wissen Sie, dass wir die Knöpfe vielleicht etwas kleiner machen könnten. Es gibt kleine Verbesserungen, die wir machen können, um es gut aussehen zu lassen. Also ich denke, es sieht gut aus und Tablet. Sieht toll aus. Und Desktops noch, Obwohl wir den Typ ein wenig kleiner gemacht, lassen Sie uns versuchen, mobile. Dieser Typ beginnt wirklich zu überwältigen. Wir haben irgendwie unsere Speisekarte hier, auf die wir klicken können. Also hier ist unsere kleine Speisekarte fallen gelassen viele, die einfach wie ein Hamburger Menü Reise nach unten und die Sterne sind nicht wirklich einen guten Job hier. Wahrscheinlich muss er zentriert sein. Phyllis ist sicherzustellen, dass diese Luftzentrale ausgerichtet Lasst uns zurück zur Inhaltsmitte der Stern gehen . Das sieht also besser aus. Es sieht so aus, als ob unsere Schaltfläche hier den Abschnitt überlappt, also sind sie kleine Anpassungen, die wir vornehmen müssen. Wir werden sehen, wie es auf dem Desktop aussieht, jetzt, dass wir Änderungen vorgenommen haben, sieht immer noch gut auf dem Desktop aus. Vielleicht müssen wir also die Polsterung hier reduzieren und das nicht ein wenig heraufbringen . Das Ding in Mobile wird auf Desktops gut aussehen. Es gibt also einige Tricks, die wir verwenden können, um mobile Sachen anzuzeigen, bei denen wir eine bestimmte Sache ausschließen können , mit der wir Probleme haben und etwas anderes auf Mobilgeräten tun können. In diesem Fall, wenn ich in den Responsive-Modus gehe und zu Mobile gehe, haben wir ein wenig Probleme, wenn es darum geht, diese Schaltfläche Art der Überlappung der besten jetzt Bereich. Was wir also tun könnten, ist, dass wir auf die Schaltfläche klicken oder wirklich auf die beste Agentur hier, und wir können es für mobile Ansicht ausschließen. Wir gehen runter zu reaktionsschnell. Wir könnten es nur auf Mobilgeräten verstecken, so fortschrittlich, reaktionsschnell, und wir können es auf Mobilgeräten verstecken, damit es nicht einmal da sein wird. Was wir also tun möchten, ist, diesen Abschnitt zu verstecken, gehen Sie zu reagieren und auf Mobilgeräten zu verstecken, so dass der ganze Abschnitt nicht angezeigt wird, und wir können weiterhin die anderen Abschnitte hinzufügen, und wir können auch eine neue erstellen Abschnitt hier, und es könnte nur auf Mobilgeräten existieren. Also, wenn wir irgendwie eine andere Anordnung haben wollen, was wir tun können, ist, dass wir einen neuen Abschnitt erstellen, ihn auf Tod-Typ verstecken und sich auf dem Tablet verstecken können, und es nur auf dem Handy haben, so dass Sie die Dinge wechseln können herum und machen Sie Ihr eigenes benutzerdefiniertes Handy aus. Wenn Sie ein Element haben, das auf dem Desktop fair Tasking aussieht, möchten Sie es so behalten. Sie könnten immer einen anderen Abschnitt nur für die mobile Version haben. So macht man das kurz. Natürlich kann ich auf eine Menge davon näher eingehen, also gehen wir zurück zur Desktop-Version. Da gehen wir. Ich denke, es sieht toll und mobil aus. Großartiger Desktop. Ich denke, wenn wir diesen Abschnitt eliminieren und einen neuen Abschnitt hinzufügen, der nur für mobile funktioniert, denke ich, dass wir diesen kleinen Abschnitt mit der Arbeit auch bekommen können. Also müssen wir dies tun, wie wir durch die Website gehen, weiterhin in allen drei Modi Vorschau. Es muss in allen drei großartig aussehen. Und wenn nicht, können wir einen Abschnitt ändern, damit es funktioniert auf nur zeigen auf dem mobilen Gerät. Also lassen Sie uns unseren nächsten Abschnitt hinzufügen. So wird es aussehen. Blättern Sie nach unten. Wir werden das hier passieren lassen. Wir wollen eine Art Schlagzeile namens Action Button haben und wir werden diese kleine Grafik erstellen , die von rechts hinein gleiten und animieren wird, genau wie die oberste Version. Also lasst uns es ausbauen. Ich würde einen neuen Abschnitt hinzufügen, zurück zu ihrem Modul gehen, und wir werden hier eine Kreuzung hinzufügen. Es wird ein Zwei-Spalten-Raster für uns erstellen, und eins wird ein enger Box-Drachen-Typ-Editor Scott, ein Drachen-Typ-Editor, in diese Box. Wir werden auch etwas anderes brauchen . Wenn ich diesen Typ ändern würde, ändert er den gesamten Typ. Es lässt uns nicht einen Typ isolieren und ihn zu einer Schlagzeile machen. Es wird den ganzen Typ in diesem Feld ändern. Also, was wir tun werden, ist, Überschrift zu haben und es direkt oben auf diese Box zu ziehen. Was also tun wird, ist, dass wir unseren Hauptabschnitt hier haben, und wir haben unsere beiden Spalten links und rechts. Und was wir getan haben, ist, dass wir gerade eine Kopfzeile oben auf dieser Box hinzugefügt haben, und jetzt müssen wir auf der linken Seite und eine Box auf die Rechte, die wir jemals überschreiben und Text kopieren . Und das wird unser Foto sein, das schließlich hinzugefügt wird. Ich möchte diese Standard-Pfirsichfarbe nicht verwenden. Also gehe ich hier rauf zu diesem Hauptabschnitt und habe den Hintergrund geändert. Zwei weiße. Da gehen wir. Also jetzt haben wir einen weißen Hintergrund und lassen Sie uns voran und fügen Sie den Typ hinzu, und dann können wir den Typografie-Stil in ein wenig anpassen. Also werde ich voran gehen und den Typ hinzufügen und ich bin gleich zurück 64. Wordpress-Website - Unsere Feature erstellen: Es geht also darum, an exotischen Orten zu sein und zu wünschen, dass du derjenige wärst, der dieses Instagram-Foto macht . Also macht es diesen Traum. Stattdessen, Instagram-Konto Ihre so nur tun ein wenig Urheberrecht, ein wenig Storytelling. Also lassen Sie uns einfach anpassen, dass Blue offensichtlich nicht funktionieren wird. Also lassen Sie uns unseren Typ anpassen. Wir könnten es in Orange tun, oder wir könnten ein Blau machen, oder wir können ein Grau machen und es neutral sein. Das liegt wirklich an dir. Wenn wir das Gefühl haben, dass wir über mit Farbe sind, könnten wir bei einem neutralen Dunkelgrau bleiben, was funktionieren könnte, weil ich denke, es neutralisiert die ganze Farbe Arbeits Stick auf eine Markenfarbe. Also werden wir einfach sehen, wie das aussieht. Lassen Sie uns vorerst bei der Markenfarbe bleiben. Wenn wir es neutral machen müssen, weil es zu viele konkurrierende Farben gibt, könnten wir das später tun. Lassen Sie uns das auch ein bisschen kleiner machen. Sehen Sie, wie H vier aussieht, h vier. Und lassen Sie uns auch diesen Absatz machen, so dass er zum Inhalt geht, der Absatztyp ist, und wir können gehen, um Stil und passen Sie die Größe dieses wie Hemden lesbar in allen Formaten will versuchen, 16 zu tun. Lassen Sie uns das jetzt neutral machen, da ich darüber nachdenke und es sehe. Machen wir es in neutralem Grau und machen es ein kleines bisschen größer. C H drei h drei. Es funktioniert ziemlich gut. Also machen Sie Ihren Traum, Instagram zählen Sie Ihren. Lassen Sie uns sogar diese zwei Absätze lang machen. Das ist vorerst nur Gobbledygook, aber ich denke, das wird funktionieren. Nehmen wir also an, wir haben hier eine Menge Polsterung. Wir haben hier eine Menge zusätzliche Polsterung. Wir wollen die Lücke hier schließen. Lassen Sie uns hier auf unser Hauptbild klicken und sehen, ob wir etwas von der Polsterung nicht ändern können. Mal sehen, was Null ringsum tut und Null Marge. Da gehen wir, also bringt es irgendwie ein bisschen auf, und wir könnten immer unsere Spalten ändern. Denken Sie daran, wir können hier auf die linken klicken und Spalte mit Make this 40% tun, so dass wir ein wenig mehr haben . Wir haben 60% auf dieser Seite, also ist es zwischen 100%. So ist es aufgeteilt, um 100% zu machen, so 40% 60%. Ich habe das Gefühl, das Bild sollte ein bisschen mehr gezeigt werden. Wir werden eine 60% Spalte haben, um ihr Bild zu zeigen. Also lassen Sie uns unser kleines Instagram-Bild erstellen. Nehmt Paar mit dieser Überschrift. Also werde ich dich im Fotoshop sehen. Also bin ich hier in Adobe Photo Shop und Sie haben Zugriff auf diese Vorlage, die ich von einer anderen Vorlage angepasst . Aber ich wollte es an diese spezielle Website anpassen. Aber Sie werden in der Lage sein, diese exakte Photoshop-Datei zu haben. Du kannst mit mir arbeiten. Sie müssen das ganze Instagram nicht von Grund auf neu erstellen. Aber Sie sind jetzt ziemlich erfahrener Designer, so können Sie dies leicht tun und die Instagram-Icons und alles neu erstellen. Sie haben alle Werkzeuge, die Sie brauchen, um es von Grund auf neu zu erstellen, aber hier ist es bereits für Sie erledigt. Lassen Sie uns voran, ersetzen Sie einige dieser Bilder. Also lasst uns gehen und das behalten. Genau hier habe ich das als Clipping-Maske. Also werden wir einfach mit der rechten Maustaste klicken und die Clipping-Maske loslassen. Löschen Sie das Foto und wir haben eine tolle Schachtel hier, und wir werden nur noch ein Foto mitbringen. Ich habe Sie müssen keine von diesen verwenden, die ich benutze. Gehen Sie einfach weiter und bringen Sie das rein. Sie könnten es auch als Container mitbringen. Wenn Sie also hier einen Container erstellen möchten, der hier oben einen Container mit diesem Werkzeug-Container-Tool erstellt, könnten Sie das tun und Ihr Bild hineinziehen. Das wird Ihnen das Leben viel leichter machen. Also ging ich hier rüber zu meinem Container und klickte auf die rechte Seite, damit ich die Kontrolle über dieses bestimmte Bild haben kann. Wir wollen eine emotionale Zeichnung für den Betrachter haben, also lassen Sie uns ein wenig hineinzoomen. Ich werde das oben ziehen und es irgendwie ein bisschen hier ausgeben, irgendwie ein wenig dynamischer Pop gegeben. Wollen Sie beide Fotos sehen? Wir haben genug Platz dafür geschnitzt, damit wir eine Figur ausschneiden können, wie wir das arrangieren wollen , und wir könnten weitergehen und ernten. Das ist gut, wir brauchen nicht so viel Platz. Es ist ein bisschen Ernte, die genau hier drüben ist. Wir haben nicht zu viel Leerraum, weil es eine Menge natürliche Polsterung hinzufügen wird. Wir könnten immer Polsterung in unserem Container hinzufügen. Also lassen Sie uns gerade genug tun, um das kleine bisschen einen Schlagschatten zu bekommen, der drücken Sie die Eingabetaste zeigt und Ihnen nur irgendwie zeigt, wie Sie Assets einbringen können, wenn Sie Web-Designs erstellen. Also wollen wir exportieren. Dies ist ein P und G Wir wollen dies auf einen farbigen Hintergrund setzen. Wir wollen sicherstellen, dass im Hintergrund nichts los ist. Also werde ich das als PNG exportieren. Gehen wir runter zu PNG. Wir wollen es nicht so groß machen. Wenn wir also eine 20-Pixelbreite eines Desktops von 1919 haben und das wahrscheinlich der größte Benutzer ist, den wir haben werden, verwenden wir nur die Hälfte dieser Größe. Sagen wir mal 1000 1000 Pixel. Ich wollte es automatisch für uns anpassen, also lassen Sie uns voran und bringen es als Bild rein. Also gehen wir zu unseren Elementen und lassen Sie uns einfach ein einfaches Bild-Widget ziehen. Jetzt werden wir hier klicken, um Bild zu wählen, und wir werden es auf unsere Medien hochladen, und ich habe bereits eine von einer früheren Version erstellt, also werde ich hier klicken und klicken Sie auf Einfügen Medien und es wird aktualisieren für uns. Diese Limeys sind ein bisschen besser. Gehen wir also weiter und klicken Sie auf unseren linken Hauptcontainer. Nicht nur die Überschrift, sondern diese ganze linke Spalte, und wir werden das einfach loslassen und wir wollen nur ein bisschen Polsterung oben setzen , um es irgendwie mit dem Foto in Einklang zu bringen. Wir könnten unser Bild ein wenig größer machen, also haben wir es jetzt um 10 24 mal 10 24. Aber wir können jederzeit die Größe ändern und auch die Ausrichtung. Es verbindet es auch. Also, was ich tun möchte, ist, dass ich die gleiche Animation hinzufügen möchte. Gehen wir zurück zum großen, weil ich hier unten zu viel Lücke haben will. Ich meine, es hängt davon ab, wie viel Typ du unten in diesem Bereich haben willst. Also lassen Sie uns die gleiche Animation machen, wo dieser kleine Block nach rechts gleitet, also gehen wir zu Erweiterte Bewegung wirkt. Wir könnten ein Fade machen, wenn wir ein Springen annehmen. Lassen Sie uns mit unserem Slide in fortfahren, gleiten Sie nach rechts und wir können diese Folie nach links haben. So klicken Sie einfach auf diese Spalte erweiterte Bewegungseffekte, Lassen Sie uns nach links gleiten. Wir werden das etwas verzögert haben, also ist das Bild leicht auf der rechten Seite verzögert, also Emotionseffekte. Lassen Sie uns es um nur fünf eine halbe Sekunde verzögern. Ich will nicht zu viel Verzögerung, Okay, also lass uns aktualisieren und sehen, was wir bisher dafür haben. Klicken Sie auf Vorschau Änderungen und lassen Sie uns sehen, wie es geladen wird. Und wenn Sie tendenziell Probleme mit der Ladezeit haben, möchten Sie sicherstellen, dass Sie den Export optimieren. Also sagen wir, das ist, ich denke, es sind 800 Kilobyte, was ziemlich groß ist, aber es ist eine hohe Auflösung. Wir sehen, was es ist. 863. Sie könnten es immer anders aus einem Fotoshop exportieren. Wenn die Größe ein Problem ist oder Ladezeit ein Problem ist. Es geht zum Dateiexport statt nur zu exportieren, wie Sie für Web sagen können, und es wird Ihnen mehr Kontrolle über die Reduzierung der Dateigröße geben. Also, wenn wir verkleinern, wählen wir PNG acht Kurs. Wir könnten ihre Bildgröße wieder um 1200 ändern, wodurch sie reduziert wird. Also, jetzt ist dies unten die 319 k, so dass wir in der Lage waren, die Dateigröße um 60% zu reduzieren. Also gibt es und es gibt einige Qualitätsreduktion, die Sie bekommen, wenn Sie das tun. Aber es ist alles von euch. Ich muss nur sicherstellen, dass alles korrekt geladen ist. Ich habe einen anderen versucht. Computer. Wie? Wie schnell wird es geladen? Wenn Sie Probleme beim Laden haben, überprüfen Sie Ihr Video, stellen Sie sicher, dass es nicht zu viele Daten benötigt und dasselbe mit Fotos Diese Foto-Optimierung für das Web und stellen Sie sicher, dass Ihre Ladezeit eine Priorität ist. Gehen wir weiter und machen unseren Test hier. Hier ist dein Test, der nach unten scrollt. Gehen Sie voran und aktualisieren Sie das noch einmal, so dass alles Art von Gleiten in. Sieht nett aus. Wir können das etwas verzögern. Wir können eine langsamere und langsame bringen. Wir haben eine zusätzliche Verzögerung um eine Sekunde und haben eine Verzögerung hier um zwei Sekunden. Oder vielleicht 1500. Eine zweite und 1/2. Mal sehen, wie wir nur Dinge testen und sehen, wie die Dinge aktualisiert werden. Da gehen wir. Schön, schön. Also, jetzt sind wir bereit für den nächsten Abschnitt, wenn Sie Websites zu tun, wenn Sie eine große Fläche haben. wir also, das ist sehr weiß. Also haben wir hier oben eine Menge Farbe. Wir benutzen unsere Farben. Wir haben hier unten viel Weiß, und in diesem Fall könnten wir sogar eines dieser beiden Blau ändern. Lass uns das wirklich schnell machen, denn ich schaue mir das an. Weißt du was? Wir brauchen hier wirklich etwas Blau. Also lasst uns diesen Balken in Blau ändern, was anders ist, als ich ursprünglich geplant hatte, in den Stil zu gehen, um in unseren Container zu gehen, zu stylen und lasst uns unser gebrandetes Blau machen. Und dann müssen wir nur diese Zehenorange, die Sterne oder Orange wechseln . Los geht's. Also, was machen wir jetzt mit dem nächsten Abschnitt? Also haben wir diese große weiße Fläche. Was ich gerne mache, ist viel Kontrast zu haben, besonders nachdem ich eine große weiße Fläche 65. Wordpress: Da wir den starken blauen Balken haben, lassen Sie uns einen orangefarbenen Abschnitt hier unten hinzufügen, wo die Hintergründe alle orange, um ein wenig von diesem Schwarz-Weiß-Kontrast hinzuzufügen , wo Sie einen hohen Kontrast Hintergrund haben. Dann haben Sie ein Licht und dann haben Sie eine hohe Farbe und es irgendwie schüttelt das Layout, anstatt nur einen weiteren weißen Bereich mit drei Symbolen zu tun. Lass uns unseren Hintergrund aufrütteln. Das ist es, was wir tun wollen. Wir möchten einen neuen Abschnitt hinzufügen. Also, was wir tun wollen, ist in einem dreispaltigen Abschnitt, wir wollen drei Symbole hinzufügen, drei Hauptabsatzabschnitte und wir wollen einen coolen Hintergrund hinzufügen, der mit unserer Orange übereinstimmt . Also, was wir tun werden, ist, dass wir unsere Kreuzung einbringen, und standardmäßig ist es auch. Also machen wir es drei, um hier zu gehen, und wir werden eine neue Spalte hinzufügen. Ich füge drei Spalten hinzu. Also habe ich hier auf diese Zeile geklickt. Dort fügen wir die dritte Spalte hinzu. Also, was wir tun wollen, ist, zurück zu unseren Elementen zu gehen und ein paar Dinge zu ziehen, also wollen wir eine Nikon haben, also lasst uns einfach ein Bild hier in der Mitte der Box machen, um es direkt dorthin zu ziehen. Wir werden auch eine Kopfzeile haben wollen, Art Titel dazu. Also lassen Sie uns eine Überschrift direkt darunter machen, und dann wollen wir schließlich ein Textfeld machen. Wir werden Texteditor direkt darunter. Stellen Sie sicher, dass Sie es in der richtigen Box bekommen. Wir machen einen, und dann können wir das duplizieren, um Zeit und Bearbeitung zu sparen. Das erste, was wir tun wollen, ist, dass wir unser Image ändern. Ich möchte drei Symbole haben, die wir dafür verwenden, so dass wir einfach nicht langweilig Typ haben können. Wir könnten ein Bild haben, das damit einhergeht. Also habe ich diese als herunterladbar. Ressource ist, dass Sie hochladen können. Ich habe alle drei davon sind die drei Symbole, die wir früher in der Klasse erstellt haben. Klicken Sie einfach auf ihr Bild. Gehen wir weiter und finden die. Lasst uns das zuerst machen. Gehen Sie voran. Beantworten Sie das in. Lassen Sie uns Ihre Überschrift ändern. Lassen Sie uns den Hintergrund machen, denn was ich tun möchte, ist, dass ich in der Lage sein möchte, den richtigen Typ-Stil zu finden . Und wenn ich den Hintergrund setze, werde ich in der Lage sein, den richtigen Kontrast für den Typ zu finden. Also lassen Sie uns hinzufügen, unsere Hintergründe ist ihr Hauptabschnitt, genau wie wir es am Anfang getan haben. Wir klicken auf unseren Hauptbereich und wir werden zum Stil gehen. Wir werden ein Bild hinzufügen, so dass wir auf klassische klicken Könnte ein Bild machen. Ich hatte das schon eingerichtet, aber es ist blau. Also werden wir das zusammen machen und stattdessen mit Orange fotoshopped. Also haben wir unsere orangefarbene Farbe aus unserem Markenpaket, wo es sicherstellen wird, dass wir diesen X-Code zur Verfügung haben . Wir gehen in den Fotoshop und wir werden dieses Bild hier benutzen. Sie können jedes Bild verwenden, das Sie wollen. Dies ist nur ein Hintergrundfoto. Könnte jedes Reisefoto sein, das du willst. Wir werden das ändern, damit ich es tue. Manchmal ist es einfacher. Sie können einfach ein Malen Bucker Tool in Ihren Hex-Code oder Sie tun etwas noch einfacher. Machen Sie einfach ein Quadrat und Illustrator und ziehen Sie es einfach über die Oberseite. Und wir wollen diese umschalten. Willst du dieses Foto auf die Oberseite legen und wir würden keine Mischmodi machen. Wir werden den ganzen Weg rüber gehen, um zu finden, welche wir denken, dass sie gut aussehen und trotzdem die Orange behalten würde . Wir wollen nicht, dass es ausgewaschen aussieht. Wir wollen nicht, dass es nicht wie die Markenfarbe aussieht. So funktioniert die Leuchtkraft oft sehr gut. Und dann werden wir einfach die Kapazität hier reduzieren, damit wir den Typ oben sehen können, genau so. Und jetzt brauchen wir es nicht wirklich. Ziemlich groß, aber das ist OK, weil wir es beschneiden können, wie wir dorthin gegangen sind. Aber hört ein wenig von diesem Kerl zu beschneiden, und wir wollen auch die Dateigröße reduzieren. Lassen Sie uns also die Bildgröße reduzieren. So Bildgröße 6000. Das ist eine ziemlich große, hochauflösende Größe. Das wird also nur eine Hintergrundgröße sein. Mal sehen, ob wir mit 2000 nicht davonkommen können. Und da dies ein Hintergrund ist, beschäftige ich mich nicht ganz so mit Qualität. Würde gehen, um Datei Export sicherer Web und wir könnten es in ein wenig einer geringeren Qualität tun. Stellen Sie sicher, dass es auf P und G ist, oder in diesem Fall, ich denke, wir könnten J peg einfach machen, weil wir nichts brauchen, um transparent zu sein. Also lassen Sie uns einen J. Paige machen , der immer ein bisschen niedriger in der Dateigröße ist. Wir könnten die Qualität ein wenig reduzieren, um es zu senken und dann gehen Sie weiter und klicken Sie auf Speichern. Jetzt können wir es hochladen, und ich habe das blaue. Daher legen Sie auch die orangefarbene Datei in die herunterladbare Datei, so dass Sie fortfahren können und dies für Sie einfügen. Und jetzt könnten wir White dorthin bringen. Wir könnten anfangen, unseren Text in der Nähe einer Mittellinie zu machen. Lass es uns vier Jahre alt machen. Wir brauchen das nicht zu groß zu sein. Lassen Sie uns es weiße Stil Textfarbe machen. gewöhnen Sie sich wirklich an all das, nachdem Sie es 70 Mal gemacht haben. Also lasst uns die Polsterung hier ändern, ist hier nicht viel Polsterung. Lasst uns irgendwie kondensieren, dass es bis zum Fortgeschrittenen ging. Setzen Sie es auf Null zuerst sagte unsere Margen Null nur irgendwie bringen, dass ein wenig mehr . Dasselbe dafür. Wir können auf die Hauptcontainerart klicken, um eine Null-Polsterung zu setzen. Es wird es wirklich straffen, aber das ist in Ordnung, denn wir könnten das anpassen. Wer weiß, wie man die Polsterung auf diesem großen Behälter und auch auf dem Hauptabschnitt Container wechselt , so fühlen Sie sich frei. Wenn Sie nicht die Ergebnisse erhalten, die Sie benötigen, stellen Sie sicher, dass Sie zu Ihrem Hauptcontainer gehen und überprüfen Sie Ihre Klopfen dort auch. Also, was ich hier sehe? Lassen Sie uns die Bildposition ändern, weil es nicht wirklich etwas im Bild des Wertes zu sehen . Also ist es los und wählen Sie unser Hintergrundbild hier, und wir könnten die Position ändern. Machen Sie eine Mitte links oder, wenn Sie behoben, es wird schlecht von einem Parallaxen-Stil zu tun. Wenn Sie also nach unten scrollen, können Sie sehen, wie es die Bilder statisch sind. Sie könnten irgendwie mehr von dem Bild auf diese Weise sehen. Also ging ich gerade zu Anhang und Major war auf Fixed Scroll. Und während ich das mache, merke ich, dass es wirklich schwer ist, auf der Orange zu sehen, und ich denke wirklich, dass meine ursprüngliche Idee mit dem Blau besser funktionieren könnte, aber das ist kein Problem, weil ich es in Blau umschalten kann. Das sieht viel besser aus, ich denke, meiner persönlichen Meinung, lassen Sie mich einfach die Polsterung an ein wenig mehr Atemraum anpassen, zurückgehen und anpassen, weil ich wirklich dieses coole Foto sehen möchte. Also eine Sache, die wir tun können, ist, dass wir das haben. Wir könnten das noch mal machen. Drache, ein Fotodrache, ein Header. Oder wir könnten diese ganze Kiste duplizieren. Also, das ist, was wir tun werden, ist klicken Sie oben von oben, was wird diese ganze Box sein, Rechtsklick, Duplizieren, Rechtsklick, Duplizieren, und dann löschen Sie alle diese war Richtig. Klicken Sie auf Löschen rechts Klicken Sie auf Löschungen. Und jetzt müssen wir nur unsere Bilder ersetzen und Oliver-Text ersetzen. Und dann sind wir fertig mit unserer kleinen Drei-Säulen-Sache. Es wird einfach so fließen. Wie können wir ein bisschen hinzufügen? Und es sieht so aus, als wäre das ein bisschen aus. Sieht aus wie Sieh an, wie das nicht auf der gleichen Zeile steht. Nun, es ist Einsteller-Symbol leicht Also ich bin nur hier in der Art auf meinem nur für mein Bild, nur irgendwie sicherzustellen, dass alles ausgerichtet ist. Also ändern Sie einfach die Peitschen und ändern Sie die Breite dieses Bildstils. Ich möchte alles dafür sorgen, dass alles ziemlich gut ist. Es änderte auch die Richtung zu unserer Orange. Wer muss vielleicht einen Schatten heller machen, und das ist okay. Sie werden Fälle haben, in denen Sie es auf einem dunkleren Hintergrund haben müssen. Deshalb in Ihrem Branding haben Sie in Ihrem Brandingmehrere Orangenfarben, nicht nur einen Orangenton , wie wir es tun. Sie haben mehrere Schattierungen, also was wir tun könnten, ist, dass wir den Schatten retten könnten, fügen Sie das richtig darüber, dass sie perfekt sind. Ich dachte, das fügte ein wenig mehr Kontrast hinzu, war aber immer noch nicht überwältigend. Also lassen Sie uns voran und speichern Sie dies und sehen, wie es in der Live-Vorschau aussieht. Also hier ist alles, was reinkommt. Ihr exotischer Urlaub beginnt hier. Klicken Sie auf einen anderen Link das beste Reisebüro. Machen Sie Ihr INSTARM-Konto zu Ihrem. Es wäre schön, wenn wir eine kleine Animation hätten, wenn wir hier nach unten scrollen, also gehen wir zurück und lassen Sie uns eine kleine Animation auf diesen Boxen machen. Ich klicke auf diese Hauptbox, nicht nur auf das eine Bild, sondern auf die ganze kleine Hauptbox hier, und wir gehen zu der gleichen Sache. Wir haben fortgeschrittene Bewegungseffekte gemacht. Was hat diese Folie auf der linken Seite? Lassen Sie uns diese eine gleiten nach oben und dann haben diese eine ist wie die entgegengesetzte Richtung, Rutsche und Rechte. Es ist Licht und linkes Licht und rechts und gleiten nach oben. Mal sehen, wie das aussieht. Und da geht es. Alles, was gut aussieht, und wir haben diese Art von Parallaxe durchschnittliche Schriftrolle des Hintergrunds, die wirklich gut aussieht. Und das könnte ich sogar ändern. Kehre das zurück auf Orange, da wir nicht blau gedreht hätten. Es ist keine große Sache. Geh wieder hoch und tausche die aus, und jetzt haben wir das hellere Orange. Ich frage mich fast, ob wir hinzufügen können, anstatt diese die gleiche genaue Farbe zu haben, könnten wir Ihren Knopf ändern, damit es nicht mit der Bar konkurriert. Ändern Sie es in unsere helleren blauen Farben, um zu sehen, wie es ein etwas anderer Farbton ist, aber es ist immer noch in der gleichen Familie. Ich denke, das sieht viel besser aus, also gehen wir. Gehen wir weiter und sehen es noch einmal an. Das ist unsere letzte Art von Test hier. Es gibt noch eine Sache, die ich denke, wir könnten wirklich festhalten und ich habe das Gefühl, dass hier eine Art Struktur fehlt , als ob es irgendwo eine Art Trennbalken geben sollte, die diese drei Elemente aufteilt . Fügen wir dazu einen geteilten Balken hinzu. Alles, was wir tun müssen, ist hierher zurück zu gehen, um zu teilen. Wir schieben die Trennwand direkt dazwischen. Wir könnten unsere Linie hier in alles ändern, was wir wollen. Also wollte ich etwas Kurviges ausprobieren. Versuchen wir also gekrümmt, und wir könnten die Breite ändern, damit sie nicht den ganzen Weg über die Mitte geht. Richten Sie es aus, gehen Sie zum Stil. Wir könnten diesen weißen Wandel machen. Das Gewicht und die Dicke und die Änderung der Größe war das Hinzufügen ein wenig von einer Grenze dort, Hinzufügen ein wenig mehr von einer Menge oder Verringerung es nur ein wenig etwas Lücke. Was reduziert ist, dass ein wenig nur ein kleines bisschen Teilungsfläche dort hinzufügt, der das auch zu den anderen beiden hinzufügen kann . Wir können sogar mit der rechten Maustaste klicken, duplizieren und abgelenkt alle über Rechtsklick Duplikat bei Dragon rechts über. Ich finde, das sieht ziemlich gut aus. Ich denke, wir müssen nur hinzufügen, dies ist das Finale, als ich vor dem Filmen der Klasse erstellt. Also möchte ich sicherstellen, dass wir diesen letzten Schritt machen, damit ich Ihnen zeigen kann, wie Sie einen Call to Action Button tun . Also für das und nicht, ich glaube nicht, dass wir so viel Text brauchen. Jetzt hätten wir einen aufgerufenen Action-Button, was wirklich schön ist. Gehen wir rauf und machen es einfach. Da ist ein Knopf. Hatte es genau hier. Wenn ich es tun möchte, ist zentrieren Sie es, ein Medium hinzugefügt Symbol zu machen, das ich denke, würde wirklich gut passen. Lasst uns einen Pfeil machen. Ich werde ein bisschen größer, wenn ich gehe und die Farben davon austausche. Und da gehen wir. Wir haben alles für uns vorbereitet. 66. Wordpress-Website – Responsives Design: Jetzt ist es Zeit, das zu testen. Wir haben hinzugefügt. Unser Call-to-Action-Button hat hier die Polsterung angepasst, um hier den schönen Abstand zu haben. Also lasst uns voran gehen und es ausprobieren. Gehen wir zur reaktionsfähigen Stimmung. Mal sehen, wie es auf dem Tablet aussieht. Das Oberteil sieht toll aus. Die kleine Bar sieht toll aus. Dies könnte ein wenig Polsterung hier benötigen. Dies könnte wahrscheinlich in der Größe reduziert werden. Vielleicht wie ein wenig Polsterung zwischen den Spalten hinzugefügt. Gehen wir weiter und machen einige dieser Optimierungen. Vielleicht muss dieser Typ nicht ganz so groß sein, also könnten wir eine Nummer finden, die funktioniert. Also vielleicht 22 oder vielleicht etwas zwischen dem 30. Ändern Sie die Breite dieses Symbols, um die anderen zu entsprechen, genau wie kleine Anpassungen, die wir tun könnten. Mal sehen, was wir tun könnten. Ruf ihn an. Also lassen Sie uns dieses Haupt-Elternteil hier tun Super kann die Polsterung anpassen, um ein wenig mehr Abstand zu haben Jedes kleine diese Luft hat diese Luft auch verschachtelt, also haben wir diese Hauptsäule, aber wir haben auch diese, jede einzelne Spalte. Klicken wir auf die linke Spalte. Ja, und jetzt sieht das ein bisschen besser aus, äh,auf dem äh, Desktop , den wir auch ändern können. Das ist gut, um etwas Padding hinzuzufügen. Lassen Sie uns gehen Fortschritte unlink das und tun etwas linkes Padding. Da gehen wir. Also nur einige leichte Anpassungen an der mobilen Ansicht. Gehen wir zurück zum Desktop. Stellen Sie sicher, dass es nichts wirklich Kompromisse gab dramatisch. Alles sieht wirklich gut aus. Sieht toll aus. Tablet sieht gut aus. Und hier ist der große Kicker. Wie sieht es aus? Und mobil. Also haben wir das ausgeschlossen. Das wird also großartig sein. Also werden wir nur Ihren exotischen Urlaub hier buchen lassen, also haben Sie einige Anpassungen, die wir vornehmen müssen. Das wird eine schwierigste Sache. Balancing Wie sieht es auf dem Desktop aus? Hat nicht auf dem Tablet geschaut und haben, ist es auf Handy aussehen. Und es könnte sein, dass dieses Drei-Säulen-Raster nicht sehr gut zusammenbricht, wenn Sie es auf Mobilgeräte reduzieren . Und das ist in Ordnung. Sie könnten diesen ganzen Abschnitt ausschließen, indem Sie hier klicken, zu reagieren und ihn auf dem Handy ausblenden. Sie verstecken sich auf dem Handy, es wird nicht einmal angezeigt. Sie könnten einen neuen Abschnitt hinzufügen, der nur vier mobile ist, und er könnte es auf dem Desktop-Tablet verstecken , und es ist nur für Sie. Es wird ein bisschen einfacher zu lesen sein, also gibt es eine Menge zu überlegen, wenn man eine Website entwirft, und das sind nur die Grundlagen. Dies ist nur die kostenlose Out of the Box-Version von Element oder und nur die Standard-Widgets . Dies ist nichts, dass, wenn Sie sich für einen Pro Count registrieren, gibt es vorgefertigte Vorlagen für Sie. Sie können Drag & Drop und Dinge ändern. Sie müssen es nicht von Grund auf neu bauen. Sobald wir aktualisieren, könnten wir zurück zu unserem Drop-down-Hamburger-Menü hier, und wir können gehen, um das Dashboard zu verlassen, gehen Sie zurück zu unserem WordPress-Dashboard, gehen Sie zurück zu unseren Seiten. Und jetzt wissen wir, dass dieser Test , der jetzt unsere Homepage war, jetzt verfügbar ist. Und wenn Sie jemals zurückgehen und es bearbeiten möchten, gehen Sie einfach hier rüber und klicken Sie auf Bearbeiten mit Element Tour, so dass Sie neue Seiten erstellen und sie alle verknüpfen und das gleiche mit Element erstellen können. Oder sagen wir, wir möchten unsere Galerie-Seite bearbeiten. Können Sie das bearbeiten, wer nicht mit Element Tornado hinzugefügt hatte, um den gleichen Prozess zu durchlaufen. Natürlich können Sie Vorlagen hier speichern, so dass Sie nicht ganz von vorne anfangen müssen, aber Sie möchten vielleicht etwas anderes Galerie machen. Also nochmals, dieser Titel zeigt sich, also gehen wir wieder durch diesen Prozess zurück. Wir gehen zu den Einstellungen, könnte den Titel ausblenden, erhalten die Seite Standard mit Element oder voller Breite. Es wird sich zu dem ändern, was wir vorher getan haben. So hat er die Seite eingerichtet, um loszulegen, und es sollte Ihnen einen Neuanfang geben. Also hier sind wir in der endgültigen Website. Wir sind alle fertig. Dies ist nur die Startseite. Wir müssen immer noch alle anderen Seiten verlinken. Es gibt Ankerlinks, die Sie tun können, um es mehr von einer Parallax-Stil Website zu machen. Es gibt so viel mehr Zehenarbeit, Presse und so viel mehr zum Element, oder es ist schwer, das in einem kleinen Abschnitt einer viel größeren Klasse zu tun. Also, was ich tun könnte, ist ein vollständiges, ähm, Prozess zu machen ähm, . Werden wir den gesamten Website-Prozess durchlaufen, wissen Sie, an einem 15-stündigen Projekt teilnehmen? Wenn ihr interessiert seid, lasst es mich wissen. Ich würde gerne so etwas beibringen. Wir gehen mehr in die Tiefe. Aber ich wollte allen das vorstellen, um Ihnen zu zeigen, wie einfach es ist, Ihre eigene Arbeit zu erledigen . Und das gleiche kann auf Squarespace to Wickes Toe Web Flow angewendet werden. Sie alle haben einen ähnlichen Baumeister. Sie werden nicht alle genau gleich funktionieren. Aber die Konzepte lüften dort. Und solange Sie wissen, wie Sie richtig für das Web entwerfen, werden Sie in der Lage sein, die gleichen Dinge zu behalten, die wir durchgemacht haben. Auch wenn Sie sich entscheiden, nicht Wordpress zu verwenden oder Sie sich entscheiden, etwas anderes zu verwenden, hoffentlich war der Abschnitt immer noch hilfreich. Sie werden also nicht mehr eingeschüchtert, indem Sie Webdesign zu Ihren Fähigkeiten hinzufügen. Legen Sie als Grafikdesigner fest,