Consejo rápido cómo hacer un cubo de píxeles retro con Adobe Illustrator

En esta Sugerencia rápida, aprenderá a usar la Herramienta de cuadrícula de rectángulo, el Cubo de pintura en vivo y las Herramientas de extrusión 3D y Bisel para crear una imagen de cubo de estilo de píxel. Este tutorial tiene un tema Vectortuts, pero, por supuesto, puedes crear lo que quieras. Inspírate en tus videojuegos favoritos para crear un cubo de píxeles rápido y fácil. Empecemos!


Paso 1

Realiza un nuevo documento RGB de cualquier tamaño. He elegido 512px. Establecer las unidades en píxeles.


Paso 2

Opción + Clic en la mesa de trabajo con la herramienta de cuadrícula rectangular. Puede encontrar la herramienta en la herramienta Pluma agrupada con la herramienta Segmento de línea. Establezca el ancho y la altura en 200 px y los divisores en 10. Haga clic en Aceptar.


Paso 3

Seleccione la cuadrícula con la herramienta de selección (V) y mantenga presionada la tecla Opción y arrastre para hacer dos copias de la cuadrícula.


Etapa 4

Voy a hacer un cubo basado en el tema de Vectortuts, así que seleccioné algunos tonos en azul y los guardé en Swatches Palette. Si usa los controles deslizantes de color HSB, puede elegir un color central y cambiar el Brillo (B) y la Saturación (S) sin cambiar el Tono (H) del color..


Paso 5

Seleccione una de las cuadrículas y elija el cubo de pintura en vivo (K). Notarás que tiene algunas muestras de color debajo, estos son los colores de tus muestras. Puedes barajar las muestras con las teclas de flecha. Cuando estés listo para colorear un bloque, haz clic. La cuadrícula se convertirá en un grupo de pintura en vivo..


Paso 6

Empieza a dibujar los diseños que quieras para los lados del cubo. Para hacerlo más fácil, puede hacer clic + Arrastrar para colorear más de un bloque. Si no está seguro del diseño que desea, dibuje aproximadamente una cuadrícula de 11 por 11 en papel para planificarla..


Paso 7

Una vez que haya completado los diseños, seleccione la herramienta Rectángulo (M) y la opción Opción Haga clic en la mesa de trabajo para hacer un rectángulo de 200 px por 200 px. Haga clic en Aceptar.


Paso 8

Arrastre cada uno de los cubos de diseño al Panel de Símbolos. No hay diferencia entre Clip de película y Gráfico para este ejercicio, por lo que está bien que se seleccione cualquiera de ellos. Me gusta hacer clic en el Punto intermedio como Registro para facilitar el escalado si necesito usarlo más adelante.


Paso 9

Seleccione el nuevo cuadrado y vaya a Efecto> 3D> Extruir y biselar. En el menú desplegable, seleccione Isometric Top como la posición y establezca 200pt como la profundidad de extrusión. Haga clic en el botón Map Art para abrir la configuración de Map Art..

En las opciones de Map Art, verá un menú desplegable Símbolo y un selector de superficie. Desplácese por las superficies y aplique la obra de arte de su elección. Si observa el cubo transformado en la mesa de trabajo, notará que tiene pautas rojas para indicar qué superficie está seleccionada. Use esto para encontrar la superficie a la que desea aplicar la ilustración. Establecer cada superficie y haga clic en Aceptar.


Paso 10

A veces, cuando crea un objeto 3D en Adobe Illustrator, puede observar que la ilustración que ha mapeado en una superficie está al revés. Esto es fácil de arreglar. Abra el Panel de símbolos y haga doble clic en los símbolos que deben cambiarse, lo que lo llevará a la ventana de edición de símbolos. En este caso necesito voltear los símbolos de la pluma y el corazón..


Paso 11

Para actualizar el efecto, seleccione el cubo y abra el Panel de apariencia y haga clic en el efecto Extrusión y bisel, y el diálogo de opción se abrirá nuevamente. No hay nada que hacer aquí, simplemente haga clic en Aceptar. Esto actualizará los símbolos y el cubo será arreglado..


Paso 12

Elimine o mueva los símbolos que creó anteriormente en la mesa de trabajo y coloque el objeto 3D en el centro de la mesa de trabajo. Expanda la Apariencia (Objeto> Expandir Apariencia). Desagrupe el cubo (Comando + Mayús + G) para poder seleccionar los tres lados.


Paso 13

En esta parte iremos añadiendo algunos efectos de iluminación. Este es un consejo útil que he estado usando con mis ilustraciones últimamente. Haga clic en la cara superior del cubo. Si no está agrupado, hazlo ahora. (Seleccione la cara superior del cubo y nada más, luego presione Comando + G). Una vez que se agrupa, puede aplicarle una nueva Apariencia. Seleccione el grupo, agregue un nuevo relleno en el Panel de apariencia (haga clic en el botón Rellenar en la parte inferior del panel) y aplique un relleno degradado desde una versión oscura de su color principal hasta el blanco. Haga clic en la configuración de Opacidad y seleccione Superposición como el modo de fusión y reduzca la opacidad a algo que se vea bien (esto será diferente dependiendo del color que esté usando). Repita lo mismo para el panel del lado izquierdo.


Paso 14

Para la parte posterior no habrá una fuente de luz, así que vuelva al Panel de apariencia y establezca un relleno sólido del color oscuro en el degradado y cambie la opacidad a algo que se vea bien.

Una vez que hayas terminado, deberías tener algo que se vea así.


Conclusión

Agrupé toda la forma y apliqué una sombra paralela en el Panel de aspectos. También agregué un fondo con un degradado radial y líneas con la herramienta de cuadrícula Rectangle. Juega con los diferentes tipos de imágenes que puedes hacer. Inspírate con los viejos juegos de video como Super Mario Brothers o incluso con juegos nuevos como Minecraft para encontrar formas divertidas de usar este juego. Que te diviertas!