Crear tipografía que va por el desagüe

Lo que vas a crear
Este tutorial se publicó originalmente en febrero de 2011 como tutorial de Tuts + Premium. Ahora está disponible de forma gratuita para ver. Aunque este tutorial no utiliza la última versión de Adobe Illustrator y Photoshop, sus técnicas y procesos siguen siendo relevantes.

Hoy les mostraré cómo crear otro tratamiento tipográfico desde cero utilizando tuberías y mangueras para las letras. En este tutorial aprenderás cómo planificar rutas en Ilustrador, modelarlos en Cine 4D y traerlos vivos en Photoshop.

Necesitará conocer los conceptos básicos de Cinema 4D para este, ya que el enfoque de hoy está en Photoshop. Empecemos!

¡Crea increíbles efectos de texto en menos tiempo! Explore nuestra increíble selección de efectos de texto de Photoshop disponibles a través de GraphicRiver para transformar sus diseños al instante. O solicite la ayuda de un profesional de diseño de Envato Studio para todas sus necesidades tipográficas.


1. Cómo configurar el texto

Paso 1

Antes de comenzar, permítame emitir una advertencia. El enfoque de este tutorial está en Photoshop, no tanto en Illustrator como en C4D. Ya he repasado la técnica para crear objetos 3D a partir de rutas creadas en Illustrator. Para obtener más información sobre este tema, consulte mi otro tutorial llamado Crear un tratamiento de tipo delicioso. El proceso es muy similar, pero si planea familiarizarse con las técnicas básicas de modelado en C4D, confiar en un solo tutorial rara vez es suficiente. Así que en la primera parte, explicaré brevemente cómo crear el render final, y luego cambiaremos nuestro enfoque a qué se trata Envato Tuts + - Photoshop.

Ahora, abajo tienes la imagen de mi escena de Illustrator. También puede abrirlo desde la carpeta de descarga para ver exactamente cómo se realizó. Comencé con las letras básicas, luego me abrí paso a través del archivo agregando más tuberías y mangueras. El peso determinado en el archivo es importante, ya que se convertirá en el diámetro en C4D. Tan cuidadosamente utilizar Pesas que son únicos para cada tipo de tubería. Los tubos negros son 30 puntos, los pvc blancos son 20 y las mangueras son 15. Mantener los pesos diferenciados y elegir diferentes colores evita la confusión al importar las rutas en C4D. Recuerda Salvar su archivo en Illustrator como una versión heredada 8 o anterior, de lo contrario C4D no lo importará.



Paso 2

Una vez que hayas creado toda la escena en Illustrator., Dupdo y Pegar en su lugar (Control-F) El primer peso en una nueva escena..



Paso 3

Dupdo y Pegar en su lugar uno de los trazos verticales de las palabras. Ir Objeto> Expandir. Con Guías inteligentes habilitado, crea un Circulo De lado a lado de los caminos.. Dupdo y Pegar Coloca el círculo, luego hazlo más pequeño. Utilizar el Pionero para cortar el círculo pequeño fuera del más grande. Usaremos esto como un diámetro para la tubería, que recorreremos a lo largo de las rutas de las palabras. Borrar el camino grande que has expandido como el corchete de la letra "d".



Etapa 4

Chasquido El círculo de diámetro en la esquina inferior izquierda de la escena y Salvar como un Archivo de Illustrator 8, o bajo.



2. Cómo crear texto en 3D

Paso 1

Abrir c4d E ir a Archivo> Combinar. Seleccionar todo Las rutas dentro del grupo, excepto el círculo (s) utilizado para crear el diámetro.. Botón derecho del ratón en uno de los caminos seleccionados e ir a Conectar. Borrar Las rutas adicionales para que te quedes solo con una ruta de tipo y el diámetro.



Paso 2

Arrastrar El camino y el diámetro bajo una BarrerNURBS Para lograr un efecto similar. Utilizar el Gorra Configuraciones encontradas en la segunda captura de pantalla..




Paso 3

Repita este proceso para cada una de las tuberías. Recuerde que la manguera deberá editarse puntualmente, por lo que corre entre las tuberías, no a través de ellas.. Editar y Girar cada punto hasta obtener un camino suave y sin intersección.



Etapa 4

Use formas básicas para crear un manómetro, una escotilla de presión de liberación automática, llaves, etc. Diviértase con eso!



3. Cómo ajustar la iluminación

Paso 1

Para la iluminación, un sencillo. Área de luz (50% de intensidad) delantero izquierdo y un Objeto del cielo con No Material lo hará bien.



Paso 2

Habilitar la iluminación global, cambiar el Anti-aliasing opción a Mejor, tamaño a 3500 x 2500 px y pulsa el Hacer botón. Asegúrese de revisar el Máscara alfa opción bajo Salvar para poder recortarlo fácilmente del fondo en Photoshop. Salvar como un .Archivo PSD.



Paso 3

Abra el renderizado de Photoshop recién creado, vaya a la Máscara panel. Control-Click la Alfa channeY voy a la Capas panel. Golpea el Máscara de capa botón para ocultar el resto.



