Tipografía doblada Retro Tutorial Photoshop




Requiere conocimientos basicos de Photoshop


Encontre este Tuto que me Gusto Mucho
Y lo comparto con todos Ustedes

en este tutorial de Photoshop, vamos a crear un texto de aspecto retro que parece que está construido con tiras de papel dobladas. Vamos a dar un paso fuera de la computadora un poco y usar un modelo real como referencia para nuestro proyecto. Prepárate a depender en gran medida de la herramienta Lasso de Photoshop, así como algunas otras herramientas básicas y técnicas sencillas.

Preview



Recursos Tutoriales

     Textura del papel de Zen Textures
     Textura Grunge by Zen Textures


Paso 1: Trabajo fuera de la computadora
Para crear nuestro texto doblado, lo primero que queremos ver en la vida real lo tiras plegadas de papel se vería. Esta técnica nos permite reducir la cantidad de adivinar lo que tenemos que hacer y nos da un punto de referencia.

Así que en primer lugar, tomar un pedazo de papel normal 8.5 "x 11" y cortar en tiras con unas tijeras o una navaja.

Comience doblando las tiras para las letras que queremos. Estoy doblando todas las letras en aproximadamente 90 grados ángulos a excepción de la letra "N" (que necesitamos el ángulo de encendido).
Ahora podemos ver exactamente cómo los pliegues buscarán las letras que estamos usando.


Paso 2: Configuración del documento
Ahora que tenemos una idea general de cómo el pliegue sobre nuestras tiras de papel debe ser, vamos a ir a Photoshop y crear un nuevo documento de 1200 x 600px.

Escriba "diseño" y una más pequeña "Instruimos" debajo de él con la herramienta de tipo horizontal (T), algo así como lo he hecho a continuación. Estoy usando Futura Bold
para mi fuente, ya que tiene un aspecto retro. Si usted no tiene Futura, pruebe a utilizar cualquier tipo de letra de ancho, audaz que nos da espacio para trabajar.

Vamos a usar esto como la base de nuestro tipo de tamaño y guías de anchura al tiempo que nuestros pliegues.
Paso 3: Añadir color

A continuación, vamos a cambiar el color de nuestro texto. En primer lugar, el texto "DISEÑO" va a ser de un color diferente para cada letra. Sus colores no tienen que ser los colores exactos que estoy sugiriendo a continuación, pero estoy tratando de ir para una amplia variedad de colores que creo que se traducirá en unos colores retro agradable.

Las letras y sus correspondientes valores de color hexadecimales son los siguientes:

     D: # 00AEB7 (azul)
     E: # FF9900 (naranja)
     S: # BA0000 (rojo)
     I: # 01AD4E (verde)
     G: # FEDE58 (amarillo claro)
     N: # FF99AB (rosa)

