Cómo crear un efecto de texto de banner de plantilla en Adobe Photoshop

Lo que vas a crear

La deformación de objetos es una forma fantástica de lograr algunos efectos grandes y realistas. Este tutorial le mostrará cómo utilizar las propiedades de forma, los objetos inteligentes, las texturas, los estilos de capa y los pinceles para crear un efecto de texto de banner de plantilla simple. Luego, podrás usar el comando Warp para hacer que el resultado final se vea más realista y darle más profundidad. Empecemos!

Activos Tutoriales

Los siguientes recursos fueron utilizados durante la producción de este tutorial:

  • Lintsec Regular fuente.
  • Cartón textura textura por YmntleStock.
  • Unlutralted Neutral grunge 7 de DivsM-stock.
  • Patrón de papel tapiz suave de Atle Mo.
  • Patrón de muro de hormigón 3 de Atle Mo.
  • También deberás cargar un conjunto de pinceles de Photoshop predeterminado. Así que ve a Edición> Ajustes preestablecidos> Gestor de ajustes preestablecidos, y elige Cepillos desde el Tipo de preset Menú desplegable. A continuación, haga clic en la pequeña flecha a la derecha de la Tipo de preset menú desplegable, y haga clic en Cepillos cuadrados cerca de la parte inferior del menú emergente. Cuando aparezca el cuadro de diálogo, haga clic en Adjuntar, y obtendrá el conjunto de pinceles cuadrados.

1. Creando el fondo

Paso 1

Crear un nuevo 909 x 620 px documento, y establecer el Resolución a 200.

Colocar el Cartulina textura de stock imagen en la parte superior de la Fondo capa, cambie el tamaño según sea necesario y fusione con el Fondo capa cuando haya terminado. Luego duplícalo, y ve a Filtro> Convertir para filtros inteligentes.

Paso 2

Haga clic en el Crear nueva capa de relleno o ajuste icono en la parte inferior de la Capas panel y elegir Niveles.

Paso 3

Haga clic en el Ajuste de clip a capa icono en la parte inferior de la Propiedades panel y cambiar el Oscuridad valor para 15.

Etapa 4

Haga clic en el Crear nueva capa de relleno o ajuste icono de nuevo y añadir una Balance de color capa de ajuste. Haga clic en el Ajuste de clip a capa icono, asegúrese de que el Tonos opción está configurada para Tonos medios, y luego cambiar los valores a -45, 0, y 2.

2. Creando y posicionando los rectángulos y el texto

Paso 1

Elige el Herramienta rectangular, y crea un 140 x 200 px rectángulo usando el color #edebdf.

Paso 2

Elige el Herramienta elipse, y elige el Resta la forma del frente opción en el Opciones bar. Luego haga clic en el Opciones de geometría icono, y configurar el Tamaño fijoes W y H valores a 7.

Lo que deberá hacer a continuación es hacer clic y arrastrar un poco para crear dos agujeros en la parte superior del rectángulo. Puedes usar algunas guías para ayudarte a posicionar los círculos también, pero eso no es necesario.

Paso 3

Crea el texto en Todas las gorras, cada letra en una capa separada, usando la fuente Lintsec Regular, la Talla 43 pt, y el color Negro.

Etapa 4

Coloque la capa de la primera letra debajo de la capa de la forma de rectángulo que creó, cambie el nombre de la capa de rectángulo a la letra que se encuentre debajo y seleccione ambas capas.

Elige el Herramienta de movimiento, y haga clic en el Alinear centros verticales y Alinear centros horizontales iconos en el Opciones bar.

Paso 5

Duplique la capa del rectángulo, mueva la copia sobre otra letra y repita el resto de los pasos hasta que cada letra tenga un rectángulo..

3. Creando las formas finales de la plantilla y las capas de sombra

Paso 1

Selecciona todas las capas de texto que tienes, y ve a Tipo> Convertir a forma (o botón derecho del ratón uno de ellos y elige Convertir a forma).

Paso 2

Seleccione la capa de cada letra y su capa de rectángulo, y vaya a Capa> Combinar formas> Restar formas al solaparse. Esto combinará ambas capas en una, y restará la letra del rectángulo, creando la forma de la plantilla..

Paso 3

Repite eso para el resto de las letras que tienes.

Etapa 4

Duplique cada capa de forma, coloque la copia debajo del original y haga doble clic en la miniatura de la copia para cambiar su color a # afaba3.

Una vez que haya terminado, seleccione cada capa de forma que tenga, haga clic derecho en ella y elija Convertir a objeto inteligente. Esto hará que la transformación y la deformación que realizaremos a continuación sean no destructivas y editables..

Paso 5

Seleccione cada capa de forma de copia, y luego vaya a Filtro> Blur> Gaussian Blur, y cambiar el Radio a 3.

Paso 6

