Cómo diseñar una impresionante ilustración en 3D, tipo atardecer

Hoy vamos a correr a través de múltiples plataformas para crear un tratamiento tipográfico cálido y soleado. Usaremos C4D para crear el texto, Illustrator para varios motivos decorativos y Photoshop para unirlos todos. Vamos a poner nuestras manos en la creación de esta ilustración de tipo cálido.

Vista previa de la imagen final

Echa un vistazo a la imagen que vamos a crear. Puede ver la vista previa de la imagen final a continuación o puede ver una versión más grande aquí.

Paso 1

Inicie Photoshop y cree un nuevo documento (4000px por 2000px a 300 ppi). Escriba su palabra, en este caso "tipo", con esta fuente: Sloop. Obviamente, esta no es una fuente gratuita porque esta fuente no tiene lo que las fuentes gratuitas suelen tener - loco.

Los remolinos son constantes y suaves. Los picos o puntos finales inconsistentes solo empeorarán una vez que hagamos esto en una forma 3D. Otra cosa a tener en cuenta es el peso. Quería una fuente elegante, pero eso también es lo suficientemente audaz como para trabajar como una forma 3D. Si es demasiado delgado, no funcionará. Los rizos o líneas que son demasiado delgadas terminan pareciendo cuchillas.

Paso 2

Haga clic con el botón derecho en la capa del tipo y haga clic en "Convertir en forma".

Paso 3

Vaya a Archivo> Exportar> Exportar rutas a Illustrator. Guárdalo como un archivo de Illustrator.

Etapa 4

Ahora necesitará el Cinema 4D de Maxon, o cualquier tipo de software 3D. Las instrucciones aquí, sin embargo, se basan en C4D. Comienza un nuevo proyecto y ve a Archivo> Fusionar. Abra el archivo de Illustrator que creó en el paso anterior.

Y como un descargo de responsabilidad, apenas conozco C4D, así que perdóname si arruino un poco las cosas, o invento los términos a medida que avanzo :)

Paso 5

Haga clic y mantenga presionado el botón Hyper Nurbs. Arrastra para extruir Nurbs y liberar.

Paso 6

Busque la capa de ruta de tipo en el menú Objetos y presione el botón más para que aparezca su contenido. Presione Comando y haga clic en todos los caminos para seleccionarlos juntos.

Haga clic derecho y vaya a Conectar. Después de hacer eso, se le dará una versión "aplanada" de los cuatro en la parte superior de la lista. Puede eliminar las rutas antiguas, ya que solo usaremos la versión conectada ahora.

Paso 7

Ahora haga clic y arrastre la nueva ruta hacia el efecto Extruir Nurbs. Eso aplicará los Nurbs al camino..

Paso 8

Haga clic en la ruta dentro del área de visualización (casi dije lienzo porque no tengo idea de cómo se llama). En la esquina inferior derecha verás el efecto Extruir Nurbs. Haga clic en la pestaña Objeto y cámbiela a 10 metros..

Paso 9

Ahora haga clic en la pestaña Caps, y use la siguiente configuración. Ahora que lo miro, 15 pasos para una esquina suave son excesivos, así que solo usa unos 5 para ahorrar tiempo de renderizado. Sin embargo, mantenga 0,75 o 1 para el Radio. Cualquier cosa debajo de eso podría aparecer demasiado nítida en Photoshop cuando enfoca la imagen.

Paso 10

Haga clic en el tipo y cópielo (Comando + V). Péguelo en su lugar (Comando + V) y presione el botón central del mouse. Eso debería traer cuatro puntos de vista diferentes. Acércate a la vista Perspectiva para ver qué tan cerca deben estar los dos tipos de objetos. Ahora use la herramienta Mover para arrastrar el eje "Z" (azul) en la vista derecha alrededor de 12 puntos.

Paso 11

En el menú inferior, haga clic en Archivo> Shader> Nukei. Este es un material preestablecido que alteraremos ligeramente..

Paso 12

Haga clic en el icono del material en el muelle inferior. Aparecerá la configuración en la esquina inferior derecha. Haga clic en la pestaña Difundir A. Piense en este como un color primario. Siguen otros colores, pero solo cambiaremos el color difuso primario. Todavía quiero un poco de cian allí. Cambia el color haciendo clic en el icono de color..

