Share
Sie haben also eine öffentliche Rede und müssen diese mit gut aussehenden Präsentationsfolien unterstützen? Heute lernen wir, wie man dies macht, indem wir eine PowerPoint-Präsentation in Photoshop entwerfen. Der Zweck einer Präsentation ist es, Informationen bestmöglich darzustellen. Bevor Sie mit dem Design beginnen, müssen Sie wissen, ob Ihre Präsentation unterhalten, informieren, überzeugen oder verkaufen soll. Im heutigen Tutorial werde ich Ihnen zeigen, wie Sie eine PowerPoint-Präsentation entwerfen, die (natürlich) informieren und Präsentatoren Kreativität und Vielfalt zeigen soll. Lass uns anfangen!
Die folgenden Assets wurden während der Erstellung dieses Tutorials verwendet.
Bevor wir mit dem Zeichnen auf einer größeren Leinwand beginnen, müssen wir einige Muster für unseren Hintergrundeffekt erstellen. Öffnen Sie dazu ein neues Dokument (70x70 px) und füllen Sie es mit der weißen Farbe #ffffff. Gehen Sie zu Ansicht> Anzeigen> Raster, die Rasteransicht wird aktiviert. Dies hilft uns beim Erstellen eines perfekten Musters. Wählen Sie nun das Linienwerkzeug (U) und zeichnen Sie eine senkrechte 1px schwarze Linie ganz rechts im Dokument.
Duplizieren Sie die Linie und richten Sie sie am Raster aus.
Machen Sie dasselbe jetzt für horizontale Linien. Bitte beachten Sie, dass ich die obere und linke Linie ausgelassen habe und nicht das gesamte Raster gefüllt habe. Dies liegt daran, dass das Muster wiederholt wird und die rechte und untere Linie des nächsten Musters diese Lücke füllen wird.
Neue Ebene erstellen Wählen Sie das Auswahlwerkzeug (M) und zeichnen Sie bei gedrückter Umschalttaste eine Auswahl, die genau in eine Einheit unseres Dokumentrasters passt. Füllen Sie die Ebene mit der schwarzen Farbe # 000000 und geben Sie ihr eine Deckkraft von 60%.
Duplizieren Sie diese Ebene, um ein Muster wie im folgenden Bild zu erzeugen.
Gehen Sie zu Bearbeiten> Muster definieren, geben Sie ihm einen Namen (ich habe ihn "mozaik" genannt) und klicken Sie auf OK. Schließen Sie das Dokument. Es ist jetzt gespeichert und erscheint in unserer Musterbibliothek.
Erstellen Sie ein neues 1024x768 px-Dokument und speichern Sie es als background.psd. Entsperren Sie die Hintergrundebene, indem Sie darauf doppelklicken und im Dialogfeld auf OK klicken (dadurch wird das Sperrsymbol aus der Ebene entfernt). Doppelklicken Sie erneut auf die nicht gesperrte Hintergrundebene. Ein Dialogfeld mit Effekten wird geöffnet. Fügen Sie einen Gradienteneffekt hinzu, wie im Bild gezeigt. Verlaufsfarben von links nach rechts: # f9fff4, # ebf7e7 und # e3f9ed.
Erstellen Sie eine neue Ebene darüber und füllen Sie sie mit Weiß. Setzen Sie den Mischmodus auf "Multiplizieren" und fügen Sie die Musterüberlagerung mit dem zuvor erstellten Muster "mozaik" hinzu. Setzen Sie in den Effekteinstellungen die Deckkraft auf 4%. Behalten Sie die Standardwerte bei.
Erstellen Sie einen Ebenenordner und nennen Sie ihn "Layout". Wählen Sie das Rechteckformwerkzeug (U) und zeichnen Sie eine 365x747 px-Form mit der Füllfarbe #ffffff.
Fügen Sie einen Gradienteneffekt hinzu, wie im Bild gezeigt. Farbverlauf von links nach rechts: # e5e3e3, # f6f6f6 und #ffffff. Fügen Sie den Effekt „Inneres Glühen“, die Farbe #ffffff, die Deckkraft 87% und die Größe 54 hinzu. Übernehmen Sie die anderen Einstellungen.
Erstellen Sie eine neue Ebene unter der Rechteckform-Ebene.
Befehl halten / Strg + Klicken Sie auf die Formebene, um eine Auswahl daraus zu erstellen. Wenn die neu erstellte leere Ebene ausgewählt ist, füllen Sie sie mit der schwarzen # 000000. Gehen Sie zu Filter> Unschärfe> Gaußsche Unschärfe und geben Sie den Radius 6px ein.
Fügen Sie Ebenenmaske hinzu, indem Sie auf das kleine Maskensymbol unten in der Ebenenpalette klicken. Wählen Sie einen weichen Pinsel mit 300px und setzen Sie die Hintergrundfarbe auf Schwarz # 000000.
Streichen Sie nun sanft die Teile des Schattens, die Sie maskieren (verstecken) möchten. Dadurch erzeugen wir einen schönen Schatteneffekt.
Wir möchten, dass das Inhaltslayout ein bisschen wie ein reales Papier aussieht, daher benötigen wir einige horizontale Papierlinien. Um sie hinzuzufügen, müssen Sie zuerst das Muster erstellen. Erstellen Sie ein neues Dokument mit 70 x 70 Pixeln, genau wie bei unserem ersten Muster. Aktivieren Sie die Rasteransicht und zeichnen Sie auf beiden Seiten zwei (2) weiße Rechtecke (#ffffff). Lassen Sie die Mitte des Dokuments leer (transparent) einer Rastereinheit. Zeichnen Sie eine schwarze Rechteckgröße von der Hälfte der Rastereinheit, wie im Bild gezeigt.
Gehen Sie zu Bearbeiten> Muster definieren, geben Sie ihm einen Namen (gepunktet) und speichern Sie ihn. Schließen Sie das Dokument.
Jetzt können wir dieses Muster auf unser Inhaltslayout anwenden. Kopieren Sie die Rechteckform-Ebene, entfernen Sie die Effekte und ändern Sie die Farbe in # 838383. Fügen Sie den Pattern-Overlay-Effekt hinzu und wählen Sie das im vorherigen Schritt erstellte gepunktete Muster. Ändern Sie den Mischmodus der Ebene in "Multiplizieren" und setzen Sie die Deckkraft auf 14%..
Ich wollte es etwas abgenutzt aussehen, also maskierte ich die horizontalen Linien mit einem Grunge-Pinsel. Um dies zu tun, gehe zuerst zu Graphic River und nimm ein paar coole Grunge-Pinsel. Klicken Sie auf das kleine Maskensymbol unten in der Ebenenpalette, wählen Sie einen der Grunge-Pinsel (dies wird jeder tun), setzen Sie die Hintergrundfarbe auf Schwarz # 000000 und maskieren Sie leicht die Mitte des Inhaltslayouts (Linien), wobei die Linien im Bereich sichtbar bleiben Kanten.
Damit es noch mehr herauskommt, fügte ich einen halbtransparenten schwarzen Rand hinzu. Dazu duplizieren Sie die Basis-Formebene und verschieben Sie sie darunter. Erweitern Sie die Form auf jeder Seite um 20 Pixel, entfernen Sie alle Effekte, setzen Sie die Hintergrundfarbe auf Schwarz und die Deckkraft auf 3%. Erledigt!
Erstellen Sie einen neuen Ebenenordner unter dem Inhaltslayout (Layoutordner) und zeichnen Sie mit dem Rechteckformwerkzeug (U) ein Rechteck mit 78 x 72 Pixeln. Platzieren Sie es so, dass es etwa 10 Pixel unter dem Inhaltslayout versteckt ist. Füllen Sie es wie in der Abbildung gezeigt mit einer Verlaufsüberlagerung mit Farben von links nach rechts: # 525739 (Standort 0%) und # d6dbbf (Standort 27%)..
Wechseln Sie zum Direktauswahl-Werkzeug (A) und wählen Sie den Pfad aus. Wechseln Sie nun zum Stiftwerkzeug (P) und fügen Sie einen Ankerpunkt im unteren mittleren Teil des Pfads hinzu, wie in der Abbildung gezeigt. Stellen Sie die Griffe so ein, dass sie nahe beieinander liegen.
Wenn dieser Anker ausgewählt ist, halten Sie die Umschalttaste gedrückt, und drücken Sie die Aufwärtspfeiltaste, um den Punkt einmal zu verschieben (10px)..
Erstellen Sie eine neue Ebene darüber. Wählen Sie das benutzerdefinierte Formwerkzeug aus und wählen Sie das im Bild gezeigte aus.
Klicken Sie bei gedrückter Befehlstaste / Strg-Taste auf die darunter liegende Ebene der Farbbandform. Gehen Sie zu Auswählen> Ändern> Vertrag, und geben Sie den Wert 4px ein. Dadurch wird die Auswahl um 4 px verkleinert, sodass ein schöner Rand entsteht.
Klicken Sie bei aktivierter Auswahl auf die Sternformebene (wählen Sie sie aus) und klicken Sie auf das Maskensymbol unten in der Ebenenpalette. Dadurch wird die Sternform automatisch durch die zuvor ausgewählte Auswahl der Auswahlrechtecke maskiert.
Ändern Sie die Farbe der maskierten Sternform in # b2b7a1 und stellen Sie die Deckkraft auf 25% ein..
Erstellen Sie eine neue Ebene über dem Inhaltslayout und zeichnen Sie mit dem Ellipse-Werkzeug einen kleinen 52x52-Pixel-Kreis. Füllen Sie es mit # e25601.
Erstellen Sie eine weitere Ebene und platzieren Sie sie unter dem roten Kreis. Wählen Sie das benutzerdefinierte Formwerkzeug aus und wählen Sie die Stern-Burst-Form wie im Bild gezeigt. Füllen Sie es mit # e9c000. Halten Sie die Umschalttaste gedrückt, und zeichnen Sie die Form aus der Mitte des roten Kreises. Setzen Sie die Deckkraft der Ebene auf 20%.
Kopieren Sie die Stern-Burst-Formebene und platzieren Sie sie unter der ursprünglichen Stern-Burst-Form. Halten Sie die Umschalttaste gedrückt und drehen und skalieren Sie die Form so, dass sie wie im Bild angezeigt wird.
Ich habe es nur ein bisschen mehr verfeinert, indem ich eine kreisförmige Mandala-Form (mit einem benutzerdefinierten Photoshop-Pinsel) unter den Ebenen hinzugefügt und die Deckkraft auf 40% gesenkt habe, aber Sie können diesen Schritt überspringen, er wird trotzdem großartig aussehen!
Fügen Sie schließlich Ihren Inhalt hinzu und Sie sind mit dem ersten Foliendesign fertig! Ich habe mich dazu entschieden, den Begrüßungsbildschirmtext direkt in Photoshop zu speichern, anstatt ihn in PowerPoint einzufügen, da ich benutzerdefinierte Schriftarten und Grafiken verwende.
Nachdem Sie den Begrüßungsbildschirm erstellt haben, erstellen wir nun einen allgemeinen Hintergrund, der für alle anderen Folien unserer Präsentation verwendet wird. Kopieren Sie die background.psd und benennen Sie sie in inner.psd um. Löschen Sie den Ribbon-Layer-Ordner und den gesamten Inhalt, und belassen Sie nur das Inhaltslayout. Verschieben Sie alle verbleibenden Grafiken um 50 Pixel von der Dokumentoberseite.
Wählen Sie zuerst die Grundrechteckform (die mit dem Farbverlaufseffekt) aus, wählen Sie Direktauswahl-Werkzeug (A) und wählen Sie zwei untere Ankerpunkte dieser Form aus. Halten Sie die Umschalttaste gedrückt und drücken Sie den Pfeil nach unten, um das Rechteck zu erweitern, bis es die Dokumentgrenzen überschreitet.
Machen Sie dasselbe mit horizontalen Linien?
Wiederholen Sie abschließend den Schritt mit der semitransparenten Grenze. Optional können Sie den Schatten auch skalieren oder neu zeichnen.
Ändern Sie die Nummer der Folie innerhalb des roten Kreises, fügen Sie Titel und Fußzeile hinzu. Das ist es!
Wir haben das Design erstellt, jetzt müssen wir eine echte Präsentation daraus machen. Exportieren Sie PSD-Designs mit der Option "Für Web speichern" in Photoshop in eine hochwertige JPEG-Datei. Benennen Sie die Dateien entsprechend und legen Sie sie in Ihrem Präsentationsordner ab. Starten Sie PowerPoint und klicken Sie auf Datei> Neue Präsentation.
Standardmäßig fügt PowerPoint der neu erstellten Folie einen Titel und ein Textfeld hinzu. Wählen Sie sie aus und löschen Sie sie, da Sie sie nicht benötigen.
Klicken Sie in der Seitenleiste mit der rechten Maustaste auf die Miniaturansicht und klicken Sie auf Hintergrund formatieren. Ein Popup-Fenster wird angezeigt. Wählen Sie in der Popup-Seitenleiste Füllen aus, wählen Sie im Popup-Menü oben die Option Bild und wählen Sie das zuvor exportierte Hintergrundbild für die Begrüßungsfolie.
Sie können die erste Folie kopieren oder eine neue erstellen, wiederholen Sie den obigen Schritt für die Innenseite (Folie) und wählen Sie das zweite Hintergrundbild aus.
Und du bist fertig. Gut? fast fertig, denn jetzt müssen Sie den Rest Ihrer Folien erstellen und sich auf die Rede vorbereiten! Ich hoffe, Sie haben ein oder zwei Tricks gelernt, wie Sie eine benutzerdefinierte PowerPoint-Präsentation erstellen können, und ich wünsche Ihnen alles Gute mit Ihrem öffentlichen Reden. Bis zum nächsten Mal!
Schauen Sie sich einige dieser fantastischen Vorlagen an, die auf unserer Schwestersite Graphic River verfügbar sind.
Accentsconagua