Malla de guantes de boxeo y composición de un cartel del evento

En este tutorial Plus, explicaré cómo crear guantes de boxeo de apariencia realista con la herramienta Mesh Tool y cómo configurar y diseñar un póster de eventos con ellos. Esta es una explicación detallada y ya debe tener un buen conocimiento de la herramienta Malla.

Puede encontrar los archivos de origen en el directorio etiquetado como 'origen' que vino en los archivos que descargó. Es posible que desee examinarlos brevemente antes de comenzar.


Paso 1

Antes de cada diseño, me siento y hago una lluvia de ideas. Me encanta navegar por la web y coleccionar ideas. También escribo las palabras clave que ayudan a llegar a más ideas. Una vez que tenga algunas ideas reunidas, me sentaré y comenzaré a clavar. Dibujaré pequeñas cajas y dibujaré rápidamente mis ideas. Esto ayuda a no olvidar ninguno y reduce los diseños. Suelo dibujar sobre una página llena de miniaturas. Luego les echaré un vistazo y elegiré el que parezca más prometedor..

Después de eso, comenzaré a crear un boceto de diseño semi-completo. Es un poco más detallado y ayuda a resumir las ideas de diseño. Ahora entiendo bien cómo quiero que se vea mi diseño. Me ayuda a concentrarme y tendré una referencia para mirar al diseñar.




Paso 2

Desde que elegí un par de guantes de boxeo que tenía desde mi infancia, comencé a tomar algunas fotos de ellos en todo tipo de ángulos. Después de seleccionar Photoshop, elegí una foto para basar los guantes. Ahora iniciemos Adobe Illustrator y coloquemos la foto en el nuevo documento. Elegí un tamaño de póster estándar de 19 pulgadas por 24 pulgadas. Por supuesto que puedes crear tu propio póster tan grande como quieras. Estas cosas siempre dependen de los deseos del cliente, los presupuestos y los límites de reproducción..




Paso 3

Coloque la foto en su propia capa y bloquéela. También he atenuado la imagen en un 50% a través de la opción Capas. Luego crea otra capa y llámala "contorno". Comience a rastrear los guantes con la herramienta Pluma (P) y configure el Trazo en 1 punto negro y sin relleno. Comencé con el trazado del guante derecho..

No te preocupes por la exactitud. Intento mantenerme lo más cerca posible de la forma, pero como artista, tienes la libertad y la opción de poner tu propia interpretación en ella. Lo hace tu propia creación en lugar de pura reproducción. Una vez que haya trazado el guante derecho, avance con el guante izquierdo y también tráigelo. Necesitaremos estas formas una y otra vez. Servirán como formas base para los objetos de malla y las sombras que crearemos más adelante..




Etapa 4

Por lo general me decido por un esquema de color de antemano. Ya que me gusta el rojo de los guantes, decidí seguir con ese color y elegí un bonito esquema de color que incluye tonos rojos y naranjas, un bonito color marrón oscuro, algunos colores destacados y un topetón negro..

Un topetón negro es un color negro CMYK. Consiste en un 10% de CMY y un 100% de K. El tope negro se usa generalmente para imprimir donde hay una cantidad considerable de color negro. Le da al negro una rica mirada audaz. El 100% de K para una impresión a cuatro colores no es lo suficientemente rico y puede hacer que un diseño se vea opaco.



Paso 5

Una vez que se realiza el trazado, podemos rellenar las formas con un rojo profundo que elegí. Haz un duplicado de las formas y colócalas en una nueva capa. Bloquear la primera capa.



Paso 6

Necesitamos crear las partes separadas de los guantes. Establecer el relleno de las formas de guante a ninguno. Sólo necesitamos el trazo por ahora. Asegúrate de ocultar las otras capas para que puedas ver la foto..
Comenzar a trazar a lo largo de la parte amarilla de los guantes. Necesitamos las partes amarillas, el frente del guante, el pulgar y la parte inferior del guante. Estas formas nos ayudarán con nuestras mallas..



Paso 7

Empieza a dibujar alrededor de las partes del guante. Para obtener una forma uniforme que se corresponda con el contorno, deje que las Líneas se superpongan a la forma del contorno, luego seleccione las Líneas y presione el botón Dividir en la Paleta de Pathfinder.



Paso 8

Una vez que hayas creado todas tus formas, rellénalas con los colores que desees. Elegí un rojo y un amarillo de mis muestras originales que instalé.




Paso 9

Ahora viene la parte divertida con la herramienta de malla (U). Esta no es una forma fácil y rápida de crear formas que parezcan realistas, pero créanme, una vez que practique un poco, obtendrá un buen truco y las cosas fluirán más fácilmente.

