Además de Photoshop, también puedes hacer arte vexel en Illustrator. Incluso hay una función de trazado que puede automatizar parte de tu trabajo, pero eso es otra historia y no es el tema de este tutorial. Y otra cosa: además de tener en cuenta el factor de tendencia, las imágenes vexel tienen una propiedad muy útil. Puedes ampliarlas a voluntad sin que los contornos se vuelvan borrosos, lógico. No trabajamos con píxeles, sino con formas que son delineadas con vectores, que pueden escalarse sin problemas.

Paso 1

Para comparación, he colocado las imágenes antes-después una al lado de la otra para que puedas ver todo el alcance del trabajo. Para un principiante, esta es una tarea bastante compleja, pero con cada imagen vexel que hagas, adquirirás experiencia y mejorarás y serás más rápido. Consejo: Si deseas crear una imagen vexel, duplica el original para que puedas comparar los colores y las formas del vector con el original mientras trabajas.

Arte de intercambio

Paso 2

Comienza trazando los contornos de la imagen de arriba hacia abajo. En nuestro caso, es importante ya que debemos tener en cuenta la estructura de plumas del pájaro. Selecciona la herramienta de lazo y traza la parte superior del pico.

Arte de píxeles

Paso 3

Haz clic derecho y elige la opción crear trazado de trabajo.

Arte Vexel

Paso 4

En el cuadro de diálogo siguiente, elige la tolerancia. Para detalles pequeños, una tolerancia pequeña de aproximadamente 1-3 es óptima, de esta manera el trazado se creará exactamente siguiendo la selección y no será simplificado aleatoriamente por el programa.

Arte Vexel

Paso 5

El pico del pájaro no es de un solo color, tiene algunos colores que puedes representar en la versión vectorial con un degradado. En la paleta de capas, selecciona la opción de degradado para rellenar el trazado.

Arte de píxeles

Paso 6

Selecciona primero el tipo de degradado de negro a blanco y define el ángulo adecuado en el diálogo de relleno de degradado.

Arte de Píxel

Paso 7

El degradado, que actualmente es blanco y negro, puedes personalizarlo con cualquier combinación de colores. Haz doble clic en la barra de degradado y en el diálogo de edición de degradados define los colores rojo y amarillo, tal como se muestra en la captura de pantalla.

Arte Vexel

Paso 8

De la misma manera descrita en los pasos del 2 al 7, también puedes crear la parte inferior del pico. Presta atención al orden de las capas. El principio de la posición de las capas es bastante simple. La capa con la parte inferior del pico va debajo de la capa con la parte superior.

Arte Vexel

Paso 9

Crea algunas formas en la parte superior e inferior del pico que resalten la estructura del mismo. Puedes crearlas con la herramienta de lazo y convertirlas en un trazado.

Vexel Arte

Paso 10

Las formas creadas no se rellenarán con degradados, sino con un color sólido. Selecciona la opción de color sólido en la paleta de capas para hacerlo.

Arte del vóxel

Paso 11

En la captura de pantalla puedes ver de cuántas capas de relleno consta la versión vectorial del pico. La boca se rellenó con color negro. Básicamente, aquí podría terminar la explicación, ya que las técnicas se repetirán más o menos a partir de ahora. Sin embargo, no sería justo, porque hay algunos consejos más que harán que tu trabajo sea más fácil, y no quiero privarte de ellos.

Arte del vóxel

Paso 12

Para tener una mejor vista general, tiene sentido combinar los niveles de llenado que se corresponden temáticamente en grupos de capas. Puede marcar los niveles que conforman el pico manteniendo pulsada la tecla Mayús y unirlos en un grupo con la combinación de teclas Ctrl+G. Nombre al grupo "Pico".

Arte vectorial

Paso 13

Haga clic en el nivel de fondo y realice una selección de la cabeza del pájaro con la Herramienta Lazo. Utilice la opción Agregar a la selección para la Herramienta Lazo, de manera que no tenga que seleccionar la forma de una vez, sino que pueda crear la selección de forma más conveniente en secciones. Convierta la selección en un trazado, seleccione una tolerancia de 2. Rellene la forma con color azul.

Arte de intercambio

Paso 14

En caso de que no esté satisfecho con la forma del trazado, puede ajustarla tirando de los puntos de anclaje del trazado. Para ello, seleccione la Herramienta Selección Directa y la Herramienta Selección de Trazado.

Arte de vóxeles

Paso 15

