Treballar amb text a Photoshop: una guia definitiva

Treballar amb text a Photoshop: una guia definitiva

Si utilitzeu Photoshop per als vostres projectes de disseny: crear logotips, pòsters, infografies o qualsevol altra cosa, haureu de saber sobre la tipografia.





Photoshop té moltes eines per incloure text a la vostra pàgina i fer que sembli increïble. Però per on comenceu?





En aquesta breu guia, us guiarem amb tot el que heu de saber sobre el treball amb text a Photoshop.





Escriviu els conceptes bàsics de l'eina a Photoshop

Abans de començar, fem una descripció ràpida dels conceptes bàsics absoluts per treballar amb text a Photoshop.

com amagar fotos a Android

Afegiu text a un document mitjançant un dels fitxers Tipus eines. Podeu seleccionar-los a la barra d’eines a la vora esquerra de la pantalla o fent clic T al teclat.



Quan seleccioneu això, el fitxer Tipus apareixeran les opcions a Barra d'opcions a la part superior de la pantalla. Els principals són:

  • Família de tipus de lletra: Seleccioneu una font entre les instal·lades a l'ordinador (o des de Typekit)
  • Estil de lletra: Trieu un estil per al tipus de lletra seleccionat, com ara les versions en negreta o obliqües
  • Mida: Definiu la mida del punt per al vostre tipus
  • Alinea el text: Establiu el text per alinear-lo a l'esquerra, a la dreta o al centre
  • color: Trieu un color per al text
  • Cancel·la o confirma: Un cop hàgiu afegit o editat text, heu de confirmar que l'apliqueu al llenç o bé cancel·leu per desfer-lo o eliminar-lo

Cada element de text sempre va a la seva pròpia capa. Per moure o canviar la mida del text mentre s'edita, manteniu premuda la tecla Ctrl o bé Cmd i arrossegueu-la al seu lloc.





Podeu editar el text o canviar el tipus de lletra, la mida, etc., en qualsevol moment. Per fer-ho, seleccioneu el fitxer Tipus eina i utilitzeu el cursor per ressaltar el text, tal com ho faríeu en un processador de textos. No només seleccioneu la capa de text.

Creació de text per a títols i capçaleres

La forma principal de la majoria de la gent afegir i editar text a Photoshop és seleccionar el fitxer Eina de tipus horitzontal (o el fitxer vertical un si ho preferiu), feu clic al llenç i, a continuació, comenceu a escriure.





Aquesta és la millor opció per a títols, capçaleres o altres fragments de text curts i d’una sola línia.

En fer clic al llenç es crea una àrea de text que s’amplia a mesura que escriviu. Tot el text va en una sola línia i no s’adapta mai a una línia nova. Fins i tot quan arribeu a la vora del llenç, la línia continuarà simplement cap al cartró.

Si voleu afegir salts de línia, col·loqueu el cursor i premeu Entra . Millor encara, creeu capes de text separades per a cada línia de la capçalera. D’aquesta manera podeu controlar-los i posicionar-los individualment.

Treballar amb text de paràgraf

Per a la còpia corporal --- peces de text més llargues, com ara paràgrafs o llistes, creeu primer un quadre de text.

Seleccioneu el fitxer Eina de tipus horitzontal i configureu les opcions bàsiques de format. Feu clic i arrossegueu en diagonal sobre el llenç per crear un quadre de text rectangular. Ara escriviu o enganxeu la còpia al quadre.

El quadre de text té una mida fixa. Quan el text toca la vora dreta, s’ajusta a una nova línia. Si el text és massa llarg, heu de canviar la mida del quadre per fer visible la resta (o, per descomptat, podeu canviar la mida del tipus de lletra).

Encertat Ctrl + T (Windows) o Cmd + T (Mac) i manteniu premut Maj i arrossegueu un dels manillar per fer la caixa més gran.

Creació de formes de quadre de text personalitzades

