So erstellen Sie ein Google Plus-Symbol in Photoshop

Hallo Photoshop-Fans! Da in letzter Zeit all die Begeisterung über Google Plus herrschte, war es nicht zu vermeiden, ein ähnliches Photoshop-Tutorial darüber zu erstellen. Obwohl es einfach scheint, ist das einfach aussehende g + -Symbol tatsächlich etwas schwierig zu replizieren, aber das hindert uns sicherlich nicht. Bereiten Sie sich darauf vor, in etwas weiter fortgeschrittenes Photoshop einzutauchen!

Schritt 1 - Symbolgröße

Für dieses werden wir uns für ein größeres Symbol entscheiden - 256 x 256 Pixel. Sie können auch versuchen, sich ein 128 x 128px- oder ein 512 x 512px-Symbol zu machen, aber ein normales Symbol sollte die Aufgabe erfüllen.

Schritt 2 - Einrichten der Anleitungen

Für dieses Tutorial müssen wir extrem genau sein. Lassen Sie uns also ein paar Leitfäden einrichten, die uns auf unserem Weg unterstützen. Um einen neuen Leitfaden zu erstellen, gehen Sie zu Ansicht, Neuer Leitfaden.

Sie müssen diesen Schritt mehrmals wiederholen, um die folgenden Anleitungen zu erstellen (Denken Sie daran, wir arbeiten in Pixeln. Vergessen Sie nicht, das Pixel zu ändern cm in der Positionsbox a px):

Horizontale Führungen: 0px, 40px, 256px

Vertikale Führungen: 0px, 64px, 128px, 192px, 256px

(Unten - Beispiel für die zweite horizontale Führung)

Sobald Sie fertig sind, sollte Ihre Leinwand so aussehen:

Schritt 3 - Leinwand vergrößern

Wir möchten das Google Plus-Logo auf einem glatten, weiß-grauen Hintergrund im typischen Google-Stil haben. Klicken Bild, Leinwandgröße und legen Sie die Leinwand auf eine tapetenartige Auflösung fest. Für dieses haben wir 720p (1280 × 720) gewählt..

Nehmen Sie jetzt das Verlaufswerkzeug und erstellen Sie eine radial Gradient das verblasst von weiß zu hellgrau. Etwas Ähnliches:

Schritt 4 - Erstellen Sie die Form

Ein ... kreieren Neue Schicht. Gehen Sie jetzt zum Formwerkzeuge und wähle das aus Abgerundetes Rechteckwerkzeug. Ändern Sie den Radius in 20 px und seine Farbe zu einem dunkelgrauen (343434). Ziehen Sie nun mit den zuvor erstellten Hilfslinien die abgerundete Form heraus und stellen Sie sicher, dass sie gut in ihre Grenzen passt.

Schritt 5 - oberer Teil des Logos

Rastere deine Ebene zuerst mit rKlicken Sie mit der rechten Maustaste auf Rasterisieren. Jetzt mit der Rechteckiges Laufschriftwerkzeug Wählen Sie den oberen Teil des Logos (zwischen der ersten und der zweiten horizontalen Führung) und dann Rechtsklick wählen Ebene über Schnitt. Trennen Sie nun die neue Ebene in vier kleinere Ebenen - jede für jedes obere Teil: So würde es aussehen, wenn ich jede Ebene nacheinander aktivieren und deaktivieren würde:

Schneller Tipp - Sie können Ihre Ebenen umbenennen und ihnen Namen geben, z. B. Oberteil 1, Oberteil 2 usw. Dies wird nicht nur die Dinge sauberer machen, sondern auch die Dinge erleichtern. Sie können es sogar versuchen die oberen Stücke in eine eigene Ebenengruppe einfügen.

Schritt 5 - Untere Teilbilder

Wählen Sie Ihre Ebene aus, die den unteren Teil des Bildes enthält (diese):

… und dann Rechtsklick auswählen Fülloptionen. Von hier aus möchten Sie einige hinzufügen Abgeflachte Kante und Relief…

… und ein Verlaufsüberlagerung (verblasst von 1d1d1d auf 292929).

Dein Bild sollte danach eine ähnliche Änderung erhalten:

Schritt 6 - Visualisierung des oberen Teils

Vergewissern Sie sich zunächst, dass Sie das obere linke Symbol aktivieren. Öffne jetzt wieder diese Ebene Langweilige Optionen und gib es etwas Inneren Schatten…

… Sowie einige Farbüberlagerung.

So sollte Ihr Bild vor und nach den Änderungen aussehen:

Wiederholen Sie diesen Schritt für jede neue Ebene, und legen Sie ihre rechte Überlagerungsfarbe fest:

1. Stück: Rot - f23a3f

2. Stück: Blau - 5988f5

3. stück: Grün - 5fb816

4. Stück: Gelb - ffc000

Schritt 7 - Einen leichten Glanz hinzufügen

Mach ein Neue Schicht und platziere es über allen anderen Schichten. Verwenden Sie jetzt eine Verlaufswerkzeug ein erstellen Radialer Farbverlauf Fading vom Weiß zur Transparenz innerhalb des Bereichs des Symbols. Dann stellen Sie das ein Deckkraft der Ebene zu 30% und das Mischmodus zu Überlagerung. Die Änderungen sind kaum spürbar, aber immer noch sehr wichtig. Hier ist ein kurzes Vorher / Nachher:

Schritt 8 - Der Allmächtige g+

Schnapp dir einen schnellen Screenshotdes Google-Logos von Google.com. Dann Einfügen die Aufnahme direkt in Photoshop (Seine Ebene befindet sich zwischen dem Überlagerungsverlauf und dem Rest des Bildes) und entferne alles außer dem kleinen Buchstaben "g".

Jetzt können Sie beliebige Werkzeuge verwenden, um den Hintergrund vom kleinen "g" zu entfernen und auch verwenden Kanten korrigieren um es ein bisschen zu glätten. Dann Strg + Klick das Ebenenminiaturbild und dann, während a Rechteckiges Festzelt in deiner Hand Rechtsklick und wählen Sie Füllen. Benutzen Weiß beim 100% und Normal und du solltest dazu kommen:

Nun zum Plus. Nun, wirklich nichts zu besprechen. Nimm einfach eine Typ Werkzeug und finde eine Schrift, die ein dünnes "+" hat welches ist ähnlich dem ursprünglichen Logo und bekomme es ins Bild. Wenn Sie fertig sind, sollten Sie Folgendes haben:

Schritt 9 - Der Grand Endlich!

Ein weiterer Schritt erwartet Sie! Gehe zu Ansicht> Führungen löschen Die Guides loswerden, da wir sie nicht mehr benötigen werden und Ihr Bild dann vollständig ist. (Oh, und vergessen Sie nicht, eine schnelle Strg-Taste + Umschalttaste + S auszutippen - Sie möchten nicht all die harte Arbeit verlieren, oder?)

Schritt 10 - Genießen Sie es!

Endlich fertig! Aber warte mal, warum hier aufhören? Wer weiß, welche anderen coolen Logos aus dieser Vorlage hervorgehen könnten! Probieren Sie Ihre Kreativität aus und sehen Sie, was Sie sich vorstellen.