Cree un ícono divertido de gente congelada en hielo - Parte II

En este tutorial, aprenderá cómo crear un ícono divertido y vectorial de un símbolo de personas, congelado en un cubo de hielo, desde cero. Exploraremos la utilidad de las herramientas 3D de Adobe Illustrator. Toda la creación se puede dividir en dos partes diferentes. Parte I: El cubo de hielo, y esta Parte II: El icono de personas. Crearemos el icono de personas y los integraremos en esta Parte II. Hagámoslo!

Vista previa de la imagen final de la Parte II: El icono de personas e integración con Cube

A continuación se muestra la imagen final en la que trabajaremos en la parte II de este tutorial de dos partes. ¿Desea acceder a los archivos completos de Vector Source y las copias descargables de cada tutorial, incluido este? Únete a Vector Plus por solo 9 $ al mes.

Detalles del tutorial

  • Programa: Illustrator CS3
  • Dificultad: Intermedio
  • Tiempo estimado de finalización: 4-5 horas

Paso 1

Comencemos dibujando las formas principales para nuestra gente. Haremos un círculo para la cabeza y luego crearemos una forma rugosa para el torso, justo debajo de esa forma.

Paso 2

Ahora vamos a colorear las formas. Seleccione el círculo, rellene el círculo con un color sólido y elimine el borde.

Paso 3

Ahora selecciona el torso. Haga clic en la pestaña Degradado, coloque el tipo de degradado como Lineal. Ahora puede ver el degradado de blanco y negro predeterminado aplicado a la forma.

Etapa 4

Cambie el degradado a los colores de su elección utilizando los controles deslizantes de degradado. He hecho un degradado de azul claro a azul oscuro..

Paso 5

Ahora selecciona la forma. Coge la herramienta de degradado, cambia el ángulo del degradado arrastrando la herramienta desde la parte superior a la parte inferior de la forma del torso. Además, retire el contorno..

Paso 6

Ahora dibuja el collar y la corbata. Lo he dibujado muy rudamente. Rellena la corbata con un color rojo sólido y quita el contorno..

Paso 7

Los collares deben ser de colores similares a los de la camisa. Por lo tanto, seleccione la forma del collar, luego con la herramienta Cuentagotas elija la pendiente de la forma del torso. Ahora ajusta el gradiente para los collares.

Paso 8

Ahora hemos terminado con la forma básica. Vamos a agrupar el collar y atarlo. Para ello se seleccionan los collares y se atan juntos. Luego haga clic con el botón derecho en la selección y seleccione Grupo en el menú (o simplemente presione Comando + G). Y la selección será agrupada. Nombra el grupo "tie_collar". De manera similar, forme un grupo entre la cabeza y el torso y nómbrelo como "cuerpo".

Paso 9

Oculta el grupo "tie_collar" por ahora. Seleccione el grupo "cuerpo", luego aplique Efecto> 3D> Extruir y biselar.

Paso 10

La caja de opciones se abrirá. Primero encienda la casilla de verificación Vista previa haciendo clic en ella. Ahora solo arrastre y gire el cubo y vea el cambio en el icono. Juega con los parámetros y crea el ángulo para el icono que desees. He mantenido la configuración como se muestra en la imagen..

Simplemente no olvides hacer una cosa específica, y eso es: abre el cuadro de opciones avanzadas haciendo clic en el botón Más opciones. Luego, cambie el valor de Paso de fusión a 1. Sin embargo, esto afectará el sombreado del icono, pero todo lo que necesitamos es solo la información de la forma 3D extruida, no el sombreado. Cuando hayas terminado, haz clic en Aceptar. Y sean cuales sean los valores que pongas, mantenlos anotados en algún lugar, ya que necesitaremos esos valores nuevamente más adelante.

Paso 11

Ahora, cuando vuelve a seleccionar el grupo, puede ver si la apariencia del objeto ha cambiado, pero las rutas y los puntos de anclaje siguen siendo los mismos que antes. Y de esta manera ya no podemos modificar el aspecto del gráfico. Así que selecciona el grupo, luego ve a Objeto> Expandir apariencia.

Paso 12

La forma 3D ahora se divide en un montón de formas agrupadas. Aunque necesitamos la información de la forma, pero aún hay muchas formas no deseadas que debemos eliminar y conservar solo las formas útiles. Así que tenemos que desagruparlos primero. Para esto, haga clic con el botón derecho en el grupo seleccionado y seleccione Desagrupar. Sigue repitiendo este proceso hasta que todos los grupos se hayan ido. Notará que hay muchos grupos anidados dentro del grupo principal. Tendremos que desagruparlos a todos..