No us limiteu a treballar amb quadres de text rectangulars. Podeu utilitzar diverses eines de formes o dibuixar noves formes manualment amb Eina de ploma i, a continuació, empleneu-los amb text.

Seleccioneu un dels fitxers Forma o utilitzeu el fitxer Eina de ploma . Estableix el fitxer Mode d'eina a Camí a l'extrem superior esquerre del Barra d'opcions i, a continuació, dibuixeu la forma al llenç.

Ara agafa el Eina de tipus horitzontal i feu clic dins del camí que heu dibuixat. Això converteix la forma en un quadre de text. Ara configureu l'alineació del text a Centre i escriviu o enganxeu el text al quadre.

Les formes personalitzades són útils quan necessiteu embolicar text al voltant d’imatges o altres objectes del disseny.

Col·locació de text en una corba a Photoshop

També podeu configurar el text perquè segueixi la línia d’una corba.

Comenceu seleccionant el fitxer Eina de ploma . A la Barra d'opcions a la part superior, configureu el fitxer Mode d'eina a Camí . Ara dibuixa una corba al llenç. Si necessiteu una introducció al respecte, consulteu la nostra guia de mitjançant l'eina Photoshop Pen .

A continuació, seleccioneu el fitxer Eina de tipus horitzontal . Passeu el cursor per sobre del camí que acabeu de dibuixar. Quan el cursor es converteixi en una línia ondulada, feu clic a. Això ancora un quadre de text al camí.

Ara escriviu el text.

També podeu configurar el text perquè segueixi l'esquema d'una forma. El procés és el mateix, només heu de seleccionar una de les eines Forma en lloc de la Ploma. Una vegada més, assegureu-vos de configurar el fitxer Mode d'eina a Camí abans de dibuixar-lo.

Per ajustar la posició del text a la corba, utilitzeu el botó Eina de selecció directa . Passeu el punter del ratolí per sobre del text i es convertirà en un cursor amb dues fletxes. Feu clic i arrossegueu al llarg de la línia per derivar el text al llarg de la línia.

Feu clic i arrossegueu la línia per definir si el text ha d’executar-se dins o fora de la forma.

Enmascarar text a Photoshop

L 'última de les principals eines de text de Photoshop són Eina de màscara de tipus horitzontal i Eina de màscara de tipus vertical .

Aquestes eines no col·loquen text al llenç. En el seu lloc, creen formes basades en text que podeu utilitzar en els vostres dissenys. Per això, és important que escolliu el tipus de lletra adequat abans de començar. No podeu tornar enrere i editar-lo més endavant.

no pot suprimir el fitxer perquè està obert al sistema

Comenceu obrint una imatge a Photoshop o escollint una capa que contingui algun color.

Seleccioneu un dels fitxers Escriviu Màscara eines i configureu el vostre tipus de lletra. Ara feu clic al llenç i comenceu a escriure. Quan toqueu el Compromís el botó del text es convertirà en una selecció.

Aquí hi ha tres maneres d’utilitzar-lo:

Afegiu una textura al text. Feu clic a Afegeix una màscara de capa botó a la part inferior del fitxer Capes panell. Això fa que el fons sigui transparent, deixant només les formes de text que contenen la textura de la imatge original.

Ompliu el text amb el color de fons. Encertat Ctrl + Retrocés o bé Cmd + Retrocés per retallar el text i substituir-lo pel color de fons seleccionat actualment.

Retalleu el text del fons. Encertat Maj + Ctrl + I o bé Maj + Cmd + I per invertir la vostra selecció. Ara premeu Ctrl + J o bé Cmd + J . Amagueu la capa inferior i ara tindreu la imatge original amb un retall transparent en forma de text.

Disseny de text a Photoshop

Ara que ja coneixeu les principals maneres d’incorporar text a la vostra pàgina, com us dediqueu a dissenyar-lo? Ja hem analitzat la configuració bàsica de la barra d’opcions. També n’hi ha alguns més per conèixer.

  • Direcció de text: Alternar entre text horitzontal i vertical
  • Anti-aliasing: Estableix el nivell de nitidesa o de suavitat que vols que sembli el text
  • Text de l'ordit: Distorsiona el text amb 15 estils predefinits
  • Obre el tauler de caràcters / paràgrafs: Obriu el tauler per ajustar la configuració dels caràcters
  • 3D: Canvieu a la visualització 3D de Photoshop