Paso 13

Ahora arrastre el icono de material a la primera capa del texto, dentro del área de visualización.

Paso 14

Cree un nuevo material Nukei y cambie el color Diffuse A a este: R: 255 G: 241 B: 74. Luego arrástrelo a la segunda capa.

Paso 15

Es hora de insertar algunas luces. Haga clic en el botón Agregar objeto de luz y arrástrelo a Luz de área.

Paso 16

Use la herramienta Mover y arrastre el eje "Y" hasta que la luz esté a la altura adecuada.

Paso 17

Usa la herramienta de rotar para que la luz quede frente al texto..

Paso 18

Arrastre el eje verde hasta que el plano esté orientado hacia el texto..

Paso 19

Crea una segunda fuente de luz en el lado opuesto.

Paso 20

Agrega uno en la parte superior que iguala la luminosidad..

Paso 21

De la misma manera que en los pasos anteriores, agregue algunos otros caracteres como se muestra a continuación. Crea solo una capa para estos y usa el color dorado..

Paso 22

Ahora ve a Render> Render Settings. Cambiarlos en consecuencia.

Asegúrate de que el tamaño de píxel sea bastante grande.

No olvide especificar la ruta donde desea guardar el render.

Cuando hayas terminado, crea un primer render presionando Shift + R.

Paso 23

Encuentre el render en la carpeta que eligió y ábralo en Photoshop. Abra el menú Canales (Ventana> Canales) y presione Comando y haga clic en el ícono "Alfa 1". Eso hará una selección del texto..

Paso 24

Vuelva al menú Capas y haga doble clic en la capa "Fondo". Dale un nombre. Estamos haciendo esto solo para que sea una capa regular.

Paso 25

Ahora presiona el botón de agregar máscara de capa para ocultar las áreas negras.

Paso 26

Aquí está el trato. No queremos recortar manualmente todos los personajes del renderizado. Es más fácil hacer una representación de cada personaje por separado y solo usar el canal alfa para recortarlo del fondo.

Con la capa original debajo, la juntaremos al alinear cada elemento con su posición dentro del render original. Así que vuelva a C4D, oculte todos los elementos menos uno desmarcándolo dentro del menú Objetos.

Paso 27

Procesarlo y separarlo de su fondo como antes..

Paso 28

Luego alinéelos todos colocándolos sobre el render viejo. Uno de ellos está resaltado para mostrar que está separado del render original.

Paso 29

Ahora vaya a Capa> Nueva capa de ajuste> Mapa de degradado. Use estos colores (de izquierda a derecha): #ffffff, # ffe73f, # 542a9a y # 07030e. Establezca la Opacidad de la capa en 50% y conviértala en una máscara de recorte para la capa de texto de modo que solo influya en los colores del texto..

Paso 30

Repita el proceso para los elementos restantes y complete el fondo con este color: # ffe73f.

Paso 31

Haga doble clic en la capa de texto y agregue estos efectos de capa. Para la sombra, use este color: # 6b506b. Use esto para el resplandor exterior: # fff260.

Paso 32

Sobre la capa de fondo, pinte una sombra con este color: # a89e3b.

Paso 33

Ahora pinta una superficie más pequeña con este color: # a89e3b.

Paso 34

Para esta parte, necesitarás este paquete de brochas. Inicie un nuevo documento grande (aproximadamente 2500 px por 2000 px) y pinte con negro sobre un fondo blanco (el pincel es el primero en el paquete). Seleccione todo (Comando + A) y péguelo en un archivo de Illustrator en blanco. El gran tamaño hará que sea fácil de vectorizar..

Paso 35

Dentro de Illustrator, presione el botón Live Trace y cambie el color a esto: # 776767.

Paso 36

Cópialo y pégalo dentro del documento de Photoshop..

Paso 37

Usa el segundo pincel dentro del paquete de pinceles y vectorízalos también. Solo usa este color en su lugar: # 3c2958.

Paso 38

Vuelva a Illustrator y use la Herramienta de selección directa (A) para copiar solo una hoja del pincel completo. Elija uno más grande para la mayor calidad. Pégalo en Photoshop con este color: # a39485.

Paso 39