Después de aplicar el Desenfoque gaussiano, cambiar las capas de copia (sombra) Modo de mezcla a Multiplicar, y el Opacidad a 85%.

Esto terminará creando la plantilla y las capas de sombra..

4. Diseñando las capas de plantillas y deformando las formas de las sombras

Paso 1

Haga doble clic en la capa de la plantilla de la primera letra para agregar una Patrón de superposición Efecto utilizando los siguientes valores:

  • Modo de mezcla: Multiplicar
  • Opacidad: 50%
  • Modelo: Fondo de pantalla suave

Paso 2

Haga clic derecho en la capa de estilo y elija Copiar estilo de capa. A continuación, seleccione el resto de las capas de la plantilla, haga clic con el botón derecho en cualquiera de ellas y elija Pegar estilo de capa. Esto aplicará el Patrón de superposición Efecto al resto de las capas..

Paso 3

Seleccione cada capa de plantilla con su capa de sombra, y luego vaya a Editar> Transformación libre. Gire, mueva y cambie el tamaño de las capas seleccionadas a su gusto, y toque Regreso Tecla para aceptar los cambios. Haz lo mismo con el resto de las letras hasta que te guste cómo están colocadas..

Etapa 4

A continuación, para cada capa de sombra, selecciónela y luego vaya a Editar> Transformar> Warp, y juegue un poco con la forma de la sombra haciendo clic y arrastrando las áreas de malla, los puntos de control y / o los controles..

Paso 5

Tómese su tiempo con este paso, y no tenga miedo de probar cosas diferentes y modificar la forma más de una vez hasta que le guste el resultado que obtiene. Golpea el Regreso Clave cuando termine de aceptar los cambios..

Utilizando la Deformación El comando para crear sombras en lugar del efecto Sombra paralela nos da mucho más control sobre el resultado final y nos ayuda a lograr un efecto final más realista e interesante..

5. Agregar una superposición de degradado

Paso 1

Este es un paso sutil, opcional, pero ayuda a mejorar la iluminación final.

Haga doble clic en la capa de la plantilla de la primera letra y aplique una Gradiente de superposición efecto utilizando un Negro a Blanco Rellene el degradado y cambie los otros valores de la siguiente manera:

  • Modo de mezcla: Luz tenue
  • Opacidad: 10%
  • Ángulo: 20

Paso 2

Aplique el mismo efecto al resto de las letras, pero asegúrese de cambiar el Ángulo valor dependiendo de la dirección de la sombra de la letra que modificó anteriormente. Puedes hacerlo mientras aún estás bajo el Gradiente de superposición pestaña, haciendo clic y arrastrando el relleno degradado sobre la letra hasta que te guste cómo se ve.

Una vez que haya terminado de aplicar el Gradiente de superposición Para cada letra, debes terminar con algo como esto:

6. Agregando la textura a las formas de la plantilla

Paso 1

Colocar el Neutral no restringido 7 imagen en la parte superior de todas las capas, y cambiar el tamaño según sea necesario.

Paso 2

Mantenga presionado el Mando y Cambio y haga clic en la miniatura de cada capa de forma de la plantilla para crear una selección.

Paso 3

Haga clic en el Añadir máscara de capa icono en la parte inferior de la Capas panel. Esto usará la selección para crear una máscara que aplique la textura solo a las formas de la plantilla..

Etapa 4

Cambiar la capa de textura. Modo de mezcla a Color quemado y es Opacidad a 25%.

7. Creando los caminos de la guita

Paso 1

Crea una nueva capa encima de todas las capas y llámala Guita. Elige el Lapicera y elige el Camino opción en el Opciones bar.

Lo que deberá hacer a continuación es crear las rutas donde desea agregar el hilo. Puede hacer clic para agregar puntos de anclaje de esquina y hacer clic y arrastrar para crear curvas. Tenga en cuenta que el camino creado no tiene que ser perfecto, ya que puede elegir Herramienta de selección directa (A) en cualquier momento posterior para ajustar los puntos de anclaje o las manijas de dirección.

Paso 2

La forma más sencilla de crear las rutas es hacer clic y arrastrar donde desea que comience la ruta, y luego hacer clic y arrastrar donde quiere que termine.

Para separar las rutas, mantenga presionada la tecla Mando y haga clic fuera de la ruta que ha terminado de crear para que no se conecte a la ruta que creará después de ella.

Una vez que hayas terminado de crear las rutas, todas las formas de la plantilla deben estar conectadas.

8. Modificar los pinceles de los cordeles y acariciar los caminos

Paso 1

Selecciona el Primer plano color para # afaba2, elige el Pincel, y abre el Cepillo panel (Ventana> Pincel). Bajo la Forma de la punta del pincel pestaña, modifique la configuración de la siguiente manera:

Paso 2

Golpea el Regreso tecla una vez para trazar el camino con la punta del pincel modificado.

