Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Como Crear una Ilustración Tipográfica Increíble - Parte 1

by
Difficulty:AdvancedLength:LongLanguages:
This post is part of a series called Mastering Text Effects.
Create a Steam Powered Typographic Treatment - Part II
How to Create an Incredible Typographic Illustration - Part 2

Spanish (Español) translation by Valeria Angulo (you can also view the original English article)

Todo el trabajo y el no jugar hacen que Jack sea un chico aburrido. En este tutorial de dos partes, aprenderemos cómo llevar un proverbio simple a una ilustración tipográfica compleja que logre un nivel de realismo sin usar ninguna fotografía. Sí, vamos a construir esta idea desde abajo hacia arriba. En la primera parte, aprenderás como modelar tus propios objetos en Cinema 4D y los prepararás para el aislamiento en Photoshop.

Introducción

Un avistamiento al azar del famoso proverbio "Todo trabajo y nada de juego hace que Jack sea un niño aburrido" fue lo que provocó esta idea. En lugar de ver el trabajo y el juego como dos actividades separadas, intenté reconciliar la idea en un solo tratamiento tipográfico, sin dejar de exponer sus peculiaridades. Eventualmente, me decidí a crear un ambiente de trabajo de una manera muy lúdica. Para hacer esto, usé una variedad de contrastes. Por ejemplo, la perspectiva más bien llana y la posición frontal de la cámara hacen que este sea un entorno muy simple y estático. Sin embargo, esto está roto por las dos palabras que flotan alrededor de la escena y agregan una sensación de movimiento. También hay un contraste de luz. El lado de work es algo oscuro, mientras que el lado de play está bien iluminado. En general, este es un entorno de trabajo organizado que de alguna manera ha perdido el control de sí mismo, de una manera buena y entretenida.

Paso 1

El programa en el que vamos a comenzar es Cinema 4D. Lo primero que vamos a abordar es la palabra 'play'. Si crees que necesitas una referencia para las letras, es una buena idea abrir Illustrator y rastrear las rutas básicas sobre una fuente de script existente.  En este caso, hice algunas líneas básicas que se convertirán en la base de la palabra. Para crear uno propio, ingresa la vista frontal en C4D y traza las letras con la herramienta Bezier.

Paso 2

Para convertir esto en un material similar a la pintura, vamos a usar Metaballs. Puedes encontrarlo en Objetos > Modelado > Metaball. Para activarlo, simplemente arrastra todas las rutas que creas encima del menú de objetos. Al principio parecerá bastante extraño, porque no hemos editado las rutas con una etiqueta de Metaballs. Puedes usar esta etiqueta para afinar tus resultados. En primer lugar, haz clic en el objeto Metaballs en el menú Objeto. Ahora haz clic en la pestaña Objeto y cambia la Subdivisión del Editor a 3m y la Subdivisión Renderizar a 0.2. Cuanto menor sea el número, más preciso será el resultado, y más tiempo le tomará a tu computadora procesar la información. Además, a medida que agregamos más rutas y esferas al objeto metaballs, será cada vez más difícil de actualizar. Asegúrate de desactivarlo cuando crees nuevas rutas para él haciendo clic en la marca del menú Objetos.

Paso 3

Ahora agregaremos una etiqueta Metaballs a las rutas. Para cualquier ruta que crees, arrastra una de ellas sobre ella.

Paso 4

Para cada ruta, especifica una fortaleza de entre 1 y 4. Sin embargo, deberás ser muy específico, ya que a veces puedes necesitar un valor de 1.1 o 1.2.

Paso 5

Comienza a agregar caminos adicionales a la letra P.

Paso 6

Algunos más deben imitar un toque. Recuerda editar los puntos de cada uno de estos caminos para que no termine pareciendo plano. Puedes arrastrar esto en un espacio tridimensional para lograr ese aspecto.

Paso 7

Avanza a la letra 'y' y repite el proceso.

Paso 8

Ahora vamos a cambiar a esferas. Crea unas pocas esferas que intersecten los caminos. No es necesario crear etiquetas para estos. Solo hazlos más pequeños o más grandes, según sea necesario.

Paso 9

Repite este proceso y agrega más a través de la palabra.

Paso 10

Estas próximas esferas no deberían estar dentro del objeto Metaball. Estas son esferas que parecen haberse separado de la palabra principal. Coloca estos cerca de los extremos.

Paso 11

Es hora de agregar un material a la palabra. Tendrás que descargar este material gratuito. Abre el archivo C4D que tiene y realiza los siguientes cambios. En primer lugar, cambiea el color difuso a un rojo brillante: R:244 G:13 B:13.

NOTA: Puedes encontrar el material final en la carpeta de descargas.

Paso 12

Ahora cambia el Specular a un blanco simple.

Paso 13

Specular 2 debe ser amarillo: R:255 G:255 B:98.