Paso 13

Si observa detenidamente todos los grupos y capas, notará que hay algunos grupos que contienen trazados de recorte dentro de ellos, que no se pueden desagrupar fácilmente. También el degradado frontal azul se ha convertido en una imagen rasterizada. Ahora que todas las formas se mezclan en un ordenamiento desordenado y en una jerarquía, es muy necesario que se organicen correctamente para una fácil navegación a través de las capas.

Elimine todos los trazados de recorte, las formas ocultas debajo y también el grupo de la imagen de gradiente rasterizado. Esta etapa puede resultar irritante (como me pasó a mí). Pero esto nos beneficiará en el futuro..

Después de la limpieza solo quedarán unas pocas capas.

Paso 14

Las formas que tienen demasiados puntos de anclaje dentro también deben simplificarse. Seleccione dicha forma y luego vaya a Objeto> Ruta> Simplificar.

Cuando se abra el cuadro de diálogo, active Vista previa. Luego coloque los valores, como se muestra en la imagen a continuación, y haga clic en Aceptar.

Paso 15

Seleccione juntas las formas de extrusión de la parte de la cabeza y únalas usando el botón Agregar en la pestaña Explorador. Ahora haga clic en el botón Expandir para simplificar la forma.

Paso 16

Ahora hay una pequeña brecha visible entre la cabeza y el torso. Repárelo agregando puntos de anclaje adicionales, luego elimine los puntos no deseados y retoque las tangentes. Por último, ajuste la forma oval en consecuencia.

Paso 17

Encienda la capa "tie_collar". A continuación, seleccione la forma frontal del torso. Y elige el degradado de la forma de corbata. Además, ajusta la posición del gradiente.

Paso 18

Oculta la capa "tie_collar" de nuevo. Ponga el gradiente en la extrusión y ajuste el mismo.

Paso 19

Reducir la transparencia de la extrusión al 75%. Seleccione las formas frontales de la cabeza y el torso. Seleccione las capas en la pestaña de capas también. Haga clic en el pequeño botón de menú en la esquina superior derecha de la pestaña, como se muestra a continuación. Ahora seleccione la opción Duplicar Selección del menú.

Paso 20

Ahora hay dos conjuntos de formas de cabeza y torso. Oculte el conjunto superior, arrastre las capas detrás de las capas de extrusión y colóquelas alineando los bordes posteriores de la extrusión, de modo que rellenen el lado posterior hueco del icono 3D.

Paso 21

Mostrar el conjunto superior y duplicarlos de nuevo. Seleccionándolos juntos, haga que el color del contorno sea blanco y elimine el color de relleno. Esto proporcionará un borde fino al icono..

Seleccione la forma del torso frontal y reduzca la opacidad al 75%..

Paso 22

Ahora selecciona la forma ovalada de la "cabeza". Agregue un degradado radial que va de naranja a blanco, como se muestra a continuación. Coloque el degradado de manera que el punto más brillante aparezca hacia un borde, lo que le da el volumen de forma..

Duplica la capa. Ponga otro gradiente en esa capa como se muestra.

Establezca el modo de fusión en Multiplicar y reduzca la opacidad al 80%..

Paso 23

Ahora seleccione la extrusión lateral para la cabeza. Cambia ligeramente el color base para que se gelifique bien con la cabeza..

Duplique la capa y agregue un degradado como el que se muestra a continuación.

Cambia el modo de fusión para multiplicar y reduce la opacidad al 65%.

Paso 24

Ahora vamos a hacer la cabeza brillante. Seleccione la forma frontal de la cabeza ovalada y duplíquela..

Con la herramienta Pluma dibujar una forma, de manera que, hace y S Escriba la curva en el centro del óvalo. No te preocupes por el color de esta forma..

Seleccione el óvalo duplicado y la forma juntos. El uso de la herramienta Pathfinder intersecta las áreas de formas para extraer esa área de las formas. Presione el botón Expandir. Ahora tenemos la forma deseada..

Pantalla de la capa con la opacidad establecida en 65%. Ajusta el degradado y su color si quieres..

Paso 25

Del mismo modo cortar otra forma como se muestra. Coloca un degradado brillante también.

Multiplica la capa con la Opacidad ajustada al 60%..

Arrastra la capa debajo de la anterior. S escriba gradiente, para que se vea sutil y no afecte esa capa directamente.

Paso 26

Ahora usaremos algunos gradientes de escala de grises (negro a blanco) para hacer los reflejos. Así que nuevamente repetimos el proceso anterior, e intersectamos una forma. Ponle un degradado de negro a blanco y ajústalo como desees.