Añadir estas pequeñas hojas en todas las otras ramas.

Paso 40

Ahora vamos a crear un patrón complementario. Comience un nuevo documento de Photoshop (165 px por 165 px a 300 ppi). Abra la regla (Comando + R) y arrastre las guías que se ajustarán a los bordes del lienzo.

Paso 41

Seleccione la herramienta Recortar (C) y arrástrela sobre todo el lienzo. Mantenga presionadas las teclas Mayús y Alt y arrastre el cuadro hasta que obtenga el doble del tamaño del lienzo. Utilice la herramienta Rectángulo redondo (U) configurada en un radio de 10 px para crear un rectángulo simétrico (Mantener presionada la tecla Mayús al crear). Duplíquelo, muévalo unos pocos píxeles con el teclado (recuerde el número) y cree un patrón similar como se muestra.

Paso 42

Recorte el documento a su tamaño inicial encajándolo en las guías. Rellene el color de fondo con # 533d63 y el color de la forma con # ac9c8f.

Paso 43

Haga doble clic en una de las capas de formas y agregue un trazo interno de 5 píxeles con este color: # ecdd18. Luego ve a Editar> Definir patrón.

Paso 44

Seleccione la herramienta Cubo (G). En el menú desplegable cerca de la parte superior de la pantalla, seleccione Patrón. Haz una máscara de recorte para una de las hojas y rellénala con este patrón.

Paso 45

Rellena algunas otras hojas con el mismo patrón..

Paso 46

Cambia los colores alrededor del archivo de patrones con diferentes tonos de amarillo y rellena algunos con esos.

Paso 47

Ahora añadiremos algunos motivos vectoriales. En primer lugar, inicie un nuevo documento de Illustrator y seleccione la herramienta Polígono. Mantenga presionada la tecla de tilde (~) y arrastre como indica la flecha. No deje de arrastrar hasta que haya llegado al final del siguiente paso. Hice dos capturas de pantalla para desglosar todo el movimiento..

Después de arrastrar hacia arriba, arrastre hacia abajo hacia el centro en un patrón en espiral. La velocidad de su arrastre determina la cantidad de líneas.

Paso 48

Esto es lo que debería ser. Cambia el motivo a este color: # f5e750.

Paso 49

Colóquelo en el documento de Photoshop como un objeto inteligente..

Paso 50

Coloca un segundo más grande en el lado izquierdo..

Paso 51

Crea otro motivo, pero usando la herramienta Estrella en Illustrator.

Paso 52

Añade unas cuantas estrellas pequeñas por todo el lienzo también..

Paso 53

Ahora crea un rectángulo en algún lugar dentro de la composición y dale un trazo interno de 5 píxeles, al igual que el patrón. Use esto para el color de relleno: # 543d63.

Paso 54

Haga una máscara de recorte para esta forma y pinte con un pincel suave con este color: # cbef8e. Con los mismos dos colores, crea otros rectángulos..

Paso 55

Repita este proceso para espolvorear Estos motivos en toda la composición. Mantenlo sutil y de buen gusto..

Paso 56

Ahora cree una nueva capa en blanco sobre el texto y use la herramienta Pluma (P) para trazar en el modo de ruta lo que pronto será una línea delgada.

Paso 57

Cuando termine, use la herramienta Pincel (B) para editar la configuración (elija un cepillo pequeño y duro) y presione P cuando haya terminado. Haga clic con el botón derecho, seleccione Trazar ruta, marque la casilla Simular presión y presione Aceptar.

Paso 58

Repita el paso anterior para crear algunas líneas más. Aunque no agregues demasiados.

Paso 59

Y finalmente, retocaremos los valores amarillos y haremos que se vea más cálido. Sobre todas las capas, vaya a Capa> Nueva capa de ajuste> Color selectivo. En el menú desplegable, seleccione Amarillos y arrastre los controles deslizantes a los números que se muestran a continuación..

Imagen final

¡Eso es todo amigos! Si está seguro de que desea participar en tratamientos de tipo, el 3D es una excelente manera de hacerlo. No pensé que necesitaría un programa 3D, y pensé que la característica Extruir y Biselado de Illustrator era todo lo que necesitaba. Bueno, me equivoqué. 3D abre una dimensión completamente nueva - literalmente!