Crear un tratamiento tipográfico a vapor - Parte I

Sea o no un fan de Steampunk, este tutorial de dos partes seguramente pondrá a prueba sus conocimientos sobre Illustrator, Cinema 4D y Photoshop. En la primera mitad, vamos a personalizar una fuente Blackletter y crear texto 3D con formas vectoriales. Hay mucho que hacer, así que comencemos con la primera parte de esta serie de dos partes.!

Introducción

En este tipo de tratamiento, traté de reunir una fuente Blackletter con el atractivo estilo Steampunk. Una búsqueda rápida en la red sobre el movimiento mostrará un estilo bien definido y algunos leitmotivs dominantes. Motores de vapor furiosos, silbatos de escape y metales brillantes son la norma, por lo que, siguiendo las pautas, creé esta ilustración..

Asegúrese de revisar uno de nuestros otros tutoriales de Steampunk en Psdtuts +, Cómo crear una ilustración de estilo Steampunk en Photoshop para obtener una gran inspiración y algunos artilugios tradicionales de Steampunk!

Vista previa de la imagen final

Echa un vistazo a la imagen que vamos a crear. Esto es lo que lograremos al final de estas dos partes..

Por ahora, sin embargo, vamos a tratar de llegar tan lejos..

Paso 1

El primer programa en la lista de hoy es Illustrator. Inicia, crea un nuevo documento web con la configuración estándar y escribe tu palabra usando esta fuente gratuita.

Paso 2

Como puede ver cuando hace zoom, la fuente tiene muchos bordes ásperos porque es gratuita y no está destinada a ser utilizada con fines de visualización. Queremos una fuente limpia y con pocos puntos finales que no revele ningún error en Cinema 4D. Por lo tanto, rechace la opacidad del texto y cree una nueva capa. Bloquea la capa anterior y comienza a rastrear tu propia versión de la primera letra.

Paso 3

Trate de mantener las líneas lo más suaves y naturales posible. Puede elegir seguir los bordes por la letra (juego de palabras totalmente pensado) o crear una versión ligeramente diferente, como hice yo..

Etapa 4

Crea una nueva capa debajo y crea dos barras sobre las antiguas. Si bien el color no tiene importancia, elegí diferentes valores para hacer que el tutorial sea fácil de seguir.

Paso 5

Luego, en una capa superior, cree algunos puntos con la herramienta Elipse (E). Cree un rectángulo también con la herramienta Rectángulo (M) y gírelo 45 grados.

Paso 6

Luego traza la ... cosa swirly cerca del centro. Una vez que haya hecho eso, vaya a Objeto> Ruta> Ruta de compensación. Utilice los valores que se muestran a continuación.

Paso 7

Localice su Pathfinder (Ventana> Pathfinder) y haga clic en el icono Recortar.

Paso 8

Seleccione la Herramienta de selección directa (A), o la flecha blanca, y haga clic en primer lugar lejos del objeto, luego en el centro. Borrar esa parte.

Paso 9

Ahora traza el resto de la palabra.

Paso 10

Copie todas las caras de las letras y péguelas en una capa separada (Comando + F).

Paso 11

Ir a Objeto> Expandir Apariencia.

Paso 12

Vaya a Ventana> Trazo y asigne al texto un trazo de 1 pt..

Paso 13

Ahora tendrás que hacer clic y volver a hacer clic solo en la parte superior del texto. Por alguna razón, no puede cambiar la alineación de trazo de todos los elementos a la vez. De todos modos, cambia la alineación haciendo clic en el icono central. Además, cambia el peso a 7 puntos..

Paso 14

Ahora ve a Objeto> Expandir apariencia.

Paso 15

Recórtalo con el Pathfinder.

Paso 16

Luego compensarlo por -2.4 pt.

Paso 17

Recórtalo nuevamente para aplanar el efecto..

Paso 18

Ahora puede utilizar la Herramienta de selección directa (A) para eliminar el centro.

Paso 19

Repita este proceso para todas las partes restantes del texto.

Paso 20

Ahora guárdalo como un archivo de Illustrator 3. Cinema 4D no podrá acceder a formatos posteriores..

Paso 21

Nuestra segunda opción de software es Cinema 4D. Cree una nueva escena y vaya a Archivo> Combinar y localice el archivo de Illustrator 3. Haga clic en Abrir para colocar el archivo dentro de la escena. Ahora vaya a su panel de Objetos y presione la tecla Mayús y haga clic en las primeras nueve rutas. Eliminar esos. Estos son marcadores de esquina que se obtienen al importar el archivo de Illustrator.

Paso 22

Mueva las rutas cinco y seis del grupo al arrastrarlas por Mayúsculas sobre el grupo en el Menú de objetos. Cualquier objeto que desee extruir individualmente, deberá separarse del grupo..

