Cum se face o pictogramă Google Plus în Photoshop

Bună ziua fani Photoshop! Odată cu tot ce se petrece în ultima vreme despre Google Plus, nu a existat nici o evitare, făcând un tutorial asemănător cu Photoshop despre el. Deși pare ușor, simpla pictogramă g + este de fapt un pic dificil de reprodus perfect, dar sigur că asta nu ne va opri. Pregătiți-vă să vă aruncați într-un Photoshop mai avansat!

Pasul 1 - Dimensiunea pictogramei

Pentru aceasta, vom merge pentru o pictogramă mai mare - 256 x 256px. De asemenea, puteți încerca să vă faceți o pictogramă de 128 x 128 pixeli sau 512 x 512 pixeli, dar o pictogramă obișnuită ar trebui să facă lucrarea.

Pasul 2 - Configurarea ghidurilor

Pentru acest tutorial, va trebui să fim extrem de exacți, așa că să punem câteva ghiduri pentru a ne ajuta pe parcurs. Pentru a crea un nou ghid, mergeți la Vizualizare, Ghid nou.

Va trebui să repetați acest pas de mai multe ori pentru a vă face următoarele ghiduri (rețineți că lucrăm în pixeli, deci nu uitați să schimbați cm în caseta de poziție la a px):

Ghiduri orizontale: 0px, 40px, 256px

Ghiduri verticale: 0px, 64px, 128px, 192px, 256px

(Mai jos - exemplu pentru cel de-al doilea ghid orizontal)

După ce ați terminat, panza ar trebui să arate astfel:

Pasul 3 - mărirea canvasului

Vom dori să avem logo-ul Google Plus pe un fond neted alb-gri în stilul Google tipic. Clic Imagine, Dimensiune canvas și setați panza la o rezoluție asemănătoare tapetului. Pentru aceasta, am mers cu 720p (1280 × 720).

Acum ridicați instrumentul de gradient și creați un radial acest gradient se estompează de la alb la gri deschis. Ceva similar cu acesta:

Pasul 4 - Creați forma

Creeaza o nou strat. Acum du-te la Instrumente pentru forme și selectați Instrument rotunjit dreptunghiular. Schimbați raza la 20 px și culoarea sa spre un gri-închis (343434). Acum, folosind ghidurile pe care le-am făcut mai devreme, trageți forma rotunjită și asigurați-vă că se potrivește frumos în limitele ei.

Pasul 5 - partea superioară a siglei

Mai întâi de toate, rasterizați stratul rclick-dreapta, Rasterizeaza. Acum, folosind Instrument de marcaj dreptunghiular selectați partea superioară a siglei (între prima și a doua ghidaje orizontale) și apoi Click dreapta alegere Layer Via Cut. Acum, separați noul strat în patru straturi mai mici - fiecare pentru fiecare piesă de sus: Iată cum ar arăta dacă aș activa și apoi voi dezactiva fiecare strat unul câte unul:

Sfat rapid - puteți să vă redenumiți straturile și să le dați nume precum piesa de sus 1, piesa de sus 2 și așa mai departe. Acest lucru nu numai că va face lucrurile mai curate, ci și va ușura lucrurile. Puteți încerca chiar punând piesele de sus în propriul grup de straturi.

Pasul 5 - Imaginile din partea inferioară

Selectați stratul care conține partea de jos a imaginii ... (aceasta):

… și apoi Click dreapta selectare Opțiuni amestecate. De aici, veți dori să adăugați câteva Bevel și Emboss...

... și a Gradient Overlay (se estompează de la 1d1d1d la 292929).

Imaginea ta ar trebui apoi să primească o schimbare similară cu aceasta:

Pasul 6 - Imagini de top

Mai întâi, asigurați-vă că activați pictograma stângă sus a pictogramei. Acum, din nou, deschideți stratul respectiv Blanding Opțiuni și dați-i pe unii Umbra interioara...

... ca și alții Suprapunere de culori.

Iată ce ar trebui să arate imaginea dvs. înainte și după modificări:

Repetați acest pas pentru fiecare strat nou, setând culoarea potrivită a acestuia:

Prima piesă: Roșu - f23a3f

A doua piesă: Albastru - 5988f5

A treia piesă: Verde - 5fb816

A 4-a bucată: Galben - ffc000

Pasul 7 - Adăugarea unei străluciri ușoare

A face o nou strat și puneți-l peste toate celelalte straturi. Acum folosiți a Instrument de gradient pentru a crea un Radial Gradient decolorare de la alb la transparență în interiorul zonei icoanei. Apoi setați Nivelul de opacitate la 30% si Mod de amestecare la Acoperire. Schimbările sunt abia vizibile, dar totuși destul de vitale. Iată un scurt înainte / după:

Pasul 8 - Atotputernicul g+

Luați o lovitură rapidă pe ecrana logo-ului Google de la Google.com. Atunci pastă împușcat direct în Photoshop (stratul său se află între Gradientul de suprapunere și restul imaginii) și eliminați orice altceva decât litera mică "g".

Acum, puteți utiliza orice unelte pe care preferați să le eliminați din micul "g" și puteți, de asemenea, să le utilizați Rafinați muchia pentru a netezi puțin. Atunci Ctrl + Dați clic pe miniatură de strat și apoi, în timp ce aveți un Rectangular Marquee în mâinile tale Click dreapta și selectați Completati. Utilizare alb la 100% și Normal și ar trebui să ajungeți la acest lucru:

Acum pentru plus. Ei bine, nimic de discutat aici, într-adevăr. Doar apuca a Instrumentul de tip și găsi un font care are un frumos slab "+" care este similar cu logo-ul original și adu-l în imagine. Când ați terminat, ar trebui să aveți acest lucru:

Pasul 9 - Marele Mare!

Încă un pas așteaptă! Mergi la Vizualizați> Goliți ghidajele pentru a scăpa de ghizii, deoarece nu le mai avem nevoie de ele și imaginea noastră va fi completă. (Oh, și nu uitați să apăsați o tastă rapidă Ctrl + Shift + S - nu doriți să pierdeți toată munca grea, nu?)

Pasul 10 - Bucurați-vă!

În sfârșit terminat! Dar așteptați, de ce să vă opriți aici? Cine știe ce alte logouri reușite ar putea ieși din acest șablon! Mergeți mai departe și încercați creativitatea dvs. și vedeți ce vă aduceți.