Eliminar efecto de texto en Photoshop

Eliminar efecto de texto en Photoshop

Eliminar efecto de texto en Photoshop

En esto Efectos de texto de Photoshop tutorial, vamos a crear un texto noqueado. Con eso, me refiero a que veremos cómo usar uno de los métodos más interesantes de Photoshop. opciones de forma para eliminar secciones de letras que se superponen entre sí. Por supuesto, no puede usar las opciones de forma a menos que esté trabajando con formas, así que a lo largo del camino, veremos cómo convertir texto en una forma, lo que nos abre muchas más posibilidades cuando se trata de crear formas geniales. efectos de texto.

Aquí hay un ejemplo del resultado que buscamos:

El efecto de texto definitivo en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

El efecto de texto final «knock out».

¡Empecemos!


Paso 1: cree un nuevo documento en blanco

Primero, cree un nuevo documento de Photoshop, ya sea subiendo al Expediente en la parte superior de la pantalla y seleccionando Nuevo o presionando el atajo de teclado Ctrl + N (Ganar) / Comando + N (Mac). De cualquier manera, aparece Photoshop Nuevo documento caja de diálogo. Ingrese las dimensiones que necesita para su documento. Para este tutorial, si quieres seguirlo, ingresaré 4 pulgadas para mi Ancho, 2 pulgadas para mi Alturay un Resolución valor de 300 píxeles / pulgada. También estableceré mi Contenidos de fondo para blanco que llenará de blanco el fondo de mi nuevo documento. Cuando haya terminado, haga clic en OK en la esquina superior derecha del cuadro de diálogo para salir. Su nuevo documento aparecerá en su pantalla:

El cuadro de diálogo Nuevo documento en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

Cree un nuevo documento de Photoshop utilizando el cuadro de diálogo Nuevo documento.

Paso 2: seleccione la herramienta Texto

Con nuestro nuevo documento creado, podemos comenzar a trabajar en nuestro efecto. Dado que este es un efecto de texto, necesitaremos algo de texto, y para eso, necesitaremos Photoshop Escriba tambiénl. Cógelo de la paleta de Herramientas o simplemente presiona la letra T en su teclado para seleccionarlo con el atajo:

La herramienta Texto en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

Seleccione la herramienta Texto.

Paso 3: seleccione una fuente

Con la herramienta Texto seleccionada, la Barra de opciones en la parte superior de la pantalla cambia para mostrar opciones específicas para la herramienta Texto. A la izquierda de la barra de opciones es donde podemos elegir una fuente. Seleccione la fuente que desea utilizar para su efecto. Su elección de fuentes dependerá de las fuentes que tenga actualmente instaladas en su computadora. Este efecto funciona mejor con fuentes que tienen letras grandes y gruesas, así que elegiré Cooper Std. No se preocupe por el tamaño de la fuente por ahora:

Seleccionar una fuente de la barra de opciones en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

Seleccione una fuente de la barra de opciones.

Paso 4: seleccione un color para el texto

A continuación, debemos seleccionar un color para nuestro texto. Si se mueve más hacia la derecha en la barra de opciones, encontrará un muestra de color. Esta muestra de color le muestra el color de texto seleccionado actualmente. Para cambiar el color de su texto, simplemente haga clic directamente en la muestra de color:

Muestra de color que muestra el color del texto actual en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

La muestra de color muestra el color del texto actual. Haga clic en la muestra de color para cambiar el color.

Esto trae a Photoshop Selector de color. Elija un color para su texto. Voy a elegir un tono medio de azul. Cuando haya terminado, haga clic en OK para salir del Selector de color, y verá que la muestra de color en la barra de opciones ha cambiado y muestra el color que ha elegido:

El selector de color en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

Elija un color para su texto en el Selector de color.

Paso 5: agregue su texto

Con la Herramienta de texto, una fuente y un color para el texto seleccionados, haga clic dentro de su documento y agregue su texto. Voy a escribir la palabra «PHOTOSHOP», todo en mayúsculas:

El selector de color en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

Agrega tu texto al documento.

Una vez que haya agregado su texto, haga clic en el marca de verificación en la barra de opciones para aceptarlo y salir del modo de edición de texto.

Hacer clic en la marca de verificación para aceptar el texto en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

Haga clic en la marca de verificación en la barra de opciones para aceptar el texto.

Paso 6: cambie el tamaño del texto si es necesario con Free Transform

Si necesita cambiar el tamaño o mover su texto, o ambos, vaya al Editar en la parte superior de la pantalla y elija Transformación libre, o para una forma más rápida de acceder al comando Transformación libre, presione Ctrl + T (Ganar) / Comando + T (Mac):

Seleccionando el comando Transformación libre en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

