Onorăm limba și cultura germană în această săptămână pentru a sărbători lansarea Versiunea germană a lui Envato Elements!
În acest tutorial, veți învăța cum să creați un efect de text utilizând gradient fill și stiluri de strat în Adobe Photoshop. În această săptămână este dedicată culturii germane, așa că vom folosi fraza germană "Aller Anfang ist schwer", care înseamnă "Toate începuturile sunt grele".
Am creat efecte de text moderne din anii 80 cu efecte de text nelimitate utilizând aceeași metodă pentru portofoliul meu GraphicRiver.
Veți avea nevoie de următoarele fonturi pentru a finaliza acest tutorial:
Mergi la Fișier> Nou și să creați un fișier nou cu care să lucrați. Utilizați următoarele setări: Lățime: 3000 px; Înălțime: 2000 px; 300 dpi.
Clic T pentru a deschide Instrument tip orizontal și să creați orice text utilizând fontul Mexcellent cu o dimensiune de 146 pt.
Selectați stratul de text și apoi Faceți clic dreapta> Conversia în Obiectul inteligent.
Creați un alt strat de text utilizând al doilea font al nostru 33 pt dimensiunea și mutați-o 120 px din partea de sus a obiectului inteligent în timp ce țineți apăsat Schimb.
Selectați stratul de fundal și Completati cu # 231434
folosind culoarea Shift-F5.
Lovit U pentru a activa funcția Instrumentul dreptunghiului. Apoi creați o formăcu următoarele setări:
#FFFFFF
După aceea, mutați-l în colțul din stânga sus al pânzei în timp ce țineți apăsat Schimb.
Click dreapta pe primul strat de formăși selectați Duplicat.
Selectați a doua formă și mutați-o 250 px la dreapta în timp ce țineți Schimb.
Creați încă zece exemplare ca înainte, apoi le mutați în partea dreaptă pentru a umple întreaga pânză.
Acum trebuie să selectăm toate straturile de formă pe care le-am creat și Faceți clic dreapta> Duplicați.
Selectați duplicatele noi și mutați-le 250 px jos în timp ce țineți Schimb.
Duplicați straturile de formă pentru a umple întreaga pânză.
După aceasta, trebuie să selectăm toate straturile de formă folosind Schimb și apoi Faceți clic dreapta> Conversia în Obiectul inteligent.
Selectați noul obiect inteligent și apăsați Control-T și redimensionați grila pentru a umple pânza mai precis.
Selectați obiectul inteligent și mergeți la Editați> Transformare> Perspectivă.
Selectați punctul de transformare din stânga sus și mutați-l 25 ° în timp ce țineți Schimb.
presa Control-T și apoi mutați punctele de transformare de vârf la marginile panzei.
Acum trebuie să mutăm obiectul inteligent în jos 895 px în timp ce țineți Schimb.
Acum trebuie să creați un duplicat al rețelei, să selectați obiectul inteligent și apoi Faceți clic dreapta> Duplicați.
Clic U pentru a activa funcția Instrumentul dreptunghiului. Apoi creați o formă în centrul documentuluicu următoarele setări: Lățime: 2100 px; Înălțime: 1050 px; Culoare: #FFFFFF
.
Clic U pentru a activa funcția Instrumentul dreptunghiului. Apoi creați o formă în centrul documentuluicu următoarele setări: Lățime: 3000 px; Înălțime: 900 px; Culoare: # 151515
.
Acum trebuie să creăm ultima formă între straturile de text cu următoarele setări: Lățime: 1200 px; Înălțime: 1 px; Culoare: # 000000
.
Acum trebuie să transformăm straturile noastre de formă în obiecte inteligente. Faceți clic dreapta> Conversia în Obiectul inteligent.
Selectați prima formă și schimbați Mod de amestecare la Acoperire.
Acum trebuie să adăugăm un Lumină exterioară efect în Stratul de stil panou. Dublu click pe strat și utilizați următoarele setări:
# ffc47d
Mergi la Filtru> Zgomot> Adăugați zgomot și utilizațiurmătoarele setări:
Selectați obiectul inteligent cu grila și apoi faceți clic pe Creați o mască icoană.
Selectați masca stratului șipresa Control-I pentru a inversa culoarea măștii.
Lovit B pentru a activa funcția Unealta perie și utilizați următoarele setări: 245 px; Duritate: 20%.
După aceea, apăsați Alt și Click dreapta pe mască și trageți o mască după cum se arată în imaginea de mai jos.
Acum trebuie să adăugăm un efect de estompare măștii. Selectați din nou masca, apoi treceți la Filtru> Blur> Gaussian Blur și utilizați următoarele setări: Radius: 80 px.
Acum trebuie să adăugăm aceleași efecte la a doua formă de rețea și să schimbăm Mod de amestecare a stratului la Acoperire si Opacitate la 75%.
Acesta este modul în care imaginea noastră va avea grijă de toate manipulările enumerate mai sus:
Selectați următorul obiect inteligent și schimbați Mod de amestecare la Acoperire si Opacitate la 25%.
Mergi la Filtru> Blur> Gaussian Blur și utilizați următoarele setări: Radius: 250 px.
Selectați următorul obiect inteligent și schimbați Opacitate la 75%.
Mergi la Filtru> Blur> Gaussian Blur și utilizați următoarele setări: Radius: 165 px.
Dublu click pe strat și adăugați a Gradient Overlay utilizând următoarele setări:
După aceea, trebuie să schimbăm gradientul în același Gradient Overlay panou. Dublu click pe gradient și să creați un nou gradient cu următoarele culori: # db9176
și # 1c1527
.
Acum trebuie să edificăm ultimul obiect inteligent cu forma liniei. Faceți clic dreapta> Editați conținutul pentru a deschide obiectul inteligent.
În fereastra nou deschisă, apăsați Control-Alt-C și schimbați dimensiunea pânzei la 1220 x 20 px.
Dublu click pe forma din obiectul inteligent și adăugați o Stralucire interioara utilizând următoarele setări:
#
FFFFFF
Apoi, adăugați un Lumină exterioară efectutilizând următoarele setări:
# ffc47d
Schimba Completati a stratului la 0% apoi închideți și salvați obiectul inteligent.
Mergi la Filtru> Blur> Motion Blur și utilizați următoarele setări: Unghi: 0 °; Distanța: 440 px.
Schimba Mod de amestecare la Lumină tare.
Selectați toate formele de fundal în timp ce țineți apăsat Schimb, și apoi apăsați pe Creați un nou grup icoană.
Creați două duplicate ale primului obiect inteligent cu textul (Faceți clic dreapta> Duplicați).
Faceți cele două straturi superioare invizibile și creați un alt grup pentru primul obiect inteligent.
Dublu click pe obiectul inteligent și adăugați a Gradient Overlay utilizând următoarele setări:
Dupa aceea, Faceți clic pe stânga pe Gradient în același panouși creați un nou gradient cu următoarele setări:
# 5a91ae
, Locație: 0% # aee2f1
, Locație: 22% # d3f3f9
, Locație: 51% # 3d3a3a
, Locație: 51% # 513c4f
, Locație: 60% # 8c5f92
, Locație: 75% # cc9ada
, Locație: 90% # d8b7e2
, Locație: 100% După ce ați creat panta, apăsați O.K.
presa Face implicit.
Creați un nou duplicat al obiectului inteligent și puneți-l mai jos în straturi panou.
Mutați duplicatul obiectului inteligent 1 px stânga și 1 px în timp ce țineți Schimb.
Pentru a crea un efect 3D fals, trebuie să creați încă 23 de duplicate ale obiectului inteligent și să le plasați secvențial 1 px sus si 1 px dreapta unul de altul, așa cum am făcut-o cu obiectul inteligent din pasul anterior.
După aceea, trebuie să mergem la următorul obiect inteligent deasupra grupului fals 3D de straturi și Dublu click și apăsați Bevel & Embos în Stratul de stil panou. Utilizați următoarele setări:
#FFFFFF
# 000000
Lovit Accident vascular cerebral și utilizați următoarele setări:
#FFFFFF
Activati Gradient Overlay și apoi lovit Resetare la valorile implicite.
Acum, selectați ultimul obiect inteligent și mergeți la Stratul de stil panou. Click pe Suprapunere de culori și utilizați următoarele setări: Mod amestec: Normal; Opacitate: 100%.
Mergi la Filtru> Blur> Gaussian Blur și utilizați următoarele setări: Radius: 15 px.
Schimba Opacitate a stratului la 35%.
Selectați stratul de text mic și mergeți la Stratul de stil panou. După aceea, apăsați Umbra interioara și setați următorii parametri:
#FFFFFF
Mergi la Stralucire interioara și utilizați următoarele setări:
#FFFFFF
Adauga o Gradient Overlay la obiectul inteligent din același panou și utilizați următoarele setări:
Dupa aceea, Faceți clic pe stânga pe Gradient în același panouși creați un nou gradient cu următoarele setări:
# 2b3039
Locație: 0% # 4f7ba0
Locație: 28% #eafdfe
, Locație: 51% # 282021
, Locație: 51% # 2c323c
, Locație: 60% # 8c5f92
, Locație: 75% # 416286
, Locație: 90% # 6cadd8
, Locație: 93% #fffffd
, Locație: 100% Odată ce ați creat panta, faceți clic pe O.K.
În cele din urmă, să adăugăm un Lumină exterioară efectuează stilul stratului folosind următoarele setări:
# ffc47d
Selectați toate obiectele inteligente cu textul (inclusiv grupul 3D fals) în timp ce țineți apăsat Schimb, apoi apăsați pe Creați un nou grup icoană.
Acesta este modul în care imaginea noastră ar trebui să aibă grijă de toate manipulările enumerate mai sus:
Pentru a crea un aspect mai organic, trebuie să adăugăm efecte luminoase. Mergi la Layer> Strat de umplere nou> Gradient.
Dublu click pe Gradient Completați strat și utilizați următoarele setări:
# ffdbb6
# ffdbb6
Creați un duplicat al umplerii cu gradient folosind Faceți clic dreapta> Duplicați stratul.
Plasați fiecare strat de umplere de gradient deasupra fiecărui strat de text și apoi, Faceți clic dreapta> Creare mască de tăiere.
Schimba Mod de amestecare din primul gradient umple până la Acoperire si Opacitate la 65%.
Schimba Mod de amestecare din al doilea gradient umple până la Acoperire.
După cum puteți vedea, efectul de umplere a gradientului al doilea nu funcționează asupra celui de-al doilea strat de text. Pentru a rezolva această problemă, trebuie să convertiți stratul de text într-un obiect inteligent folosind Faceți clic dreapta> Conversia la obiectul inteligent.
Creați un alt duplicat al ultimului umplutură de gradient și apoi Faceți clic dreapta> Eliberare mască de tăiere.
Mergi la Layer> Strat de umplere nou> Gradient.
Dublu click pe Gradient Completați strat și utilizați următoarele setări:
# 000000
# 000000
Selectați ultimele două straturi de umplere a gradientului în timp ce țineți apăsat Schimb, apoi apăsați pe Creați un nou grup icoană.
Schimba Opacitate a grupului la 75%.
În acest fel, putem crea efecte de text inspirat de 80s în Adobe Photoshop folosind obiecte inteligente, umpluturi de gradient și stiluri de straturi.
Sper că v-ați bucurat de acest tutorial și nu ezitați să mă contactați pentru ajutor. De asemenea, puteți verifica eficacitatea textului din anii 80 din portofoliul meu pe GraphicRiver.