Paso 14

Specular 3 debe ser un amarillo ligeramente más oscuro: R:247 G:206 B:43.

Paso 15

Cambia el color de Reflection a blanco y el color de Reflection Edge a rosa: R:250, G:209, B:209.

Paso 16

Todo lo que necesitas hacer ahora es copiar el material y pegarlo en la escena. Ten en cuenta que tu cursor debe estar sobre el material en el Menú de Materiales para que esto funcione. Luego, simplemente arrástralo sobre el Objeto Metaball y sobre las otras esferas.

Paso 17

Ahora agrega un objeto del cielo. No hay necesidad de darle un material. Es normal que el blanco sirva bien, ya que no queremos que sea demasiado brillante.

Paso 18

Nuestro material de pintura tiene una doble capa. La capa interna no es visible, porque necesitamos activarla con iluminación de proximidad. Agregue una primera luz a la escena y use la segunda captura de pantalla para editarla. No olvides habilitar Falloff: esto limita el alcance de la luz a una cantidad específica.

Paso 19

Agregue una segunda luz en la misma técnica. Lo he numerado aquí, ya que se vuelve un poco confuso.

Paso 20

Agregue una tercera luz cerca de las dos últimas letras.

Paso 21

Agrega uno más pequeño al mismo lado ahora.

Paso 22

Y una última luz debería hacerlo.

Paso 23

Ahora necesitamos un fondo. En la vista lateral, crea una spline en forma de L redondeada.

Paso 24

Regresa a la vista Perspectiva y Extrúyalo con el objeto Extruir NURBS. Una vez que hayas creado uno, simplemente arrastra la spline encima del menú Objeto. Usa la configuración que se muestra a continuación.

Paso 25

Encuentre el ángulo que deseas y crea una cámara. No olvides editar su configuración como se muestra en la segunda captura de pantalla.

Paso 26

Eso es todo por esta palabra. Es hora de editar la configuración de renderizado (Renderizar > Configuración de Renderizado) y renderizar esto! Use la siguiente configuración.

Paso 27

La Salida es donde decides el tamaño de la imagen final. Este debería ser 1688 x 1050 px.

Paso 28

A continuación, elige el formato que desees. Siempre guardo el formato en psd y marco el canal alfa para que no lo olvide cuando realmente lo necesito. Pero dado que tenemos un fondo que también es un objeto, el canal alfa es redundante aquí. ¡Sin embargo lo necesitarás más tarde!

Paso 29

Siempre estoy obsesionado con el anti-aliasing, así que uso 2x2 sobre 4x4, aunque 1x1 sobre 4x4 también funcionará bien.

Paso 30

Habilita la iluminación global y cambia a estas configuraciones. Esta parte afectará más tu tiempo de renderización. Si deseas una renderización rápida, cambiar la profundidad difusa a 2, la Resolución mínima a 5 y la Máxima a ... decir 45 debería reducir un poco.

Paso 31

Y finalmente, desactiva Auto Light en el menú de Opciones. No renderices todavía, ya que necesitamos crear un elemento más.

Paso 32

Normalmente creo los caminos más complejos en Illustrator solo porque estoy más familiarizado con él. Puede crear esto en C4D o Photoshop también. Lo más importante es que tiene un archivo de ruta vectorial que puede fusionar en C4D.

Aquí, vamos a crear una lata de pintura. Crea esta forma que giraremos en C4D.

Aquí hay un primer plano en la parte superior.

Paso 33

Cuando hayas terminado, guárdalo como un archivo de Illustrator 3 en alguna parte. Vuelve a una nueva escena vacía en C4D y vaya a Archivo > Fusionar. Coloque el camino en su escena.

Paso 34

Agrega un objeto Lathe NURBS y arrastre la ruta en el Menú Objecto sobre él.

Paso 35

Agrega un círculo spline y colócalo como se ve a continuación.

Paso 36

Agrega un extrudado NURBS y arrastra la ruta del círculo sobre él. Agrega un tapón de filete grande como se ve en la segunda captura de pantalla.

Paso 37

Copia la primera perilla y hazla más grande. Introdúcelo en la cubeta y cambia la tapa a una muy pequeña.

Paso 38

Copia estos dos, gíralos 180 grados y colócalos del otro lado también.

Paso 39

Para crear el asa, dibuja una curva de Bezier en la vista superior.

Paso 40

Use un barrido NURBS y un pequeño círculo spline para darle grosor.

Paso 41

Este es el aspecto que debería tener el Menú Objecto. Seleccionarlos todos y agruparlos.

Paso 42

Ahora crearemos un material simple para el cubo. Usa las siguientes opciones. En Color, selecciona Ruido haciendo clic en el botón de flecha Pequeña en el campo Textura.

Haz clic en la pestaña Ruido para que aparezca esta configuración.

Paso 43

