Hacer un icono de calendario vector 3D práctico

Aprenda a hacer un ícono de calendario útil para usar en su blog, sitio web o proyectos de impresión. Usaremos Illustrators Path y herramientas 3D para crear este diseño. Además, también se demostrará un efecto de enrollamiento de página simple. Saltemos a este tutorial.

Vista previa de la imagen final

Aquí está la mirada final que estaremos logrando. Para completar con éxito este tutorial, debe tener un conocimiento fundamental de las herramientas de ilustradores..

Paso 1

Comience dibujando un cuadrado con la herramienta Rectángulo (M).

Paso 2

Gire el cuadrado yendo a Efecto> 3D> Girar. No es necesario que ingrese estos valores exactos, pero asegúrese de tomar nota de los valores que ingresa, ya que deberá volver a consultarlos cuando agreguemos texto. Después de hacer clic en Aceptar, expanda su forma yendo a Objeto> Expandir apariencia.

Paso 3

Para simular la profundidad del calendario, usaremos las opciones de Extrusión y Biselado 3D de Illustrator. Vaya a Efecto> 3D> Extrusión y biselado. Introduzca 1 grado para la rotación del eje X (primer cuadro). En el cuadro Profundidad de extrusión, ingrese un número alto, como se muestra a continuación. Cuanto mayor sea el número del eje X, menor será el valor de Extrude Depth..

Prefiero este método porque distorsiona la cara del calendario mucho menos que ingresar un número de eje X grande y un número de Profundidad de extrusión pequeño. Haga clic en Aceptar, luego vaya a Objeto> Expandir apariencia. Por último, vaya a Objeto> Desagrupar. Tenga en cuenta que es posible que tenga que desagrupar el objeto varias veces para que cada forma sea manejada individualmente..

Etapa 4

Repita el paso 3 para hacer la base del calendario. Amplía la forma para que sea un poco más ancha que la parte superior. Recuerde expandir y desagrupar la forma para poder colorear cada lado del objeto más adelante..

Paso 5

Cree un borde pequeño alrededor de cada uno de los bordes de la parte superior del calendario yendo a Objeto> Ruta> Ruta de desplazamiento. Introduzca los valores que se muestran a continuación. Este pequeño borde nos permitirá darle al borde de cada lado del calendario un poco de resalte o degradado alternativo, que es un pequeño detalle, pero que se suma a la calidad general de la pieza..

Paso 6

Da las formas internas que acabas de hacer un ligero degradado. Observe cómo el lado izquierdo del calendario tiene un degradado ligeramente más claro que el derecho.

Con la herramienta Pluma (P), dibuje líneas dentro de las formas internas que acaba de hacer para simular el borde de algunas de las páginas del calendario. No hay matemáticas involucradas con este paso. Solo usa tu ojo y haz que se vea bien. Observe cómo las líneas se reducen a un punto.

Paso 7

Una vez que tenga todas las líneas dibujadas, use la Paleta de distribución para hacer que el espacio entre cada una de las líneas sea perfecto.

Paso 8

Además, puedes seleccionar todas las líneas a la vez y darles un degradado para ayudarlas a mezclarse con las formas detrás de ellas un poco más..

Dale un poco de color a la base del calendario asegurándote de aplicar un color ligeramente más claro a la izquierda y un color más oscuro a la derecha..

Usando la misma forma de línea que dibujó para crear el borde de las páginas, agréguela como puntos destacados a continuación para dar la impresión de una sombra y un punto destacado..

Paso 9

Seleccione una fuente que le guste (He usado Din) y escriba las palabras que desea que aparezcan en la parte frontal del calendario. Gire el tipo para que coincida con el ángulo de la superficie del calendario yendo a Efecto> 3D> Girar. Ingrese los valores que utilizó en el Paso 2, luego haga clic en Aceptar.

Paso 10

Agregue el tipo a la cara del calendario y cambie el color a blanco.

Paso 11

Dibuje un rectángulo sobre la cara del calendario que coincida con el rectángulo azul que se muestra a continuación. Dale un ligero gradiente.

Paso 12

Haga el número en la cara del calendario usando la misma técnica que hicimos para el nombre VECTORTUTS. Dale al número un fino contorno blanco.

Paso 13

Obtenga una apariencia de página curvada dibujando una forma fluida similar a la que se muestra a continuación. Cuanto más suave sea la forma, más realista se verá el enrollamiento de la página..

Paso 14

Para garantizar que el rizo sea lo más creíble posible, tendremos que modificar la parte del papel que está directamente a la izquierda del rizo. Comience seleccionando la cara del calendario y el rizo de la página. En la paleta de Pathfinder, haga clic en Dividir. Ahora ve a Objeto> Desagrupar. Tenga en cuenta que es posible que deba ajustar la disposición de las formas después de usar el filtro Dividir, ya que algunas formas pueden ahora estar cubiertas..

Paso 15

Seleccione las dos mitades del rizo de la página y use la opción Agregar al área de forma en la Paleta de Pathfinder. Haga clic en Expandir en la Paleta de Pathfinder. Ahora, ambas mitades del rizo de página se combinan de nuevo y la cara del calendario se divide en dos partes (una a la izquierda del rizo de página y la otra a la derecha).

Paso 16

Con la herramienta de selección directa (A), haga clic en el punto que se muestra a continuación y muévalo ligeramente hacia la derecha y hacia arriba.

Paso 17

Elimine el borde recto de la página dibujando una forma curva sobre ella y utilizando la Paleta de Pathfinder para recortar la ilustración. Recorte la forma seleccionando ambas formas y usando la opción Restar del área de forma, resaltada a continuación. Luego termina esto haciendo clic en Expandir.

Paso 18

Duplique el enrollamiento de página y vuelva a colocarlo ligeramente para lograr un enrollamiento de página adicional.

Paso 19

Da al borde derecho del calendario un degradado que crea la ilusión de estar en la sombra..

Paso 20

Darle gradientes a la página. Asegúrate de que el rizo de página a la izquierda tenga un degradado algo más oscuro, ya que tiene un objeto que está muy cerca. Agregue un poco más de interés al borde de los rizos de la página compensando sus rutas como lo hicimos en el Paso 5 yendo a Objeto> Ruta> Ruta de desplazamiento.

Paso 21

Ahora puede darle a la nueva forma un cambio sutil en su degradado, lo que ayuda a resaltar el borde del papel..

Paso 22

Cree fácilmente una sombra paralela utilizando la forma de la superficie superior del calendario y cuadrándola en la esquina inferior. Vaya a Efecto> Desenfoque> Desenfoque gaussiano e ingrese un valor que produzca un desenfoque lo suficientemente suave como para implicar una sombra.

Imagen final

Coloque la sombra detrás del calendario y otorgue a la superficie superior del calendario un degradado sutil y su ícono de calendario se habrá completado.!

Este icono es versátil y se puede usar para una variedad de aplicaciones. Sea creativo, puede cambiar la cara del calendario para adaptarse a muchas necesidades.

Suscríbase a la fuente RSS de VECTORTUTS para estar al día con los últimos tutoriales y artículos de vectores..