En este tutorial explicaremos cómo usar Cinema 4D y Photoshop para crear tipografías 3D con texturas metálicas que incluyen remolinos ornamentales y decorativos. Empecemos!
Los siguientes recursos fueron utilizados durante la producción de este tutorial..
Abra un nuevo documento en Photoshop. Debería tener 7 pulgadas de ancho y 11 pulgadas de alto. Ajuste la resolución de profundidad a 300 dpi.
Agarre la herramienta Bote de pintura (G), luego cambie el color de primer plano a Negro (D) y rellene la primera capa con el color. Esto es solo para que podamos tener un buen contraste entre nuestro tipo y el fondo y podamos configurar nuestra composición más fácilmente. Estaremos cambiando el fondo más adelante..
Para este tutorial usaré un tipo de Blackletter llamado "Kingthings Spikeless" que puedes descargar gratis aquí. Puedes usar el tipo de letra que más te guste, elegí una fuente estilo Blackletter porque generalmente son muy audaces y complejas en su estilo y eso funciona muy bien para este tipo de tratamiento..
Seleccione la herramienta de Tipo (T) y escriba su texto palabra por palabra, cada palabra debe estar en su propia capa para que podamos organizarlas correctamente. Puedes crear un nuevo grupo (Comando / Ctrl + G) y colocar estas capas dentro para mantener las cosas organizadas. Use un tamaño de fuente de aproximadamente 135pts o lo suficientemente grande para ajustarse al lienzo.
Después de colocar el texto en la posición deseada, duplique el grupo (o las capas) de su tipo y combínelos en una sola capa (Comando / Ctrl + E). Una vez fusionado, cambie a la herramienta de movimiento (V) y haga clic derecho en el borde de transformación. Seleccione la opción Sesgar y arrastre el punto de anclaje central izquierdo hacia abajo para transformar el texto.
Después de eso, tu texto debería verse algo como esto:
Para el adorno, primero voy a hacer un boceto muy rápido de la forma que vamos a hacer. Crea un nuevo grupo para todas las capas de ornamentos y crea una nueva capa en el interior. Seleccione el pincel también (B) con una punta de pincel pequeño y seleccione un color de contraste brillante. Quería hacer un patrón de remolino para esto, lo pinté sobre la capa de texto como una guía para intentar mantener un buen flujo y composición en la forma. También utilizaremos partes de esta forma para combinar con el tipo..
Crea una nueva capa encima de tu capa de boceto. Ahora vamos a refinar las guías del boceto y esto nos ayudará a hacer remolinos circulares limpios. Seleccione la herramienta Marco elíptico (M) y, utilizando la guía, realice selecciones elípticas en cada esquina redonda de la forma. Para las curvas más grandes, estoy haciendo selecciones de alrededor de 830 píxeles de ancho. (Recuerde mantener presionado SHIFT para hacer selecciones circulares precisas). Sigue el siguiente ejemplo.
Una vez que tenga la selección, haga clic derecho y seleccione la opción "Stoke". Utilice un ancho de trazo de aproximadamente 3 píxeles:
Una vez que haya terminado de acariciar las selecciones para cada una de las curvas en el adorno, sus nuevas guías deberían verse así:
Vamos a repetir este proceso para cada curva en nuestro adorno de remolino. Para el nuevo conjunto de curvas medias, utilicé selecciones elípticas de aproximadamente 260 píxeles de ancho:
Finalmente, use un ancho de 110 píxeles para las curvas más pequeñas:
Tu guía ahora debería verse así:
Una vez que haya terminado su guía, tome la herramienta Pincel y cree una nueva capa. Seleccione un cepillo duro redondo de unos 45 píxeles de ancho. Luego, abra el menú de ajustes preestablecidos de pincel, marque la opción Dinámica de formas y asegúrese de tener el control Tamaño Jitter configurado en "Presión del lápiz".
Ahora seleccione la herramienta Pluma (P) y comience a dibujar una ruta siguiendo el boceto inicial y utilizando las guías como referencia.
Una vez que tenga la ruta de la línea curva principal, haga clic con el botón derecho y seleccione "Ruta de trazo", seleccione el Pincel como la herramienta y marque la opción "Simular presión".
Para las líneas curvas más pequeñas, vuelva a la herramienta de casquillo y baje el tamaño del pincel en 15 píxeles y en otros 10 píxeles para las curvas más pequeñas:
Tu adorno ahora debería verse así. Puede hacer esta forma Swirly tan intrincada como desee, agregando más detalles, solo intente mantener un buen flujo entre formas.
Como se mencionó anteriormente, vamos a combinar partes del adorno en las letras para crear más detalles en el texto..
Hacer la capa de texto visible y duplicar la capa de ornamento. Seleccione la herramienta de movimiento (V) y baje el tamaño del adorno. Quiero agregar detalles a la primera y última letra de las palabras, así que coloque el adorno en una de estas letras, siga el flujo y la forma de la letra como guía..
Una vez que haya colocado el adorno, cree una máscara de capa y borre el adorno para mezclarlo con la letra como en el siguiente ejemplo:
Duplica nuevamente la capa de adorno y baja su tamaño. Vaya a Edición> Transformar> Voltear horizontalmente y luego voltear vertical. Mueva el ornamento sobre la primera "E" y repita el proceso de posicionar y eliminar el exceso de ornamento para combinar con la letra.
Agrega algunos de los detalles de adornos dentro del texto también.
Algunas letras (como la "G", por ejemplo) tienen bonitos extremos curvos que son perfectos para mezclar el adorno mientras mantienen un buen flujo.
Continuar duplicando el adorno y mezclando partes de él con las letras..
Una vez que haya terminado con el detalle del texto, debe tener algo como esto:
Trate de no incluir muchos detalles en las letras, de lo contrario el texto será muy pesado y no será comprensible una vez que hagamos la representación 3D. Seleccione el texto y las capas de adornos combinados y combínelos en una sola capa (Comando / Ctrl + E). Tome la herramienta de marco elíptico (M) y luego haga clic en el pulgar de la capa mientras mantiene presionada la tecla Alt para crear una selección alrededor del texto. Haga clic con el botón derecho en la selección y elija la opción "Hacer ruta de trabajo" y luego desactive la visibilidad del texto. Vamos a exportar estas rutas a Cinema4D para hacer la renderización 3D y la textura de la composición final. Vaya a Archivo> Exportar> Rutas a Illustrator y guarde el archivo en su computadora. (Guardará el archivo como un documento ilustrador que Cinema4D podrá leer).
Abra Cinema4D y arrastre el archivo de illustrator a un nuevo documento.
Ahora necesitamos seleccionar todas las splines de ruta y unirlas para tener una sola spline.
Una vez que haya seleccionado todas las splines de ruta, vaya a Objetos> Conectar + Eliminar y ahora debería tener solo un objeto de spline que contenga todo el texto:
Vaya a las propiedades del objeto de la Spline y marque la opción "Cerrar Spline".
Cree un objeto NURBS de extrusión y haga que el tipo spline sea un hijo fuera de él..
En la ventana del atributo Extrude Nurbs, en la opción "Caps", asegúrese de que el Inicio y el Fin estén configurados en "Cap".
Copie y pegue el objeto Extrude Nurbs con el tipo spline. Debajo de la ventana Copiar atributo de Nurbs de extrusión y debajo de "Mayúsculas", ahora configure el Inicio y el Fin en "Filete". Esto hará que la extrusión de los tipos sea hueca:
Seleccione el primer objeto nurbs de extrusión (el que tiene el inicio y el final establecido en "Cap" y bajo las coordenadas) establezca la posición Z en -25, esto moverá la forma ligeramente hacia el frente.
En el menú de materiales, vaya a Archivo> Cargar material y cargue el Paquete de materiales. Asigne el material denominado "Nukei1" al primer objeto de extrusión (las letras sólidas).
En el menú de material vaya a Archivo> Crear nuevo material. Vamos a hacer el material dorado metálico para el exterior del tipo 3d..
Marque la opción "Color" y cambie los valores RGB a 242, 182, 68 y configure el Brillo en 50%
Marque la opción "Reflexión". Cambie los valores RGB a 251, 233, 208, baje el brillo al 30% y marque la opción "Aditivo". En la opción de textura, haga clic en el menú desplegable y seleccione "Fresnel", haga doble clic en el degradado y cambie sus colores de #aaaaaa a # 969696. Cambia el desenfoque al 25%..
Marque la opción "Bump". Ajuste la fuerza al 5% y la textura a "Ruido". Haga doble clic en el pulgar de la textura y cambie el tipo de ruido a "Turbulencia ampollada":
Por último, compruebe la opción "Especular". Cambia el modo a "Metal". Establezca el valor de ancho en 57%, Altura 124%, Caída 12% y Ancho interior en 34%.
Cuando haya terminado, guarde el nuevo material y asígnelo al segundo objeto Extruir (Las letras huecas).
Agregue un objeto ligero a la escena y colóquelo sobre los dos objetos extruidos.
Cambie las coordenadas del objeto de luz a los siguientes valores: X 240, Y 435, Z -370
La escena principal del renderizado está hecha. Ahora vamos a establecer los valores de renderizado. Haga clic en el ícono de configuración de renderizado y debajo de Guardar, marque la opción "Canal alfa" (esto hará que la extracción del renderizado desde el fondo sea muy fácil, lo transportamos a Photoshop).
En la opción Salida, cambie los valores de ancho y alto a 4000 píxeles y la resolución a 300 ppp. Luego renderizar al visor de imágenes.
Una vez que haya finalizado el procesamiento, haga clic en el menú Archivo> Guardar como, asegúrese de tener la siguiente configuración y guárdela en su computadora:
Ahora vamos a repetir exactamente el mismo proceso para renderizar el adorno original. Convierta la forma en caminos, expórtela a Cinema 4D y siga los mismos pasos que hicimos para el texto..
Abra el procesamiento de texto en Photoshop y desbloquee la capa de texto haciendo doble clic en el pulgar de la capa. Vaya al menú de canales y realice una selección en la capa "Canal alfa", inviértalo (Comando / Ctrl + Mayús + I) y luego presione eliminar para borrar el fondo. Una vez extraído, arrástralo a tu documento original de Photoshop. Repite el mismo proceso para extraer el ornamento..
Primero vamos a trabajar en el fondo de la imagen. En su documento original de Photoshop, colóquese en la capa de fondo negro y abra su menú de estilos de capa. Aplicar una superposición de degradado y establecer el estilo en "Radial".
Haga doble clic en el degradado para abrir el menú del editor de degradado, queremos que el degradado pase del negro al gris. La primera parada de gradiente debe ser # 000000, agregue una segunda cerca de la parada final, debe ser # 181818 y la final debe ser # 414141.
Cree una nueva capa en la parte superior de la capa de fondo y rellénela con el color Blanco. Vaya a Filtro> Ruido> Agregar ruido y use una cantidad del 14% con la distribución establecida en "Uniforme" y la opción monocromática marcada.
Establezca este modo de fusión de capas en "Multiplicar".
Cree una nueva capa encima de la capa de ruido y tome la herramienta de pincel. Seleccione un pincel redondo suave de unos 500 píxeles de ancho y la opacidad del pincel se establece en 20%. Cepille suavemente en el centro de la imagen como se muestra a continuación (cepille todo lo que desee para obtener más luz).
Centre la capa de ornamento y coloque encima de la capa de texto 3D:
Necesitamos agregar un poco más de contraste al texto 3D. Vaya al menú Imagen> Ajustes> Brillo y contraste y cambie el valor de Brillo a -15 y el valor de Contraste a 40.
Vamos a utilizar una serie de capas de Relleno de color y Ajuste para dar a la imagen pistas de azul y amarillo. Crea un nuevo grupo encima de todas las capas. Dentro de esto, cree una capa de ajuste Tono / Saturación Capa> Nueva capa de ajuste> Tono y saturación. Cambia el tono a + 7 y aumenta la saturación a + 50..
Ahora vaya a Capa> Nueva capa de ajuste> Brillo y contraste. Establezca el valor de Brillo en 15 y el Contraste en 60..
Vaya al menú Capa> Nueva capa de relleno> Color sólido y seleccione un color amarillo claro # f3dc1d. Cambie el modo de fusión de capas a "Color" y baje la opacidad de la capa a un 30% (también puede borrar parte del efecto usando la máscara de capa si cree que el color podría estar dominando en ciertas áreas de la composición).
Finalmente cree otra capa de color sobre la amarilla, pero esta vez use un tono azul oscuro # 04163f. Cambie el modo de fusión de capas a "Color" y baje la opacidad de la capa a 25%
Así es como deberían lucir tus capas: