29 August 2009 21:58 · SKY · 0 fav
· Tags
glas effekt
,
logo
,
photoshop
,
photoshop tutorial
,
text effekt
Bevor ich anfangen kann ich nur sagen, dass wir ziemlich viele Tutorials Logo auf dieser Website haben. Wenn also die Sky Logo ist nicht das, was Sie suchen, werfen Sie einen Blick in die Sidebar oder folgen Sie diesem Link Photoshop Tutorial Logo.
In diesem Tutorial werde ich erklären, eine sehr einfache und unkomplizierte Weise zu schaffen neuesten Sky-Logo. Wir werden mit Ebenenstile und Einstellungsebenen, eine transparente Glas-Effekt, der sich als nützlich für viele andere Grafiken auch erreichen wird.
Ich habe Adobe Photoshop CS3, das Ergebnis zu diesem Tutorial zu erstellen, aber sicherlich früheren Versionen des Programms wird auch ganz geeignet. Dieses Tutorial erfordert keine fortgeschrittenen Kenntnisse in Photoshop, und sollte für jedermann einfach zu folgen.
Das Ergebnis des Tutorials ist unten dargestellt:
Schritt eins:
Erstens müssen Sie zum Download die Schriftart, die verwendet wird, um den Himmel Logo zu erstellen. Sie können es unter diesem Link finden Sie hier: Sky TV Logo Font
Sobald Sie die verschiedenen TrueType Font-Dateien installiert haben, sollten sie automatisch zu laden Sie sich für den Einsatz in Photoshop. Wenn nicht, starten Sie Photoshop und versuche es erneut.
Schritt zwei: Wir Platzieren die Logo Schrift
Erstellen Sie ein neues Dokument mit einem weißen Hintergrund bei einer Größe messen 500 x 300 Pixel. Wählen Sie die "horizontale Text-Werkzeug 'und mit' font Sky TV-Sender Logos ', geben Sie die Zahl" 8 "mit einer Größe von 400PT in Ihr Textfeld mit Schwarz als Farbe. Stellen Sie sicher, dass "Smooth" im Drop-down-Anti-Aliasing-Menü ausgewählt ist.
Sie sollten nun etwas, das wie folgt aussieht:
Schritt drei: Erstellung das Glas Effekts
Hier beginnt der Spaß! Mit nur Ebenenstile, erreichen wir einen grossartiken transparenten Glas-Effekt. Wenn Sie mit der gleichen Größe Text wie ich, werden diese Einstellungen perfekt sein. Andernfalls müssen Sie sie leicht je nach Größe Ihres Textes, aber sie grundsätzlich gleich bleiben zu ändern.
Öffnen Sie das Menü "Layer Styles 'durch Klick auf das kleine" FX "-Symbol am unteren Rand der Ebenen-Palette, oder alternativ, doppelklicken Sie auf Ihre Ebene in der Palette. Der erste Stil, den wir hinzufügen wird ein "Abgeflachte Kante und Relief". Stellen Sie sicher, dass die Einstellungen wurden geändert, um die in der Abbildung unten gezeigt, entsprechen:
Tiefe: 225%
Größe: 4px
Verwenden Global Light: Ungeprüfter
Höhe: 65 Grad
Glass Contour: Custom
Außerdem benötigen Sie zum Hinzufügen eines "Contour" zu den "Abgeflachte Kante und Relief"-Einstellung, so aktivieren Sie das Kontrollkästchen unter der Ebenenstile Menü und wählen Sie diese, um das Menü zu gehen. Wählen Sie einfach die erste Option im Dropdown-Menü mit der Diagonale abfallenden Linie, wie die folgende angezeigt:
Sie sollten nun etwas, das ähnlich wie das Bild unten aussieht. Es sieht jetzt schrecklich, aber es macht den Unterschied für später auf!
Schritt vier: Farben einstellen
Halten Sie das Menü "Layer Styles 'zu öffnen, wie wir jetzt wird ein Farb-Overlay hinzufügen. Wählen Sie einfach diese im Menü, und fügen Sie ein weißes Overlay wie die in der Abbildung unten:
Opazität: 20%
Entfernung: 14px
Größe: 21px
That's all die Schicht Styling Sie brauchen! Ihr Bild sollte nun so aussehen:
Fünfter Schritt: weitere Farb einstellung um noch eine besseren Glas Effekt zu bekommen
Der letzte Schritt besteht darin, die blaue Farbe auf den Text aufnehmen zu können. Wir tun dies durch die Verwendung einer Einstellungsebene, die erstaunlich handlichen Schichten, die verwendet werden, um eine Reihe von verschiedenen Dingen wie Farbe, Ton und Kontrast zu ändern können, sind.
Gehen Sie auf die unten in der Ebenen-Palette wieder, und klicken Sie auf den kleinen Kreis-Symbol, das halb schwarz und halb weiß gefüllt ist. Ein kleines Menü sollte dann erscheinen, wenn Sie die Option "Colour Balance" wählen sollten. Es sollte ein anderes Menü zu öffnen, mit verschiedenen Optionen "Slider". Befolgen Sie einfach die Screenshots unten, um die richtigen Einstellungen zu erhalten.
Cyan / Rot: -40
Magenta / Grün: 0
Gelb / Blau: 34
Cyan / Rot: -4
Magenta / Grün: 0
Gelb / Blau: 16
Cyan / Rot: -10
Magenta / Grün: 0
Gelb / Blau: +7
Jetzt sind Sie fertig! Hier ist Ihr Endergebnis:
Sie können auf diese Technik durch Schleifen zu erweitern, das Experimentieren mit verschiedenen Farben oder das Hinzufügen deutlicher Lichtern und Schatten. Viel Spaß!
19 August 2009 17:49 · SKY · 0 fav
· Tags
glas effekt
,
photoshop
,
photoshop tutorial
,
text effekt
3D Glas Text Effekt
Photoshop Text Effekt Schritt 1
Zunächst öffnen Sie ein neues Dokument und füllen es mit Schwarz. Dann fügen Sie Ihren Text mit einer Schriftart, die Sie mögen und die Farbe # 00e5ff.
Glas Text Schritt 2
Weiter wird die Ebene verdoppelt, indem Sie (Befehl + J), die Layer Opacity auf 65% und bewegen Sie sie nach unten und links je 1 px.
3D Text Effekt Schritt 3
Weiter Duplikat der Textebene in Schritt 2 vier weitere Male. Dann bewegen je 1 px nach unten und links, wie Sie zuvor.
Photoshop Effekt Schritt 4
Weiter müssen Sie alle Schichten mit Ausnahme der Hintergrund und der erste Text, den Sie erstellt. Jetzt der rechten Maustaste und wählen Rasterize Art, dann die Ebenen zusammenführen und die neue Ebene auf 47% Deckkraft.
Photoshop Text Effekt Schritt 5
Verwenden Sie die Polygonal Lasso-Tool (L) und eine Auswahl treffen, wie unten gezeigt. Weiter, verwenden Sie die wisch-Tool (R) auf einen Master-Durchmesser von 19 px, Härte von 100%, Stärke von 30%, und verschmieren den rechten Teil der Schicht, so dass Sie können, dass die leeren Teil.
Photoshop Text Effekt
Schritt 6
Wiederholen Sie den gleichen Vorgang mit den anderen Buchstaben.
Schritt 7
Für den unteren Teil des "S" Buchstabe, eine Auswahl treffen, wie, aber dieses Mal einfach löschen die unerwünschten Teil des Schreibens durch Drücken der Taste Backspace.
3D Glas Text Effekt Schritt 8
Löschen Sie den oberen Teil des Buchstaben "D", "T", "u" und "t", dann löschen Sie den unteren Teil der "s.
Photoshop Text Effekt Schritt 9
Vor Verwendung der wisch-Tool (R) wie in Schritt 5. Verwenden Sie die wisch-Tool für den Buchstaben "T", "t" und "s."
3D Glas Schrift Effekt
Schritt 10
Weiter bewegen Sie den ursprünglichen Text oberhalb des Duplikats. Also, setzen Sie die Deckkraft der duplizierte Ebene, um 35%. Wählen Sie den Original-Text-Schicht, und doppelklicken Sie auf sie auf, geben Sie die Blending-Optionen und fügen Sie dann einen Schlaganfall.
Photoshop Schrift Effekt Schritt 11
Weiter wählen Sie die Textebene aus und duplizieren. Verwenden Sie den Pen Tool (P) und einem Schlaganfall, wie unten und es in eine Auswahl. Jetzt einfach löschen auf die Auswahl mit dem Radiergummi-Tool (E) auf 24% Deckkraft.
Schritt 12
Weiter erstellen Sie eine neue Ebene über dem Text vervielfältigt Schichten. In dieser Schicht ein bisschen mehr Farbe auf den Text. Dazu müssen Sie zunächst eine Auswahl der den gesamten Text, indem Sie die Befehlstaste gedrückt und drücken einmal auf die duplizierte Textebene Bild. Jetzt füllen Sie die Auswahl mit # ff009c. Nichts dagegen haben die blauen Wolken hinter dem Text.
Schritt 13
Stellen Sie die Ebene auf Farbton und Deckkraft auf 35%.
Schritt 14
Machen Sie eine Auswahl der ersten Textebene und gehen Sie dann in jedem der folgenden Schichten, und drücken Sie die Rücktaste, um die ausgewählten Bereichen. Wie Sie unten sehen können, wird der Text-Effekt wird immer noch sichtbar, aber wir müssen gehen einige Bereiche für die künftige Anpassungen.
Schritt 15
Erstellen Sie eine neue Ebene unterhalb der "rosa"-Schicht und eine Auswahl treffen, wie unten dargestellt, dann füllen Sie die Auswahl mit Weiß. Sie auch sicher, dass die Schicht auf 38% Deckkraft und die Original-"Text"-Ebene auf 68% Deckkraft.
Schritt 16
Machen Sie eine Auswahl der Original-"Text"-Schicht. Jetzt verwenden wir eine weiche Bürste für die Eraser Tool (E), um die Ecken der weißen Schicht, die nicht gut aussehen.
Schritt 17
Eine weitere Auswahl der Original-Text-Schicht, und erstellen Sie eine neue Ebene darüber. Dann wählen Sie das Lasso-Werkzeug (L) und Rechts-Klick auf dem Bildschirm und wählen Sie Hub. Stellen Sie den Hub bis 2 px und Farbe auf # 00fcff.
Schritt 18
Duplizieren Sie die Hub von Schritt 17 und verschieben Sie es wie unten. Nun sollte man eine Auswahl wie gezeigt, und verwenden Sie die Eraser Tool (E) auf 40% Deckkraft zu löschen Schlaganfall, die sich in der Auswahl. Am Ende, setzen Sie die Ebene auf 10% Deckkraft.
Schritt 19
Eine weitere Auswahl auf den ursprünglichen Text und dann abziehen, wie unten. Erstellen Sie eine neue Ebene oberhalb der ursprünglichen "Text"-Schicht, und die Anwendung der gleichen Farbe, wie Sie für den Schlaganfall eine einfache Gefälle. Dann fügen Sie mit einem anderen Hub # c2feff.
Schritt 20
Duplizieren Sie die "weißen Text"-Schicht und Pinsel über das mit der Farbe # f1ff12. Setzen Sie dann die Layer Opacity auf 23% und bewegen Sie sie wie gezeigt.
Schritt 21
Machen Sie eine Auswahl wie unten durch Command-Klick auf den ursprünglichen Text und Bild inverse der Auswahl. Dann mit dem Radierer Tool (E) benötigen Sie zum Löschen der Kanten wie in Schritt 16 fort.
Schritt 22
Jetzt ist es an der Zeit, sich wieder auf den "rosa"-Schicht. Aktivieren Sie es und setzen Sie die Deckkraft wieder auf 100%. Machen Sie eine Auswahl wie unten, Invertzucker, und löschen Sie das überschüssige mit dem Radiergummi-Tool (E).
Schritt 23
Bewegen Sie den "rosa"-Schicht, die Sie gerade über den ursprünglichen Text Schicht und setzen Sie ihn auf "Overlay".
