Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

17 Schritt:Schritt 1: Schritt 2: Schritt 3: Schritt 4: Schritt 5: Schritt 6: Schritt 7: Schritt 8: Schritt 9: Schritt 10: Schritt 11: Schritt 12: Schritt 13: Schritt 14: Schritt 15: Schritt 16: Schritt 17:

Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

Wollten Sie schon immer ein Banner für twitter erstellen? Heute werden wir Ihnen, wie Sie ein Blickfang Grafik für Ihre Twitter-Seite mit Adobe Photoshop CC erstellen.
Bei diesem Projekt, müssen Sie zumindest 1 Bild Ihrer Wahl. Es kann der Technik ein Foto, was auch immer Sie möchten sein. Beachten Sie, dass Text über das Bild gehen. Ich 4 Bilder in meinem Projekt, eine Technik namens Masking zeigen. Sie müssen auch Adobe Photoshop. Die meisten dieser Tools sind in CS6 und später, wie die Einbettung, aber Sie können auch die Methode Kopieren / Einfügen für Bilder zu verwenden.
Ziele
Embed Bilder verwenden Maskierung Tools Verwenden von Textwerkzeuge Verwendung von Ebenenstilen Sparen für Web-

Schritt 1:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Hier ist die Vorlage die wir benutzen. Ab Juli 2015 sind diese Informationen immer noch genau. Beachten Sie, dass das Profilbild enthalten ist. Alle grafischen Inhalte in dem Banner wird hinter dem Profil-Bild sein, so sollte man nicht vergessen, wenn man an Ihr Layout.

Schritt 2:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Inhalt in den grauen Bereich wird nicht immer auf allen Geräten gesehen. Es ist eine gute Übung, um Ihren Inhalt innerhalb des Content-Safe Area, wie Name, Firmenname, oder Informationen, die Sie wollen andere in Ihrem Twitter-Banner zu sehen.
    Bitte laden Sie hier zu überlagern. Bewahren Sie diese Platzierung im Auge, wenn Sie die Erstellung Ihrer Hauptseite Grafik sind.

Schritt 3:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Schalten Sie zuerst die Schichten mit dem Inhalt sichere Informationen, indem Sie auf den Augapfel neben den Schichten im Schichtbereich. Wir gehen nicht zu sein mit dieser Schichten.
    Für den Moment wollen wir die Grenze zu halten, die die nicht-Ex-Bereich, so dass wir wissen, wo unsere Grafik setzen.
    Sie können das Icon Info offen halten, wenn Sie sicherstellen, dass Sie nicht durch den Text Profil Bild abgedeckt haben wollen.

Schritt 4:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Wählen Sie nun das Text-Werkzeug in der Werkzeugleiste auf der linken Seite. Sie haben Optionen, um die Schriftart und Schriftgröße zu ändern. Wählen Sie diese, bevor Sie mit der Eingabe beginnen. Die Schrift ich war Rockwell Extra Bold für diese Grafik und die Größe ist 26 pts.
    Geben Sie einen Namen, Firmennamen oder was auch immer Sie im Mittelpunkt des Textes sein wollen. Das wird das erste, was die Zuschauer zu Ihrem Twitter-Profil Nachricht.

Schritt 5:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Jetzt werden wir zu so etwas wie eine Schicht Stil. Klicken Sie doppelt auf die Sie mit Text erstellt Schicht. Es wird für Ebenenstile öffnen ein neues Fenster.
    Ich habe zwei Effekte zu meinem Text, den Sie unten sehen können, einen Schlagschatten und einen Schlaganfall.
    Ein Schlaganfall ist eine Grenze, um Ihren Text hinzufügen. Standardmäßig ist es bis 3 Pixel, was in Ordnung ist eingestellt. Ich machte mir ein wenig kleiner und setzen Sie ihn auf 2 Pixel. Der zweite Effekt fügt einen Schatten auf Ihren Text. Sie können den Winkel Option verwenden, um die Richtung der Schatten wird sich ändern.
    Nachdem Sie die Anpassungen, die Sie haben die Möglichkeit, einen Untertitel unter dem Haupt-Text, wenn Sie es wünschen. Ich habe eine andere Schrift, machte es kleiner, und fügte hinzu, es auf der rechten Seite. So meine Schrift werde nicht durch das Symbol auf der linken Seite der Grafik abgedeckt werden.