Además, vamos a cambiar el texto de "INSTRUIR" a un color marrón (# 3B2601).


Paso 4: Guiando la "D"
Vamos a empezar por trabajar en la "D". Vamos a hacer un nuevo grupo de Photoshop (Capa> Nueva> Grupo). Llamaremos a este grupo "D".

A continuación, cree una nueva capa (Ctrl / Cmd + Shift + N) dentro del grupo "D".

Vamos a exponer algunas guías de Photoshop para ayudarnos con la nuestra letra "D" dar forma. Queremos una guía en la parte superior, inferior, izquierda-derecha y la parte interior izquierda de la "D".


Paso 5: Creación de la plantilla
Puesto que todas las tiras de papel son del mismo ancho, tenemos que hacer que las líneas de la "D" (y el resto de nuestras letras) tienen la misma anchura. Vamos a hacer esto haciendo clic primero en la herramienta Marco Rectangular (M) en el panel de herramientas para activar la herramienta.

Mientras mantiene pulsada la tecla Mayús al hacer un cuadrado perfecto, hacer clic y arrastrar una selección cuadrada a partir de la parte superior izquierda de la "D" a la guía interior.

Crear una nueva capa (Ctrl / Cmd + Shift + N) y llenarlo (Edit> Fill) con el negro (# 000000), de modo que podemos ver fácilmente (el color no importa, porque esta plaza es sólo para nosotros ayudar a dar forma nuestro texto).

Esta será nuestra plantilla para asegurarse de que todo es del mismo tamaño. Nos moveremos esta plantilla cuadrada en todo el proceso de creación con la herramienta Mover (V).New!Click the star to save this translation into your Phrasebook.Dismiss







Paso 6: Agregar más guías a la "D"
Ahora que ya tenemos la plantilla, podemos arrastrar a una guía para que esté en la parte inferior de la caja que acaba de hacer.

Haga clic y arrastre el cuadro de abajo a la guía inferior y colocar una guía en la parte superior de la caja.

Además, con la herramienta Mover (V), mueva el cuadro a la derecha y puso un guía en el lado izquierdo de la caja. Lo que estamos haciendo con las guías es un agujero en el medio, mientras se asegura de todas las líneas tienen la misma anchura.

Paso 7: Al deducir de la "D"
Ahora que tenemos nuestra primera carta todo planeado, podemos empezar a editarlo. En el panel Capas, haga clic en la capa "D" que hicimos en el paso 4 para que sea nuestra capa activa. Utilizando la herramienta Marco Rectangular (M), hacer una caja alrededor de las guías exteriores para que cubra la carta. Luego, rellenar con el mismo azul que el "D" (# 00AEB7).

Antes restamos la parte media, queremos hacer clic derecho sobre el texto "diseño" y elija Capa> Rasterizar> Tipo. Esto hará que sea para que podamos eliminar áreas del texto original, no podemos hacer esto si sigue una capa de texto.

Crear una selección con las guías internas, haga clic en la capa "D" en el panel Capas y, a continuación, pulse la tecla Supr para eliminar el área debajo de la selección.

También podemos eliminar por completo la "D" de la capa de texto base original porque no lo necesitamos más.


Paso 8: Hacer la "D"
Ahora vamos a cortar las esquinas en la parte derecha para comenzar a darnos una forma de "D", similar a cómo se ve nuestra referencia en la vida real.



Uso de la herramienta Lazo Poligonal (L), haga clic en la intersección de la guía superior e interior derecho. Luego haga clic en la intersección de la guía interior superior y externa derecha. Por último, cierra el camino por el chasquido alrededor por lo que conseguir que la esquina superior derecha y selecciona después haga clic en Eliminar para quitar la sección bajo nuestra selección.


Ahora vamos a hacer lo mismo con la esquina inferior derecha.



Paso 9: Adición de imperfecciones
Dado que estas cartas tienen un aspecto plegado, vamos a darles algunas imperfecciones leves al hacer los extremos de la tira doblada de la superposición de papel más allá de la letra.

Utilizando la herramienta Marco Rectangular (M), hacer un cuadrado dentro de las dos primeras guías y fuera más allá de la parte izquierda de la "D". Rellenar la selección (Edit> Fill) con el color azul (# 00AEB7).


Mueva el marco de selección hasta la parte inferior dos guías y llenar el área con el color azul (# 00AEB7) también.


Paso 10: Adición de guías a la "E"
Vamos a trabajar en las sombras y elementos de acabado más adelante, así que vamos a pasar a las otras letras siguientes. Crear un nuevo grupo (Capa> Nueva> Grupo), lo llaman "E" y crear una nueva capa (Ctrl / Cmd + Shift + N) dentro del grupo.

Ahora vamos a utilizar la plantilla cuadrada que hemos creado para la "D" para asegurarse de que nuestra carta tiene un ancho constante.

Ya hemos creado las guías para la "D", que ya cuenta de que los brazos superior e inferior de la "E" no son lo bastante alto. También podemos suponer que la parte media de la misma también tiene el mismo problema. Debemos arreglar esos problemas.

Trae en nuestra plantilla cuadrada y lo puso en el centro del brazo central. Ponga una guía en la parte superior e inferior de la plantilla.

También asegúrese de guías en los lados izquierdo y derecho de la "E", así como donde termina el brazo medio.


Paso 11: Completar la "E"
Haga clic en la capa que hemos creado en el grupo "E". Usar el mismo color naranja (# FF9900) como la "E" para rellenar las áreas para que los brazos son los mismos que el vástago de la "E".



Paso 12: Hacer la "E"
Lleve nuestra plantilla a la parte superior izquierda de la letra "E" y hacer una guía en el lado derecho de la misma manera que sigue el interior del tallo. Al igual que en el paso 8, vamos a cortar las esquinas de la "E" de la capa de texto original.

También vamos a hacer que el tallo central se extiende hacia fuera de la misma manera que lo hicimos en el paso 9.


Paso 13: Creación de la "S"
Crear un nuevo grupo de capas llamado "S" y una nueva capa dentro de ese grupo.

Vamos a basar de la letra "S" con nuestra carta existente "E". En primer lugar, seleccionar el área de la guía superior hasta el borde de la parte izquierda de la "S" de la guía muy inferior, en el borde derecho de la "S", y luego llenarlo con el color rojo (# BA0000).

Queremos que todas las cartas estén a la misma altura, así que es por eso que estamos cortando los bordes superior e inferior de la "S".



Paso 14: Desbaste la "S"
Utilizando la herramienta Marco Rectangular (M), seleccione las dos zonas entre las guías que van entre los brazos de la "E" y, a continuación, pulse la tecla Supr para eliminar el área debajo de la selección. Esto nos debe dar tres barras horizontales con el mismo ancho que la "E".


Paso 15: Hacer la "S"
Coloque la plantilla en la esquina superior izquierda de la forma de "S" y luego colocar una guía en su lado derecho. Mueva la plantilla cuadrado negro en la parte inferior derecha y puso un guía a su izquierda.

Ahora, utilizando la herramienta Marco Rectangular (M) para seleccionar la zona, llenar el espacio vacío en la parte superior izquierda y la esquina inferior derecha de color rojo (# BA0000).



Paso 16: Completando la "S"
Alterne de la visibilidad de la capa de texto original de nuestra vista para que el próximo proceso sea más fácil.

Queremos deshacernos de algunos de estos rincones, al igual que con nuestro "D" y "E". Los dos extremos no reciben sus esquinas cortadas, ya que no se pliegan.

 

  La "S" parece un poco a la derecha gracioso ahora, pero que se verá bien más adelante una vez que empezamos a aplicar sombras sobre el mismo.
  Eliminar la "S" de la capa de texto base original si lo desea, porque ya no la necesitamos.


 
  Paso 17: Sin cambios en el "yo"   El "yo" no se verán tal cual ya no hay pliegues a la misma.


  Paso 18: Creación de la forma básica de la "G"   Hacer un nuevo grupo de "G", y usted sabe el taladro por ahora una nueva capa (Ctrl / Cmd + Shift + N) en su interior.  Al igual que con la "S", que vamos a seleccionar el área de la parte superior de las guías inferiores y de la izquierda a bordes derechos de la "G".
  Una vez seleccionado, llenarlo con nuestro color amarillo (# FEDE58).
  Ahora, vamos a poner una guía en los lados izquierdo y derecho de la caja.

  Paso 19: Hacer la "G"   Esto iniciará fuera similar a la "D".  En primer lugar, coloque la plantilla cuadrada en la parte superior izquierda y poner un guía en el lado derecho de la misma.
  A continuación, poner la plantilla en la parte inferior derecha y colocar una guía en su lado izquierdo.  Seleccione el área que los guías hacen dentro de la caja, y luego eliminarlo de la caja y el texto original.

  Paso 20: Terminando la forma de "G"   Para hacer nuestra carta en una "G", vamos a cambiar nuestra plantilla cuadrada por lo que la parte superior del mismo está en reposo en la parte superior del círculo interior.  Crear una guía en la parte inferior de la plantilla para ayudarnos.
  Ahora, usando la herramienta Marco Rectangular (M), seleccione el área que comienza en la parte superior del círculo interior de la guía que acaba de hacer para que podamos deshacernos de la parte superior derecha de la caja.

  Paso 21: El redondeo de la "G"   Ahora queremos deshacernos de todas las esquinas de ángulo recto de nuestra carta (como se muestra más abajo).  Utilice la herramienta Lazo Poligonal (L) para hacer la selección, y sólo tiene que pulsar la tecla para borrar el área debajo del área seleccionada en Eliminar.

  Paso 22: Reducir el ancho de la "G"   La "G" es un poco demasiado grande para nuestro diseño.  Para corregir esto, obtener la herramienta Marco Rectangular (M) y seleccione la mitad derecha de nuestra carta.

  Con el área apropiada seleccionado, haga clic en la herramienta Mover (V) en el panel de herramientas, mantenga pulsada la tecla Mayús y mover el área seleccionada hacia la izquierda.

  Paso 23: Creación de la forma básica de la "N"   Para nuestra letra "N", vamos a crear un nuevo grupo y también una nueva capa en el interior del grupo.  Crear un cuadro alrededor de la original "N" y llenarlo con nuestro color rosa (# FF99AB).
  Mueva nuestra plantilla cuadrada con la herramienta Mover (V), colocándola en la esquina superior izquierda de la carta.  También colocar una guía a la izquierda ya la derecha para hacer nuestras selecciones más fácil y precisa.
  Mueva la plantilla cuadrada de la esquina derecha, y colocar las guías en los lados izquierdo y derecho.
 Ahora selecciona la parte media con la herramienta Marco Rectangular (M) y elimínelo.

  Paso 24: Agregar el travesaño   Utilizando la herramienta Marco Rectangular (M) de nuevo, vamos a crear un cuadro alrededor del tallo derecho de la "N" y duplicar la selección en una nueva capa pulsando Ctrl / Cmd + J.
  Tome el tallo duplicamos y luego utilizar el comando Transformación libre (Ctrl / Cmd + T) con el ángulo de tal manera que se convierte en el larguero de nuestra "N".
  Con un poco de experimentación, de la esquina superior izquierda debe estar alineado con la esquina izquierda de la patilla izquierda y la esquina inferior izquierda debe estar alineado con la esquina inferior izquierda de la madre derecha.

  Seleccione la parte de la barra transversal que pasa por encima de la guía de la parte superior con la herramienta Marco Rectangular (M) y elimínelo.

  Paso 25: Acabar con la "N"   Si nos fijamos en el pliegue real de la letra "N" en nuestra foto de referencia, te darás cuenta de que los pliegues en la parte superior e inferior no son completamente horizontal.  Vamos a crear estos ángulos moviendo la plantilla cuadrada en la parte superior izquierda.
  Utilice el comando Transformación libre (Ctrl / Cmd + T) y mover una guía sobre el control de transformación media horizontal.  Lo que estamos haciendo es hacer una guía en la mitad del recorrido de la plantilla.  Haga esto por la esquina inferior derecha.
  Con la herramienta Lazo Poligonal (L), eliminar las esquinas usando las guías que acaba de hacer que los puntos secundarios.

  Paso 26: La limpieza del texto   En este momento, probablemente debería tener algo que se ve muy desordenado.  ¡Vamos a limpiar el tipo mediante la supresión de los elementos adicionales que no necesitamos en el texto original.
  También queremos obtener la letra "E" en una sola capa.  Haga clic en la capa de texto original en el panel de capas mientras mantiene presionada la tecla Ctrl / Cmd.  Luego, con la herramienta Marco Rectangular (M), mantenga pulsada la tecla Alt / Opción para crear una selección alrededor de la plaza del "yo" al restar de la selección actual.
  Ahora mantenga pulsada la tecla Mayús + Ctrl / Cmd y haga clic en el resto de la "E" en el grupo "E".  Haga clic en la capa "E" en el grupo "E" y rellenar el área seleccionada con nuestro color naranja (# FF9900).

  Paso 27: Creación de los pliegues de la "D"   Ahora podemos empezar a crear los pliegues de la letra "D".  Para crear los pliegues, que vamos a usar nuestras guías, así nuestro modelo de la vida real como referencia.

  Las piezas horizontales son las que están en la parte superior de la "D", por lo que las dos piezas verticales van a tener sombras sobre ellos.
  Para crear las sombras, seleccione el área en el centro con la herramienta Marco Rectangular (M) y hacer un degradado con el Negro de degradado preestablecido transparente con la herramienta Degradado (G).
  Juega un poco con esto hasta que llegue algo que se ve bien.  Si no te gusta el gradiente que ha realizado, sólo tiene que pulsar Ctrl / Cmd + Z para deshacer, y vuelva a intentarlo.  Trate de no iniciar el gradiente de la derecha en el borde, pero trate de no hacer demasiado sutil y discreto tampoco.
 Para deshacerse del exceso de gradiente, Ctrl / Cmd + clic en la capa "D", vaya a Seleccionar> Invertir (Shift + Ctrl / Cmd + I) para invertir la selección, y pulse la tecla Borrar para eliminar el seleccionado zona.

  Paso 28: Creación de los pliegues en la "E"   Con nuestra letra "E", el eje vertical va a ser la pieza superior con las tres armas caigan las sombras (exactamente como nuestra referencia en la vida real).

  Paso 29: Creación de los pliegues de la "S"   Para la "S", las partes curvas van a ser los que están en la parte superior, con el resto sombra.

  Paso 30: No hay dobleces en la "I"   La letra "I" es bastante aburrido - no hay ninguna sombra que hay que hacer para el "I".

  Paso 31: Creación de los pliegues de la "G"   Para el "G", las dos líneas verticales van a estar en la parte superior, por lo que las horizontales van a tener las sombras.

  Paso 32: Creación de los pliegues de la "N"   Para la "N", el vástago izquierdo va a ser por debajo del travesaño y el travesaño va a estar bajo el tronco derecho.

  Paso 33: La superposición de las sombras   Ahora vamos a cambiar el modo de fusión de todas las capas de sombra de superposición con excepción de la tapa a la derecha en la "N", que se cambió a luz suave.

  Paso 34: desaturar la parte trasera de la "D"   Los pliegues se ven bastante bien ahora, pero queremos definir la parte delantera y trasera un poco más por el embotamiento por el color que sería la parte posterior del papel para dar a las letras un poco de profundidad.
  Seleccionar las piezas que han sido dobladas bajo con la herramienta Marco Rectangular (M) y abrir el mando de ajuste de imagen Tono / Saturación (Ctrl / Cmd + U).
  Nota: Para realizar varias selecciones inconexas como la imagen de abajo, mantenga pulsada la tecla Shift (esto debe poner una pequeña "+" en el cursor del ratón, lo que indica que es el modo correcto).

  Cambie la saturación a -40 y la levedad de 20.  Estamos usando la opción Claridad en el Tono / Saturación, ya que atenúa los colores, que es lo que queremos.

  Paso 35: Desaturate el resto de las letras   Aplique el Tono / Saturación del paso 34 con el resto de las letras.

  Paso 36: Añadir un estilo de capa de raso   Haga clic en la capa "D" e ir a Capa> Estilo de capa> satinado.  Esto le dará al texto un poco de brillo y resaltar las áreas centrales del texto.
 Aplicar esto a el resto de las letras, así.  Un atajo sería hacer clic derecho en la capa "D", seleccione Copiar estilo de capa, seleccione las otras capas, haga clic en ellos y, a continuación, elija Pegar estilo de capa en el menú contextual que aparece.

  Paso 37: Adición de un Mapa de degradado   Vamos a añadir algunos efectos a nuestro texto y la imagen.  En primer lugar, vamos a ir a Capa> Nueva capa de ajuste> Mapa de degradado.

  Haga clic en el amarillo para preestablecer gradiente de color rojo y también elegir la opción inversa.
  La caída de la opacidad de la capa de ajuste Mapa del gradiente hasta aproximadamente 15%.  Esta debe ser su capa superior.  Esto le dará a toda nuestra pieza un aspecto envejecido, de color amarillento.

  Paso 38: Añadir una capa de ajuste Tono / Saturación   También vamos a bajar el brillo de nuestro trabajo.  Ir a Capa> Nueva capa de ajuste> Tono / Saturación.


  Paso 39: Dar al texto un aspecto desigual   Ahora vamos a dar nuestro texto un poco de un aspecto natural y uniforme.  En primer lugar, asegúrese de que el primer plano y color de fondo es blanco y negro (pulse D para resetear los colores).
  Crear una nueva capa pulsando Ctrl / Cmd + Shift + N, y luego ir a Filtro> Interpretar> Nubes.  Asegúrese de que la capa está justo debajo del Mapa de degradado y las capas Saturación Hue.

  Cambiar el modo de fusión de esta nueva capa de superposición y la caída de la opacidad a 50%.

  Paso 40: Adición de una textura de fondo   Abramos la textura de papel incluido en la lista de recursos en Photoshop.
  También puede utilizar una textura de papel de su cuenta, o buscar por la sección de regalos de promoción de Diseño Instruir para texturas que es posible que desee utilizar en su lugar.
  Ir a Imagen> Rotación de Imagen> 90 [sup]o[/sup] CCW para que la unión de la textura en la parte inferior del lienzo.
  Ir a Imagen> Tamaño de imagen y cambiar el ancho de 1200px para hacer la textura del mismo ancho que nuestro lienzo principal.
  Con la textura preparado, copiar y pegarlo en nuestro papel doblado retro Photoshop lienzo.
  Cambiar el modo de fusión de la capa de la textura de superposición y abra la ventana de diálogo de ajuste de imagen Niveles (Ctrl / Cmd + L).  Cambie los valores de las opciones para que sean similares a lo que tengo debajo de estos valores hará que la textura se destacan más.

  Paso 41: Ajuste de la textura   Abre la ventana de diálogo Tono / Saturación y soltar la saturación a -40.  También, caída de la opacidad de esta capa a aproximadamente 50%.  Esto hará que el color de la textura más sutil.

  Paso 42: Adición de una segunda textura   Duplicar la textura de papel con Ctrl / Cmd + J y mover hacia abajo la pila de capas por debajo de todas las letras.
  Cambiar el modo de fusión a Multiplicar y soltar la opacidad al 20%.

  Paso 43: Adición de una viñeta   Para el efecto artístico y sacar los ojos del espectador hacia el centro de nuestra pieza, vamos a oscurecer los bordes de la tela, la creación de una viñeta de imitación.  Haga clic en la herramienta Marco Rectangular (M) en el panel de herramientas, y en la barra de opciones, cambiar la pluma de 50px.  Haga clic y arrastre un cuadro alrededor de todo el lienzo (o pulse Ctrl / Cmd + A).
  Ir a la Selección> Invertir y llenar la selección con negro invertido (# 000000).  Esto debe llenar sólo los bordes.
  Cambiar el modo de fusión de la capa a Overlay viñeta.

  Paso 44: Textura alternativo   También puede jugar con texturas adicionales.  Voy a mantener el fondo con la misma textura de papel.  Voy a ocultar la textura de papel que estaba por encima del texto.
  A continuación, voy a traer a esta otra textura (también incluido en la lista de recursos anteriormente) para dar a la imagen un aspecto más grunge sucio.  Juega un poco con diferentes texturas para crear algo que es todo suyo.

  Paso 45: El ajuste final   Moví las letras alrededor un poco para conseguir el ajuste entre caracteres para ser un poco más aún.  Usted puede hacer esto con mayor precisión con la herramienta Regla de Photoshop (I), pero echando un vistazo, está muy bien, perfecto separación no es importante porque queremos que el texto tenga un imperfecto, hecho a mano se siente.

  Resumen del curso   En este tutorial de Photoshop, he mostrado cómo crear un interesante tipografía papel doblado.  En primer lugar, hemos creado un modelo de la vida real de nuestro texto, que espero que le muestra el valor de tener una referencia antes de disparar su editor gráfico favorito y crear arte digital.
  Utilizamos técnicas sencillas de Photoshop como seleccionar áreas usando manualmente Lasso del Photoshop y herramientas marquesina.  Para hacer nuestras selecciones más precisas y nuestras cartas más uniforme, hemos creado una plantilla cuadrada y utilizamos una copiosa cantidad de guías de Photoshop.  Para finalizar la pieza, aplicamos algunas capas de ajuste básicos para dar a nuestro producto una retro, mirada descolorida.
  Espero que hayan disfrutado este tutorial y espero con ansia ver sus propias versiones en el Diseño Instruir Piscina grupo de Flickr .
 
  Descarga archivos de origen [ul][li]  retro_folded_paper (ZIP, 14,6 MB) [/li][/ul]


Suerte y


Saludos a Todos


VIsita Mis Demas Aportes o Haz Clik En el Zombie











Tipografía doblada Retro Tutorial Photoshop
5 Puntos Score: 5/10
Visitas: 1276 Favoritos: 8
Ver los usuarios que votaron...
3 Comentarios Tipografía doblada Retro Tutorial Photoshop
Se ve Bueno El Efecto... Cuando tenga tiempo lo probar?
Yo nunca he visto un tutorial de Photoshop que sea cortico. De hecho, hasta los efectos m?
Cita Danjes: Mostrar
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!