Para que la forma dibujada de la cabeza no cubra los detalles adicionales como los ojos y el plumaje, puede reducir temporalmente la opacidad del nivel de llenado a aproximadamente 50%.

Arte de intercambio

Paso 16

Dibuje las formas con un color azul ligeramente más claro en la parte superior y trasera de la cabeza. Asegúrese de que los niveles pertenecientes a la cabeza no pasen sobre el grupo de capas del pico.

Arte de píxeles

Paso 17

Puede utilizar la misma técnica para el plumaje en la cabeza del pájaro. Dibuje con la Herramienta Lazo varias pequeñas "plumas" (opción Agregar a la selección) y luego conviértalas todas en un trazado. Llene entonces el trazado con color azul oscuro.

Arte Vexel

Paso 18

Una vez que haya terminado de crear todas las formas de la cabeza, puede restablecer la opacidad del nivel más bajo con el contorno de la cabeza al 100%. Una las capas de la cabeza en un grupo de capas.

Arte de Vexel

Paso 19

Comience a diseñar los ojos. Para ver claramente bajo el grupo de la cabeza en la imagen original, reduzca la opacidad de todo el grupo de la cabeza a aproximadamente 30-50%. Cree las formas más oscuras debajo de los ojos.

Arte de Vexel

Paso 20

Cree la forma del globo ocular, que rellenará con color rojo oscuro.

Arte de píxel

Paso 21

Dibuje otras formas como la pupila, que se rellenará de negro, un reflejo de luz en la pupila, que se puede rellenar con color blanco. Agrupe las capas del ojo en otro grupo de capas.

Arte de Vexel

Paso 22

Como se describió anteriormente, diseñe las capas con las que vectorizará el cuello del pájaro.

Arte de Vexel

Paso 23

En los detalles donde se vuelva especialmente colorido, como por ejemplo en el pecho del pájaro, puede hacer un poco de trampa. Primero cree la forma base, tal como lo hizo con la cabeza, luego la forma con el plumaje, que rellenará con un color ligeramente más oscuro.

Arte del intercambio

Paso 24

Luego duplique la capa con la estructura tres veces más. Escala las copias de las capas de relleno con la estructura, muévalas un poco en comparación con la primera capa con estructura y cambie el color del relleno haciendo doble clic en la miniatura de la capa de relleno. Una vez que haya distribuido las estructuras, puede unir las capas en un grupo de capas.

Arte Vexel

Paso 25

Con los plumones más grandes, también puede facilitar su trabajo al trabajar con copias de las capas de relleno. Primero, cree una capa de relleno con la forma de una pluma y con un degradado de verde claro a verde oscuro.

Arte vexel

Paso 26

Haga una copia de la capa de relleno y muévala a otro lugar. De esta manera, puede crear una gran cantidad de plumas clonadas. Para que no se vean iguales, puede rotar algunas formas utilizando el comando Transformación libre.

Arte de vóxeles

Paso 27

Agrupe las capas de plumas en un grupo de capas.

Arte Vexel

Paso 28

Para darle algo más de estructura a la pluma, puede aplicar otro truco. Duplique el grupo de capas con las plumas y réduzcalo de tamaño de modo que la estructura del grupo de plumas se desplace ligeramente con respecto al original.

Vexel Arte

Paso 29

En el grupo de capas con las plumas escaladas, cree una máscara de capa y seleccione la herramienta de degradado con la opción transparente por delante, color de fondo negro. Dibuje un degradado de máscara como se muestra en la captura de pantalla con la flecha.

Arte vectorial

Paso 30

Como puede ver, puede convertir todo el diseño del pájaro y de la rama en vectores de la manera descrita en los pasos anteriores. Es importante dividir la estructura de capas en grupos para tener una mejor visión general.

Arte de píxeles

Paso 31

Para diseñar el fondo de la imagen, utilice las mismas técnicas que he descrito en este tutorial. Al utilizar la herramienta de formas personalizadas, puede acceder a la biblioteca de Photoshop, donde hay muchos diseños interesantes disponibles. También puede guardar y utilizar sus propios diseños.

Arte de vóxeles

Paso 32

Si desea evitar que una forma que se superpone a otra exceda sus límites (en nuestro ejemplo, es una forma dibujada libremente que no debe sobresalir de los límites del cuadrado), utilice la opción de máscara de recorte, que puede activar haciendo clic entre dos capas con la tecla Alt presionada.

Arte de intercambio

Y así es como queda la imagen final.

Arte de intercambio