Por lo general, oculto y revelo la foto cuando trabajo con la herramienta Malla (U). Estudia bien la foto. Necesitamos prestar atención a los reflejos, sombras, pliegues y pliegues. Comience colocando líneas de malla haciendo clic en el contorno. Coloqué líneas de malla como un patrón de cuadrícula.



Paso 10

Coloca líneas de malla cerca de sombras y luces. Coloco una línea de malla casi encima de una parte de sombra y en cada lado otra línea de malla. Esto es importante para evitar que los colores que aplicaré se extiendan demasiado..



Paso 11

Siempre empiezo con un color más claro como color base. Una vez que haya colocado suficientes líneas de malla, agregaré color a los puntos de malla. Puede hacerlo seleccionando la Herramienta de selección directa (A) y haciendo clic (resaltando) un punto de malla y luego aplicando un color de la paleta de muestras. Por supuesto, los rojos más oscuros van con las sombras, los rojos más claros con los reflejos.



Paso 12

Al crear un pliegue como la sombra, es mejor ir en un patrón de luz oscura. Una línea de malla para la oscuridad, una para la luz, etc. Una vez que comenzó a agregar colores, verá dónde y dónde colocar luces o sombras. Nunca sigo la foto exactamente, así que no te presiones. Deja volar tu imaginación.



Paso 13

Aquí puede ver cómo funciona colocando en cada segundo punto de malla un rojo más oscuro. Da la ilusión de un pliegue..



Paso 14

Sólo un vistazo rápido sin ningún camino seleccionado. Lenta pero seguramente la malla está cobrando vida..



Paso 15

Agregué muchas más líneas de malla y las coloqué en una cuadrícula como patrón. Preste atención a los aspectos destacados y tamaños de área. A veces necesitarás agregar muchas más líneas de malla, a veces solo algunas. No me gusta ir por la borda, pero algunos artistas crean ilustraciones súper realistas de esa manera. Pero recuerda que cuanto más malla más trabajo. :)



Paso 16

Para crear un pequeño pliegue, agregué una línea de malla para la sombra y dos en cada lado para restringirla. También coloqué una línea de malla perpendicular para evitar que se extendiera demasiado.



Paso 17

A veces desea extender un color o moverlo para que se coloque de manera diferente. Puede mover fácilmente los puntos de malla con la herramienta de selección directa (A) y también arrastrar el controlador de punto de malla.



Paso 18

De nuevo, eche un vistazo a la foto y compárela con su dibujo de malla. Aquí puedes ver un pliegue profundo en el que estoy trabajando para lograrlo..



Paso 19

Asegúrate de seleccionar los puntos más externos de la forma y rellenarlos con un rojo oscuro. Esto agregará profundidad.



Paso 20

A veces, las líneas de malla en una forma grande no dan el resultado deseado que quiero lograr. Nada le impide colocar una pieza mucho más pequeña en la parte superior y agregar algunas líneas de malla. Esto hará el truco.



Paso 21

Aquí hay un vistazo al modo de esquema (Comando + Y) de los objetos de malla. Cuanto más apretadas sean las mallas, más detalladas serán..



Paso 22

Aquí hay una primera mirada al guante derecho. No está mal. No olvides tomarte un descanso cuando sientas que estás atrapado. A veces, un cambio de escenario puede darle una mente fresca.



Paso 23

Rastreé el amarillo antes. Debe colocarse debajo de la forma del pulgar..



Paso 24

Creé una forma amarilla más pequeña encima de la otra forma. A esta parte agregaré líneas de malla y básicamente repetiré los pasos anteriores. No hay secreto para las mallas. Solo un buen ojo y un sentido donde colocar los puntos. Mientras sigas las reglas de luz y sombra, no deberías tener ningún problema..



Paso 25

Echa un vistazo al guante derecho. El pulgar tiene una pieza extra de una malla pequeña para crear el resalte frontal. El amarillo tiene una malla aplicada, pero todavía está en la etapa inicial. La parte exterior de los guantes se ve bastante bien..



Paso 26

Mira estos guantes. Completé el trabajo de malla en los guantes siguiendo pasos similares a los descritos anteriormente. Bastante trabajo en objetos de malla, pero generalmente estoy satisfecho con los resultados finales. Agregué algunas costuras, que creé con una línea discontinua en un amarillo más oscuro. Pero este pequeño detalle le da al guante un soplo de aire fresco. A veces, solo un pequeño trazo o detalles adicionales pueden hacer una gran diferencia.



Paso 27

Sobre los elementos del cartel. Primero, creé un fondo de rectángulo en negro (tope negro) y lo puse en su propia capa debajo de todo lo demás.