Com s'ha esmentat abans, heu de seleccionar el text amb el cursor abans de poder canviar-ne el format.

Els plafons de caràcters i paràgrafs

Feu clic a Tauler de caràcters i paràgrafs botó al fitxer Barra d'opcions . La primera pestanya conté un conjunt d'opcions per formatar caràcters. Alguns duplicen les opcions que ja hem vist (com triar tipus de lletra i colors), mentre que la resta us permeten afinar el vostre tipus.

  • Menú del tauler: Això inclou No trencar , que situa un espai ininterromput entre dues paraules per assegurar-se que es mantinguin en la mateixa línia.
  • Líder: Això us permet ajustar l'alçada de la línia del text. Deixant-ho definit Automàtic sol ser prou bo.
  • Kerning: Estableix l'espaiat entre un parell de caràcters. Establiu l'opció a Mètriques per utilitzar el disseny per defecte per al vostre tipus de lletra, o bé Icalptica per deixar que Photoshop ho configuri automàticament.
  • Seguiment: Controla l'espaiat entre tots els caràcters del text. Trieu un seguiment més ajustat (un número negatiu) per afegir cops i urgència a les vostres capçaleres.
  • Escala vertical i escala horitzontal: Aquestes opcions estenen o redueixen el tipus de lletra verticalment o horitzontalment. Utilitzeu-los només per a casos de disseny específics --- si en necessiteu un de més ample o alt, trieu una font diferent .
  • Canvi de línia de base: Mou els caràcters seleccionats per sobre o per sota de la línia de base. El més utilitzat per escriure caràcters de subíndex o superíndex.
  • Faux Bold i cursiva: Eviteu-los sempre que sigui possible, sempre que tingueu les versions en negreta o obliqües de la font escollida.
  • Totes les majúscules i minúscules: Escriviu majúscules del vostre text automàticament.
  • Altres opcions: Diversos paràmetres per crear caràcters de subíndex i superíndex, subratllar o controlar certs tipus de lletra OpenType.

Feu clic a Paràgraf per veure les opcions per formatar el disseny de trossos de text més grans.

Aquí podeu sagnar els marges esquerre o dret del quadre de text, així com triar si voleu utilitzar o no la separació.

Efectes de text a Photoshop

Photoshop us permet afegir efectes a qualsevol capa, i això inclou una capa de text. Us permet afegir una ombra que fa que el vostre text destaqui sobre el fons del disseny o potser per afegir un efecte brillant.

Feu doble clic a la capa per obrir el fitxer Estil de capa Caixa.

Seleccioneu Gota d'ombra i ajusteu la configuració inclosa Opacitat , Angle , i Distància . Assegureu-vos que Vista prèvia està marcat, de manera que obtindreu una visualització de l'efecte en temps real. Feu clic a D'acord quan hagis acabat.

El mateix enfocament us permet afegir una brillantor exterior al text o aplicar una textura al tipus de lletra.

Rotació o inclinació de text a Photoshop

Per girar o inclinar el text, seleccioneu la capa de text i premeu Ctrl + T o bé Cmd + T per obrir el fitxer Eina de transformació gratuïta .

Passeu el punter del ratolí per sobre de la cantonada del quadre delimitant fins que el cursor es converteixi en una fletxa corba. Ara feu clic i arrossegueu per girar.

Per inclinar el text, mantingueu premut Maj + Ctrl o bé Maj + Cmd i agafeu un del manillar a la vora de la caixa. Arrossegueu cap als costats i premeu Entra per confirmar.

Recordeu que massa inclinació pot distorsionar el vostre tipus de lletra.

Treballar amb tipus de lletra a Photoshop