Paso 23

Ahora haga clic y arrastre el botón Agregar HyperNURBS y suelte sobre Extruir NURBS.

Paso 24

Presione la tecla Mayús y haga clic en las dos rutas y arrástrelas sobre la NURBS de Extrusión.

Paso 25

Marque la casilla jerárquica. Esto significa que la Extrusión afectará a todos los objetos colocados bajo la Extrusión NURBS.

Paso 26

Haga clic en la pestaña Caps y cambie la configuración a las que se muestran a continuación.

Paso 27

Después de hacer esto para cada parte de las letras, mueva la Extrusión de NURBS hacia adelante y hacia atrás hasta que tenga las rutas alineadas en diferentes puntos del espacio. También, haga clic de nuevo en la pestaña Objeto y cambie el Movimiento a 40.

Paso 28

Elija el detalle del centro y repita el proceso explicado anteriormente. Solo cambia el movimiento a 20 metros..

Paso 29

El siguiente es el camino de puntos. Puede ver más pestañas a la vez haciendo clic con la tecla Mayús presionada en dos o más, en este caso Objeto y gorras. Utilice los siguientes ajustes. Observe que hemos cambiado el aspecto de los bordes de una esquina suave a un semicírculo..

Paso 30

Luego cree el mismo efecto de extrusión para las rutas 1, 2 y 3, pero con un valor de movimiento de 30 m.

Paso 31

Para el diamante, usa valores ligeramente diferentes. También hemos restringido los efectos al tamaño original al marcar la casilla Restringir para los puntos y el diamante. Hacer eso con objetos pequeños puede crear artefactos, o errores visuales. Esto sucede cuando el efecto restringido se expande más allá de las dimensiones del objeto.

Paso 32

Crea un efecto Grabado sobre la barra que conecta la letra..

Paso 33

Use los siguientes ajustes para el punto final.

Paso 34

Finlandés de la primera letra extruyendo las fronteras..

Paso 35

Haz lo mismo con las letras restantes..

Paso 36

Copie la biela (Comando + C) y péguela (Comando + V). Esto lo pegará exactamente en la misma posición..

Paso 37

Utilice la herramienta Mover para volver a colocar la barra dentro de la siguiente letra.

Paso 38

En el lado izquierdo de la interfaz tiene diferentes métodos para seleccionar un objeto. Queremos mover solo los puntos finales superiores para cambiar el tamaño de la barra. Sin embargo, primero, oculte el efecto de extrusión haciendo clic en la marca de verificación verde del menú Objetos. Luego, seleccione la Herramienta de puntos y la Herramienta de movimiento (resaltada en la siguiente captura de pantalla) y presione Mayús y haga clic en los dos puntos finales.

Paso 39

Arrastre la flecha amarilla hacia abajo hasta que los puntos desaparezcan dentro de la letra..

Paso 40

Haga lo mismo para los puntos finales inferiores hasta que alcancen el bucle inferior y devuelvan las NURBS de extrusión..

Paso 41

Es hora de agregar una fuente de luz a la escena. Para la iluminación, vamos a confiar en un entorno de mapa HDRI y una Luz de Área. En primer lugar añadir una luz de área.

Paso 42

Colóquelo sobre el texto con la herramienta Mover.

Paso 43

Gíralo 45 grados con la herramienta Rotar.

Paso 44

Cambie las dimensiones arrastrando los puntos finales con la herramienta Mover.

Paso 45

Ahora agregue un Objeto Sky.

Paso 46

Crear un nuevo material desde el menú Material..

Paso 47

Haga doble clic en el icono de material del menú para abrir el Editor de materiales. Desmarca todas las casillas y activa la luminancia. Ahora necesitarás esta colección de mapas HDRI gratis. Recuerda dónde lo colocas y no lo conviertas en una ubicación temporal. Trate de encontrar un lugar seguro, ya que es posible que se encuentre vinculando más archivos a estos archivos HDR. Después de presionar Abrir, se le preguntará si desea copiar el archivo HDR a la carpeta raíz. Puede hacerlo, o presionar No si no mueve la carpeta después de este punto.

Paso 48

Haga clic en el botón de tres puntos y busque el número siete del estudio en la carpeta. Abre la versión pequeña..

Paso 49

Arrastra el material sobre el objeto Sky..

Paso 50

Encuentre un ángulo apropiado para ver el texto y agregar una cámara.

Paso 51

Para activar la cámara, haga clic en el icono blanco del menú Objeto.

Resultado final

Un render rápido revelará lo que hemos hecho en esta primera parte del tutorial. En este render, he duplicado la fuente de luz para obtener más brillo. Aunque no necesitarás eso para la Parte II. Te veré la próxima vez que agregaremos texturas y una escena a nuestro texto.!