Paso 28

Quiero crear un marco de ventana, así que creé otro rectángulo más pequeño en la parte superior y lo centré verticalmente en el fondo.



Paso 29

Luego seleccioné ambas formas y agregué una ruta compuesta (Comando + 8).



Paso 30

Creé otra forma que es del mismo tamaño que el póster y la llené con un degradado lineal de gris a beige.



Paso 31

Coloco la forma de degradado detrás de la forma del marco y agregué los guantes de malla en la parte superior. Los coloco en el medio hacia el fondo. Dejando que se superpongan al marco. Esto da una sensación de que salen del cartel..



Paso 32

Tuve la idea de agregar una multitud en el fondo. Nada extravagante, solo una especie de esquema. Aquí es cómo empecé. Creé una elipse con la herramienta Elipse (L).



Paso 33

Lo duplicé e hice varias copias. Los coloqué arriba y abajo y solo un poco para que no pareciera demasiado lineal.



Paso 34

Dupliqué las elipses de forma de la cabeza hasta que llenaron todo el ancho del póster..



Paso 35

Coloqué un rectángulo aproximadamente del mismo ancho debajo, dejando que se superponga con las cabezas. Luego seleccioné las cabezas y el rectángulo y hice clic en Agregar al área de la forma en la paleta de pioneros.



Paso 36

Agregué un degradado lineal de negro a beige con el negro en la parte superior. Esta es mi multitud. Pero espera algo falta. Qué podría ser?



Paso 37

Por supuesto. Necesitamos unas manos animadoras. Realmente dibujé algunas manos horrendas aquí. Pero como están en el fondo, lo harán. Por supuesto, podrías entrar en más detalles y sacar algunas manos increíbles..



Paso 38

Lo siguiente que pude pensar en una buena adición a un póster fue una explosión de inicio. Popular todavía y siempre añade un poco de interés en el diseño dinámico. Dibujé una forma de triángulo simple y la llené de rojo..



Paso 39

Luego lo giré y lo duplicé. Para ello, seleccione la forma y elija la herramienta Rotar (R). Luego haga clic una vez en la parte inferior del triángulo, mantenga presionada la tecla Comando + Alt y arrastre hacia la derecha. Por último, suelta la tecla del ratón..



Paso 40

La parte divertida de la duplicación es el acceso directo Comando + D. Haga clic fácilmente en Command + D varias veces y aquí tenemos nuestra ráfaga de inicio.



Paso 41

Con un tema de boxeo, necesitamos algunas cuerdas de anillo. Cree dos rectángulos largos que juntos llenarán el ancho del póster. Uno debe ser rojo, el otro debe ser beige.



Paso 42

Agrega un degradado lineal a la parte roja para darle un aspecto biselado.



Paso 43

Agrega algunas líneas de malla a la forma beige y selecciona uno o dos puntos de malla y aplica un color beige más oscuro.



Paso 44

Hice tres duplicados más de la cuerda y los coloco en un patrón no lineal en el cartel debajo de los guantes..



Paso 45

A continuación necesitamos una fuente de póster impactante. Elegí Pilsen Plakat de Dafont.com. Es importante elegir una buena fuente para un póster. Tómate un tiempo para hacer investigación. Puede hacer o deshacer tu diseño..



Paso 46

Tuve la idea de hacerlo lucir desgastado o garabateado. Qué mejor manera de aplicar uno de los fantásticos efectos que Illustrator tiene para ofrecer. Ve a Efecto> Estilizar> Scribble. Aplica las configuraciones que ves en la imagen de abajo. Preste atención a que el efecto se aplique tanto al Relleno como al Trazo.



Paso 47

Hago un duplicado del texto y lo coloco debajo. Cambié el Trazo a rojo y configuré el tamaño a 20 puntos. Entonces apliqué el mismo efecto de garabato..



Paso 48

Echar un vistazo. Este es un buen efecto. Hace una especie de texto de aspecto cosido. También agregué algunas estrellas y más texto..



Paso 49

Creé un texto de garabatos más estilizado y lo coloqué en la parte superior del cartel..



Conclusión

Este es el último cartel dinámico y efectivo. Tenga en cuenta que un póster debe captar su atención y comunicarse fácilmente con usted. Si hay demasiada información, puede perder la atención del lector.

Al crear un póster, siempre trato de seguir algunas reglas simples: la regla K.I.S.S Mantenlo simple y estúpido, la regla C.R.A.P. (Contraste, Repetición, Alineación y Proximidad) y la regla Z (desde la parte superior izquierda a la derecha hasta la parte inferior izquierda a la derecha). Pero lo más importante es divertirse, nunca lo olvides.!