Vaya a Editar> Transformación libre.

Verá el cuadro Transformación libre y los tiradores aparecerán alrededor de su texto en el documento. Para cambiar el tamaño del texto, mantenga presionada la tecla Cambio , que limitará la relación de aspecto del texto a medida que lo cambie de tamaño, luego haga clic en cualquiera de los controladores de las esquinas (los pequeños cuadrados) y arrastre el controlador hacia adentro o hacia afuera, dependiendo de si necesita hacer el texto más grande o más pequeño. Para mover el texto, haga clic en cualquier lugar dentro del cuadro Transformación libre y arrastre el texto a una nueva ubicación. Voy a hacer que mi texto sea un poco más grande arrastrando la manija en la esquina inferior derecha hacia afuera:

Cambiar el tamaño del texto con Free Transform en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

Cambie el tamaño y mueva el texto si es necesario con Transformación libre.

prensa Ingresar (Ganar) / Regreso (Mac) cuando haya terminado para aceptar la transformación y salir del comando Transformación libre.

Paso 7: convierte el texto en una forma

Asegúrese de tener todo escrito correctamente porque en este punto, necesitamos convertir nuestro texto en una forma. Una vez que se convierta en una forma, el texto ya no será editable, así que verifique dos veces para asegurarse de que no ha cometido ningún error. Para convertir el texto en una forma, suba a la Capa menú en la parte superior de la pantalla, elija Escribey luego elige Convertir a forma:

Convertir el texto a una forma en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

Vaya a Capa> Texto> Convertir a forma.

Si miramos en la paleta Capas ahora, podemos ver que nuestra capa de texto se ha convertido en una capa de forma. Aunque el texto todavía parece, bueno, texto en el documento, las letras ahora son formas individuales, lo que significa que ahora podemos trabajar con ellas de la misma manera que podríamos trabajar con cualquier otra forma en Photoshop:

La paleta Capas que muestra la nueva capa Forma.  Imagen © 2009 Photoshop Essentials.com.

El texto ahora aparece como una capa de forma en la paleta Capas.

Paso 8: seleccione la herramienta de selección de ruta

Necesitamos seleccionar todas nuestras letras (formas) a la vez. Puede pensar que podríamos usar la herramienta Marco rectangular, pero como estamos trabajando con formas, en realidad necesitaremos una herramienta de selección diferente: la Herramienta de selección de ruta. Cógelo de la paleta de Herramientas o presiona la letra A en su teclado para seleccionarlo con el atajo:

La herramienta de selección de ruta en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

Seleccione la herramienta de selección de ruta.

Paso 9: Arrastre una selección alrededor de toda la palabra

Para seleccionar todas las letras a la vez, simplemente haga clic y arrastre un cuadro de selección alrededor de toda la palabra, tal como lo haría si estuviera usando la herramienta Marco rectangular. Verá un contorno punteado delgado que aparece mientras arrastra:

Arrastrar una selección alrededor de la palabra con la herramienta de selección de ruta.  Imagen © 2009 Photoshop Essentials.com.

Arrastre una selección alrededor de toda la palabra con la herramienta de selección de ruta.

Una vez que tenga toda la palabra rodeada por la selección, suelte el botón del mouse. El contorno de selección rectangular desaparecerá y verá que cada letra individual ahora tiene un contorno a su alrededor, con pequeños cuadrados (llamados puntos de anclaje) colocados en diferentes puntos alrededor de las letras:

Las formas de las letras ahora están seleccionadas.  Imagen © 2009 Photoshop Essentials.com.

Todas las letras (formas) ahora están seleccionadas.

Si desea obtener más información sobre cómo trabajar con trazados y puntos de anclaje en Photoshop, los cubro en detalle en nuestro popular Hacer selecciones con la herramienta Pluma tutorial que encontrarás en el Conceptos básicos de Photoshop sección del sitio web.

Paso 10: seleccione la opción «Excluir áreas de formas superpuestas»

Con todas nuestras formas de letras ahora seleccionadas, vaya a la barra de opciones en la parte superior de la pantalla. A la izquierda, verá una serie de cuatro iconos, cada uno con una combinación diferente de cuadrados. Estos iconos representan diferentes opciones sobre cómo nuestras formas pueden interactuar entre sí. El que queremos para este efecto es el de la extrema derecha: el Excluir áreas de formas superpuestas opción. Haga clic en el icono para seleccionarlo. Si tiene la información sobre herramientas habilitada en las preferencias de Photoshop, verá aparecer el nombre de la opción cuando pase el cursor sobre el icono:

Seleccionando la opción 'Excluir áreas de formas superpuestas' en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

Seleccione la opción «Excluir áreas de forma superpuestas» en la barra de opciones.