Schritt 6:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    So weit, ist es gut! Aber es ist jetzt ein wenig langweilig suchen. Lassen Sie uns ein paar Bilder hinzufügen, um unsere Grafik, um es Blickfang! Gehen Sie weiter und klicken Sie auf das Auge für die Grenzschicht, um sie auszublenden. Wir haben unser Text in der content-Ex-Bereich bekommen, so brauchen wir nicht mehr eingeschaltet zu lassen.

Schritt 7:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Zeit, um ein paar Bilder einbetten. Einbetten eines Foto nimmt weniger Dateibereich, weil statt Kopieren und Einfügen von Daten, es in eine Datei in einem anderen Ort verbindet.
    Klicken Sie auf "Datei" und blättern Sie nach unten zu "Zeigen Embedded" und suchen Sie Fotos oder Bilder, die Sie möchten, enthalten. Für mein Projekt, ich bin mit ein paar Bilder von ein paar coole Projekte, die ich auf instructables gefunden.
    Schichten werden für jedes Bild, das in das Dokument eingebettet wird erstellt.
    Die Schichten werden nach der Bilddateinamen benannt. Sie können durch einen Doppelklick auf den Text für die Schicht umbenannt werden, um sie besser zu organisieren.
    Hier sind die Links zu den instructable Projekte:
    http: //www.instructables.com/id/How-to-3D-Print-St ...
    http://www.instructables.com/id/Shandy-Recipe/
    http: //www.instructables.com/id/How-to-control-an -...
    http: //www.instructables.com/id/Nautilus-Bookshelf ...

Schritt 8:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Wir haben jetzt eine Menge von Bildern in unserer Schicht-Platte. Lassen Sie uns also ordentlich it up!
    Erstellen Sie einen neuen Ordner, indem Sie auf das Ordnersymbol. Klicken Sie doppelt auf "Neuer Ordner" und benennen Sie sie in "Pictures". Ziehen Sie alle Bilddateien in der Bildordner, um sie besser organisiert zu halten.

Schritt 9:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Positionieren Sie Ihr Bild oder die Bilder über das Dokument. Wenn Sie nur mit 1 Bild, können Sie den Schritt zu maskieren überspringen. Die Information ist immer noch ziemlich nützlich für zukünftige Projekte.
    Ich werde mit mehreren Bildern ist jedoch die Platzierung nicht zu hübsch jetzt aussehen. Wir werden das zu beheben durch Zusammenmischen und mit ihnen einige grundlegende Maskierung Tricks. Aber zuerst werden wir schnell erhellen unsere Fotos so ist es einfacher, unseren Text zu sehen.

Schritt 10:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Da wir einen Ordner für unsere Bilder erstellt, gibt es eine einfache Möglichkeit, die Deckkraft auf sie zu ändern, um es einfacher zu unserem Text zu sehen. Klicken Sie auf das Bild, das Ordner und suchen Sie die Option für die Deckkraft. Standardmäßig wird es 100% sein. Ich änderte Mine bis 60% betragen. Sie können Ihnen jede gewünschte Deckkraft zu machen. Je niedriger die Deckkraft, desto weniger opak Ihre Fotos sein.

Schritt 11:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Zeit, um die Maske Werkzeug. Die Maske Werkzeug wird verwendet, um Bereiche in einem Bild transparent. Es sieht aus wie es gelöscht, aber es ist nur das Hinzufügen einer Maske auf das Bild. Verwenden Sie schwarze Transparenz hinzuzufügen, verwenden weiß ein Bild wieder undurchsichtig zu machen. Um dieses Tool verwenden, klicken Sie auf eine der Schichten mit Ihren Bildern. Klicken Sie dann auf den Platz mit einem Kreis in das an der Unterseite der Ebenen-Palette. Es wird zu erstellen ein weißes Feld für Ihre Schicht.
    Nach dem Erstellen der Maske, verwenden Sie das Pinsel-Werkzeug, um Bereiche, die Sie transparent sein wollen, zu malen. Denken Sie daran, stellen Sie sicher, um die Farbe Schwarz verwendet wird. Auf der rechten Seite sehen Sie ein Beispiel der Maskierungswerkzeug im Einsatz zu sehen. Führen Sie diesen Schritt für alle Bilder, die Sie gewählt haben, um zu verwenden. Sie müssen möglicherweise neu einstellen und spielen, um mit der Platzierung, um den gewünschten Look zu bekommen.