Alternativamente, puede elegir la Herramienta de selección directa (A), Haga clic derecho en la ruta de trabajo, y elija Trazar ruta. Entonces escoge Cepillo desde el Herramienta menú desplegable, asegúrese de que el Simular presión casilla está desactivada, y haga clic en DE ACUERDO.

Paso 3

Debajo Forma de la punta del pincel en el Cepillo panel, elige el Duro cuadrado 10 pixeles cepille la punta, y modifique su configuración como se muestra a continuación:

Etapa 4

Haga clic en el Dinámica de formas pestaña, cambie los valores como se muestra a continuación, y asegúrese de configurar Control de fluctuación de ángulo valor para Dirección. Esto hará que el ángulo de la punta del pincel siga la dirección del camino..

Paso 5

Crea una nueva capa encima de la Guita capa, llamalo Rayas, y acaricia el camino con la nueva punta de pincel..

Elige el Herramienta de selección directa (UNA) y pulsa el Regreso Clave para deshacerse del camino del trabajo..

Paso 6

Comando-clic la Guita La miniatura de la capa para crear una selección, seleccione la Rayas capa, pulse el Comando-J para duplicar la selección en una nueva capa, cambie el nombre de la capa de copia a Rayas, y borrar el original Rayas capa.

Paso 7

Cambiar el Rayas capas Llenar valor para 0, luego duplica el Guita capa, arrastre la copia debajo del original y cámbiele el nombre Sombra de guita.

9. El estilo de las capas de guita y rayas

Haga doble clic en Guita Capa para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y relieve con estos ajustes:

  • Tamaño: 14

Paso 2

Agrega un Textura con estos ajustes:

  • Modelo: Muro de hormigón 3
  • Profundidad: 71%

Paso 3

Agrega un Superposición de color con estos ajustes:

  • Color: # f5f2ed

Puedes usar cualquier otro color que te guste también..

Esto le dará estilo al cordel..

Etapa 4

Haga doble clic en Rayas capa para aplicar una Superposición de color efecto cambiando el Modo de mezcla a Multiplicar, y usando cualquier color que te guste también. Aquí, el color utilizado es # ea4342.

Esto coloreará las rayas.

10. Modificando la Sombra de Twine

Paso 1

Selecciona el Sombra de guita capa, y elige el Herramienta Marco Rectangular. Seleccione un pedazo de la guita, y vaya a Editar> Transformar> Warp.

Paso 2

Transforma la sombra usando el Deformación ordena como lo hiciste con las sombras de las formas de la plantilla original. Una vez que hayas terminado, ve a Seleccionar> Deseleccionar (Comando-D) para deshacerse de la selección.

Paso 3

Repita los mismos pasos para seleccionar y deformar la sombra de cada pieza. Es mejor mantener la sombra un poco sutil para las pequeñas piezas que conectan las tarjetas de la plantilla..

11. Agregando viñeta al resultado final

Paso 1

Haga clic en el Crear una nueva capa de relleno o ajuste icono y elegir Gradiente.

Paso 2

Utilizar una Transparente para Rellenar degradado con los colores # e3e1d5 a la izquierda y # 595959 a la derecha. Cambiar el Estilo a Radial y el Escala a 450.

Paso 3

Asegúrese de que el Gradiente La capa está encima de todas las capas y cambia su Modo de mezcla a De combustión lineal.

Etapa 4

Selecciona el Copia de fondo capa, ir a Filtro> Blur Gallery> Iris Blur, y cambiar el Difuminar valor bajo el Herramientas de desenfoque panel a la derecha de 5.

Puede cambiar la forma de la elipse haciendo clic y arrastrando los cuatro puntos que están conectados por la línea, y modifique el Área de transición haciendo clic y arrastrando los cuatro puntos más grandes entre el pin central y la línea de desenfoque exterior.

Esto agregará un simple efecto de viñeteado al resultado final.

¡Felicidades! Estas hecho

En este tutorial, utilizamos una textura de cartón para el fondo, y ajustamos su color y brillo..

Luego, usamos un par de herramientas y opciones de formas para crear la forma de la tarjeta principal, agregamos el texto, lo convertimos en formas y lo fusionamos con las formas de la tarjeta para obtener las formas de la plantilla final. Luego, duplicamos esas formas para crear las sombras y convertimos todas las capas de formas en objetos inteligentes. Diseñamos las capas y usamos los comandos Transformar y deformar para moverlas y remodelarlas, antes de agregar una textura simple..

Después de eso, usamos la herramienta Pluma para crear la ruta de la cuerda, modificamos un par de pinceles simples para trazar las rutas y agregar rayas, y diseñamos las partes trazadas para agregar textura y color. También combamos la sombra del cordel para que coincida con la sombra de las cartas..

Por último, utilizamos una capa de ajuste de degradado y el filtro Iris Blur para agregar un poco de viñeteado al resultado final.

No dude en dejar sus comentarios, sugerencias y resultados a continuación..