La fuente exprimida es un efecto que le da volumen y profundidad al texto, haci ndolo m s atractivo y visible.
Ya sea que lo use en una plantilla de p gina web, logotipo o material de marketing, crear una fuente extruida es una forma f cil y efectiva de darle a su dise o algo de personalidad y originalidad.
En este art culo, le diremos c mo crear una fuente exprimida en unos sencillos pasos utilizando el programa Adobe Photoshop. Tambi n veremos dos m todos populares: la fuente extruida con efecto de sombra interna y la fuente extruida con efecto de bisel y relieve.
Para obtener una fuente exprimida impresionante, deber instalar y abrir Adobe Photoshop en su computadora. Este potente programa proporciona muchas herramientas y funciones para crear un dise o profesional. Una vez que inicie el programa, podr comenzar a trabajar en su fuente exprimida!
- Elija la fuente adecuada
- Utilice un Editor de im genes
- Crea una copia binaria del texto
- Cambie la direcci n del texto extruido
- A adir propiedades de sombra
Elija la fuente adecuada
Para crear una fuente extruida, es importante elegir una fuente adecuada que admita la selecci n de contorno. No todas las Fuentes ofrecen esta capacidad, as que tome decisiones sabiamente.
Las Fuentes que admiten la selecci n de contorno generalmente tienen las palabras "Esquema" o "Trazado"en el t tulo. Est n dise ados espec ficamente para tales efectos y tienen un grosor espec fico que se puede ajustar.
Al elegir una fuente, tenga en cuenta su legibilidad y el estilo adecuado para su dise o. Si tiene requisitos de fuente espec ficos, consulte la colecci n de Fuentes de herramientas de dise o web o p ngase en contacto con profesionales de la tipograf a.
Utilice un Editor de im genes
Pasos para crear una fuente extruida con un Editor de im genes:
Medida 1:
Abra un Editor de im genes como Photoshop o GIMP.
Medida 2:
Cree un nuevo documento o abra uno existente en el que desee agregar una fuente extruida.
Medida 3:
Seleccione la herramienta para el texto y escriba la inscripci n deseada.
Medida 4:
Seleccione una capa de texto en la paleta de capas.
Medida 5:
Haga clic con el bot n derecho en la capa seleccionada y seleccione "Crear contorno de fuente" o una opci n de men similar. Esto convierte el texto en un vector y le permite editar su forma.
Medida 6:
Aplique el efecto de extrusi n seleccionando la opci n de men Efectos o estilos de capa. Seleccione la pesta a Selecci n o Extrusi n y personalice la configuraci n a su gusto.
Medida 7:
Cambie la configuraci n de color para hacer que la forma exprimida sea clara y brillante.
Medida 8:
Guarde la imagen en el formato deseado (como JPEG o PNG) y agr guela a su p gina web.
Ahora tiene una fuente exprimida creada con un Editor de im genes que agregar inter s y estilo a su dise o.
Crea una copia binaria del texto
Paso 1: Abra el programa de edici n de texto.
Paso 2: Pegue el texto que desea convertir a la fuente exprimida.
Paso 3: Resalte todo el texto.
Medida 4: Haga clic con el bot n derecho en el texto seleccionado y seleccione Copiar o use la combinaci n de teclas "Ctrl + C".
Paso 5: Abra un sitio web que ofrezca servicios para convertir texto en forma binaria.
Paso 6: Pegue el texto copiado en el campo correspondiente en el sitio web.
Medida 7: Haga clic en el bot n "Convertir" o un bot n similar en el sitio web.
Paso 8: Espere a que se complete el proceso de conversi n de texto.
Paso 9: Copie el resultado resultante, que ser un c digo binario.
Paso 10: Pegue el c digo binario copiado nuevamente en el programa de edici n de texto.
Medida 11: Cambie la fuente a la fuente extruida utilizando la funci n correspondiente del programa.
Paso 12: Guarde los cambios en el texto.
Felicidades! Ahora tiene una copia binaria del texto escrito en la fuente extruida.
Cambie la direcci n del texto extruido
El texto extruido puede tener diferentes direcciones, dependiendo de su elecci n y preferencia. Para cambiar la direcci n del texto extruido, deber usar la propiedad CSS text-shadow. Esta propiedad le permite definir la sombra del texto, creando un efecto de fuente extruida.
Para cambiar la direcci n del texto extruido, debe establecer los valores de desplazamiento horizontal y vertical de la sombra. Cambiar estos valores le permitir controlar la direcci n del efecto extruido. Ejemplo:
text-shadow: 2px 2px 0px #000000;
En este ejemplo, se especifica el desplazamiento horizontal y vertical de la sombra en 2 p xeles con respecto al texto original. Un valor de 0px indica que no hay desenfoque de la sombra. El color de la sombra se establece en formato HEX (#000000-negro).Usando un valor positivo para el desplazamiento horizontal o vertical, crear un efecto extruido dirigido hacia la derecha o hacia abajo, respectivamente. Usando un valor negativo, crear un efecto extruido dirigido hacia la izquierda o hacia arriba. Ejemplos:
text-shadow: -2px 0px 0px #000000; / * texto extruido dirigido a la izquierda */
text-shadow: 0px-2px 0px #000000; /* texto extruido hacia arriba */
| Explore diferentes valores de desplazamiento y colores de sombra para lograr el efecto deseado del texto extruido. Juega con esta propiedad CSS para encontrar el estilo m s adecuado para tu sitio o proyecto. | A adir propiedades de sombra | |
|---|---|---|
| Para hacer que la fuente se exprese, puede agregar propiedades de text-shadow a CSS. Esto le permitir crear un efecto de sombra alrededor del texto que le dar volumen. | Aqu hay un ejemplo de c digo CSS que agrega un efecto exprimido: | Propiedad |
Valor
Descripci n
Establece la sombra desplazada a 2 p xeles horizontalmente y 2 p xeles verticalmente. La sombra tiene un Radio de desenfoque de 4 p xeles y un color #000000 (negro).
Puede cambiar los valores de las propiedades para obtener el efecto deseado. Por ejemplo, puede cambiar el desplazamiento de la sombra, el Radio de desenfoque y el color.