Cribala con una opacidad del 30%..

Paso 27

Sigue agregando las reflexiones que quieras. Depende totalmente de su elección creativa. Me detuve en un escenario que se muestra en la imagen de abajo..

Si cree que las capas se han vuelto demasiado desordenadas, solo agrupe las formas de manera lógica y nombre a los grupos, para que todo se vuelva a organizar.

Paso 28

Use estos reflejos de gradiente de escala de grises para la parte del torso también. No lo estoy describiendo esta vez haciendo todas y cada una de las formas para la reflexión. Le mostraré directamente lo que finalmente se me ocurrió. Le sugiero que experimente con diferentes tipos de formas y degradados tanto como desee..

Paso 29

Ahora encienda la capa "tie_collar". Arrastre la capa en la parte superior, para que pueda ver los cambios que se realizan fácilmente.

Paso 30

Luego vaya a Efecto> 3D> Rotar. Cuando se abra el cuadro de diálogo, ponga los mismos valores que ha usado para la capa "cuerpo". Vea en la vista previa que los ángulos coinciden perfectamente ahora, pero la posición es diferente. Haga clic en Aceptar para aplicar. Es por eso que anoté los valores la última vez..

Vaya a Objeto> Expandir apariencia, como hicimos anteriormente. Esto convertirá el objeto en formas agrupadas. Ahora mueve el grupo a la posición correcta.

Paso 31

Hagamos algunas reflexiones para el empate también. Haz las formas y los gradientes que desees y configúralos en el modo Pantalla.

Paso 32

La corbata luce brillante pero plana. Usaremos un pequeño truco simple para que se vea un poco 3D. Desplace las capas un poco, como se muestra en la imagen. Esto le da a la ilusión una gruesa superficie vidriosa..

Paso 33

Haz una forma aguda como se muestra a continuación. Poner un degradado radial de rojo a blanco. Mantenlo 100% opaco..

Esto creará una impresión de un borde de vidrio afilado que se refleja y brilla intensamente..

Cuando hayas terminado, selecciona todas las capas relacionadas con el empate y luego agrupa, y luego agrúpalo de nuevo y coloca este grupo debajo del grupo "cabeza".

Paso 34

¡Finalmente todo está hecho! Solo agregaremos una última gema para completarla. Agregaremos pequeños resaltes en la parte superior del gráfico. Por lo tanto, crea una forma elíptica blanca sólida, hazla muy pequeña.

Desenfoque en una cantidad de 3.0. Establecer el modo de fusión a la pantalla.

Ahora siga duplicando la capa, escale, gire, cambie las opacidades y ponga pequeños destellos donde quiera. Solo como una sugerencia, quisiera mencionar mi preferencia, que en los bordes estos aspectos destacados se vean bien. Puedes ver como apliqué estos abajo.

Finalmente todos hemos terminado con esta parte. Arrastra y selecciona todo el icono y agrúpalo. Nombra el grupo "Icono de personas".

Poniendolo todo junto

Ahora terminemos esto incorporando el símbolo de nuestra gente dentro del hielo, que finalizará nuestro icono.

Paso 1

Ahora tenemos el "cubo de hielo" y el "people_icon", así que mantengámoslos juntos en el mismo archivo (si los ha hecho en archivos diferentes). Colóquelos de manera que el "people_icon" aparezca sobre el "cubo de hielo".

Paso 2

Cambie el tamaño del icono de tal manera que se ajuste dentro del cubo..

Duplique el grupo "people_icon" y ponga la nueva capa de grupo detrás de la anterior. Escálelo un poco y luego colóquelo como se muestra. Reducir la opacidad al 75%. Y, finalmente, seleccione los dos iconos juntos, solo vuelva a colocarlos de manera que sean visibles y estén centrados también..

Paso 3

Crea una forma rectangular en la parte inferior un área del icono. Ponle un color cian oscuro. Y asegúrese de bajar esta capa debajo del icono, pero sobre la "parte posterior" del cubo de hielo. Esto servirá como una sombra del icono en el piso interior del cubo..

Etapa 4

Difumine la forma con una cantidad de 25. Establezca el modo de fusión en Multiplicar, y al final reduzca la Opacidad al 35%. Y hemos terminado!

Conclusión

Aquí está el aspecto final de nuestro divertido ícono de personas congeladas en el hielo. Opcionalmente, también puedes agregar una sombra debajo del cubo de hielo, pero te lo dejo a ti..

Suscríbase a Vectortuts + RSS Feed para estar al día con los últimos tutoriales y artículos de vectores..