Espléndido. Ahora solo copia el cucharón en la primera escena y escala / rótalo en su lugar.

Paso 44

Para renderizar la escena, necesitamos transformar el objeto Metaballs en un objeto de polígono. Esto es básicamente como cuando trazas una forma de vector en Photoshop. Al hacer esto, C4D ya no necesita calcular el proceso de Metaballs durante la representación. Antes que nada, copia el Metaball en una escena en blanco separada y elimina todo excepto la letra P. En el Menú de Objeto, Shift + Selecciona todas las capas y haz clic con el Botón Derecho > Estado actual para objetar. Esto llevará un tiempo, así que espera mientras C4D mata toda tu RAM durante unos minutos.

Paso 45

Una vez que hayas hecho eso con el resto de la palabra, pégalo de nuevo en la escena y preséntalo. Sus resultados variarán, pero mi configuración tardó aproximadamente 11 horas en renderizarse. Ese material es un dolor absoluto.

Paso 46

Pasemos a la segunda palabra ahora. Como guía para los tornillos, he creado un molde, si lo quieres. Puedes crear uno tu mismo creando una Spline de texto, aplicando un Extruir NURBS y quitando las mayúsculas en la pestaña Caps. Crea todo esto en una nueva escena en blanco.

Paso 47

Descargue estos tornillos y tuercas gratis. Esta parte entera es simple en concepto, pero muy laboriosa. Cambia el tamaño y gira varios pernos en la primera letra.

Paso 48

Agrega más en el molde, pero trata de no hacer que se toquen o se crucen.

Paso 49

Aquí está la primera letra, todo hecho. Agrega pedazos más pequeños para completar los espacios en blanco.

Paso 50

Repite el proceso para el resto de la palabra.

Paso 51

Ahora pasaremos a crear los ejes de ventilación. Nada elegante, solo un par de objetos multiplicados. El primero es un objeto de tubo.

Paso 52

Aplica la siguiente configuración a los ejes de ventilación.

Paso 53

Ahora ve a MoGraph y agrega un objeto clonador. Arrastra los dos objetos en la parte superior.

Paso 54

Vamos a crear un marco ahora. Crea un Cilindro muy largo.

Paso 55

Vamos a crear un segundo marco ahora. Crea un cilindro muy largo y multiplícalo de la misma manera.

Paso 56

Vamos a crear un segundo marco ahora. Crea un cilindro muy largo y multiplícalo de la misma manera.

Paso 57

Para esta parte, utilicé algunos objetos del Light Kit Pro de Greyscalegorilla. Puedes modelar todas estas cosas tu mismo, pero este es un ahorro de tiempo real. Si lo tienes, arrastra un objeto StudioL a la escena del eje.

Paso 58

Hazlo grande. Muy, muy grande :)

Paso 59

También desde Light Kit, abre WindowLightStudio y copia el fondo blanco.

Paso 60

Pégalo en nuestra escena y elimina algunos puntos finales para convertirlo en un plano blanco y recto, en lugar de una forma de L.

Paso 61

Hazlo más pequeño y colócalo en la escena.

Paso 62

Haz una segunda copia y colócala como se ve a continuación.

Paso 63

Una última cosa que usaremos del Light Kit es el softbox azul. Cópialo en nuestra escena.

Paso 64

¡Conviértelo en la madre de todos los softboxes!

Paso 65

Para oscurecer el lado izquierdo, creé un techo y una pared negros. Crea dos planos similares y aplica un nuevo material que solo tenga un 0% de Luminancia.

Paso 66

Es hora de agregar un objeto del cielo. Agrega un material gris claro, como se ve en la segunda captura de pantalla.

Paso 67

Es hora de agregar un objeto del cielo. Agrega un material gris claro, como se ve en la segunda captura de pantalla. Para hacerlo, oculta todo, excepto los fondos, desmarca la Iluminación global para obtener un renderizado mucho más rápido y guarda el renderizado como un archivo psd con Alpha Channel incluido.

Cuando hayas terminado con eso, repite el proceso para aislar solo los ejes y hacer un archivo de canal alfa.

Paso 68

Aún así, probablemente te estés preguntando qué le pasó a la primera palabra (work +). Usaremos esta escena exacta, pero la modificaremos ligeramente. Antes que nada, pega la palabra en la escena y encuentra un lugar apropiado para ella. Copia algunos de los pernos y pégalos alrededor de la escena. Oculta los fondos, los pozos de ventilación y el telón de fondo gigante en forma de L. Deja las paredes negras, el objeto del cielo y la softbox en su lugar. A continuación, también tienes dos imágenes que muestran la renderización final y su renderización de canal alfa.

Vista Previa de la Imagen Final

Con un poco de costura, esto es lo que obtendrás.

Parte 2

Haz clic aquí para la Parte 2 de este tutorial.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.