Paso 11: anule la selección de las letras

En un momento, vamos a arrastrar las letras individuales una encima de la otra para que las formas se superpongan. La opción que acabamos de seleccionar en la barra de opciones hará que desaparezcan las áreas superpuestas. Sin embargo, antes de que podamos hacer eso, primero debemos anular la selección de las letras; de lo contrario, si intentamos arrastrar alguna de ellas, terminaremos arrastrándolas todas al mismo tiempo. Para anular la selección de las letras, simplemente haga clic en cualquier área en blanco del documento. Verás que todos los puntos de ancla desaparecen alrededor de las letras, indicándonos que las formas ya no están seleccionadas. Es posible que aún veas un contorno alrededor de las letras, pero no te preocupes por ahora. Lo eliminaremos cuando hayamos terminado:

Las formas de las letras ya no están seleccionadas.  Imagen © 2009 Photoshop Essentials.com.

Haga clic en cualquier área en blanco del documento para anular la selección de las formas de las letras.

Paso 12: Arrastre las letras juntas para que se superpongan

Esta es la parte divertida. Con la herramienta de selección de ruta aún seleccionada, haga clic en la segunda letra de la palabra y arrástrela hacia la izquierda hasta que parte de la letra se superponga a la primera letra de la palabra. Como por arte de magia, el área que se superpone desaparece de la vista:

Superposición de las formas de las letras.  Imagen © 2009 Photoshop Essentials.com.

El área que se superpone entre las dos formas de letras desaparece.

Continúe arrastrando cada letra hacia la izquierda hasta que parte de ella se superponga a la letra anterior. Para mayor variedad, intente rotar algunas de las letras con el Transformación libre mando. Simplemente haga clic en la letra con la herramienta de selección de ruta para seleccionar, luego presione Ctrl + T (Ganar) / Comando + T (Mac) para que aparezca rápidamente el cuadro Transformación libre y los tiradores alrededor de la letra. Mueva el cursor a cualquier lugar fuera del cuadro Transformación libre, luego haga clic y arrastre para rotar la letra. Aquí, estoy rotando la letra T hacia la izquierda.

Superposición de las formas de las letras.  Imagen © 2009 Photoshop Essentials.com.

El área que se superpone entre las dos formas de letras desaparece.

Cuando haya terminado de rotar la letra, presione Ingresar (Ganar) / Regreso (Mac) para aceptar la transformación. Continúe superponiendo cada letra hasta que llegue al final de la palabra. Su resultado final debería verse así:

Todas las formas de las letras ahora se superponen entre sí.  Imagen © 2009 Photoshop Essentials.com.

Todas las letras de la palabra ahora se superponen entre sí.

Paso 13: anule la selección de la máscara vectorial para eliminar el contorno alrededor del texto

El esquema que aparece alrededor del texto hace que las cosas parezcan bastante duras, así que eliminémoslo y limpiemos las cosas. La razón por la que el contorno es visible es porque actualmente tenemos el máscara de vector seleccionado en la capa de forma. Si miramos la capa de forma en la paleta Capas, podemos ver que contiene un par de miniaturas. La miniatura de la derecha es la miniatura de la máscara vectorial, que, como puede ver al mirarla, contiene las formas de nuestras letras. Si observa de cerca, verá un borde resaltado blanco alrededor de la miniatura. Esto significa que actualmente tenemos seleccionada la máscara vectorial. Haga clic directamente en la miniatura para deseleccionarla:

La miniatura de la máscara vectorial en la capa de forma en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

Haga clic en la miniatura de la máscara vectorial para anular la selección de la máscara vectorial y eliminar el contorno alrededor del texto.

El borde resaltado desaparecerá alrededor de la miniatura en la paleta Capas, y el contorno desaparecerá alrededor de nuestro texto, lo que nos permitirá ver cómo se ve realmente nuestro efecto final:

El efecto de texto definitivo en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

El efecto de texto final «knock out».

Para agregar aún más interés al efecto, experimente con estilos de capa. Por ejemplo, este es el resultado que obtuve aplicando los mismos estilos de capa que usé en el Efecto de texto de gel fácil y divertido tutorial, que encontrará en la lista con el resto de nuestros Efectos de texto tutoriales:

El efecto de texto definitivo en Photoshop.  Imagen © 2009 Photoshop Essentials.com.

El mismo efecto después de experimentar con estilos de capa.


A dónde ir después …

¡Y ahí lo tenemos! ¡Consulte nuestras secciones Efectos de texto o Efectos fotográficos para obtener más tutoriales de efectos de Photoshop!

Obtenga todos nuestros tutoriales de Photoshop en formato PDF. ¡Descárgalos hoy!