4. Cómo agregar la espuma

Paso 1

Es hora de agregar un poco de espuma. Crear un Nueva capa y toma tu tableta. Lo vas a necesitar para esta parte. Arrastrar el Llenar opción a 20% y empezar a dibujar con un 35% negro, cepillo suave.



Paso 2

A medida que vas pesando con el gris medio. Cepillo, Ten en cuenta que esto es espuma lo que estás dibujando. Mantenlo esponjoso!



Paso 3

Muestra de tela la Color de fondo y empezar a dibujar en el lado de la fuente de luz de la espuma.



Etapa 4

Cambiar el Color de primer plano Al blanco y empezar a agregar más contraste..



Paso 5

Con el blanco, ahora puedes salir del área gris y darle a la espuma una forma más definida.



Paso 6

Cambiar a un más pequeño. Tamaño del pincel y agregar espolvorear todos los objetos cercanos.



Paso 7

Utilizar una Cepillo de 5 px para añadir detalle. Cambiar el Llenar a 50% en este caso.



Paso 8

Finalmente, usa negro y un 20% de llenado Para agregar aún más contraste sobre las áreas más oscuras.



Paso 9

Repita este proceso en la manguera superior.



5. Cómo envejecer las tuberías

Paso 1

Ahora vamos a envejecer las tuberías. Usa el mismo Cepillo Ajustes en los extremos de las tuberías con un color marrón oscuro. Lo he resaltado con rojo en la primera captura de pantalla para una fácil localización.




Paso 2

Entonces Muestra de tela Un color cian de la manguera, y comienza a oxidarse.!



Paso 3

Repite este proceso en todo el lienzo donde hay tubos de cobre..



Etapa 4

Cambia el color a gris medio y ensucia un poco las tuberías blancas..



Paso 5

Muestra de tela La parte más oscura de las tuberías negras y afeitar un poco de ese resplandor.




6. Cómo agregar el medidor de presión

Paso 1

En la siguiente parte, necesitarás esta imagen del manómetro.. Pegar en tu escena.



Paso 2

Transformar eso y Girar para que las palabras 80 y psi se alineen con el borde del lienzo. Esto es solo para enderezar la imagen..



Paso 3

Utilizar el Herramienta de marco elíptico para seleccionar solo la parte blanca del salpicadero.



Etapa 4

Encogimiento para que se ajuste a la carcasa del calibre que hemos hecho en C4D y colóquelo como se ve a continuación.



Paso 5

Cambiar el Opacidad a alrededor 60% así que parece que está detrás de un vidrio.



7. Cómo crear el agua

Paso 1

Ahora es el momento de sacar un poco de agua. Tomar una muy Cepillo pequeño fijado en 20% de llenado. Trace el contorno general de agua que brota desde debajo del anillo del tubo.



Paso 2

Agarrar un Cepillo más grande con un menor Llenar Recorrer y dibujar dentro del contorno..



Paso 3

Arranque el Llenar retroceda y continúe el contorno mientras gotea agua.



Etapa 4

Añadir más agua en pequeños arroyos..



Paso 5

Juega con diferentes niveles de Llenar y tamaño para obtener un patrón que raps alrededor del anillo.



Paso 6

Haga que el agua se vea cálida agregando un poco de vapor. Utilizar una Talla grande con muy bajo Llenar lograr esto.



Paso 7

Al igual que con la espuma, dale un poco de detalle con un Cepillo pequeño.



Paso 8

Repite este proceso en toda la escena..



8. Cómo ajustar los colores

Paso 1

Y por último, vamos a cambiar un poco los colores y el contraste. Agrega un Ajuste de tono y saturación capa y de la Menú desplegable escoger Cianos. Arrastrar el Nivel de saturacion a +30.



Paso 2

Luego agrega un Mapa de degradado en blanco y negro y cambiar el Modo de fusión a Luz tenue y Opacidad a 70%.



Paso 3

Finalmente, agreguemos un efecto de proceso cruzado sutil usando una Capa de ajuste de curvas. Cambie la configuración como se muestra a continuación.





Imagen final

Y finalmente estamos allí. A primera vista, esta imagen puede parecer un trabajo laborioso en 3D, pero el secreto está en Illustrator. Tomarse el tiempo para crear un buen diseño es crítico. No avance antes de su trabajo, siempre vale la pena centrarse en los detalles y planificar con anticipación..

Increíbles efectos de texto de GraphicRiver

Crea impresionantes efectos de texto en segundos! Explore nuestra increíble selección de acciones de efectos de texto de Photoshop disponibles a través de GraphicRiver. Descargue estas acciones para transformar sus diseños y vea uno de nuestros favoritos a continuación!

Efectos de texto 3D Vol.2

Diseña impresionantes carteles tipográficos con estos sorprendentes efectos de texto de Photoshop. Este paquete incluye 10 archivos de Photoshop que son completamente editables y fáciles de usar. Simplemente elija el estilo que le gustaría usar y reemplace el texto para obtener diseños increíbles al instante!