Schritt 12:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Hier ist, wie mir landete suchen.
    Früher habe ich eine Mischung aus weichen Bürsten und harte Bürsten, um die Hintergründe zu entfernen. Eine härtere Bürste genauere Kanten geben, während ein weicher Pinsel ermöglicht eher eine Unschärfe. Beachten Sie auch, dass Sie die Größe des Pinsels zu ändern, manchmal muss man eine kleinere Bürste für genaue Bürsten müssen.

Schritt 13:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Zeit, um den letzten Schliff zu unserer Grafik hinzuzufügen. Erstellen Sie eine neue Ebene, sicherzustellen, dass diese Schicht direkt unter der Schicht, wo Sie Ihren Text hinzugefügt haben. Diese Schicht wird es selbst umbenennen. In der Werkzeugleiste, klicken Sie und halten Sie das Rechteck-Werkzeug. Es wird die Möglichkeit geben, für das Werkzeug für abgerundetes Rechteck. Klicken Sie auf, dass. Achten Sie darauf, eine helle Farbe zu verwenden. Ich werde mit weiß.
    Klicken Sie und halten Sie mit der Maus ein paar Pixel oberhalb und links von dem ersten Buchstaben Ihres Textes, und ziehen Sie sie nach unten in die untere rechte. Dies wird ein abgerundetes Rechteck um erstellen Sie Text.

Schritt 14:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Wie wir früher mit dem Text, doppelklicken Sie auf das Rechteck mit abgerundeten Ecken Schicht, um die Ebenenstil-Fenster zu öffnen. Geben Sie ihm einen Rand, indem Sie Takt.
    Und so, wie wir es vorher mit dem Ordner mit Bildern, können Sie die Deckkraft des Rechtecks ​​zu senken. Die Grafik auf der Rückseite sind immer noch zu sehen, aber jetzt macht die Text-Pop noch mehr.

Schritt 15:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Für unsere letzte Schritt in photoshop, wollen wir unser Bild bei Twitter speichern. Klicken Sie auf Datei, und suchen Sie die Option Save for Web.
    Stellen Sie sicher, um die Datei als PNG für die beste Bildqualität zu speichern. In der unteren linken Sie sehen können, wie groß die Bilddatei. Mein Foto ist 841 KB. Nicht zu groß, aber nicht sehr klein.
    Ich könnte das Bild auf eine GIF ändern, aber es wäre ein Verlust in Qualität sein. Die andere Möglichkeit ist ein Bild hoher Qualität JPG. Wenn Sie fertig sind klicken Sie auf Speichern und wählen Sie einen Speicherort für die fertige Datei zu speichern.

Schritt 16:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Gehen Sie zu Ihrem Twitter-Profil und klicken Sie auf die Schaltfläche, die "Profil bearbeiten", sagt. Dies gibt Ihnen die Möglichkeit, Ihre Header Banner und Profilbild bearbeiten.
    Klicken Sie auf "Add header Photo" und suchen Sie die in Photoshop erstellten Banner.

Schritt 17:

  1. Erstellen Sie eine Kopfzeile für Twitter mit Photoshop

    Nachdem Sie Ihr Bild hochgeladen haben, haben Sie die Möglichkeit, um es zu erweitern, um sie füllen den Header. Weil wir die richtigen Abmessungen, 1500 x 500 Pixel verwendet, wird es ganz gut zu passen.
    Wenn Sie alle fertig sind, klicken Sie auf "Übernehmen", und Sie werden alle fertig. Genießen Sie Ihr neues Twitter-Profil!