Spanish (Español) translation by Nadia Gonzales (you can also view the original English article)
Seamos realistas, esos personajes de Mi villano favorito eran muy lindos. En el tutorial de hoy, utilizaremos Photoshop e Illustrator para crear un lindo personaje minion. ¡Empecemos!
Activos Tutoriales
Los siguientes activos se utilizaron durante la producción de este tutorial.
Paso 1 - Illustrator
Crea un documento de 800x600px en Illustrator (Cmd/Ctrl+N).
Paso 2
Empieza a dibujar el cuerpo. Selecciona la Herramienta Rectángulo Redondeado y luego, al arrastrar el cursor, presiona repetidamente la tecla de flecha hacia arriba para cambiar el radio de las esquinas hasta obtener algo parecido a la imagen de abajo.
Paso 3
Ahora copia el cuerpo (Cmd/Ctrl + C) y pégalo en la misma posición (Cmd/Ctrl + F), aleja el cuerpo original por ahora. Con la Herramienta Rectángulo (M) dibuja un rectángulo como la imagen de abajo, luego en el panel Buscatrazos presiona el botón Menos Frente para obtener la primera parte de la forma.
Para el segundo, dibuja otro rectángulo y en la barra de menú selecciona Efecto> Deformar> Abombar. Establece Horizontal y Curvar en -11%, deja el resto en 0, haz clic en el botón Aceptar para confirmar. Selecciona el rectángulo y en la barra de menú hagamos clic en Objeto> Expandir apariencia.
Ahora desecha la primera y la segunda parte como la imagen a continuación, seleccionalas y en el Panel Buscatrazos haz clic en el botón Unir. Para hacer la forma más redondeada, usa la Herramienta de Selección Directa (A), luego intenta mover el punto de anclaje y los tiradores.
Paso 4
Con la Herramienta Rectángulo (M) dibuja un cuadrado (mantén presionada la tecla Shift mientras arrastras). Luego usa la Herramienta de Selección Directa (A) para seleccionar los dos puntos inferiores y presiona el botón Convertir en la Barra de Opciones. Ajusta los tiradores hasta obtener un resultado como la imagen de abajo. (No necesitas hacer esas formas exactamente como yo, porque el objetivo de este tutorial es crear un paquete de diferentes minions, así que sigue mis pautas pero trata de personalizar tu minion también).
Paso 5
Para la correa del hombro dibujemos otro rectángulo. Luego, en la barra de menú, selecciona Efecto> Deformar> Conjunto de arco vertical; Doblar al 11% y Distorsión vertical al 20%. Recuerda expandir la apariencia como antes o cuando intentes rotar o transformar este objeto, el efecto se volverá a aplicar con algunos resultados no deseados.
Con la Herramienta de selección directa (A), redondea un poco la esquina superior izquierda.
Agreguemos un círculo con la Herramienta Elipse (L) y disponlo como en la imagen de abajo. Luego duplica la correa para el hombro y haz clic derecho en la copia, selecciona Transformar> Reflejar, configura el modo en Vertical y haz clic en el botón Aceptar.
Paso 6
Ahora vamos a dibujar el brazo. Selecciona la herramienta Pluma (P) y dibuja una forma como la siguiente. Luego duplica y refleja.
Paso 7
Para dibujar la mano tenemos que usar la herramienta Pluma (P). Dibujemos algo como la imagen de abajo. Cuando hayas terminado, duplica y refleja verticalmente la mano. Esta vez no necesitarás expandir la apariencia porque no se aplica ningún efecto al trazo. En cambio, si seleccionas, por error, en la barra de menú Objeto> Expandir expandirás el trazo y el relleno (si hay) de la trayectoria, obteniendo un resultado totalmente diferente, así que presta atención.
Paso 8
Haz lo mismo para el zapato. Dibújalo con la herramienta Pluma (P). Crea la línea curva y luego colócala en el zapato. Entonces, como siempre, duplica y refleja. Si quieres, puedes ajustar el zapato copiado como se muestra.
Paso 9
Para la boca dibuja una forma casual como la de abajo. Lo realmente bueno de este tutorial es que estamos trabajando con capas vectoriales (y objetos inteligentes en Photoshop) para que puedas hacer un número infinito de minions simplemente cambiando algún punto de anclaje.
Paso 10
Es hora de hacer las gafas. Dibuja un círculo con la Herramienta Elipse (L), luego duplica y hazlo más pequeño. Selecciona los dos círculos y, en el panel Elaboración de Trayectorias, haz clic en el botón Menos Frente para obtener la forma final.
Paso 11
Crea otro círculo, esta vez más pequeño. Seleccione la forma anterior y el círculo pequeño. Luego haz clic en el botón Centro de Alineación Horizontal en la barra de opciones. Coloca el círculo más pequeño en la parte superior como la imagen de abajo (mantén presionado el botón Shift y presiona la tecla de flecha hacia arriba para mover el círculo solo verticalmente).
Ahora selecciona el círculo pequeño y en la barra de menú haz clic en Efecto> Distorsionar y transformar> Transformar. Establece el valor de las copias en 10, Horizontal en -41 puntos, Vertical en 12 puntos y Ángulo en 33 grados. Es posible que debas jugar con esos valores hasta que alinees correctamente los círculos como se muestra a continuación. Este paso será muy frustrante si nunca antes has usado esta función. Mi consejo es experimentar hasta obtener un buen resultado, de lo contrario, puedes simplemente duplicar el círculo y colocarlo donde desees. El truco es: si disminuyes el valor Horizontal, aumenta el Vertical y viceversa.
Paso 12
Para crear la primera parte de la banda dibuja un rectángulo, selecciona la Herramienta Pluma Agregar Puntos (+) y agrega tres puntos en el lado izquierdo. Luego convierte los puntos en curvas y ajústalos como se muestra a continuación. Si quieres hacer un trabajo realmente preciso, simplemente crea la primera curva, luego sustrae un rectángulo de la forma para recortarlo. Duplica, refleja y combina las dos formas con el panel Buscatrazos, listo.
Paso 13
Para la segunda parte, simplemente dibuja dos rectángulos y redondea la esquina como en el Paso 4, luego combínalos. Armemos las piezas ahora.
Paso 14
Lo último que debes hacer para el "esqueleto" es crear el ojo. Dibuja un círculo y comprimelo un poco (mantén presionada la tecla Alt para reflejar la transformación de dos maneras). Finalmente coloca el ojo dentro de las gafas. Ahora, si lo deseas, puedes dibujar los pequeños círculos para completar el ojo, pero es opcional.
Paso 15 - Photoshop
Crea un documento de 1200x1200px en Photoshop, configura la resolución en 300 ppp y el modo de color en RGB. (Cmd/Ctrl + N).
Paso 16
En este proyecto utilizaremos esta paleta de colores y algunas variaciones derivadas.
Paso 17
Ahora abre el archivo skeleton.ai anterior y selecciona todo el esqueleto. Copiemos y peguemos en Photoshop, asegúrate de seleccionar Objetos inteligentes en la ventana emergente que aparece. Ahora haz doble clic en la capa en el Panel de capas para abrir la ventana Estilo de capa. Verifica el estilo de Superposición de Color y selecciona un color rojo, presiona el botón Aceptar para confirmar. Cambia el nombre de la capa a "esqueleto" y baja la opacidad al 60%. Lo usaremos como referencia para ajustar los diversos elementos. Pon esta capa en la parte superior.
Paso 18
Importa cada pieza del personaje por separado. Comienza con el cuerpo. Pero primero en Illustrator, invierte el color del trazo y rellena presionando el botón invertir en la barra de herramientas. Copia el cuerpo e impórtela en Photoshop como un objeto inteligente.
Paso 19
Hagamos la parte divertida ahora. Cambia el nombre de la capa importada a "cuerpo" y haz doble clic en él (siempre manténte organizado con las capas, en este proyecto hay más de 70). En las ventanas de Estilo de Capas, marca Superposición de Gradiente y configúralo como la imagen a continuación. El color para el gradiente es #f6da6e y #9a701b. Presiona Ok para confirmar.
Paso 20
Ahora importa el brazo izquierdo de Illustrator, recuerda invertir primero el trazo con relleno. Agrega el Estilo de Capa a continuación. Una vez que termines de duplicar las capas del brazo (Cmd/Ctrl + J), presiona Cmd/Ctrl + T para transformar la capa, cuando veas un cuadro que rodea el brazo, haz clic derecho sobre él y luego selecciona Voltear Horizontalmente. En el Estilo de Capa del brazo copiado, ajusta el ángulo, debes hacerlo para cada capa reflejada en este tutorial. Usa ahora la capa de esqueleto como referencia para colocar los brazos en el lugar correcto. El cuerpo original en la película no tiene textura; más bien parece de plástico.
Paso 21
Importa la mano izquierda y agrega el siguiente estilo.
Paso 22
Para crear el detalle del dedo, agrega una nueva capa vacía, haz una pequeña selección redonda con la Herramienta de Marco Elíptico (M), luego con la Herramienta de relleno de Gradiente (G) completa la selección con un Gradiente de blanco a transparente como se muestra a continuación.
Duplica esta capa, luego mueve la capa copiada presionando una vez la tecla de flecha derecha y luego la tecla de flecha hacia arriba. Ahora mantén presionada la tecla Cmd/Ctrl y haz clic en el icono en la parte inferior de la miniatura de la capa para cargar la capa como una selección, y luego presiona Espacio para borrar la parte seleccionada.
Combina las dos capas de dedos seleccionándolas en los paneles de capa (mantén presionado Cmd/Ctrl para seleccionar múltiples capas) y presiona Cmd/Ctrl + E. Disminuye la opacidad a aproximadamente 40-60%. Finalmente agrega este estilo de capa al dedo. Duplica y refleja la mano y el dedo. Mantén las capas organizadas agrupandolas.
Paso 23
Importa el zapato izquierdo ahora, sin la línea curva. Agrega el siguiente estilo de capa. (Para mover el gradiente, simplemente arrástralo una vez que abras el panel Estilo de Capa en la pestaña Superposición de Gradiente).
Crea una nueva capa vacía, selecciona la Herramienta Pincel (B), haz clic derecho en la imagen para abrir el Panel de Opciones de la Herramienta Pincel y elige un pincel grunge. Pintemos con blanco para agregar algunos detalles, luego baja la opacidad al 50% y configura el modo de fusión en Superposición para obtener un color mucho más profundo.
Paso 24
Para agregar más detalles al zapato, importa la línea curva, agrega este Estilo de capa y disminuye el relleno de la capa a 0%. Debes repetir los pasos 23-24 para el zapato derecho (simplemente impórtalo y agrega el Estilo de capa anterior arrastrándolo en la capa de zapato importada mientras mantienes presionada la tecla Alt). Sin embargo, solo tienes que duplicar y reflejar el zapato izquierdo, y cambiar la posición del degradado.
Paso 25
Ahora es el momento de hacer la primera parte del traje. Importa la parte central y agrega el siguiente estilo. Notarás que la sombra paralela sale de los bordes del traje. Para arreglarlo en la barra de menú, selecciona Capa> Estilo de capa> Crear capa para aislar el estilo de capa individual en capas. Esta es una característica muy buena, útil en casos como este. Tan solo usa la herramienta Borrador (E) en la capa de sombra para solucionar el problema.
Paso 26
Para darle un aspecto más realista a nuestro minion tenemos que texturizarlo. Entonces abre la textura de jeans en otro documento, desaturarala presionando Shift + Cmd/Ctrl + U. Luego copia y pega la textura dentro del documento minion y ajústala como se muestra a continuación.
Paso 27
Ahora creemos una máscara de capa, simplemente cargando la capa del traje como una selección, Cmd/Ctrl + clic en la miniatura de la capa, y luego presiona el botón Aplicar máscara de capa. Establece el modo de fusión en Pantalla.
Paso 28
Con la Herramienta Pincel (B), selecciona un pincel muy suave e intenta suavizar la textura en el borde pintando la máscara como la imagen a continuación. La regla famosa es: el blanco se muestra, el negro se oculta. Si crees que los efectos de textura en general son demasiado fuertes, intenta disminuir la opacidad o aplica un Ajuste de Niveles de Capa y disminuye en el cursor derecho el Nivel de Salida hasta obtener los efectos deseados.
Paso 29
Haz lo mismo que el paso 25-28 para agregar texturas y sombras a las correas de los hombros. Mientras repites el Paso 25, agrega solo los estilos de Sombra Paralela.
Una vez terminado, usa este Estilo de Capa a continuación. Lo ideal es rotar la textura para darle un aspecto más realista, recuerda desbloquear la máscara de la capa haciendo clic en el pequeño icono entre las miniaturas de la capa.
Paso 30
Ahora importa el botón y agrega este Estilo de Capa. Agrega una Máscara de Capa al botón y con un pincel duro, pinta con negro en la máscara para crear un pequeño agujero. Duplica el botón y coloca la copia en el lugar correcto.
Paso 31
Probablemente hayas notado que hay áreas vacías entre las articulaciones del traje y el cuerpo. Para solucionarlo, dibuja algunos triángulos pequeños con la herramienta Lazo (L) y llena la selección con un azul oscuro.
Paso 32
Un traje muy bonito para un minion, pero todavía falta algo. La costura y los bolsillos. Para crear la costura, necesitamos definir un pincel especial que siga la dirección de una trayectoria específica. Con la Herramienta Rectángulo (U) dibuja un pequeño rectángulo, luego mantén presionada la tecla Alt y haz clic en el icono del ojo de la capa para mostrar solo el rectángulo. Rasteriza la forma, luego carga la capa como una selección mediante Cmd/Ctrl + clic en el icono en la miniatura, luego en la barra de menú selecciona Edición> Definir pincel personalizado, llámalo "costura" y luego presiona Ok para confirmar.
Paso 33
Selecciona la herramienta Pincel (B). Abre el Panel de Pincel presionando F5 o en la barra de menú, selecciona Windows> Pincel. busca el pincel creado en el paso 33. Luego configura los parámetros como se muestra a continuación. Finalmente establece el color de primer plano en blanco.
Paso 34
Crea una nueva capa. En el Panel Pincel, elige el pincel de costura. A continuación, selecciona la herramienta Pluma (P) en el modo de trayectorias y dibuja una trayectoria como la siguiente en la correa para el hombro. Abre el Panel de Trayectoria, selecciona la trayectoria y pulsa el botón Trazar Trayectoria, asegúrate de seleccionar el Pincel en la ventana emergente y desmarcar la casilla Simular Presión. Si quieres una cadena más grande, simplemente aumenta el tamaño del pincel de la Herramienta Pincel.
Paso 35
Repite el paso 35 para otra costura. Toma la imagen de abajo como referencia. Recuerda crear una nueva capa para cada costura.
Paso 36
Importa el bolsillo grande de Illustrator, dale el Estilo de Capa como se muestra a continuación y dibuja otra costura. Si lo quieres, puedes agregar una sombra y un trazo muy suaves a la costura para enfatizar los detalles.
Paso 37
Ahora es momento de agregar sombra a los bolsillos pequeños. Usa la misma técnica que usaste en el paso 22. La única diferencia es que debes crear un solo degradado de negro a transparente a partir de una selección circular. Luego juega con la opacidad y la herramienta Borrador (E) con un pincel suave para lograr un efecto agradable. Utilicé la misma técnica para crear en otra capa un pequeño detalle. Para crear las partes blancas, simplemente pinta con un pincel suave en una nueva capa, luego combínalas.
Paso 38
La sombra del bolsillo grande es la misma. Solo usa una selección rectangular para crear el degradado, y luego refínalo con la Herramienta Borrador (E).
Paso 39
Finalmente agrega una sombra grande en la parte baja del traje. Carga la capa central del traje como una selección y, como de costumbre, con la Herramienta de Degradado (G) crea un degradado de negro a transparente. Si lo deseas, puedes seleccionar en la barra de menú Filtro> Desenfocar> Desenfoque Gaussiano para suavizar la transición. Luego, refina la sombra con la herramienta Borrador (E).
Paso 40
Importa la boca y agrega el siguiente Estilo de Capa y configura el modo de fusión en Aligerar.
Paso 41
Duplica la capa de la boca, luego arrastra y suelta el ícono fx a la papelera para borrar el Estilo de Capa anterior y agrega esto en su lugar.
Paso 42
Con la herramienta Pluma (P) en modo Capa de Forma, dibuja los dientes y agrega el siguiente Estilo de Capa.
Paso 43
Duplica la capa del diente unas cinco veces. Disponlos como quieras arriba y abajo. Luego crea dos grupos y aplica una Máscara de Capa cargando la capa de la boca como una selección y presionando el botón de Máscara de Capa. Los dientes deben estar entre la primera y la segunda boca. Rasteriza y difumina un poco los dientes superiores.
Paso 44
Para crear el ojo, importa la forma desde Illustrator, luego agrega este Estilo de capa.
Paso 45
Elige un Iris del inventario (gracias a los pinceles muertos) en los Activos anteriores. Yo escogí el numero 19. Colócalo dentro de la forma del ojo y luego agrega el Estilo de Capa a continuación. Luego duplica la capa de iris, disminuye la opacidad al 50% y configura el modo de fusión en Superposición.
Paso 46
Importa la banda izquierda de las gafas y agrega este estilo de capa.
Paso 47
También importa la parte de la banda de metal y agrega el Estilo de Capa como se muestra a continuación. Luego agrega una nueva capa y pinta un poco de blanco con la Herramienta Pincel (B).
Paso 48
Ahora vamos a estilizar la forma redonda de las gafas. Importarlo y agrega este Estilo de Capa. Finalmente, importa las pequeñas esferas y agrega el mismo estilo, solo mantén presionada la tecla Alt y arrastra y suelta el icono de Estilo de capa en la capa de esferas.
Espera un momento...
Probablemente notarás que el efecto es diferente del resultado final. ¡Esto es porque creamos la versión monóculo! Si te gusta esto, simplemente ajusta los diversos elementos y ve al paso 50; de lo contrario, continúa con el siguiente paso.
Paso 49
Duplica la capa de monóculo y colócala como la imagen de abajo. Crea una nueva capa. Luego carga la selección de las dos capas de monóculo, Cmd/Ctrl + Shift + clic en las miniaturas de las capas. Rellena la selección con negro y aplica el mismo Estilo de Capa de la capa de monóculo, cambia solo el valor como se muestra a continuación. Obviamente, agrega el otro ojo también.
Paso 50
Para crear la reflexión, dibuja algunos rectángulos con la herramienta Lazo (L) y llena la selección con blanco. Giralos y duplícalos. Luego baja la opacidad hasta obtener un buen resultado. Un valor del 50% debería funcionar bien. Usa el Filtro de Desenfoque Gaussiano para suavizar el borde.
Paso 51
Para realizar el detalle de la ceja, crea una nueva capa y con un pincel suave blanco pinta una bonita curva como se muestra a continuación. Para refinarlo, usa como de costumbre la herramienta de Filtro de Desenfoque Gaussiano y la Herramienta Borrador (E). Duplica y refleja la ceja. Luego, reduce la opacidad al 80% y configura el modo de fusión en Superposición.
Paso 52
Ahora tenemos que agregar detalles más realistas al personaje, este sería probablemente el paso más largo, se recomienda usar una tableta digitalizadora. Crea una nueva capa y llénala con 50% de gris, luego configura el modo de fusión en Luz Suave. Presiona la tecla O para seleccionar la Herramienta de Subexposición y configurar las opciones como se muestra a continuación. Si pintas con esta herramienta, puedes agregar sombras sin destruir las capas a continuación. Si deseas agregar luces, simplemente mantén presionada la tecla Alt para cambiar a la Herramienta Sobreexponer. En cambio, si deseas borrar una corrección, usa la herramienta Pincel con 50% de gris y pinta para restaurarla. Así que comienza a agregar detalles a los bolsillos, brazos del traje y anteojos. Disminuye la opacidad de la capa si es necesario. Para agregar muchos detalles grunge, usa varios pinceles.
Paso 53
Crea una nueva capa y luego con la Herramienta Lazo (L) dibuja un triángulo, presiona Cmd/Ctrl + T para transformarla como la imagen a continuación. Duplícala varias veces para crear los pelos. Selecciona todas las capas de pelo y luego agrúpalas. Agrega una máscara de capa al grupo y con un pincel blanco suave pinta en la parte inferior de cada cabello para suavizar los bordes. No te preocupes si los pelos se ven demasiado borrosos. Añadiremos contraste más tarde.
Paso 54
Personaliza tu minion agregando un logotipo, un fondo degradado, sombra o texto.
Paso 55
Para aumentar los detalles, usa el filtro de máscara de enfoque. Entonces, en la barra de menú, selecciona Filtro> Contraste> Máscara de Enfoque. Configúralo como a continuación.
Consejo Final
Recuerda que siempre puedes cambiar la forma de tu minion haciendo doble clic en el icono de miniatura en una capa de objetos inteligentes para abrir el archivo vectorial conectado en Illustrator. Haz esto antes de aplicar la máscara de enfoque. Teniendo en cuenta el hecho de que el minion se utilizará como un icono, sería apropiado durante el cambio de tamaño volver a aplicar la máscara de desenfoque. Ten cuidado de no excederte con los valores.
Imagen Final
By
