Cómo se crea un diseño de texto de colores en Photoshop

Cómo se crea un diseño de texto de colores en Photoshop

Este tutorial muestra cómo se crea una hermosa y viva ilustración basada en la tipografía. Aprenderás a combinar diferentes elementos y aplicaciones de manera efectiva para completar una tarea de diseño.


Index
  1. Vista previa de los resultados finales
  2. Descargue el PSD
  3. Cómo se crea un diseño de texto de colores en Photoshop
    1. recursos
    2. Paso 1: creación y ajuste del texto
    3. Paso 2: crear el documento y llevar el texto
    4. Paso 3: trabajo de línea y creación de piezas.
    5. Paso 4: añadir más detalles y colores

Vista previa de los resultados finales

resultados finales


Descargue el PSD

FYI.zip | 11,28 MB
Descargar desde el sitio web


Cómo se crea un diseño de texto de colores en Photoshop


recursos


Paso 1: creación y ajuste del texto

Primero debemos preparar el texto para trabajar. Abra Illustrator. Escribir las letras. Elija un tipo de letra en negrita. He utilizado Futura Extra Bold Condensed.

img (1)

De acuerdo, ahora el texto está incluido. No lo utilizaremos como está. Debemos darle un toque personal ajustando las letras. Debemos romper el texto para poder editarlo. Haga clic con el botón derecho en el texto y elija «Crear esquemas» o pulseCtrl + Mayús + O para crear esquemas del texto. Ahora, pulse para desagrupar el texto Ctrl + Mayús + U. Afináis los bordes con la herramienta de selección directa.

img (2)

img (3)

Utilice la paleta de alineación para distribuir la distancia entre letras por igual.

img (4)


Paso 2: crear el documento y llevar el texto

Antes de empezar a diseñar, debemos planificar los requisitos

img (5)

Copia y pega el texto desde Illustrator. Elija la opción Shape Layer cuando pegue.

img (6)

Ahora tenemos que separar las letras. Para ello, duplicad la capa de forma principal un par de veces. Seleccione la herramienta de selección de caminos, seleccione las letras que no necesitamos de cada capa y elimine la foto.

FILE Consejo de Photoshop: efecto de color

img (7)

Crea 3 grupos para contener las letras.

img (8)


Paso 3: trabajo de línea y creación de piezas.

He hecho un boceto del diseño según mi idea. Poco detallado, en realidad es un boceto en miniatura, pero me dio el inicio que buscaba. Las ideas suelen ser abstractos, surrealistas y parcialmente definidas. El boceto es una buena manera de mejorar la percepción de las ideas.

img (9)

Cree una capa nueva encima de las letras. Basándome en la idea del boceto inicial de miniaturas, he construido los contornos del texto. Utilice la herramienta de líneas para crear las líneas. La idea es llenar los segmentos con muchos colores y valores.

img (10)

He aquí una muestra de paleta de colores que he elegido. Esto es sólo para hacerse una idea, pero no está obligado a utilizar exactamente los mismos valores que depende de su gusto e intuición. Pero esto es más o menos lo que he utilizado en este diseño.

img (11)

Tenemos el trabajo hecho. Debemos llenar los colores entre líneas. Cree una capa nueva encima del archivo «F»capa. A continuación, recorte esta capa a la letra (Ctrl + Alt + G). Haga una selección para cada segmento mediante la herramienta de lazo poligonal y rellene el color.

img (12)

Repita el proceso. Este será un proceso doble. La primera vez tenemos que rellenar todos los segmentos y tenerlos en capas separadas. Después, trabajamos alrededor de cada personaje y los hacemos más vivos y brillantes. Una cosa relacionada con el orden de las capas, no os confundáis con tantas capas. Seguidlo de todos modos que tenga sentido para vosotros y siempre que funcione.

img (13)

img (14)

img (15)

img (16)

Repita el proceso para completar el resto de letras.

FILE Plantilla de currículum para Photoshop, Illustrator y Word

img (17)

img (18)


Paso 4: añadir más detalles y colores

Aquí tenemos la versión en color sólido del diseño. Veamos qué podemos para mejorarlo.

img (19)

Aplicaremos diferentes tonos a las piezas. Lo podemos hacer mediante la herramienta de pincel y aislando los píxeles transparentes de la capa. Marque la opción Bloquear píxeles transparentes de la paleta Capas. Esto limitará las pinceladas a los píxeles existentes.

img (20)

Después he añadido algunos segmentos más.

img (21)

Bloquea la transparencia y aplica color.

Go up

We use our own and third party cookies to improve the user experience. More Informaticon