Grafikdesign Bootcamp: Layout und Workflow Grundlagen | Shawn Barry | Skillshare

Playback-Geschwindigkeit


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

Grafikdesign Bootcamp: Layout und Workflow Grundlagen

teacher avatar Shawn Barry, Creative Director, and Educator

Schau dir diesen Kurs und Tausende anderer Kurse an

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

Schau dir diesen Kurs und Tausende anderer Kurse an

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

Einheiten dieses Kurses

9 Einheiten (1 Std. 24 Min.)
    • 1. Video 01 Einführung und Kursziele Skillshare

      2:27
    • 2. Video 02 Beschreiben des Projekts

      3:31
    • 3. Video 03 Überprüfung der Assets

      8:58
    • 4. Video 04 Einrichten unserer Seite für den layout

      16:48
    • 5. Video 05 Plakat und Postkartendesign

      13:20
    • 6. Video 06 Website Desktop

      21:12
    • 7. Video 07 Website Smart Phone

      13:35
    • 8. Video 08 Recap und Fazit

      1:34
    • 9. Video 09 Was als nächstes

      2:32
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

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

1.349

Teilnehmer:innen

--

Projekte

Über diesen Kurs

In diesem Kurs wirst du ein Bootcamp für das Seitenlayout und den grundlegenden professionellen Workflow eingeben, der von den Profis der Kreativwirtschaft verwendet wird. Als Grafikerin ist es ebenso wichtig, mit Dateien, Assets und kreativen auf eine organisierte Weise zu arbeiten, wie es kreativ sein soll. Jeder Designer, Kunstdirektor und Kreativdirektor kennt die Bedeutung von guten Dateien und Workflows. Es ist die wichtigste Zutat, die die Profis von den Enthusiasten trennt. Talent wird dich nicht in den nächsten Auftritt bringen, wenn du nicht wie ein Profi arbeitest. Dieser Kurs stellt dich auf den richtigen Weg dar.

429461b9

Triff deine:n Kursleiter:in

Teacher Profile Image

Shawn Barry

Creative Director, and Educator

Kursleiter:in

My name is Shawn Barry, and I'm a creative professional with over 30 years experience. I'm also partner and Creative Director at a small boutique agency in Toronto Ontario Canada, called Booster Rocket Media.

Vollständiges Profil ansehen

Kursbewertungen

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

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

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

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

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

Lerne von überall aus

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

Transkripte

