Spanish (Español) translation by Juliana Carvajal (you can also view the original English article)
En este tutorial, te mostraré cómo crear la 'galaxia en esfera' que creé para Vectortuts+ Enfrentamiento de globos de nieve. Usaremos máscaras de opacidad, herramienta de malla y más. Aprende a crear una escena imaginativa en Illustrator.
Introducción
Para mantener las cosas organizadas, he dividido el tutorial en 3 secciones:
- La Galaxia - en esta sección, usarás efectos de transformación, mezclas de transparencia, efectos 3D y crearás un pincel de dispersión personalizado.
- La Mano - aquí crearás mallas de degradado y utilizarás la herramienta ancho.
- La Esfera - en esta sección final utilizarás máscaras de recorte, efectos de brillo y la herramienta Destello.
Paso 1 - La galaxia
Comienza creando un nuevo documento con las dimensiones de 1500 x 1500 píxeles y usa el espacio de color RGB.
Nombra la capa inicial "Galaxia", crea una nueva subcapa desde el menú del panel Capas y llámala "Fondo". Con la herramienta Rectángulo (M), dibuja un cuadrado que llene toda la mesa de trabajo, rellénalo con negro RGB (R=0, G=0, B=0) y bloquea la capa. Este fondo no se utilizará en la ilustración final, pero nos permitirá ver la galaxia sobre negro a medida que la creamos.
Paso 2
Crea tres muestras de color con los valores RGB que se muestran a continuación.
Crea una nueva subcapa de "Galaxia" encima de "Fondo" y asígnale el nombre "Nube Twist". Con la herramienta Rectángulo (M), crea un rectángulo de 150px de ancho y 600px de alto. Céntralo en la mesa de trabajo y rellénalo con la muestra de color R=251, G=176, B=59.
Paso 3
Con el rectángulo seleccionado, elije Efecto> Distorsionar y transformar> Torcer. Establece el ángulo en 300 grados.
Paso 4
Aplica un efecto de Transformación (Efecto> Distorsionar y Transformar> Transformar) al rectángulo y establece los valores que se muestran a continuación.
Paso 5
Establece el modo de fusión de transparencia del rectángulo seleccionado en luz intensa.
Paso 6
Aplica un Desenfoque gaussiano al rectángulo (Efecto > Desenfoque> Desenfoque gaussiano) y establece el Radio en 23 píxeles.
Paso 7
Aplica un resplandor interior al rectángulo (Efecto > Estilizar > Resplandor interior). Establece el color del modo en negro RGB y los ajustes en los que se muestran.
Paso 8
Duplica la subcapa "Nube Twist" y establece su transparencia mezcla en luz intensa.
Paso 9
Aplica otro efecto de Transformación (Efecto > Distorsionar y Transformar> Transformar) y establece los valores a los que se muestran a continuación.
Paso 10
Duplica la subcapa "Nube Twist 2" y establece la mezcla de transparencia en luz intensa.
Para mantener las cosas organizadas, selecciona las tres subcapas de Nube Twist y, en el menú del panel de capas, elije recopilar en nueva capa y asígnale el nombre "Nube".
Paso 11
Crea una nueva subcapa en la parte superior de la capa "Nube" y llámala "Resplandor". Usa la herramienta Elipse (L) para crear un círculo de 443px y céntralo en la mesa de trabajo. Establece el relleno en la muestra de color R=255, G=255, B=131.
Paso 12
Aplica un degradado radial a la forma y establece la opacidad de la muestra exterior en 0%.
Paso 13
Establece la mezcla de transparencia del círculo en luz intensa.
Paso 14
Como el siguiente paso rasterizarás algunos de los efectos, recomiendo duplicar la capa "Nube", bloquearla y ocultarla. Llama a la capa duplicada "Nube 3D".
Haz clic en el círculo de destino a la derecha de la capa "Nube 3D" para seleccionar todos los elementos dentro de ella y aplicar un efecto de rotación 3D (Efecto> 3D> Rotar) usando la configuración que se muestra a continuación.
Paso 15
Crea una nueva subcapa de la capa principal "Galaxia" y llámala "Estrella Twist". A continuación, dibuja una línea de 450px de longitud usando la Herramienta de segmento de línea (\). Céntralo en la mesa de trabajo y dale un trazo de 1pt establecido en el color de muestra R=255, G=255, B=204.
Paso 16
Con la línea seleccionada, elije Efecto > Distorsionar y transformar> Torcer. Establece el ángulo en 360 grados.
Paso 17
Aplica un efecto de Transformación (Efecto > Distorsionar y Transformar > Transformar) a la línea y establece los valores que se muestran a continuación.
Paso 18
Aplica un efecto de rotación 3D (Efecto > 3D > Rotar) a la línea transformada usando la configuración que se muestra a continuación.
Paso 19
Establece un efecto de rugosidad (Efecto > Distorsionar y transformar > Rugosidad).
Establece el Tamaño 7px absoluto, detalla a 0px y Puntos a suavizar.
Paso 20
Con el gráfico rugoso seleccionado, amplíalo (Objeto > Expandir apariencia). Esto convertirá el gráfico en una nueva subcapa que contiene sus partes constituyentes y agregará un trazado de recorte. No queremos el trazado de recorte, así que selecciónalo en el Panel de Capas (ver más abajo) y elimínalo usando el símbolo de la papelera en la parte inferior derecha del Panel de Capas.
Paso 21
Cambia el relleno del objeto a un trazo (Mayús + X) y establece el grosor del trazo en 0,5pt.
Paso 22
Para las estrellas, necesitamos crear un Pincel de dispersión. En una sección en blanco de la mesa de trabajo, crea un círculo de 27px y rellénalo con la muestra R=255, G=255, B=204. En el menú del Panel de pinceles, selecciona Nuevo pincel.
En el cuadro de diálogo que aparece, elije Pincel de dispersión.
En la ventana Opciones de pinceles de dispersión, establece los valores que se muestran. Ahora nombra el nuevo pincel "Estrella".
Paso 23
Con los elementos de la capa "Estrella Twist" seleccionados, elije el pincel "Estrella" que acabas de crear para agregar estrellas a la galaxia.
Paso 24
En este punto, decidí que las estrellas no se arrastraban lo suficiente junto con la nube, por lo que con la herramienta Ruta (P), agregué 4 colas a la capa "Estrella Twist" existente. Nuevamente configuré el trazo en 0.5pt, el color en R=255, G=255, B=204 y el pincel en el Pincel de dispersión "Estrella".
Paso 25
Con todos los elementos de la capa "Estrella Twist" seleccionados, aplica un efecto de Resplandor exterior (Efecto > Estilizar > Resplandor exterior).
Establece la Configuración de brillo exterior en Luz intensa con un color de R=255, G=255, B=204, una Opacidad del 50% y Desenfoque 4px.
La galaxia ahora está completa.
Paso 26 - La mano
Crea un nuevo documento de 1500px por 1500px y asígnale el nombre "Galaxia en Esfera". Nombra la capa predeterminada "Mano" y crea una nueva capa arriba (Comando + L) llamada "Globo".
Con la herramienta Elipse (L), crea un círculo de 900px y haz que sus valores centrales sean x=750px e y=650px. Aplicar un trazo negro de 1pt.
Por ahora, es mejor bloquear la capa "Globo", ya que solo la estamos usando como guía.
Paso 27
En este punto, tomé una foto de mi mano con la cámara web en una pose adecuada y la coloqué (Archivo> Colocar) en la capa "Mano". Escala y gira la imagen hasta que esté satisfecho con la posición relativa al círculo.
Paso 28
Crea una nueva subcapa de "Mano" y asígnale el nombre "Mano detrás".
Con la herramienta Ruta (P), dibuja los contornos del pulgar, la palma y el meñique por separado. Usé un color de trazo rojo para que se destacaran del fondo.
Paso 29
Crea una nueva subcapa de "Mano", colócala encima de "Mano detrás" y llámala "Mano enfrente". Dibuja los contornos de los dedos índice, medio y anular.
Paso 30
Agrega los contornos de las uñas.
Paso 31
Para cada uña, dibuja caminos llenos para la punta y la base de la uña.
Paso 32
Agrega pliegues a los dedos creando trayectorias curvas de 1pto donde están las juntas.
Paso 33
Con la herramienta Anchura (Mayús + W), haz clic y arrastra para engrosar las líneas en el medio y estrecharlas en los extremos como se muestra.
Paso 34
Repite esto en todas las ubicaciones de los pliegues.
Asegúrate de que los pliegues de los dedos delanteros estén en la capa "Mano enfrente" y que los pliegues de la palma, pulgar y meñique estén en la capa "Mano detrás".
Paso 35
Aquí es donde comienza la diversión.
Selecciona la ruta delineada del dedo meñique y conviértela en una malla de degradado (Objeto > Crear malla de degradado) y establece las filas en 8 y las columnas en 5. Este es solo un número inicial, ya que probablemente necesitarás agregar algunas líneas extra a medida que las forma más tarde.
Dependiendo de la forma del camino, la malla de degradado variará y es poco probable que se vea exactamente igual que a continuación. Tendrás que ajustar los puntos de malla con la Herramienta Malla (U) para obtener una buena forma. Para hacer que el punto de malla siga una línea vertical u horizontal, mantén presionada la tecla Mayús al arrastrar. Esta es la mejor manera de moverlos a lo largo del borde de la forma sin distorsionarlo. Deberás ajustar los controles de los puntos de malla para mantener un camino suave mientras trabajas a lo largo de cada área.
Para agregar puntos de malla adicionales con la herramienta Malla (U), coloca el cursor sobre una línea y el cursor mostrará un símbolo +. Al hacer clic se agregará una línea de intersección. Si haces clic en un área entre líneas, se creará una nueva columna y fila.
Esta es sin duda la parte más larga de la creación de la ilustración y vale la pena dedicarle tiempo.
Paso 36
El color de relleno se establecerá automáticamente en blanco. En mi caso, configuré el color de piel base en R=236, G=193, B=156. Esto variará según el color de piel que estés buscando. De cualquier manera, debería ser un tono medio, ya que agregaremos sombra y reflejos en breve.
Paso 37
Puede ser de ayuda a la hora de elegir los tonos de piel comenzar con la paleta de muestras de tonos de piel integrada (Ventana > Bibliotecas de muestras > Tonos de piel). Encuentro que los tonos más oscuros para las secciones sombreadas se logran de manera más efectiva usando los controles deslizantes de color HSB; los tonos más oscuros necesitan más saturación, de lo contrario, se verán descoloridos. Vale la pena experimentar con esto para ver qué tonos son más efectivos para ti.
Selecciona puntos de malla a lo largo del borde inferior del dedo y oscurece para agregar sombra y forma. Para recoger y aplicar color desde cualquier punto, utiliza la herramienta Cuentagotas (I): selecciona un punto y presiona Mayús y haz clic para recoger el color de otro lugar.
Para colocar el color en otras áreas, mantén presionada la tecla opción (el cursor del cuentagotas cambia a un símbolo completo) y haz clic para agregar ese color. Si haces clic entre los puntos de la malla, el color se aplicará a los 4 puntos circundantes.
Paso 38
Para crear el efecto de la galaxia brillando fuera de la esfera, debes agregar algunos reflejos a la mano. Aplica amarillo H=60, S=20, B=100, a lo largo de la parte superior del dedo como se muestra.
Paso 39
Es importante darle forma al dedo, así que tómate el tiempo para agregar sombras para representar los pliegues y las áreas de sombra.
Paso 40
Sigue las técnicas utilizadas en los Pasos 35-39 para el pulgar y la palma.
Convierte la ruta del pulgar en una malla de degradado (Objeto > Crear malla de degradado).
Agrega un tono de piel base y ajusta los puntos de malla para dar forma al pulgar.
Da forma al pulgar con sombras y reflejos.
Paso 41
Convierte el camino de la palma en una malla de degradado (Objeto > Crear malla de degradado) y ajusta los puntos de malla para dar forma a la palma.
Establece el tono de piel base y da forma a la palma usando sombra y resaltado.
Paso 42
Donde la palma y el pulgar se superponen, coloca los puntos de malla adyacentes en el mismo color. Esto ayudará a que la unión sea perfecta. Esto no es crucial, ya que el mundo eventualmente ocultará parte de esta área.
Paso 43
Los tres dedos delanteros se crean de la misma manera que el dorso, pero tendrás que dedicar más tiempo a darle forma alrededor de las uñas.
Convierte la ruta del dedo anular en una malla de degradado (Objeto > Crear malla de degradado) y agrega un tono de piel base.
Ajusta los puntos de malla para dar forma al dedo.
Dale forma al dedo usando sombra y resaltado. Alrededor de la forma de la uña, deberás agregar un tono más oscuro para obtener un efecto más 3D (ver más abajo).
Paso 44
Agrega lo más destacado a la parte superior...
...y a lo largo del borde
Paso 45
Convierte la ruta del dedo medio en una malla de degradado (Objeto > Crear malla de degradado).
Agrega un tono de piel base.
Ajusta los puntos de malla para dar forma al pulgar usando sombras y reflejos.
Paso 46
Convierte la ruta del dedo índice en una malla de degradado (Objeto > Crear malla de degradado).
Agrega un tono de piel base.
Ajusta los puntos de malla para dar forma al dedo usando sombras y reflejos. Los puntos del borde inferior izquierdo deberán coincidir con los puntos de abajo para una transición suave a la palma (como lo hiciste con el pulgar).
Paso 47
A continuación, podemos cambiar todas las extrañas uñas rojas y pliegues a colores más realistas.
Primero, cambia el color de relleno de la parte superior e inferior de la uña a R=245, G=224, B=205. La coloración de los elementos de las uñas deberá reflejar el color de piel que estás creando.
Paso 48
Convierte la ruta de la uña en una malla de degradado (Objeto > Crear malla de degradado)...
...y establece su color de relleno en R=250, G=240, B=230.
Paso 49
Establece el color de los puntos exteriores de la malla en un color más oscuro. Usé R=254, G=224, B=205.
Si los elementos de clavo superior e inferior están debajo de la malla principal, selecciónalos y llévalos al frente (Mayús + Comando + tecla de corchete derecho).
Paso 50
Establece la opacidad de transparencia de la malla en 75%.
Paso 51
Repite los pasos 47-50 con las uñas restantes.
Dedo medio
Paso 52
Aquí está el dedo índice.
Paso 53
Aquí está el dedo meñique.
Paso 54
Cambia el color del trazo de los pliegues de cada elemento. La oscuridad de cada uno dependerá de la oscuridad del color de piel circundante.
En este punto, puedes ocultar o eliminar la foto de la mano colocada.
Paso 55 – La esfera
Ahora estamos en la carrera final. Mueve la capa "Globo" hacia abajo entre las capas "Mano enfrente" y "Mano abajo".
Paso 56
Lo primero que debes crear es la sombra de la esfera en la mano. Crea una nueva subcapa de "Globo", asígnale el nombre "Sombra de mano" y, con la herramienta Elipse (L), dibuja un círculo de 1000px y establece su punto central en x=750px e y=670px.
Paso 57
Rellena la forma con un degradado radial y establece los colores y ubicaciones que se muestran a continuación.
Paso 58
Establece la Mezcla de transparencia de la forma en Multiplicar y su Opacidad en 90%.
Paso 59
Necesitamos crear una máscara de recorte usando el contorno de los elementos de la capa "Mano detrás". Con todos los elementos de la capa "Mano detrás" seleccionados, luego aplica Objeto > Trazado > Desplazamiento y ajusta Desplazamiento a 0px.
Se crearán tres formas duplicadas (sin malla de degradado).
Paso 60
Con las nuevas formas aún seleccionadas, combina los 3 elementos haciendo clic en la opción unir del panel buscatrazos.
Paso 61
Mueve la forma a la parte superior de la capa "Sombra de mano".
Paso 62
Con los 2 elementos seleccionados, crea la máscara de recorte (Objeto > Máscara de recorte> Crear o Comando + 7). Bloquea la capa " Sombra de mano" para evitar seleccionarla en los siguientes pasos.
Paso 63
Selecciona la forma del círculo delineado del globo y cambia el trazo a un relleno (Mayús + X). Asegúrate de que el color sea negro RGB (R=0, G=0, B=0).
Paso 64
Establece la Mezcla de transparencia de la forma en Multiplicar con una opacidad del 88%.
Paso 65
Dale a la forma un efecto de Resplandor interno (Efecto > Estilizar > Resplandor interno) con una Opacidad del 75% y Desenfoque de 25px. Haz que el Modo Normal y el color blanco.
Paso 66
Con el círculo aún seleccionado, crea una ruta de compensación (Objeto > Ruta > Ruta de compensación) con una compensación de -7px.
Paso 67
En el Panel de apariencia, haz clic en resplandor interior para abrir el panel de efectos resplandor interior. Establezca el Modo en Pantalla, el color en blanco y el Desenfoque en 120px.
Paso 68
Con la forma aún seleccionada, crea otra ruta de compensación, esta vez usando un valor de compensación de -155px. En el Panel de apariencia, selecciona resplandor interior y elimínalo usando el icono de la papelera.
Paso 69
Rellena la forma con un degradado radial. Establece ambos extremos en el mismo amarillo brillante (R=255, G=255, B=204), pero establece la muestra de la derecha en una Opacidad del 0%.
Paso 70
Establece el modo de fusión de transparencias en pantalla. Crea una nueva subcapa de "Globo" llamada "Resplandor central" y mueve la nueva forma a ella.
Paso 71
Crea una nueva subcapa de la capa "Globo", colócala en la parte superior de la capa y llámala "Reflejo". Dibuja una forma aproximadamente semicircular en la parte superior izquierda de la forma de la esfera y rellénala de blanco.
Paso 72
Establece el modo de fusión de transparencia de la forma en luz suave con una opacidad del 80%.
Paso 73
Crea una nueva subcapa de "Globo" y usa la herramienta destello (que se encuentra en el mismo conjunto de herramientas que la herramienta Elipse) para crear una forma resplandeciente.
Una vez que se selecciona la herramienta, haz clic en el centro del globo y aparecerá el cuadro de diálogo Opciones de la herramienta destello. Establece los valores que se muestran a continuación. La forma se crea al azar, por lo que se verá diferente a la que se muestra.
Paso 74
Establece la mezcla de transparencia de la forma de destello en luz intensa.
Paso 75
La herramienta destello agrega un efecto óptico a la forma que no necesitamos para esta ilustración. Para eliminarlo, haz clic con el botón derecho en la forma de destello y elije aislar grupo seleccionado en el menú contextual para ingresar al Modo de aislamiento. Esto te permite editar elementos dentro del grupo individualmente.
Con la herramienta de selección de grupos activa (está en el mismo conjunto de herramientas que la herramienta de selección directa), selecciona y elimina el círculo más pequeño.
Luego, selecciona y elimina el círculo más grande.
Sal del modo de aislamiento haciendo clic con el botón derecho y seleccionando salir del modo de aislamiento en el menú contextual.
Paso 76
Copia (Comando + C) y pega en su lugar (Comando + F) la forma del globo exterior y muévete por encima de la forma de destello que acabas de crear.
Paso 77
Con ambos elementos seleccionados, crea una Máscara de recorte (Comando + 7). Nombra la capa que contiene la forma de destello y la máscara de recorte "Destello".
Paso 78
Es hora de agregar la galaxia que creamos anteriormente. Abre el documento "Galaxia", desactiva la capa negra "Fondo" y selecciona todo (Comando + A).
Paso 79
Expande la apariencia de los elementos seleccionados (Objeto > Expandir apariencia).
Aconsejaría hacer esto antes de traerlo al documento principal, ya que todos los efectos activos sobrecargarán los procesadores de la computadora y ralentizarán considerablemente las cosas.
Con todo aún seleccionado copia (Comando + C) y pega (Comando + V) la galaxia en el documento principal. Cierra el documento "Galaxia" sin guardar para que tu archivo original aún tenga efectos en vivo.
Paso 80
Escala la capa "Galaxia" que acabas de pegar a un tamaño adecuado dentro del globo. Para restringir las proporciones al escalar Mayús y arrastra.
Gira la galaxia un poco seleccionando la herramienta rotar (R), elije el punto central de rotación haciendo clic en el medio del globo y arrastrando alrededor del exterior hasta que el ángulo se vea bien.
Paso 81
El exterior de la galaxia debe recortarse al globo. La forma más rápida de hacerlo es copiar la máscara de recorte que creamos para el destello.
Haz clic en el triángulo de revelación en la capa "destello" para mostrar las subcapas dentro. Selecciona la capa "Trazado de recorte", opción-arrástrala sobre "Grupo" dentro de la capa "Galaxia" y suéltala. Esto duplicará y aplicará una máscara de recorte a esos elementos.
Paso 82
Mueve la capa "Galaxia" debajo de la capa "Resplandor central".
Paso 83
El toque final es agregar una sombra debajo de la mano.
Crea una nueva subcapa debajo de todas las demás capas y llámala "Sombra". Crea una forma de mano aproximada con la herramienta trazado (P), similar a la que se muestra a continuación, y establece el color de relleno en R=96, G=57, B=21.
Paso 84
Establece la Opacidad de transparencia de la forma de la sombra en un 45%.
Paso 85
Agrega un efecto de Desenfoque gaussiano (Efecto > Desenfoque> Desenfoque gaussiano) y establece el Radio en 20 píxeles.
¡Terminado!
¡Felicidades! Llegaste hasta el final. Espero que hayas aprendido mucho. Me encantaría escuchar tus comentarios.
By