Triar el tipus de lletra adequat , o parell de tipus de lletra, és una de les parts més essencials del disseny gràfic.

Seleccioneu els tipus de lletra mitjançant Tipus de lletra desplegable al Barra d'opcions . Veureu una petita previsualització per a cadascun.

Marqueu els vostres tipus de lletra preferits fent clic a Estrella icona al costat d’ells. Per trobar-los de nou, premeu el botó Estrella a la barra de menú.

Seleccioneu un tipus de lletra i trieu Tipus de lletra similars per navegar per totes les vostres tipografies disponibles amb característiques similars.

Per augmentar les opcions de tipus de lletra, feu clic a Afegiu tipus de lletra de Typekit icona al fitxer Tipus de lletra menú desplegable.

Això llança el lloc web Typekit d'Adobe. Inicieu la sessió si ho necessiteu i, a continuació, navegueu i seleccioneu els tipus de lletra que vulgueu afegir. Feu clic a Sincronitza-ho tot per fer que tots els estils d'aquest tipus de lletra estiguin disponibles a Photoshop. També podeu sincronitzar només els estils i pesos que necessiteu.

Coincidència de fonts d'altres imatges

Sovint és possible que tingueu una altra imatge que contingui una font que vulgueu utilitzar, però que no reconeixeu. Photoshop Coincideix amb els tipus de lletra l'eina pot ajudar a identificar aquestes fonts misterioses, o almenys oferir algunes alternatives similars.

Obriu la imatge i aneu a Escriviu> Coincideix amb el tipus de lletra . L'eina col·loca una superposició al llenç. Ajusteu les marques de retall per ressaltar el tipus de lletra que vulgueu coincidir.

Alguns suggeriments es faran al cap d’uns segons. Trieu-ne un i feu clic D'acord .

Ajustar un tipus de lletra

Quan dissenyeu un logotip, un truc ràpid que podeu fer per donar-li un gir únic és modificar el tipus de lletra que utilitzeu. Ho podeu fer fàcilment a Photoshop.

Seleccioneu el text i aneu a Escriviu> Converteix en forma . Això fa que el text ja no es pugui editar.

Agafa el Eina de selecció de camins ( A ) per seleccionar caràcters individuals. Ara podeu canviar-ne el color, moure-les o girar-les independentment de la resta del text.

Utilitzar el Eina de selecció directa per mostrar el camí de cada personatge. Arrossegueu els punts d’ancoratge per ajustar l’aspecte del tipus de lletra i fins i tot podeu utilitzar el fitxer Eina de ploma per afegir noves corbes a les vostres lletres.

Que segueix? Més consells de Photoshop

El tipus és una part integral del disseny gràfic i Photoshop ofereix algunes eines força poderoses per controlar l’aspecte del text a la vostra pàgina.

què fer amb la vella consola wii

El següent pas és aprendre a incorporar-lo a la resta de projectes. Consulteu la nostra guia de treballant amb gràfics vectorials a Photoshop i podreu començar a crear icones, logotips, pòsters i molt més.

Compartir Compartir Tweet Correu electrònic 6 alternatives audibles: les millors aplicacions de llibres d’àudio gratuïtes o econòmiques

Si no us ve de gust pagar audiollibres, aquí teniu algunes aplicacions fantàstiques que us permeten escoltar-les de forma gratuïta i legal.

Llegiu a continuació
Temes relacionats
  • Creativa
  • Tipus de lletra
  • Adobe Photoshop
  • Tipografia
Sobre l'autor Andy Betts(221 articles publicats)

Andy és un ex-periodista imprès i editor de revistes que fa 15 anys que escriu sobre tecnologia. En aquest temps ha col·laborat en innombrables publicacions i ha realitzat treballs de redacció per a grans empreses tecnològiques. També ha proporcionat comentaris d'experts als mitjans de comunicació i ha organitzat panells en esdeveniments de la indústria.

Més d'Andy Betts

Subscriu-te al nostre butlletí

Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.

Feu clic aquí per subscriure-us