1. Video 01 Einführung und Kursziele Skillshare: einen Fähigkeitsanteil. Mein Name ist Shawn Berry, und ich bin ein kreativer Profi mit 30 Jahren Erfahrung, und ich bin auch Partner und Creative Director in einer kleinen Boutique-Agentur hier in Toronto, Ontario, Kanada genannt Booster Rocket Media, wo wir alle Arten von coolen Sachen wie Website-Design und Entwicklung machen. Wir machen Videos. Wir machen Animation und Werbung, traditionell und digital. Also habe ich alles gemacht, von Studiokünstlern bis hin zu Creative Director in einigen großen Agenturen hier in Kanada. Also werde ich versuchen, Ihnen etwas von dieser Erfahrung in diesem ersten Kurs, der Layout-Grundlagen genannt wird, mitzuteilen. Layout Basics wird also eine Art Bootcamp für einen professionellen Workflow sein. Es wird nicht so viel um Design und Typografie gehen, obwohl wir etwas davon erschaffen werden. Aber ich werde mich hauptsächlich darauf konzentrieren, wie Sie Ihre Arbeit vorbereiten, so dass es Sinn macht, wenn Sie es tatsächlich sehen, entweder im Web oder im Druck, denn es sind alle Arten von kleinen Tricks, die Sie wissen müssen, um richtig zu erstellen Ihr Design. Denn so viele Anfänger und sogar Profis, die dies seit 5 10 Jahren tun, werden das gleiche Problem stoßen, bei dem Sie auf Ihrem Bildschirm entwerfen und etwas näher schaut. Es sieht weit weg, aber es ist nicht relativ. Du denkst nicht darüber nach, wo es an einer Wand sein wird, 10 Meter von dir entfernt, oder, weißt du, auf einer Plakatwand über die Autobahn oder auf einem kleinen Gerät, das du ansiehst. So haben diese Dinge einen Einfluss auf den Design-Prozess ganz deutlich bei einem guten professionellen Workflow kann Ihnen helfen, die Probleme mit einem Poster mit ah kämpfte so groß zu vermeiden . Aus irgendeinem Grund macht das keinen visuellen Sinn oder auf einem Smartphone zu sein, aber nichts lesen zu können, weil es zu klein ist. Ich werde Ihnen alle Wege zeigen, die Sie brauchen, um dieses Problem zu umgehen. Aber wir werden auch ein cooles Design in diesem Prozess machen, also wäre das der Punkt. Jetzt. Ich werde Ihnen nichts über Illustrator beibringen oder Photoshopped diejenigen der Anwendungen, die ich verwendet habe, um dieses Material zu erstellen, aber Sie können gam schlechte CorelDRAW oder jede andere Sache, die Sie verwenden können, die Sie tatsächlich erstellen Layouts in, weil wir uns auf den Workflow selbst konzentrieren werden, nicht auf die Software oder die Techniken. Also, was immer Sie haben, was auch immer Sie sich wohl fühlen, das ist es, was Sie tun können. Und ich habe auch einige Designarbeiten für Sie erstellt. Also werden wir mit Sachen arbeiten, die ich erschaffen habe, was ich dir zeige. Aber Sie können entweder mit mir folgen oder Sie können Ihre eigenen erstellen. Und ich werde Ihnen sagen, wie Sie das tun können, denn ich bin wirklich aufgeregt, meinen ersten Kurs zu beginnen, also lasst uns darauf eingehen. 2. Video 02 Beschreiben des Projekts: Okay, komm runter dazu. Es ist zufällig ein schöner, schöner Samstagnachmittag hier in Toronto, Ontario, Kanada. Die Sonne ist draußen, und das lässt mich immer an Musik denken. Und , es lässt mich auch an den Transit denken,nur so, wie Sie gelegentlich hier sind, eine Straßenbahn in der Ferne, die sehr schmerzhaft in einer Millionenstadt quietscht. So wie Toronto. Wir haben ein enormes Transitsystem, das übrigens meinem Gebäude umläuft und in die andere Richtung zurückkehrt. Es gibt also nichts, was ich tun kann, um den Lärm zu stoppen. So hört man gelegentlich ein verrücktes Kreischen im Hintergrund als Transit. Nichts, was ich dagegen tun konnte. Lasst uns einfach weitermachen. Also, Musik. Jeder liebt Musik. Ich liebe Musik. Du liebst Musik. Also lasst uns Musik als unser Thema benutzen, denn das ist wirklich toll. Und da wir von Musik sprechen, mein Neffe hat eine Band, und sie heißt Gracie vielleicht nicht. Mein Neffe und seine Bandkameraden sind da. Sie sind Punks, aber sie sind gute Jungs und sie machen gute Musik. Guter Kanadier, Anna, alternativer Rock. Und ich werde dir zeigen, wo du dir das im nächsten Video anhören kannst. Aber sie sind unser Kunde für heute. Wenn du lieber alleine folgen würdest und tatsächlich eine andere Band finden würdest, dannist es vielleicht deine Lieblingsband. Wenn du lieber alleine folgen würdest und tatsächlich eine andere Band finden würdest, dannist es vielleicht deine Lieblingsband. Wenn du lieber alleine folgen würdest und tatsächlich eine andere Band finden würdest, dann Es spielt keine Rolle, wer es ist. Sie könnten ein paar Bilder online finden, und Sie können mit meinem Material folgen, aber entwerfen Sie Ihre eigenen Sachen. Wenn Sie das tun wollen, ist das solide. Aber wenn du mir das erste Mal folgen willst, habe ich alle Assets erstellt, die du brauchst, und du könntest einfach mit den Videos folgen und meinem Prozess folgen, und du wirst immer noch in der Lage sein, ein paar coole Sachen zu erstellen, die du stolz sein wirst von. Aber wenn du dein eigenes Ding machen willst, das der Ehrfürchtigen. Das Ziel unseres Kurses ist, dass Gracie Mei eine Show haben wird. Jetzt ist es eine echte Band. Sie machen wirklich Shows, aber diese Show ist gefälscht. Wir haben uns für den Zweck dieses Kurses ausgedacht, also wird das Konzert stattfinden und sie brauchen ein Poster und sie brauchen ein paar Postkarten. Und hier ist, wie diese Luft aussehen wird. So ist das Poster 11 x 17 Zoll, und die Postkarte ist fünf mal sieben Zoll, so dass das Poster irgendwo an einer Wand an einem Ort sein könnte. Und die Postkarte, die sie aushändigen. Sie werfen etwas von ihrem Rucksack, wenn sie vor der Tür sind, und sie geben sie ihren Fans aus, wenn sie sie sehen. Und so werden sie die Show auf diese Weise fördern. Aber das reicht nicht ganz. Nehmen wir an, dass es keine Website gibt, weil sie noch nie eine benötigt haben. Aber jetzt werden sie populär und wir müssen etwas bauen, damit die Leute tatsächlich sehen können , wer sie sind, und sie können sehen, wie die Show-Promotion kommt, was Ah ist, wirklich nützliche Sache, um auf Ihrer Website zu haben, natürlich. Also werden wir sowohl das Poster als auch das Postauto bauen, aber wir werden auch ein vollständig reaktionsfähiges Website-Design machen. Jetzt werden wir uns nur auf Full Size Desktop und dann kleinste Smartphone-Ansicht konzentrieren. Also konzentrieren wir uns einfach auf diese beiden Dinge und die Reaktion der Welt. Es gibt mehrere Stufen, auf die eine Website gehen kann, und Sie müssen diese Dinge im Design berücksichtigen. Aber das werden wir nicht tun. Wir konzentrieren uns nur auf die beiden und auf die beiden Kreativen, über die wir zum Drucken gesprochen haben . Also werde ich Sie zuerst durch, wie Sie Ihre Seiten einrichten und dann, wie all das funktioniert, um Sie zusammen und in der Schlange zu halten, wenn Sie Ihre Arbeit entwerfen, und Sie werden all diese Fallstricke vermeiden, über die wir gesprochen haben, wie Dinge zu groß auf einem Poster zu klein auf der Website, all diese Art von gutem Zeug. Als nächstes werden wir alle Assets durchgehen und aufschlüsseln, was wir in unserem Projektordner haben , der auf der Projektseite für Sie zum Herunterladen und Verwenden verfügbar ist. Und wir werden aus diesem Zeug Sinn machen und tatsächlich einige Designarbeiten erledigen. Also setzen wir uns hin, machen Sie sich bereit, an die Arbeit zu gehen. 3. Video 03 Überprüfung der Assets: Okay, wir werden jetzt anfangen, also das erste, was wir tun wollen, ist, die Vermögenswerte zu überprüfen. , Je nachdem,wie Ihr Kunde Ihnen die Assets für jedes Projekt sendet oder ob Sie Ihr eigenes Projekt durchführen , um Ihre eigenen Assets zu sammeln, können Sie diese per E-Mail erhalten. Du könntest sie durchkriegen, wir transferieren, du könntest sie durchbringen. Ah, weißt du, irgendeinen kleinen Stock oder eine Diskette oder wer weiß was. Also habe ich diese Ordner für dich erstellt, also zeige ich dir meine Struktur. Ich möchte, dass Sie diese Struktur verwenden und diese bei Ihren zukünftigen Projekten duplizieren. Sie haben es vorerst in den Kursdateien. Aber, ähm, achte einfach auf. Wir gehen durch und du wirst sehen, wovon ich rede. Aber wir werden überprüfen, wie alle Vermögenswerte organisiert sind und was das bedeutet. Und ich habe Material, das ich für dich entworfen habe. Natürlich. Jetzt können Sie mein Material verwenden, und Sie können genau das, was ich entwerfe, mit den von mir erstellten Assets entwerfen und einfach den Prozess verfolgen . Und mach keine neuen Kreativen selbst, wenn du willst. Sie können auch die Band-Assets, die ich erstellt habe, neu erstellen. Vielleicht möchten Sie es etwas anders mit etwas anderen Farben machen. Sie können sich natürlich auch frei fühlen , das zu tun. Der gesamte Rohstoff ist für Sie da. Und wenn Sie Fotoshop versiert sind, wollen Sie es eine Chance geben. Du kannst das machen, und ich zeige dir, wie wir da reinkommen. Einige dieser Techniken, die ich benutze, um es zu bauen. Die andere Option ist natürlich, natürlich, wie wir darüber gesprochen haben, dass du einfach deine eigene Band auf finden könntest. Du könntest ihre Bilder aus dem Netz nehmen, ihr Logo schnappen und Gracie May ersetzen, was auch immer es sein könnte. Und das ist total cool. Und wenn du das tust, organisiere es einfach so, wie ich es organisiert habe, und du wirst sehen, wie das alles funktioniert. Also lasst uns einfach runter kommen. Also hier sind wir, der Finder im Project Dash Ordner. Dies steht Ihnen über die Kursseite zur Verfügung. Sie werden in der Lage sein, das herunterzuladen und alle Ressourcen hier so schnell zu bekommen. Dies ist eine Ordnerstruktur, die Sie dieser Struktur übrigens für Ihre Projekte folgen sollten übrigens Etwas Ähnliches. Vielleicht nicht genau. Wort für Wort, aber kopieren. Bilder, Layout, Photoshopped, Russen ist etwas anderes. Ich werde es in einem Moment erklären. Normalerweise hättest du das nicht. Und Beweise, die auch als pdf Sore bezeichnet werden könnte, wenn Sie an Video arbeiten. Im Kopierordner werden Sie also drei verschiedene Kopierdecks sehen. Ich habe zufällig die offen in, Ah, Ah, meine Google-Docks. Aber Sie können sich einfach die Dateien ansehen und sie werden genau so aussehen. Wir haben den Kurs Umriss, Seitenlayout, Bindestrich Umriss ist der Name dieser Datei. Und das ist keine Datei, die Sie brauchen. Hier gibt es kein Kopieren, das du brauchst. Es ist nur ein bisschen ein Zusammenbruch auf dem Kurs selbst. Eine kleine Erinnerung hier. Wenn Sie dies später, in sechs Monaten, noch einmal lesen , möchten Sie dieses Material nochmals besuchen. Nur eine kleine Erinnerung daran, wie wir uns dem näherten. Also, vor allem haben wir ein Kopierdeck für die Druckelemente, also wird dies das Poster und die Werbekarte sein. Also haben wir eine Überschrift Detailkopie, kleine Kopie und Visuals, und wir werden das durchmachen, wenn wir die Layouts treffen, und ähnlich haben wir das Web-Design-Deck, das ein wenig mehr Informationen darüber hat, denn es gibt mehr zu kommunizieren im Web. Und, äh, das ist kein Vorteil in den Ordnern, die Sie finden werden, aber ich wollte Ihnen wirklich schnell ein paar Websites zeigen, die Sie verwenden möchten, und wir werden in einem Moment zu dem Ordner mit Bildern gelangen. Aber Sie wollen eine schnelle Google-Suche nach Schriftart genial Spickzettel tun. Sie werden sehen, dass es diese Seite voll von all diesen kleinen Symbolen und Symbolen, und der Punkt davon ist, dass dies ein Web-Fonds ist. So kann Ihr Entwickler, wenn Sie an einem Webprojekt arbeiten, wenn Sie an einem Webprojekt arbeiten,tatsächlich alle diese großartigen Formen integrieren, besonders wenn Sie nach unten kommen. Du wirst sehen, dass es den Twitter-Vogel hier im Twitter-Vogel gibt. Innerhalb der Box Becher-Symbol. Es gibt ein Facebook-Symbol oben in der EFS. Dies ist alles alphabetisch, also wenn Sie in F in sind, werden Sie Rate sehen. Hier. Es gibt FAA, das steht für Schriftart genial Facebook Dash F, und das ist neben dem Symbol des tatsächlichen Facebook-Logo. Dies ist also ein praktisches kleines Tool, das Sie haben können, wenn Sie Web-Entwicklung Dinge tun, weil diese Symbole nützlich sind, werden Sie sehen, wie wir sie auf unserem Webdesign verwenden. Ich möchte Ihnen auch diese Seite zeigen, die Gracie mei Dot Band Camp dot com slash Musik ist. Das ist die Bandcamp-Seite für meine Neffen Band. Gracie May. Jetzt werden wir diese in unserem Design als vollständige Alben darstellen, aber natürlich nicht. Wenn Sie auf den Untergang klicken, erhalten Sie eine Spur, die die Untergang ist. Und, äh, wenn Sie auf die anderen klicken, werden Sie sehen, dass es einen Track gab. Ein oder zwei davon haben zwei Tracks in ihnen, aber ich würde Sie ermutigen, hierher zu kommen, die Musik zu hören, ein Gefühl dafür zu bekommen, worum es bei ihnen geht, und das wird Ihnen beim Designprozess helfen, sich irgendwie vorzustellen was du willst. Und es macht auch einfach Spaß. Teoh unterstützt die Band durch ein paar Tracks, wenn es dir gefällt , aber da kann man die Musik hören. Die andere Webressource. Wir werden seine dreifachen w dot google dot com slash Fonts verwenden. Es gibt einige Google-Fonds, die Sie hier benötigen. Wir gehen. Teoh, benutze ein paar von ihnen, die ich identifizieren werde, wenn wir in die Design-Arbeit kommen, und du wirst hierher kommen und du kannst diese tatsächlich zu deiner Sammlung hinzufügen und klicken Sie auf verwendet, um sie herunterzuladen und sie in deinem System. Wenn Sie eine schnelle Google-Suche auf Google Fonts Tutorial, Sie werden sehen, wie einfach diese sind, diese Air Web versierte Schriftarten zu verwenden, die für das, was wir tun werden, wichtig ist. Und diese sind auch kostenlos und vollständig verfügbar für Sie in irgendeiner Weise zu verwenden, die Sie möchten. Sie können sie im Web verwenden, und Sie können sie in Ihrem Druck und Design auf Ihrem Desktop verwenden, und sie sind eine großartige Ressource. Das ist also, was wir im Web jetzt verwenden werden. Ich werde zum Finder kommen und zu unserem Projektordner zurückkehren. Hier sind diese Kopierdecks oder was wir im Ordner Images angefangen haben. Ich möchte dir das sehr schnell zeigen. Wir haben Bandbilder. Das sind eine Vielzahl von J-Pegs von ah, die Band und verschiedene Konzertfotos, die wir benutzen und die Band und verschiedene Konzertfotos, die wir benutzen undin unserem Design nutzen werden. Ein bisschen s. Also haben wir ein paar coole Sachen da. Wir haben, was ich CDs nenne, und diese werden im Wesentlichen unsere kompletten Album-Covers repräsentieren. Wenn wir in unser Website-Design kommen, werden Sie sehen, wie das funktioniert, und Sie werden gelegentlich sehen, dass ich eine Punkt-PSD-Datei eingefügt habe. Wann immer Sie das sehen, liegt es daran, dass ich eine mehrschichtige Datei eingefügt habe, die Sie verwenden können, wenn Sie möchten. Wenn Sie Photoshopped haben, sonst können Sie diese flachen J-Pegs verwenden. Hier haben wir das Gracie Mei Logo, das im Wesentlichen unsere Wortmarke ist , zu der wir im Designvideo gelangen werden. Wir haben Live-Promo-Bilder, also sind dies die Bilder, die mit der bevorstehenden Live-Show verbunden sind, und wir haben AH, Safari Browser Window hier, was ich Ihnen zeigen werde, wie das funktioniert. Sobald wir auf die Website Design Thema Bilder bekommen, das Hauptbild der Band, werden wir es nennen. Das ist es, was wir verwenden werden, um die Band zu repräsentieren, nicht speziell ein Album oder eine Performance. Nur Hey, das ist Gracie Mei, und es ist ein bisschen ein kreativer Schuss und einige Vlogs Thumbnails, die im Web-Design verwendet werden Sie wollen einen Layouts Ordner hier sehen, die wir Teoh in das Tutorial bekommen sich selbst und Photoshopped stürmt. Der Grund, warum ich dies eingeschlossen habe, ist, dass es tatsächlich einen Spritzpinsel gibt , der ein Photoshopped Ansturm ist, den Sie installieren können. Sie könnten eine schnelle Google-Suche, wie man einen Pinsel in Fotoshop installieren, und es ist ein Spezialeffekt-Pinsel, der uns das Spritzer Muster geben wird. Ich zeige dir, wie das funktioniert, sobald wir da reingekommen sind. Und Proofs ist, wo wir tatsächlich unsere J-Pegs oder PDF-Proofs speichern, die wir dem Kunden später zeigen möchten , dass wir uns erinnern möchten. Okay, das sind die Versionen, die wir am Dienstag gemacht haben, und vielleicht haben wir einen anderen Ordner, der Mittwoch sagt, und weißt du, wenn wir irgendwelche Revisionen hatten. Das sind also die Vermögenswerte in den Ordnern, die wir verwenden werden, um all unsere guten Sachen zu erstellen , und , äh, ich möchte Sie einfach durch diese Struktur führen, damit Sie wissen, was wir arbeiten müssen mit. Okay, jetzt, da wir alle Vermögenswerte haben, können wir eigentlich anfangen, Dateien zu erstellen, aber wir werden noch keine Design-Arbeit machen. Wir werden nicht wirklich anfangen, kreativ zu sein, aber wir werden das Kreative so vorbereiten, dass wir es tatsächlich intelligent und im Kontext für den View-Port erstellen können und der View-Port tatsächlich ein Begriff ist, der sich speziell auf die -Bildschirm auf einem Handgerät oder Ihrem Computermonitor. Das ist die eigentliche Definition eines View-Ports. Aber ich werde Vieux Port in einem weiteren Sinne nutzen, denn was ist, wenn Sie sich das Poster an dieser Wand 10 Meter entfernt ansehen? Dort gibt es auch eine Ansicht Port Betrachtung . Wenn wir da reinkommen, zeige ich Ihnen, wie das alles funktioniert. Aber der erste Job besteht darin, richtige Dateien zur Vorbereitung darauf zu erstellen. Und es gibt noch andere kleine Fallstricke. Wir werden auch in der richtigen Vorbereitung herumkommen. Ich werde diese beiden besprechen, also werde ich sehen, wann das nächste Video und wir werden anfangen, Dateien zu erstellen 4. Video 04 Einrichten unserer Seite für den layout: Okay, jetzt, da alle unsere Assets organisiert sind, wir anfangen, Dateien zu erstellen, weil wir Druckdateien haben. Es gibt bestimmte Probleme rund um den Druck, sowohl in der Beschneidung als auch in der Betrachtung, die wir wissen müssen. Ich werde kurz über diese Dinge reden, und sobald wir das Design bekommen haben, wir gehen, du wirst anfangen zu sehen, wie sie funktionieren. Aber im Moment werden wir nur die Dateien in Vorbereitung auf das und auf die Website erstellen. Die Überlegungen sind ein bisschen anders, aber sie sind immer noch mit der gleichen Art von Sache verwandt. Das Poster, das sich in sehr großer Entfernung befindet, hat andere Design-Herausforderungen, als etwas auf einem Desktop-Bildschirm im Vergleich zu einem Smartphone zu betrachten . Also werden wir intelligente, vorbereitete Dateien erstellen, die uns Richtlinien geben, damit wir verstehen können, wie die Dinge konsumiert wurden und wie wir sicherstellen können, dass, während wir es auf dem Bildschirm betrachten, egal ob es sich um ein Smartphone handelt, ob es sich um einen Bildschirm Website in voller Größe oder ob es ein Poster an der Wand ist, werden wir sicherstellen, dass es alle richtige Größe und richtigen Kontext für was auch immer das fertige Stück sein könnte. Also lasst uns einfach reingehen. Ich zeige dir, was ich meine, also fangen wir mit einem Poster an. Dieses Poster ist 11 x 17 Zoll gedruckt, so dass einige Poster 24 x 36 in voller Größe sein könnten. Typischerweise gibt es einige Plakate, die natürlich viel größer sind , je nach Veranstaltungsort und was Sie brauchen. Filmplakate, solche Dinge. Aber 11 mal 17 wäre eine Standardgröße für eine unabhängige Band. Sie wollen nicht eine Tonne für das Drucken von Bars ausgeben, und Musikstätten geben ihnen im Allgemeinen nicht viel Platz zum Anzeigen. Also 11 mal 17 ist die Größe, die für uns funktioniert. Da es sich um ein gedrucktes Stück handelt, gibt es einige Dinge im Designprozess, die wir uns bewusst sein wollen. Also werden wir unsere Seite mit diesen Dingen im Hinterkopf einrichten. Also möchte ich, dass Sie eine neue Datei in jedem beliebigen Programm starten, das Sie verwenden möchten. Ich verwende Illustrator CC 2014, also wähle ich Zoll aus. Wir werden Boulevardzeitung benutzen, die in der Tat 11 mal 17 ist . Also ich möchte, dass du weitermachst und das aufrichtest. Nun, was wir tun werden, ist, dass wir Bleed hinzufügen. Blued, wenn du es nicht weißt, ist der Bereich um den äußeren Rand deines Layouts und ich werde dir zeigen, warum das wichtig ist . In nur einem Moment gibt Ihnen die erweiterte Registerkarte einige Farbmodus-Optionen. Wir werden C M y que für das Poster wählen, und das ist, weil es Druck gegen Web ist, und ich werde nicht in die Unterschiede dort in jedem Detail bekommen. Aber wissen Sie nur, dass C. N Y. K steht für Cyan, Magenta, Gelb und Schwarz, was die Tinten sind, die auf einer Druckmaschine verwendet werden, um Farben mit Tinte neu zu erstellen. Aber RGB ist rot, grün und blau, das ist eine fotografische Wilmore, genau Licht basierte Farbe. So in der C m y que Welt alle Farben kombinieren, um Schwarz im RGB zu schaffen, alle Farben kombiniert, um Weiß zu erstellen. Da Licht in Kombination viel stärker wird, wird Inc in Kombination viel dunkler, also müssen wir irgendwie wissen, wie wir arbeiten. Es ist nicht das Ende der Welt, wenn Sie einen Druck Frieden und RGB tun, aber lassen Sie uns mit C M. Y que bleiben , weil das der richtige Weg ist, es zu tun. wir wurden bluten eingerichtet unsere Boulevardzeitung und wir klicken. OK, jetzt ist das weitere, was ich tun werde, dass ich meine Lineale einschalten werde, was Sie in Adobe Illustrator mit Command plus R für Ruler tun können. Und was ich tun werde, ist in die Seite zu zoomen, nur ein bisschen genug, dass ich meine Linealnummern ein wenig näher sehen kann und Sie werden sehen, dass dies offensichtlich Null Toe eins ist, was bedeutet, dass 1/2 ist, was bedeutet, dass dies 1/4 ist. Also werden wir eine Richtlinie auf 1/4 innerhalb der Kante ziehen, so auch auf dem Lineal auf der Seite. Hier, lasst uns auch unseren Aero holen. Sie werden sehen, dass waren bei 1/4 Zoll. Ich mache dasselbe auf dieser Seite und das gleiche oder zweifle an der Unterseite meines Layouts. Der Grund, warum ich dies getan habe, ist, weil die äußeren Kanten dieser Seite ich zufällig wissen weil das Drucken ein Prozess ist, bei dem die Tinte auf die Seite gelegt wird und dann die Seiten mit großen Cutter geschnitten . Du verkaufst sie, druckst etwas auf ein Blatt Papier, 11 mal 17. Dies wird auf einem Blatt Patron Papier viel größer sein, und sie würden mehrere von ihnen alle in einer bestimmten Weise aufgereiht, um sie effizienter Druck zu machen . Also werden wir das sogenannte Bleed verwenden, um die Tinte über die Trimmung hinaus zu verlängern, was uns erlaubt, die Fehler zu vermeiden. Wenn der Cutter nicht 100% genau ist, wollen wir keinen Seitenstreifen ohne Tinte darauf, also verwenden wir jetzt Beschnittzugabe. Ebenso Thean Seite der Seite. Ich habe einen Rand auf 1/4 Zoll gesetzt. Nun könnte das 1/2 Zoll sein, aber ich weiß, dass 1/4 genug ist, aber ich habe wirklich das Gefühl, dass ich es sicher spielen möchte. Ich werde es für heute auf 1/2 verschieben. Wir werden es auf 1/4 bewegen und gefährlich s leben, also werden wir das als Richtschnur benutzen, um uns Bescheid zu geben. Setzen Sie nichts Wichtiges außerhalb von 1/4 Zoll. Nun, das mag scheinen, als wäre es wirklich einfach, wenn man den ganzen Raum im Inneren von hier betrachtet. Aber je nach Design, kann es nicht so geschnitten und trocken sein, und Sie werden sehen, wie wir beginnen, unsere Seite zu bauen. Wie nah wir dem jetzt kommen, werden wir das retten. In unseren Layouts haben wir also unsere Originaldateien, die wir nicht überschreiben werden. Aber das hier werden wir Gracie May Konzert nennen. Ich kann heute nicht straffen. Also, jetzt werden wir unsere Promo-Karte starten. Denn wenn Sie sich an unsere Photoshopping-Dateien erinnern, wenn ich auf die Promo-Karte umkippe, haben wir jetzt Ah, horizontale Stück, das ist fünf Zoll mal sieben. Eigentlich würden Sie richtig sagen, dass sieben mal fünf. Sie beschreiben immer Druckmaße und mit der ersten Höhe Second, das ist einfach eine Art Standardsache, die verhindert, dass Sie die falsche Größe und Ihre gedruckten Materialien zurückbekommen . Wenn du fünf mal sieben bittest, bekommst du vielleicht einen Schock. Es ist also eine Sieben mal fünf Promotionkarte. Also kommen wir zurück zu Illustrator. Wir werden sagen, sieben Zoll breit und fünf Zoll hoch. Wieder einmal haben wir blutet. Meine Illustratoren bevölkerten bereits die Blutung aus meinem letzten Eintrag. Es ist schon zwei Zentimeter eingestellt. Sie sollten diese Dinge in Ihren jeweiligen Layout-Programmen überprüfen. Wenn Sie nicht noch einmal in Illustrator sind, wollen wir C M Y K. Wir können voran gehen und den Dateinamen vorfüllen, was wir jetzt tun werden, nennen wir es einfach so. Du könntest ihm einen anderen semantisch ähnlichen Namen geben, wenn du willst, aber ich werde mit dem gehen. Also, äh, jetzt werden wir dasselbe tun. Wir wollen unser Lineal zeigen und wir werden unsere Sicherheit wieder auf 1/4 Zoll setzen, den ganzen Weg herum und Sie können sehen, dass unsere Blutung auch da ist, was wir wollen. Also, jetzt werde ich speichern, weil wir den Dateinamen vorausgefüllt haben, aber wir haben ihn noch nicht gespeichert. Also lassen Sie uns diese Datei jetzt für unsere Webseite speichern. Wir werden jetzt auch eine Akte erstellen, aber wir werden das etwas anders machen. Also werden wir ein neues Dokument RGB-Farbraum beginnen, und wir werden unsere Messung zwei Pixel und so mit Pixeln tatsächlich gehen, um eine Dimension von 1900 und 20. Also werden wir 3000 Pixel für die Höhe einstellen. Nun brauchen wir keinen Beschnitt eines RGB-Farbraum, was in Ordnung ist. Lassen Sie uns den Dateinamen mit allen unseren Dimensionen an Ort und Stelle füllen, werden wir treffen. Ok. Nun, obwohl wir keine Trimmen und Blutungen haben, müssen wir immer noch ein paar Nummern hier einstecken, um uns zu helfen. Also werde ich das Lineal überprüfen, das jetzt in Pixeln ist, nicht mehr Zoll. Aber wir werden auch ein Gitter einrichten. Ich möchte also, dass Sie in Illustrator Ihre Präferenzen eingehen. Das ist, wenn Sie Illustrator verwenden. Das ist wieder Illustrator. Also auf Ihrer linken Seite, unter allgemeinen Synchronisierungseinstellungen usw., möchte ich, dass Sie zu Guides und Grid gehen. Jetzt habe ich diese Farbe ist gewöhnt. Farbe grün. Das ist im Grunde nur so, dass ich es leichter sehen kann, weil Sie sicherstellen möchten, dass Ihre Farben nicht mit Ihren kreativen Farben verschmelzen, denn dann wird es wirklich schwer zu sehen was Sie tun. Also ah, Rasterlinie alle 160 Pixel basierend auf unseren Dimensionen ist, was wir wollen und Unterteilungen sind nicht wichtig für den Moment. Aber das ist die grundlegende Mathematik, die Sie wollen und Sie OK und ich möchte, dass Sie tun, ist, dass Sie das Gitter offenbaren können. Wenn Sie unter Ansicht schauen, haben Sie das Raster ausblenden und anzeigen, so wieder in der Ansicht. Wenn ich Raster zeige, dass ich jetzt das Raster sehen kann, ist das nächste, was wir in der besonders in dieser Datei tun werden, ich möchte, dass Sie Aktenplatz gehen . Wir werden Safari-Standardwerte Dot j Peg abholen und ich werde in der oberen Ecke aufstellen . Jetzt werden Sie bemerken, dass es so ist. Es ist das mit, dass wir 1920 gesetzt haben. Wenn ich also darauf klicke und Illustratoren, Ausrichtungswerkzeuge verwende , kann ich sehen, dass es bei Null und Null Pixel ist, die in die Ecke eingekuschelt ist, was ich will. Jetzt werden wir hier mehrere Ebenen erstellen, also lasst uns einfach anfangen, indem wir auf eine Reihe von Ebenen klicken und wir werden diese entsprechend füllen . Also werden wir diese Schicht nach oben verschieben. Wir werden es Browser oben nennen. Was du tun wirst, ist das einsperren, damit das nirgendwohin gehen wird. Das wird die ganze Zeit dort bleiben. Nun, die nächste Schicht, die Sie erstellen möchten, heißt Vieux Port, und ich werde Ihnen zeigen, was das bedeutet. Sie möchten im Wesentlichen Ihre Schichten identifizieren und dies wird uns beim Layup-Prozess helfen sobald wir ins Rollen kommen. Also jetzt haben wir die Browns oder oben im View-Port. Ich werde dir einen kleinen Trick zeigen und wir werden uns in das einmischen, während wir das Layout auch machen . Ich bringe mein Rechteck-Werkzeug mit. Ich bringe es an den Eckrand. Ich werde einmal darauf klicken, was mir ein Dialogfeld geben wird. Ich werde 1920 um 10 tippen. 80. Und das hat mit der Größe dieses Standards zu tun. Während Standard-Strommonitore mit einem Verhältnis von 16 mal neun und eso ein HD-Monitor ist ein HD-Fernseher richtig formatiert, um in HD-Film passen, die 1920 Pixel und mit von 1000 und 80 Pixel in der Höhe. Also gibt es nichts, das das Bild füllt. Aber ich werde jetzt gehen und diese Art von wirklich auffallendem Grün erstellen, und ich werde ihm einen Strich von Lassen Sie uns zwei Punkte anstelle eines Punktes machen. Jetzt, wenn ich in de Select ausklicke und ich meine Raster ausblenden. Ich möchte, dass Sie bemerken, dass Sie diese grüne Box sehen können. Nun, was ich tun werde, ist die Spitze der grünen Box zu greifen und schieben Sie es nach unten, wo der Browser unten erscheint. Jetzt wird es Sinn ergeben, wenn wir da reingekommen sind. Aber der Zweck, den dies dient, ist, uns zu zeigen, wie das Design in einem Desktop-Browser aussehen wird , und das ist sehr wichtig. Also werde ich auf eine Option klicken, ziehen und eine zweite 1 bekommen, die ich wieder mit der 1. 1 ausrichten werde. Diese Wand macht Sinn, wenn wir hineinkommen. Aber ich will dich, Teoh. Folgen Sie einfach mit mir für den Moment und tun Sie das einfach. Jetzt. Was ich tun werde, ist, dass ich mir mein Art-Board-Werkzeug schnappen werde. Ich ziehe einfach das Kunstbrett runter, damit es dem dritten Quadrat entspricht. Nun, diese Dimensionen können sich wieder ein wenig ändern, wenn wir in das Layout gelangen, wenn wir sehen, wie viel Platz wir brauchen. Nein, Wenn wir ein wenig vergrößern, werden Sie hier unten in der unteren Ecke feststellen, dass wir bei 50% Ansicht sind, die wichtig ist zu beachten, und ich komme wieder dazu, wenn der Layup-Prozess beginnt. Aber im Grunde, was wir hier getan haben und ich werde diese Vieux-Port-Schicht sperren, ist wir jetzt mit Absicht entwerfen, weil diese grünen Boxen repräsentieren, wenn ich zu meinem Safari-Fenster umkehre, können Sie sehen, dass diese ganze -Browser, einschließlich des Menüs hier oben. Alles, was wir auf jeder Website sehen, die wir besuchen, ist abzüglich dieser Informationen an der Spitze. Nun, das wollen wir in unserem Design berücksichtigen, je nachdem, welche Website ich betrachte. Zum Beispiel, dieser, der Hintergrund nimmt einen Teil dieses Raumes. Wenn ich uns den ganzen Weg rüber bewegt habe, habe, nimmt das Header-Bild etwas davon ein, aber Sie können sehen, auch der Browser. Und auch das Menü oben. Diese Dinge müssen alle berücksichtigt werden. Also, wenn wir für die volle Größe dieses Browsers entworfen, Aber wir werden am Ende mit diesen Pixeln, die nicht berücksichtigt werden und plötzlich wird unser Design aus Ihnen an der Unterseite gestoßen. Wir wollen nicht, dass die Spitze dieses Grüns bis zum Ende des Grüns. Dies ist der View-Port-Bereich, in dem ich weiß, dass alle meine Website-Sachen in sich sein werden. Wenn ich also jedes meiner Elemente so gestalten kann, dass es zu diesem Raum passt, den ich optimal für das Web entworfen habe , wäre das die Idee. Als ich nach unten zog, werden diese nur visuelle Erinnerungen werden. Und ich werde erklären, dass wir Maura in den Layup-Prozess kommen, aber das ist ziemlich wichtig. Also, jetzt ist unsere Website, äh, Datei ist bereit zu speichern, also haben wir diesen Namen vorausgefüllt. Also müssen wir es nur in unserem Layoutordner speichern, was wir tun werden und das letzte, das wir ein Handy erstellen werden, dieses, das wir machen wir beginnen mit 2000 Pixeln breit und 1000 Pixel hoch. Nun, was wir hier tun werden, ist, dass wir tatsächlich ein Bild aus unserem Image-Ordner platzieren , der unser Smartphone Punkt PNG ist. Also möchte ich, dass Sie das in Ihr Dokument einfügen. Aber das ist nicht, wo die Geschichte enden wird, denn jetzt müssen wir eine Dimension aufbauen, die Sinn macht, weil wir nur vermuten dies keine Entwicklung ist. Wir schreiben an diesem Punkt keinen Code, aber wir versuchen einfach, dem Entwickler eine grundlegende Vorstellung davon zu geben, wie groß das sein wird. Und es gibt uns auch etwas zu entworfen, was Sinn macht. Und ich werde erklären, dass, sobald wir in den Layup-Prozess gekommen sind, Sie sehen, wie das funktioniert. Aber wenn ich zum Fotoshop umklappe und ich auf diesen Smartphone-Guide klicke, möchte ich, dass Sie feststellen, dass die Dimension hier 4,7 Zoll auf einer Diagonale ist. Also werden wir unser Linientool greifen. Wir müssen zuerst zwei Zentimeter umdrehen. Also möchte ich, dass du deinen Lineal für einen Moment zwei Zentimeter umwandelst. Klicken Sie auf Ihre Linie, um eine einmal und Sie werden in 4,7 Zoll in der Länge eingeben. Hier werden die Dinge ein bisschen knifflig. Die Idee ist, dass wir diese 4,7 Zoll Größe so eng wie möglich mit diesem iPhone Bild hier duplizieren wollen , und dann können wir das jetzt löschen. Grunde ImGrunde haben wir jetzt ein Bild, das die Größe eines Smartphones richtig darstellt. Also, was ich tun werde, ist, dass ich das in die Ecke stecke. Ich werde eine Option ziehen und dann die 2345 sechs duplizieren, mit denen wir uns sechs Zehenarbeiten geben . Ich denke, das ist viel, wie wir brauchen, und dann werde ich mein Kunstboard jetzt anpassen, was wird wieder eine Reihe von Ebenen zu schaffen? Ich werde das hier von unten lassen. Ich werde es absperren. So haben wir unser Smartphone, unsere Hintergrundbilder und geben Spieler. Wir haben bereits die Dateinamen ausgefüllt. Wir könnten weitermachen und diese noch einmal in unserem Layoutordner speichern. Klicken Sie auf. OK, und wir haben überprüft, dass es in der Tat RGB ist. Das ist Ah RGB für unsere Website C m y que für unsere gedruckte Postkarte und sehen ihn y que für unser Poster. Okay, das war das unbezahlte Zeug, aber immer noch wichtige Sachen. Also haben wir das jetzt fertig. Jetzt ist es Zeit, reinzuspringen und kreativ zu werden, und wir werden jetzt kreativ werden können, weil wir diese Einsätze in den Boden gelegt haben und das ist super wichtig. Also, jetzt können wir über Dinge denken ein wenig mehr wie ich mag die Art und Weise, wie das sieht durch diese Farbe ist cool, aber wir werden durch den Prozess durch diese Richtlinien von diesen kleinen Smartphones erinnert werden . Sie alle werden uns helfen, unser Design für den Riel-Verbrauch genau zu halten. Also im nächsten Video, wir kommen tatsächlich auf die lustigen Sachen und kommen zu ihm. Wir sehen uns im nächsten Video. 5. Video 05 Plakat und Postkartendesign: Okay, jetzt, wo unsere Dateien vorbereitet sind, sind wir bereit, kreativ zu werden, also gehen wir in unseren Assets-Ordner und fangen an, Elemente zu greifen. Oder wenn Sie Ihre eigenen Elemente erstellen möchten, können Sie dies zuerst tun, bevor Sie dieses Video starten. Und, äh, so oder so, was auch immer Sie verwenden werden, halten Sie sie bereit. Und jetzt, da wir unsere Richtlinien aus unserer Sicht aufgestellt haben, Häfen eingerichtet und wir wissen so, wie wir uns treu halten können. Wenn wir arbeiten, werde ich dir zeigen, wie das ganze Zeug zusammenkommt. Und so nur eine Erinnerung, dass ich Ihnen nicht unbedingt zeigen werde, wie Sie jedes einzelne Element kopieren und einfügen oder platzieren. Ich werde ein paar davon überspringen, aber du wirst mir folgen können. Es sollte viel Sinn ergeben, aber ich werde Ihnen die wichtigen Dinge zeigen, die Sie wissen müssen. Und lasst uns einfach reingehen und anfangen, etwas Kreatives zu bauen. Okay, also hier sind wir mit unserem Poster und gehen zur Sache. Ich werde es jetzt schnell. Öffnen Sie einfach den Bilderordner unter Live-Promo. Ich gehe zu Poster collagiert PST gehen. Dies ist also das Bild-Asset, das wir haben, und Sie können die verschiedenen Ebenen hier sehen. Ich habe, ah, Schicht für das Rot. Es gibt eine Ebene für einige der sehr hellen Hintergrundspritzer. Ich habe auch die dunkleren Spritzer. Ich habe jedes der Bandmitglieder als Gruppe. Dann habe ich die weißen Spritzer und ich habe ein wenig roten Spritzer im Vordergrund, was wirklich schwer zu sehen ist, aber was es tut, es bricht irgendwie einige dieser anderen Muster auf. Es ist nur ein bisschen ein Trick, aber Sie können verschiedene Möglichkeiten finden, dies zu tun, wenn Sie möchten. Also, wenn Sie dies neu erstellen möchten, können Sie sich offensichtlich diese Ebenen ansehen und irgendwie eine Vorstellung davon bekommen, was passiert. Aber hier kommt dieser Photoshopped Ansturm ins Spiel. Also, wenn ich jetzt mein Pinselwerkzeug auswähle, habe ich diese Pinsel in meine Pinselvoreinstellungen hinzugefügt, und ich werde auf eines dieser dort klicken, die untere Art von Rolle im Namen von Pinseln. Wenn ich also auf diesen anderen Pinsel klicke, sehen Sie, dass sich die Form ändert. Ich kann eine Form ablegen. Wenn ich zu einem anderen Pinsel gehe und hier runter gehe, ist die Form etwas anders. So habe ich es mit einer Kombination aus Schwarz, Weiß und Rot erstellt und die Schichten aufgebaut. Also, wenn Sie durch den Prozess der erneuten Erstellung gehen möchten, können Sie sich diese Dateien ansehen und voran gehen und tun, wenn Sie möchten. Also jetzt unsere Richtlinien und unsere Blutung beginnen, etwas Sinn zu machen. Also werde ich zu Ort gehen, und das erste, was ich tun werde, ist, dieses Hintergrundbild zu platzieren, und ich werde ihn einfach auf die Seite dort platzieren. Aber jetzt möchte ich diese Form wirklich an meine Blutung ausrichten, damit ich das tun kann, indem ich es augäbe, wie ich es gerade dort getan habe. Aber lass es uns echt machen. Also werden wir die obere linke Ecke in unserer Ausrichtungsoption in Illustrator auswählen, und wir werden minus 0,1 bis 5 eingeben, und wir werden dasselbe für die andere Achse tun. Also minus 50,1 bis 5. Und jetzt ist unser Hintergrund perfekt auf unsere Blutung ausgerichtet. Wenn ich also in die Ecke zoomen, ist diese schwarze Linie hier die eigentliche äußere Kante. Sie können die Linien mit Nullmarkierung auf beiden Linealen sehen. Das ist, wo die Seite geschnitten wird. Hier schneidet der Cutter. Also, wenn der Cutter hier runterschneidet und etwas abtrennt, ist er da drüben etwas weg. Wir bekommen immer noch Tinte, und wir haben keinen Fehler, wo möglicherweise etwas so geschnitten wird, dass wir den Splitter aus weißem Papier übrig haben . Das ist also, was Blued für uns tut. Das ist also ziemlich wichtig. Nun, was wir tun werden, ist öffnen Sie die Datei innerhalb von Bildern genannt GM Gracie Mei dash logo dot ai. Wenn Sie keinen Illustrator haben,ist das okay. Wenn Sie keinen Illustrator haben, Ich werde es dir zeigen. Ah, nur schnell, was das eigentlich ist. Es ist unser Logo. Und es ist ein Wort Mark-Logo. Wenn du dich an unsere Google-Schriften erinnerst, wirst du nur Gracie Mei eintippen und du wirst das setzen, um eine zu öffnen, was der Gedanke ist, den wir von Google-Fonts ergriffen haben. Und du wirst das nur vergrößern, und du wirst magisch sehen, dass das die Schriftmarke für Gracie Mei ist . Wenn Sie also die alte Straße oder Datei haben , , sparen Sie sich ein paar Sekunden und kopieren Sie sie einfach direkt von dort aus. Das werde ich herunterskalieren. Ich werde das in den oberen Bereich bewegen. Jetzt, da es im Layout ist, werde ich meine Guides nicht zeigen, weil wir zu den Guides zurückkommen, die wir früher eingerichtet haben werde ich zoomen ,in die Zehe gehen, , Augapfel die Distanz, weil wirklich, diese Distanz war eine kreative Wahl. Es war nicht Es gab kein anderes Leitprinzip dahinter, wie groß, wie nah und genau die Beziehung zwischen diesen beiden. Außer, dass es nah genug war, dass ich die Beziehung zwischen diesen beiden E's sehen konnte. Ich denke, das ist zu viel Amerikaner. Ich hätte im kreativen Prozess versucht sein können, sie zu verschmelzen, aber ich denke, dass es irgendwie ein bisschen bricht. Ich mag es nicht so sehr. Das ist meine kreative Entscheidung. Sie können entscheiden, zwei zu finden, wie Sie möchten. Also, jetzt habe ich diese beiden Typen zusammen. Was ich tun werde, ist, dass ich ihre Größe vergrößern werde, und jetzt kann ich ihnen eine Rotation geben. Aber ich möchte sicherstellen, dass ich keine Kanten gebrochen habe, was ich wahrscheinlich getan habe. Was bedeutet, dass wir das nur ein wenig abstimmen müssen und es reinbringen, um sicherzustellen, dass es in diesem Sicherheitshinweis ist. Und das ist offensichtlich nicht so ist es bringen, dass in Augenball, dass in die Mitte. Also wieder, kein super präziser Prozess, aber es kommt uns ziemlich nah. Also, jetzt schauen wir zurück auf unsere Fotoshop-Layout, und wir haben einen Typ entlang der Unterseite hier, der einige funky Winkel dazu hat und diese Art von Spaß Zeug. Also, äh, das ist alles in Ordnung. Das wird in unserer Roboto-Schrift sein, und wir kommen einfach zurück zu unserem Kopierdeck. Wir werden das ganze Urheberrecht hier erfassen. Dieses andere Zeug visuell der Band-Logos. Wir müssen diese Kopie nicht kopieren, wo sie diese Kopie packt, und nebenbei werde ich einen Textblock erstellen, in den ich nur die ganze Kopie einfügen werde, und ich werde sie skalieren, damit ich irgendwie sehen kann, was hier vor sich geht. Normalerweise werde ich dies einfach tun, um mir einige Kopie Zehe Arbeit mit zu geben, ohne hin- und herspringen durch könnte verschiedene Fenster, um Sachen zu bekommen. Wie auch immer, das Live brauchen wir das nicht, weil wir es bereits an der Spitze haben und wir brauchen keine kleine Kopie, um tatsächlich dort zu sein. Wir müssen nur wissen, dass diese Kopien weniger wichtig sind, wir müssen das kleiner machen, also ist das in Ordnung. Also schauen wir uns unseren Leo schnell wieder an. Wir wissen also, dass wir hier einige Winkel haben. Der Veranstaltungsort, Toronto, 15. August 8 PM sind irgendwie einige funky Winkel hier, also beginnen wir mit dem Veranstaltungsort. Also kopiere das, und wir greifen einfach unser Textwerkzeug und fügen es in das ein, was wir das weiß machen werden. Wir gehen auch und machen das alle Mützen, also fangen wir damit an. Dann haben wir Toronto. Wir könnten das im Grunde nur duplizieren, aber natürlich wird es nicht das Wir bringen über all die lustigen Sachen. Das werden wir selbst machen. Also lassen Sie uns noch einmal einen kurzen Blick werfen, um uns daran zu erinnern, wohin das geht. Also war Toronto ein bisschen größer, und so gehe ich einfach auf den Augapfel. Das ist kreativ. Es ist nicht technisch. Also werde ich im Grunde nur einen Schuss machen. Und ich weiß, dass ich mich auf später beschränkt habe. Nun, das ist alles Feinabstimmung Art von Typografie, die ich nicht viel Zeit damit verbringen werde. Aber ich will dich einfach irgendwie kriegen, Ah, diese Schicht wo sie ungefähr so schieben und verstauen muss, sich an diese Dinge in deiner Karriere als Grafikdesigner gewöhnen. Na jin sprechen. Dafür wirst du bezahlt. Jetzt sieht das richtig aus. Ich werde das speichern, und das ist unser Plakatdesign. Und jetzt werden wir einfach durch diese Werbekarte fahren, um unsere Kartencollage zu holen. Wir werden auf diese Rate klicken. Wo bluten? Marker ist fallen, dass Rate in minus 1,25 bitte. Und minus 0,1 bis 5. Holen Sie es sich jetzt mit unserer Blutung richtig aufgereiht, weil wir bereits voran gegangen sind und diese schöne Finessing Arbeit gemacht haben. Lasst uns diesen ganzen Block von dem Plakat holen. Wir werden es an Ort und Stelle einfügen. Das heißt natürlich, natürlich, der Winkel ist jetzt falsch. Wenn wir uns unsere Photoshopped Karte ansehen, können wir sehen, dass wir tatsächlich nur alles an eine zu viel mehr horizontale Art Anordnung anpassen, so dass alles in den Raum passt, den die Karte erlaubt. Das ist also eine relativ einfache Reihe von Änderungen, die vorgenommen werden müssen. Schnapp dir unsere Schlagzeilen. Wir werden das in einem echten Maßstab fallen lassen. Natürlich. Wieder einmal werden wir unsere Viertelzoll-Führungen verwenden, um uns aus Schwierigkeiten zu halten. Also werde ich diese Typen zusammenpassen. Sie können sehen, dass ich das Bild bereits so vorbereitet hatte, dass es passte, weil ich diesen Prozess am Anfang natürlichdurchging , weil ich diesen Prozess am Anfang natürlich und all die wirklich langsame, kurmudgeonly Art von Arbeit gemacht habe , indem ich all das Zeug machte, Äh, in manchen, wo es sein musste, so dass ich das gemacht habe. Also, was ich tun werde, ist, dass ich den Veranstaltungsort aufbringe, und ich werde drehen, dass ich den Winkel zu meiner Kopfzeile passen werde. Ich werde das wieder runterbringen. Was ich jetzt tun werde, ist, dass ich Toronto loswerden werde. Ich werde das zu dieser Linie hinzufügen, weil ich auf mein Design zurückblicke und den Veranstaltungsort sehe. August eher 20 Uhr. Diese waren jetzt alle auf ihren eigenen Linien zusammen, also gibt es viel weniger von diesen ausgefallenen Sachen los, also brauchen wir die acht Uhr nicht mehr. August eher 20 Uhr. Diese waren jetzt alle auf ihren eigenen Linien zusammen, also gibt es viel weniger von diesen ausgefallenen Sachen los, Wir brauchen den 15. August nicht. Wir werden die neu erstellen, und wir werden das Zeug auch neu erstellen. Preise, bitte. Da gehen wir. Lassen Sie uns in Photoshopped genau überprüfen, wie groß das Zeug war. Es war also wahrscheinlich insgesamt viel größer, als wir es haben. Aber wir können das Ganze einfach packen und skalieren. Aber ich werde meine Guides sehen, um sicherzustellen, dass ich sie nicht durchgehe. Bringt ihn runter. Damit dieser Ticketmaster Typ hier draußen wahrscheinlich ein wenig weiter nach rechts gehen kann, direkt an den Rand. wahrscheinlich ein wenig weiter nach rechts gehen kann, In der Tat, Sie sehen, dass es genug Lärm hier gibt, dass wir den Ticketmaster nicht stören, aber wir ergänzen immer noch irgendwie Sie sehen, dass es genug Lärm hier gibt, dass wir den Ticketmaster nicht stören, aber wir ergänzen immer noch irgendwiedie Bilder und wir stecken jetzt in den unteren Rand. Das ist also ein solides Layout. Nun, eine andere Sache, die wir tun werden, sind 236%. Sehen Sie, wenn Sie hier unten in der linken unteren Ecke auf 236% schauen. Wir bekommen keinen wahren Sinn für diese Postkarte, die sie Größe hat. Wenn wir also Befehl eins eingeben, erhalten wir die tatsächliche Größe. So würde diese Postkarte aussehen. In Wirklichkeit. Ich weiß das zufällig über Illustrator und Bildschirmauflösung. Wenn ich 125% eintippe, ist das tatsächlich viel näher an dem, was ich in meiner Hand halten würde, wenn ich meine Hand gegen meinen Bildschirm haben würde, wie ich diese Karte halten würde, wäre das genauer. Ich kann überprüfen, ob der Typ lesbar ist. Alles ist klar, ist nicht so klein, dass man es nicht lesen kann. Und das ist alles gut. Ich werde schlagen. Speichern. Okay, jetzt haben wir unser Druckmaterial gebaut und es sieht ziemlich gut aus. Wir haben ein schönes Plakat 11 von 17 und wir haben ein toll aussehendes Auto, das von sieben diese Luftstücke finden , die jetzt gut genug entworfen sind, dass, wenn Sie sich das Poster ein paar Meter entfernt anschauen , der Typ ist nicht zu klein. Aber es ist auch nicht zu groß, weil wir dafür gesorgt haben, dass Wir uns die Dinge ansehen, die die richtigen Prozentsätze auf unserem Bildschirm und all das gute Zeug. Also, jetzt könnten wir zum Web Creative übergehen, was irgendwie das gleiche ist, aber es hat einige verschiedene Wendungen, um es. Wir werden darauf eingehen, sobald wir ins Rollen kommen, also werde ich Sie im nächsten Video sehen, und wir werden zuerst mit dem Web-Design-Prozess für Desktop beginnen. 6. Video 06 Website Desktop: Okay, jetzt, da wir ein tolles Druckmaterial entworfen haben und ich denke, es sieht wirklich gut aus, jetzt werden wir in den Webspace ziehen. Also werden wir diese Vieux Port Guides verwenden, die wir eingerichtet haben, um uns daran zu erinnern, wie dieses Zeug auf dem Bildschirm aussehen wird , wo wir uns auch diese Mathematik für das Browserfenster oben gegeben haben, und wir haben das aus unserer Sicht subtrahiert Anschlüsse in der Mitte. Vergessen Sie also nicht, dass Sie beim Entwerfen für das Web manchmal Dinge flach gestalten müssen, um sich vorzustellen, dass sich die Seite darunter bewegt. Also werde ich Ihnen zeigen, wie wir das eingerichtet haben und warum wir irgendwie ein Menü in die Mitte der Seite stellen , obwohl das Menü nicht wirklich sein würde. Es sind einfach visuelle Erinnerungen, und darum geht es bei all diesem Zeug. Sie erinnern uns an die Mathematik an das, was wir entwerfen, und es erinnert uns an den Kontext, unter dem wir Dinge sehen, und das ist wirklich wichtig, weil Sie dann nicht die Fehler machen, die Luft so einfach, dass Sie wissen, einmal Du machst es einmal und du gehst. Ich habe nicht mal nachgesehen. Ich weiß nicht, wie ich das vermisse. Nun, ich werde deine Vergangenheit all das Zeug bekommen, also werden wir tief in das graben, und noch einmal werde ich bestimmte Teile des Layout-Prozesses überspringen. Aber Sie werden in der Lage sein, mit mir zu folgen und einige gute Dateien zu erstellen. Also lasst uns runter kommen. Okay, hier ist unser Website-Design. Und noch einmal, dies ist die vollständige Homepage Art von oben nach unten Ansicht, aber wir konsumieren nicht wirklich Websites so. Zur Erinnerung, ich werde ein wenig hineinzoomen. Aber ich werde nur 66,67% meines Fotoshops vergrößern, nur um Ihnen die Idee schnell zu geben und ich werde Ihnen zeigen, was das bedeutet. Also, wenn ich den unteren Teil bis zu ihrer groben verstecken würde, ist dies unser Ziel, im Grunde ist es, eine Website zu erstellen, die so ziemlich wie diese auf den ersten Blick gesehen werden wird. Und es wird einen Weg geben, dass wir damit umgehen. Sie werden also nicht diesen roten Teil des Bodens sehen, der beginnt, bevor Sie nach unten gehen müssen . Also werden wir den Bildschirm füllen ein 16 mal neun Verhältnis Monitor bei 1920 Pixel breit und 10 80 Pixel hoch ist die Idee. Aber wir müssen dieses Browserfenster in unseren Berechnungen berücksichtigen, ebenso wie wir zuvor gesprochen haben . Also müssen wir sicherstellen, dass wir so entworfen haben, dass all das Zeug gut passt und so funktioniert wie wir wollen, dass es funktioniert. Ich werde schnell das Beispiel für das sein, was ich meine. Wenn ich zurückkomme, Teoh meine Chrome-Seite hier, Ich werde gehen, tatsächlich ein zu meiner Website navigieren. Also meine Website ist Sean Berry kreative Sean Berry dash kreative dot com, in der Tat, und das ist, was ich mit der Vollbild-Erfahrung meine. Wenn ich also auf meinem Desktop-Computer bin und diese Website ansehe, geht mein Bild ganz von links, rechts rüber nach rechts, füllt den Bildschirm, füllt den Bildschirm, und wenn ich nach unten scrolle, um die restlichen Informationen zu erhalten, Es ist alles schön präsentiert. Und so ist dieses Vollbild-Design eine Art von dem, was wir tun wollen. Jetzt. Im Fall meiner Website habe ich keine vollständige Kopfzeile von oben nach unten gemacht, da dies eine Blawg-Seite ist. Ich möchte, dass du das Blockmaterial sehen kannst, aber wir kümmern uns um die Gracie Mei-Website etwas anders. Also kommen wir zurück zum Fotoshop, nur um uns daran zu erinnern, dass das, was hier passiert, ist, dass wir dieses schöne Menü haben und das wird ein Schieberegler sein, den Sie tatsächlich mit diesen kleinen linken und rechten Tasten hier bewegen können , werden Sie in der Lage, zwischen verschiedenen Alben und der Kopfzeile zu scrollen, wenn Sie möchten, und Sie könnten jetzt auf die Probe klicken und Sie würden einen kleinen Auszug aus ihrer neuesten Version, Shipping Harbor, hören Version, , was eine wirklich coole Funktion wäre, und Sie können ihnen in sozialen Medien folgen. Wenn Sie also auf diesen kleinen Gracie Mei Button klicken, dieses Ding, Jake müde, gleitet dieses Ding, Jake müde,nach unten und schreitet einfach im Grunde den Bildschirm bis zu diesem Punkt, wo die Gracie Mei Tour Promotion beginnt. Aber schauen Sie, wir haben noch eine Speisekarte, und ich werde Ihnen zeigen, wie wir das berücksichtigen. Nun, dieses Menü würde nicht buchstäblich hier im Design sitzen, sondern dass Männer, die Sie immer an der Spitze anwesend sein würden. Aber der beste Weg, wie wir das in einem flachen Design zeigen können, ist, einfach dieses Menü zu wiederholen, um uns visuell daran zu erinnern, dass es da sein wird, während wir durch die Website zu bewegen. Also wieder einmal, wir sind in unserer Illustrator-Datei mit unserem Browser oben und Ansicht Ports gesperrt. Und noch einmal, nur um die Browser dort oben zusammenzufassen, um uns daran zu erinnern, dass dies Platz in Anspruch nimmt, Sie tatsächlich gehen, um dieses Browser-Fenster zu sehen. Wissen Sie, wenn Sie surfen und wenn Sie nach oben und unten scrollen, verschwindet dieses Browserfenster nicht wie in unserer Illustrator-Datei. Und diese View-Ports, diese kleinen grünen Linien zeigen jeden Punkt an, an dem wir aus dem Bildschirm laufen. Wenn wir also ein wenig nach unten scrollen, sehen wir, dass diese beiden Zeilen etwas schmaler sind. Aber sie berücksichtigen die Mathematik dieses Browsers oben, so dass wir ungefähr wissen, wie viel Raum wir haben, während wir durch die Ebene bewegen. Lassen Sie uns also beginnen, indem wir uns unser Layout nochmals ansehen. Wir wissen also, dass wir ein Navigationsmenü haben, dieses Navigationsmenü, alle Kopien, natürlich, in unserem Kopierdeck für die Website. Also wollte ich hierher kommen und ich werde all das in meine Illustrator-Datei zurückkehren und ich werde tatsächlich eine neue Ebene erstellen, weil ich gerade erkannte, dass sich dieses Menü ein bisschen bewegen wird, also vielleicht habe ich tatsächlich wollen eine separate Menü-Strich-Navigationsebene. Also werden wir das benutzen, weil wir einige Dinge duplizieren und sie bewegen werden . Also lasst uns tatsächlich auf dieser Ebene arbeiten. Also werde ich einen schnellen Textblock erstellen. Ich werde nur diese Kopie einschlagen. Ich wähle alles aus und wir benutzen Roboto Schriftart. Wenn Sie also Google-Schriftarten besuchen, möchten Sie Roboto zum Anfang bringen, und Sie müssen auch eine öffnen. Eigentlich glaube ich, es heißt, also brauchst du diese zwei Farmen von Google-Schriften, aber wir werden mit Roboto anfangen und machen es für den Moment normal. Wir könnten das ändern, je nachdem, wie Design aussah. Ich weiß also, dass ich Facebook und Twitter nicht brauche und Klammern, weil diese mich nur an die Social Sharing erinnern, aber ich werde das löschen und natürlich meinen Typ hier in Form bringen. Ich werde vier Leerzeichen 1234 zwischen jedem setzen, weil ich gerade entdeckt habe, dass vier Leerzeichen gut sind, um darzustellen, dass Sie eine Trennung zwischen Ihren Menüpunkten wollen und es ist normalerweise eine gute Messung. Okay, jetzt gehen wir zu Font Awesome. Und du wirst sehen, warum es so großartig ist. Schriftart genial. Genau hier. Wir gehen nach unten und greifen die Facebook zuerst eingefügt und wählen Sie es aus und ändern Sie die Schriftart in Schriftart. Awesome! Und da ist mein Facebook-Symbol einfach. Ich werde Twitter bekommen und ich werde Instagram hinzufügen Ein Zaren-Layout zeigt Obwohl ich das nicht in der Kopie Deck gesetzt, das ist ganz OK, also werde ich zuerst Twitter greifen. Es ist genau hier. Ein Exemplar wird zurückkommen und Instagram bekommen. Also, jetzt haben wir Aktien auf Facebook, Twitter und Instagram und wir werden jetzt eine quadratische Box nehmen und wir werden nur eine Form machen . Aber bevor wir das tun, schauen wir uns unser Raster wieder an und lassen Sie uns hier reinkommen und ein paar aktuelle Mathe machen . Loswerden Scheinwerfer Also es sieht so aus, als hätten wir tatsächlich bekommen Wir sind sehr nah an vier Panels, also machen wir es einfach vier Panels, vier Panels des Rasters. Wie Sie sehen können, stellen Sie sicher, dass wir am Rande sind, was wir sind. Wir müssen das reparieren und das schicken wir nach hinten. Wir machen es zu 50%. Opazität wird auch gesagt, es zu vermehren. Nun, wir werden ein Par-Menü hier ein bisschen zentrieren, und wir werden es weiß machen. Aber wir sollten jetzt unseren Gaumen ändern. Wird unsere Palito rgb ändern, weil wir in einer RGB-Datei arbeiten, weil dies Web ist, Also wollten wir RGB sein. Jetzt brauchen wir auch wieder das Gracie Mei Logo. Wenn Sie dieses Logo nicht haben, können Sie natürlich neu erstellen, dies natürlich neu erstellen,indem Sie einfach den Tope in Schriftart verwenden, die Ihnen das Grau scheint ein Logo-Wort geben. Markieren. Skalieren Sie das nach unten und holen Sie es in das Menü. Wir werden im Grunde drei Menüblöcke kreuzen, und ich denke, wir waren fast die Höhe fast die Höhe dieses Menüblocks. Lassen Sie uns einfach überprüfen und Fotoshop. Ja, so haben wir es gemacht. Und unsere Speisekarte sieht ziemlich gut aus, aber stellen wir sicher, dass wir die gleiche Menge an Platz drei Blöcken auf der rechten Seite , was wir jetzt tun. Und, uh, ich denke, wir könnten wahrscheinlich einfach machen, dass eine Berührung größer war zurück. Und das sieht ziemlich gut aus. Also, das ist unsere Speisekarte, Schicht. Wir werden zu unseren Ebenen zurückkehren, und wir werden diese Ebene nur für einen Moment sperren und zu Bildern zurückkehren. Und jetzt werden wir unser Thema Bild platzieren, das in unserem Projektordner Inside Images innerhalb Theme-Bild wählen Sie an Ort und Stelle. Wir werden es auch unter diesem Logo platzieren. Nun, die Auflösung dieses Bildes ist technisch nicht groß genug, aber das ist in Ordnung. Wir gehen einfach weiter und skalieren es, und dann werden wir es nur ein bisschen bewegen . Es ist also, wo wir es mögen. Und dann werde ich die Maskierungstechnik und Illustrator verwenden, wo ich Box über das Bild zeichne . Und ich wollte so hoch sein. Also werde ich diese Box leer zeichnen. Hier ist Phil. So ist es eine saubere Box ohne Strich oder Phil, Wählen Sie das Bild Befehl sieben auf der Rückseite, und es ist jetzt in Position maskiert. Siehst du das? Wir verwenden diesen View-Port, um uns daran zu erinnern, dass hier der Bildschirm unten ist. Also, wenn wir alles in diesem Fenster entwerfen, werden wir ein schönes Vollbild-Design haben, bemerken Sie, dass die Bildschirmgröße bei 75,99%. Also sind wir nicht 100%. Aber wenn wir jetzt auf 100% skaliert werden, können wir die tatsächlichen Dimensionen sehen, obwohl wir scrollen müssten, um alle Werkzeuge des Illustrators zu überwinden. Aber wenn wir diese Werkzeuge nicht hätten, würden wir diesen Vollbildmodus mit Ausnahme des Browserfensters oben sehen, so dass wir unseren Typ relativ betrachten können und sehen können, dass die Größe ziemlich gut ist und die Größe des Logos gut ist. Die Bilder schön und fett im Vordergrund. Da geht es uns also ziemlich gut. Lassen Sie uns also den Rest der Elemente in den Header holen. Und, äh, ich sehe Sie in einem Moment. Also hier ist der Header abgeschlossen. Ich will nur voran springen. Also hast du nicht zugesehen, wie ich das ganze Zeug machen muss. Aber ich will dir nur zeigen, dass ich auf Schriftart genial gegangen bin. Und Sie werden diese verschiedenen kleinen Pfeile sehen, Einzel- und Doppelpfeile nach oben und unten, links und rechts. Sie können tatsächlich jede von denen wählen, die Sie wollen. Wenn Sie das Design ein wenig verschieben möchten oder das gleiche wählen, das ich getan habe, ist vollkommen in Ordnung. Und Sie werden diese verwenden, um diese kleinen Jungs hier zu erstellen, indem Sie die gleiche kämpfte fantastische Schriftart verwenden, die Sie jetzt einen Illustrator finden. Und das ist natürlich, dieser Text ist Roboto, unsere Web-Schriftart. Und wir haben gerade eine Radius-Eckbox verwendet, um das Sample zu erstellen. Jetzt Button und eine andere Schriftart genial Icon und dieses kleine schwarze Radius Ecke Box, um unsere unten Navigation wieder zu erstellen . Wir konzentrieren uns nicht auf kreativ und speziell entwickelt, wie wir uns auf Layout-Technik konzentrieren . Daher müssen Sie möglicherweise ein wenig mit Ihrem Illustrator oder einer beliebigen Anwendung herumspielen um diesen kleinen Radius zu erstellen Eckkästen. Es gibt viele Online-Tutorials was, wie man diese Dinge macht. Und ich möchte, dass Sie sich wirklich auf diese View-Port-Strategie konzentrieren, um sicherzustellen, dass Sie innerhalb des Raumes schön gestaltet haben , so dass Sie wissen, dies ist eine Vollbild-Website bis hin zu dieser grünen Box, und ich möchte, dass Sie in Ihr Design zoomen 100% und überprüfen Sie einfach, dass alle Ihre Elemente so singen, wie Sie es wollen, und alles sieht so aus, als wäre es eine gute Schriftgröße. Es ist nicht zu groß, nicht zu klein. Es ist leicht zu lesen. Die Navigation ist leicht zu finden, etcetera, etc. Das ist also wirklich der Punkt hier. Also werden wir wieder auf 66,67% zurücksetzen, was nur eine Art Illustratoren ist. Nächste Ebene nach unten und lassen Sie uns beginnen, an unserer Werbeabteilung zu arbeiten. Also werden wir wieder auf unsere Ebenen zurückkommen, Bild-Ebene, und wir werden beginnen, indem wir unser Bild für die Musikförderung platzieren. So haben wir unsere Bilder, Live-Promo und Web-Collagen. Die Datei, die Sie suchen Dies wird nicht genau die Größe haben, da wir diese Assets gerade aus der Karte und dem Poster erstellt haben. Aber das können wir einrichten. Wir werden es etwas nach oben bewegen, weil ich weiß, dass ich wollen will, , dass es unter der Speisekarte ein wenig auftaucht. Wieder einmal werde ich mein quadratisches Werkzeug nehmen, mein Rechteck-Werkzeug. Vielmehr werde ich es die Größe meines View-Ports mit Null Phil herauszeichnen, so dass ich es als Maske verwenden kann . Und ich werde Befehl sieben treffen, um es zu maskieren, und ich muss möglicherweise meine Maske überprüfen und sicherstellen, dass alles in Ordnung ist. Ich werde meine Ränder hier reparieren und meine Maskierung reparieren. Ich werde weiterhin die Elemente platzieren, die in das Copy-Deck kommen und zu Inhalt Abschnitt eins kommen, die die kommenden Shows sind. Gracie kann leben und alle Details in. Sie werden dies kopieren und einfügen und beginnen, unsere Elemente gemäß unserer Photoshopped Datei wie folgt zu bauen . Und ich sehe dich in einem Augenblick. Okay, also habe ich alle meine Elemente auf der Seite platziert. Nach dem Fotoshop-Design sorgte ich dafür, dass ich die Dinge aufgereiht habe. Angenommen, Sie haben mich auch hier eingeholt und diese ganze Kopie in den Schriftsatz als Roboto eingefügt . All das gute Zeug. Kopieren Sie das Menü und fügen Sie es ein. Bringen Sie es runter. Ich zeige Ihnen, warum wir das tun. Im Wesentlichen, wenn Sie sich durch diese Website bewegen, gibt es einige Javascript, die wir vorschlagen werden, dass der Entwickler uns helfen, so dass, egal wo wir hier sind, dieses Menü wird oben auf der Seite. Wenn ich scrolle und Sie sehen, dass das Menü dort behoben ist, was tatsächlich passieren würde, ist, dass dieses Menü bleiben würde, wo es ist und die Seite würde darunter scrollen. Deshalb kopiere ich es ständig und füge es in meinen Ansichtsport für jeden Designabschnitt ein, um mich daran zu erinnern, genug Platz für dieses Menü zu lassen, weil es immer da sein wird. Also will ich nichts zu nah an die Spitze setzen, weil auf der Speisekarte wird sich damit stören und unsere Tickets bekommen. Button ist nur eine schöne Radius Ecke weiße Box, und das ist unsere Konzert-Promotion Abschnitt der Website. Also möchte ich schnell überprüfen. Der springende Punkt ist das Layout grundlegend. Also lassen Sie uns eine kurze kleine Überprüfung machen, schalten Sie meine Gitter ein, und was ich möchte, dass Sie bemerken, ist, dass die drei Blöcke auf der linken Seite und die drei Blöcke unseres Rasters auf der rechten Seite tatsächlich den ganzen Weg nach unten konsistent sind . Unser Twitter-Logo endet dort, wo diese drei Blöcke und so ist es jetzt Linien sind Bilder, schweben unter die Dinge und gehen Vollbildmodus. Aber das ist eine wunderbare Design-Wahl, die wir treffen können. Aber der Inhalt selbst , der über den Bildern liegt, entspricht diesem Raster, so dass wir auf beiden Seiten den gleichen Raum haben. Es hilft dem Design gut aussehen, und es hilft, uns auf dem richtigen Weg mit unserer Vollbildnerfahrung zu halten, denn wir wissen, dass, wenn wir den ganzen Weg in 100% wie dieser Typ zoomen, ist unser Typ eine schöne lesbare Größe. Und wenn wir nach links scrollen, damit wir den rechten Rand sehen können, wissen wir, dass unsere Logos und unsere allgemeinen Website-Abstände schön und komfortabel werden wird viel Platz haben. Also bekommen wir nicht, weißt du, so etwas, wo es in der Kante abgeschnitten wird und es unbequem aussieht, wird , wird weißt du, so etwas,wo es in der Kante abgeschnitten wird und es unbequem aussieht, wird ein schönes Design-Element sein. Und deshalb verwenden wir all diese View-Ports und Grids, um uns dabei zu helfen, diese Dinge im Auge zu behalten . Also jetzt der nächste Teil unserer Website, lassen Sie uns ein wenig vergrößern. Der nächste Teil unserer Desktop-Website ist nun die Bereiche Medien und Diskografie. So sind wir mit der Promo fertig. Wir sind mit dem Header und Stil der Website fertig. Jetzt kommen wir in einige echte Inhalte, die dynamisch vom Server bedient werden, und wir werden mit unserem Entwickler zusammenarbeiten, um dies zu erreichen. Also lasst uns gehen und diesen Abschnitt mit dem gleichen Ansatz erstellen, den wir verwendet haben, was wiederum, ich werde nicht Arbeitsdesign sein. Ich werde nicht gehen. Teoh lehre dich, Illustrator, ich werde das Zeug überspringen, aber ich möchte, dass du es zusammen mit mir baust, damit wir das zusammen klären können. Okay, also habe ich meine Medien und Diskografie Abschnitt meine Vlog-Abschnitt abgeschlossen, Wie ich mir vorstellen, Sie sind, Ich habe korrigiert. Mein Tippfehler sagt jetzt vlog, nicht Medien kopiert und mein Menü eingefügt. Ich habe meine Thumbnails erstellt und sie so maskiert, dass sie die gleichen Dimensionen in der gleichen Position wie meine anderen drei Videos haben, was viel Design Sinn macht. Also wollen wir das tun. Wir haben unsere Titel von unserem Copy Deck kopiert und eingefügt und los geht's, aber auch im Kontext gebaut. Also haben wir uns daran erinnert, und ich werde das für den ganzen Kurs weiter in dich schlagen. Wenn nichts anderes, haben wir mit Kontext entworfen. Also haben wir zugeschaut. Unsere Sichtquote lag bei 66,66 Prozent, 66,67%. Wenn ich noch einmal zoomen, traf ich jetzt 100% Ansicht. Ich kann meinen Typ betrachten und überprüfen, ob es die richtige Größe hat und dieses Bild eine gute dynamische Größe Vollbild hat und mein Browser und mein Menü entfielen. Also haben wir ein solides Design gebaut, das ein ble entwickelt und einen Bullen sehr leicht in der Art und Weise ausgeführt wird, wie wir es tun wollen. Ok, perfekt. Jetzt haben wir ein großartiges Vollbild-Desktop-Layout und es sieht wirklich genial aus. Ich denke, jeder, der das online gesehen hat, wäre einfach wie, Wow, diese Seite ist großartig, weil sie wirklich funktional ist, aber es ist auch wirklich schlau. Es gibt ihnen einen Vorgeschmack auf die Musik. Es gibt ihnen einige tolle Fotografie im Voraus. Und als ich die Website heruntergezogen habe, geht die Erfahrung weiter und sie bekommen immer viele medienreiche Rückmeldungen von der Website, und ich denke, das ist wirklich wichtig. Also jetzt kommen wir in den mobilen Raum so ähnlich wie wir die View-Ports hier verwenden, um uns ehrlich in Bezug auf den Desktop zu halten . Jetzt müssen wir darüber nachdenken, was passiert, wenn man sich dieses kleine Ding ansieht und die kleinen Smartphones, die wir in unserer Datei eingerichtet haben. Sie werden uns sehr helfen, indem sie uns ehrlich halten. Und wir werden ein wirklich nettes, reichhaltiges, mobiles Erlebnis schaffen reichhaltiges, , dass jeder mit einem Smartphone, der auf diese Website geht, nicht so sein wird . Ich kann das nicht wirklich lesen. Sie werden ein tolles, fantastisches Smartphone-Erlebnis bekommen . Also lasst uns das im nächsten Video runterkommen und ich werde dich dann sehen. 7. Video 07 Website Smart Phone: Okay, also jetzt ist es Zeit, dieses Smartphone responsive Website-Design zu beginnen. Nun, wie ich bereits sagte, gibt es mehrere Phasen des Responsive Designs, die Sie durchlaufen könnten. Möglicherweise haben Sie eine Größe für Tablet oder für einen kleinen Desktop-Bildschirm, dann Tablet, dann Tablet, vertikal und dann Smartphone. Horizontales Smartphone, vertikal Manchmal müssen Sie für so viele Ebenen zu berücksichtigen, aber wir werden nur für das Smartphone vertikale Art der kleinsten Version, unter der wir diese Website sehen würden, weil wir schwächen. Kontrastieren Sie das mit der größten Version, die uns Designlösungen für alle Schritte dazwischen gibt. Wenn Sie es also selbst projizieren, möchten Sie vielleicht diese Dimensionen online finden. Sie können herausfinden, wie breit ein Tablet ist und was es Sie wissen, welche Bildschirmmaße es hat. Und vielleicht können Sie dieses Projekt nehmen und eine andere Version machen. Wenn Sie etwas oder Design aus Ihrem System holen möchten, haben Sie nicht das Gefühl, dass das genug war. Wie auch immer, wir kommen jetzt ins Smartphone und wir werden das ganze Zeug rausfinden. Also lasst uns runter kommen. Also lassen Sie uns einfach schnell an unsere Volldesktop-Version erinnern. Wenn ich vergrößern, haben wir einen dynamischen Schieberegler auf der Titelseite , der alle ihre Alben nacheinander anzeigt und wir können ein kleines Beispiel anklicken. Einige JavaScript dort wird uns helfen. Wir könnten zum nächsten Panel gleiten. Auf diese Weise können wir sehen, wie ihre Live-Show kommt. Natürlich erinnern wir uns an die Speisekarte, die immer da ist, und wir haben unsere Medien-Diskografie. Und natürlich, das war noch Photoshopped, Tippfehler, Das sollte Protokoll speichern und wir bekamen unsere Fußzeile. Also, was passiert, wenn man wirklich klein runterkommt? Also, wenn wir zurück zu meiner Website in meinem Browser gehen hier, können Sie sehen, dass meine Website ist Vollbild. Aber was passiert wann? Ah, das passiert. Also bist du auf einem Telefon und Reißverschlüsse bis zum Boden. Sie können sehen, dass das Menü hier zusammenbricht in ein Menü, das nach unten rutscht, was in Ordnung ist. Wir haben immer noch unser Login. Wir haben immer noch unser Bild, obwohl ich zufällig weiß, dass dieses Bild nach links ausgerichtet ist, also habe ich sichergestellt, dass ich mein Bild entsprechend gestaltet habe. Und, ah, jetzt alle unsere Blawg-Artikel, die früher in Reihen von drei oder jetzt gestapelt waren und man geht den ganzen Weg nach unten und alles ist irgendwie übereinander, was man sich vorstellen könnte so, wie Sie das auf einem Smartphone tun müssten. Also werden wir wieder auf Vollbild auf, dass und Zip zurück nach oben. Aber Sie werden feststellen, dass es genau das gleiche Design ist, nur die C. S ändert. Und das ist ein Entwicklertrick namens Responsive oder Fluid Design. Und so werden wir diesen Prozess im Layout duplizieren. Aber natürlich entwickeln wir uns nicht. Wir machen nur flache Dateien, aber wir müssen immer noch wissen, dass wir ein reaktionsfähiges, flüssiges Design erstellen werden . Und wir müssen wissen, wie das geht und uns richtig darauf vorbereiten, alle unsere guten Layout-Grundlagen zu nutzen , um sicherzustellen, dass wir etwas entwickelt haben, das gut auf mobilen Geräten funktioniert. Das ist also unsere Desktop-Version, und dann schauen wir uns unsere mobile Version an. Alles ist noch da, aber es ist in einer viel kompakteren Form und wir werden unsere drei horizontalen Video-Tumbnails in ein Video-Miniaturbild umwandeln . Wir werden eine kleine zusätzliche Navigation haben, die eintritt. Und lassen Sie uns einen Scrollen nach links und rechts durch unsere Diskografie durch unsere Medien durch unseren Vlog und unsere Fußzeile wird nur ein Panel sein und so weiter, den ganzen Weg unten. Wenn wir also auf der Startseite von landen, zoomen ich nur eine Ebene, wird es eine schlechte Auflösung sein, aber das ist OK. Das ist ein bisschen größer als das Telefon, das du in deiner Hand halten würdest. Sie könnten tatsächlich Ihr eigenes Telefon bis zum Bildschirm halten. Und wenn Sie ein Smartphone haben und es buchstäblich nebenan platzieren, werden Sie sehen, dass dies wahrscheinlich etwa 25 bis 30% größer ist als das, was es tatsächlich ist. Aber wenn ich eine weitere Ebene zurückzoomen, ist es viel kleiner. Also sind wir irgendwo zwischen dieser Ansicht. Aber das ist in Ordnung, denn wenn Sie sich an unsere Illustrator-Datei erinnern, haben wir uns eine richtige Mathematik gegeben, um dieses Problem zu lösen. Also wieder einmal, sind unsere Smartphones alle aufgereiht, und wir wissen zufällig aus unserem 4,7-Zoll-Test, dass wir getan haben, als wir dieses Feuer aufrichteten. Wir wissen, dass diese ziemlich genau sind. Sie sind vielleicht nicht 150%, was tatsächlich genau ist, wie viel ich gezoomt bin. Sie sind ziemlich genau, und sie geben uns eine gute Darstellung. Ich werde dir sagen, wie ich mich dem nähere. Ich wähle hier meine untere Ansicht aus, und ich werde 125% eingeben. Also bei 125% Ansicht habe ich auch zufällig ein Apple-Smartphone. Und wenn ich mein Smartphone mit dieser Auflösung auf den Bildschirm halte, ist es genau die Größe meines eigenen Telefons. Also, wenn wir diese vier mal sieben Durchmesser mit diesem Trick erstellen, den wir verwenden, um Datei zu zentrieren wenn Sie Ihr Telefon neben dem Bildschirm setzen, sollte es ziemlich die gleiche Größe haben. Und das wird Ihnen helfen, sich daran zu erinnern, dass Sie nicht auf etwas schauen, das doppelt so groß sein wird, doppelt so klein. Das sind die eigentlichen Seiten. Zu diesem Zweck werde ich meine Ansicht bei 125% auf diese Weise verlassen, ich kann immer daran erinnert werden, wie groß meine Elemente sein sollten. Also kommen wir zurück und schauen uns mal an. Ich werde nur ein bisschen hineinzoomen, um mir das Detail hier in meinem Fotoshop anzuschauen und wir haben unsere Speisekarte. Wir haben Gracie Mei, aber unsere Speisekarte ist zusammengebrochen, also ist das ziemlich einfach zu kreieren. Gracie Mei ist noch da, ist aber schwarz. Wir werden nur etwas Schwarz benutzen, weil warum nicht? Früher hatten wir ein vollständiges Bild, aber sind Vollbild würde in einer seltsamen Art und Weise passen. Also werden wir Ah benutzen, etwas andere Behandlung. Es gibt jetzt ein Beispiel unsere neueste Version. Es ist alles noch da, denn das ist die Homepage. Ich dachte, es könnte schön sein, fünf kleine Punkte hier unten zu haben, die Sie auf 23 klicken und es würde gleiten. Aber wenn Sie es vorziehen, alles konsistent zu halten, können Sie die gleiche Navigation verwenden, die Ihnen überlassen ist. Sie können dort Ihre eigene Design-Wahl treffen, und ah, und ah, verwenden Sie unseren kleinen Doppel-Abwärtspfeil, den wir wissen Wenn wir klicken, dass wir nach oben und unten zu unserem nächsten Abschnitt gleiten . Konzentrieren wir uns also auf die Homepage und beginnen wir. Also werde ich in meinen Ebenen Bild auswählen, weil das das erste ist, was ich abgelegt habe, ist ein Bild. Ich werde gehen und mein Theme-Bild aus dem Theme-Bild-Ordner in Ihren Assets platzieren. Ich werde das einfach locker erschaffen , äh, und dann muss ich natürlich ankuscheln und irgendwie finden, das natürlich ankuscheln und irgendwie finden,wo es sein will. Und das sieht eigentlich genau richtig aus. Ich denke, es war eine gute Vermutung. Also werde ich wieder zu meiner Logodatei kommen. Jetzt noch einmal hole ichnoch einmaldie weiße Gracie May. Ich kehre zu meiner mobilen Seite zurück. Ich klicke auf meinen Typ Player und füge das in ein. Aber jetzt natürlich kommt es natürlichziemlich groß, und ich werde das skalieren. Und so werde ich nur schnell mein Menü erstellen. Ich werde einen von diesen Double Down Chevron schnappen, der so ist. Das ist genau das, was ich entscheide. Ich finde, sieht gut aus. Also gehen zurück zu meiner Illustrator-Seite und Sie können jede von ihnen, die Sie denken, ist cool. Ich ermutige dich, etwas etwas zu ändern und dein eigenes Ding auszuprobieren. Pace das in, wählen Sie es aus und gehen Sie zu meiner Schriftart. Ehrfürchtig. Und ich bekomme einen doppelten Pfeil nach unten. Jetzt werde ich hier die Tools von Illustrator verwenden, und ich werde das Logo, das Bild und das Menü auswählen . Und ich werde mein Ausrichtungswerkzeug verwenden und sie alle zentrieren und sie dann wieder in die Mitte bringen . Manchmal muss man mit Illustrator ein wenig ringen. Es wird die Dinge schnappen wollen und Sie irgendwie ärgern. Aber so schnell wirst du darüber hinwegkommen. Da ist also unsere Speisekarte. Jetzt legen wir eine Blackbox dahinter, wenn es auf etwas erscheint, das nicht schwarz ist. Aber das kommen wir in ein paar Augenblicken. Also werde ich ausschneiden und einfügen und die restlichen Elemente für meine Homepage erstellen, und ich werde Sie in einem Moment wieder sehen. Okay, also haben wir unsere Homepage-Ansicht erstellt, und ich habe ein bisschen eine Dropbox hinter diesem Typ und über das Bild gelegt. Wenn Sie bemerken, dass nur um die Lesbarkeit des Typs zu helfen, und das sind alles Dinge, die entwickelt werden können. Sie werden auf dem Weg mit Ihrem Entwickler sprechen und sicherstellen wollen, dass all Ihre Sachen leicht gemacht und semantisch sind und all das gute Zeug. So funktioniert die Entwicklung. Ich habe auch die Gracie Mei Responsive Design Little Titel hier mit Smartphone, mit 4,7-Zoll-Bildschirm in der tatsächlichen Größe als Erinnerung für den Fall, dass wir den Shop-Client zeigen und sie sagen, Hey, ist diese tatsächliche Größe oder Gewicht? Ja, das ist es. Ich danke Ihnen. Sie haben die richtigen Abmessungen verwendet. Es hilft Teoh einfach, eine Erinnerung zu sein. einmal stellen wir sicher, dass wir alles lesen können und dass wir das genau in der Größe betrachten . Unser Telefon wäre in dieser Entfernung von unseren Augen, und das ist eine wirklich nützliche Art und Weise Zehenarbeit. Also gehen wir zu unserem nächsten Abschnitt über, dem wir zufällig wissen, dass es unsere von dem wir zufällig wissen, dass es unsere Show-Promotion ist. Das ist, was ist Ah, das ist, was los ist. Als nächstes werden wir das auf die gleiche Art und Weise bauen, wie wir unsere Bild-Ebene auswählen. Wir gehen jetzt rein, schnappen uns unser Bild, es sei denn, Sie wollen Ihr eigenes erstellen, wie wir darüber gesprochen haben. Sie können sich frei fühlen, das zu tun und das Design zu ändern und etwas Cooler zu machen als ich , und das wäre großartig. Also, äh, Live-Promo. Wir suchen unser Konzertsmartphone, PSD und Hit Place. Ich sollte nicht sagen, dass ich im Internet telefoniere oder jemand kommt, um mich zu holen, aber jetzt bringe ich meine Speisekarte. Also verwende ich einfach meine Illustrator-Tools, um anzuzeigen, dass, wenn meine Entwicklerpartner dies sehen, er oder sie genau wissen wird, wofür wir versuchen zu gehen. Also noch einmal, wir werden etwas kopieren und einfügen von unserem Kopierdeck hier zurück auf unsere Website. Geh runter zu Abschnitt eins, schnapp dir all unsere Details und kopiere, und wir bauen unsere Konzert-Promo-Seite weiter, und wir sehen uns gleich wieder . Was? Also haben wir den Rest unserer Designs fertiggestellt und unsere View-Ports sehen alle wirklich gut aus. Wir haben diese schön gestalteten grauen Hintergrund, aber dynamische Content-Panels in unseren mobilen Zuschauern. Wir gleiten durch den Aussichtshafen nach unten. Wir sehen all diese wirklich schön verbrauchsbaren Bits von Informationen, sogar unsere Fußzeile sieht interessant aus, was eine Art nette Leistung ist. Und so ist es dynamisch und es ist auch kontextabhängig gestaltet. Und das ist ein riesiges Bein hoch, wenn Sie so gestalten können, weil Sie all diese Fallstricke vermeiden wenn Sie keinen Kontext haben. Und so sehen diese wirklich gut aus. Wir haben eine einfache Navigation, die auf einer wirklich interessanten Website leicht zu verstehen ist , dass wir stolz sein könnten, unseren Kunden zu zeigen, dass Sie fertig sind. Sie haben total gerade ein Smartphone-Desktop Responsive Design für eine wirklich coole Musik-Website beendet. Wie genial ist das? Und jetzt haben wir Druckmaterial, um ihre Show zu unterstützen, und sie haben Karten, die sie ihren Freunden und ihren Fans ausgeben können. Und das ganze Zeug funktioniert zusammen. Wir haben ein tolles Design kreiert, aber wir haben uns nicht auf Design konzentriert. Wir haben das ganze Zeug übersprungen. Das ist ein ganz anderer Kurs an sich. Aber wir haben dafür gesorgt, dass alles, was wir entworfen haben, in den View-Port passt Und dieser View-Port bedeutet ein Poster, dass ich diesen Begriff Mawr im Großen und Ganzen benutze, als er beabsichtigt war . Aber es ist in Ordnung, denn wenn man etwas an der Wand sieht, wird es die richtige Größe haben. Wenn Sie diese Karte an Ihre Fans verteilen, wird sie perfekt sein, um in der Hand zu halten und alle Details der Show zu sehen. Es wird großartig. Und dann wird die Website ihnen eine großartige Erfahrung bieten, ob sie Vollbild-Desktop sind oder ob sie auf dem Smartphone sind, wie wir es gerade getan haben . Sieht wunderschön aus. Es funktioniert gut, während wir hoffen, dass es funktioniert. Während der Entwickler uns etwas Feedback dazu geben kann, können sich die Dinge leicht ändern, wissen Sie, wie es oft in dem Prozess der Fall ist. Aber das ist total cool. Diese Arbeit sieht wirklich gut aus, und Sie könnten wirklich stolz darauf sein und fühlen sich frei, dies in Ihr Portfolio zu setzen, wenn Sie wollen und zeigen Menschen Hey, schauen Sie sich dieses Zeug an, das ich gebaut habe. Ich bin buchstäblich auf Video geben Ihnen die Erlaubnis, dies zu verwenden und es einige Spezifikation Creative nennen. Absolut. Tun Sie es. Und , ich hoffe,du bist stolz darauf. Ich bin stolz auf das, was wir gemeinsam entworfen haben. Und so werde ich dich im nächsten Video für eine kurze Zusammenfassung sehen und wir werden darüber reden , was wir gerade gelernt haben. Also werde ich Sie bald sehen 8. Video 08 Recap und Fazit: Hey, hör zu, das war eine Menge Arbeit, aber es hat sich gelohnt. Ich hoffe, du hattest genauso viel Spaß wie ich. Ich liebe die Designarbeit, die wir kreiert haben. Ein wahrscheinlich sogar versuchen, es an meinen Neffen und seine Band zu verkaufen . Aber ich hoffe, Sie sind stolz auf die Arbeit, die Sie schaffen konnten. Und wenn Sie diese Arbeit gemacht haben, wenn Sie meinem Design folgen oder wenn Sie Ihr eigenes Design gemacht haben, würde ich es gerne sehen. Wenn Sie es also in den Kommentaren für diesen Kurs hinterlassen können, tun Sie dies bitte. Wenn nicht, können Sie auf meine Website kommen, die hier ist. Sean Berry Armaturenbrett kreative Punkt com. Gehen Sie zum Kontaktformular und Sie können Ihre Dateien anhängen. Sie können mir direkt eine E-Mail senden und ich werde aktiv in der Beantwortung von E-Mails sein. Eso, bitte. Ich würde gerne sehen, was Sie getan haben, und hören Sie Ihr Feedback zu diesem Kurs. Sie können mich auch ein YouTube youtube dot com Schrägstrich Ultraman fangen. Toronto. Ich weiß, es ist ein schrecklicher Name. Kann es jetzt nicht loswerden, aber trotzdem, kommen Sie auf YouTube und ich habe Tonnen von kleineren Videos, nicht Kais in der Tiefe ist dieser Kurs, aber sie werden Ihnen alle Arten von Nuggets verschiedener Designprinzipien geben, Theorien und schnelle Tipps, wie Sie Dinge tun, um Ihre Arbeit und Ihren Workflow zu verbessern. Ich hoffe also wirklich, dass Ihr Workflow zu einem netten, soliden Pro-Workflow wird . Es spielt keine Rolle, ob du das für dich selbst machst. Tust du es für Klienten? Es ist alles gleich. Sie sperren diesen Prozess und Ihre Arbeit wird sich verbessern. Es scheint nicht so zu sein, aber es wird ehrlich gesagt. Ich verspreche es dir. Ich hoffe, du hattest so viel Spaß wie ich. Begleiten Sie mich im nächsten Video, um diesen Kurs abzuschließen, wo ich Ihnen nur einige letzte Schlußgedanken geben werde und was für Sie als Grafikdesigner als nächstes kommt. 9. Video 09 Was als nächstes: Weißt du, eines meiner Lieblingsdinge an Grafikdesign ist, wie unmittelbar es ist und wie Reaktion eines Mediums es ist, wenn wir diese kreativen Dränge haben. Plötzlich bin ich Künstler und Musiker. Ich bin mein ganzes Leben lang beides gewesen. Also werden Musik und Kunst wirklich zu tollen Outlets für mich, um , diesen kreativen Durst zu stillen, wenn etwas über mich kommt. Aber es gibt Zeiten, in denen Sie sich hinsetzen und Musik spielen oder ein Bild malen sind sehr Art zeitaufwendige Bemühungen, ihre Hingabe an die Kunst. Aber Grafikdesign gibt mir ein schnelles Medium, wo ich so etwas wie ein cooles Bandposter machen könnte, wo ich ein Buchcover machen könnte. Oder ich könnte eine gefälschte Anzeige oder eine gefälschte Website machen oder einfach meine eigene Website neu gestalten, denken Was würde ich damit machen, wenn es mir egal wäre? Und weißt du, es ist eine wirklich gute Möglichkeit, all diese Energie in etwas zu bringen, das cool aussieht, auf das du stolz sein könntest und deinen Freunden zeigen und sie graben es. Und wer weiß es dann? Sie können Kundenarbeit aus diesem Zeug, das Sie nur auf eigene Faust machen, bekommen. Das habe ich schon oft gemacht. Ich habe Kundenarbeit von Spec bekommen, die ich nur zum Spaß gemacht habe. Also bitte weiter entwerfen. Immer entworfen, immer kreieren, nie aufhören, denn es macht so viel Spaß und es spielt keine Rolle, wer es mag oder nicht mag. Ich werde ständig an meinem Design kritisiert und, äh, äh, und ich bin ein Profi und ich weiß, was ich tue. Also mach dir keine Sorgen um diese Jungs, aber viel Spaß beim Erstellen von Sachen für dich selbst für deine Familie. Ihre Freunde erstellen eine lokale Kirchenbroschüre, wenn es das ist, was Sie wollen, aber haben Sie einfach Spaß dabei. Also, was kommt als Nächstes? Ich liebe es wirklich, dass du diese Prinzipien nimmst und andere Dinge machst. Machen Sie das Bandposter und die Website, wie wir mit Ihrer eigenen Lieblingsband gesprochen haben. Das würde ich gerne sehen, aber ich würde gerne sehen, wie du etwas ganz anderes ausprobierst. Nehmen Sie diese Idee und vielleicht machen Sie das gleiche Material für eine Veranstaltung, die Sie entweder eine wirklich eine oder eine. Du machst dich auf und täuschst dich mit Sachen rum, die du keine Deadline hast. Wissen Sie, haben Sie einen Klienten, Sie könnten es für sich selbst tun und Spaß haben. Ich denke, das wäre großartig und ich würde es gerne sehen und von Ihnen hören. Ich hoffe, Sie genießen diesen Kurs und ich bin hier, um Ihnen jederzeit zu helfen. Ich werde aktiv am Lesen von Kommentaren beteiligt sein und mir eine E-Mail auf meiner Website senden, wann immer Sie sprechen möchten. Und danke, dass du mir auf diesem Kurs beigetreten bist und ich komme mit mehr zurück. Also bis dahin bleibst du edel und ich werde das nächste Mal auf Wiedersehen fangen.