Craft a Vector Collegiate Notebook Design

Algunas veces al mes volvemos a visitar algunas de las publicaciones favoritas de nuestros lectores a lo largo de la historia de Vectortuts +. Este tutorial de Jonathan se publicó por primera vez el 20 de enero de 2009..

Aprenda a crear cómo crear un diseño de cuaderno colegial vectorial, que consiste en un cuaderno de vectores realista y accesorios. ¡También es la base perfecta para crear un tema de encabezado de sitio web genial! Se requiere un conocimiento avanzado de Adobe Illustrator para completar este tutorial. Empecemos!

Vista previa de la imagen final

A continuación se muestra el diseño final en el que trabajaremos.

Paso 1

Use la herramienta Rectángulo redondeado para dibujar la forma básica del cuaderno. Presione las teclas de flecha arriba y abajo mientras dibuja la forma para cambiar el radio de la esquina.

Paso 2

Aplicar un degradado complejo..

Paso 3

Duplica el cuaderno y recórtalo por la mitad con el Pathfinder.

Etapa 4

Duplica la página de la izquierda y colócala encima de sí misma. Aplica un degradado sutil y establece la Transparencia en Multiplicar. Puede cambiar rápidamente la oscuridad del sombreado ajustando la opacidad.

Paso 5

Uso de la herramienta Pluma (P) para dibujar una forma de rizo de página. Usando el Pathfinder, reste la forma de la curva de página del borde del papel..

Paso 6

Dale al papel debajo de la página un degradado más oscuro para simular que está en la sombra.

Paso 7

Dibuja un semicírculo y condensa ligeramente. Coloque el semicírculo debajo del rizo de la página para completar el efecto. Tenga en cuenta que el degradado tiene un borde ligeramente más claro a la derecha. Esto se denomina luz reflectante y es un detalle importante en el realismo general del rizo de página..

Paso 8

Aplica una sombra al cuaderno. Tenga en cuenta que es posible que desee aplicar todas sus sombras paralelas como último paso, según la velocidad de su computadora. Las sombras paralelas disminuyen el rendimiento de velocidad de Illustrator. Pero, si su computadora es lo suficientemente rápida, esto puede no ser un problema.

Paso 9

Cree algunas pestañas coloridas dibujando un rectángulo y luego usando los gradientes predefinidos para colorearlas. Para acceder a ellas vaya a Ventana> Bibliotecas de muestras> Degradados> Brillos. Es posible que desee que el color resaltado sea un poco más oscuro, ya que nuestro diseño requiere que la pestaña aparezca como encajada entre las páginas..

Paso 10

Crea las líneas regladas dibujando primero dos líneas horizontales.

Paso 11

Seleccione ambas líneas y luego vaya a Objeto> Fusión> Opciones de fusión. Seleccione Pasos especificados, ingrese un valor y luego presione OK. Ir a Objeto> Mezclar> Hacer.

Paso 12

Este es el resultado. Puede ajustar el número de líneas yendo a Objeto> Fusión> Opciones de fusión.

Paso 13

Tal como están, las líneas se superponen con la curvatura de la página. Para solucionar este problema, expanda las líneas combinadas yendo a Objeto> Expandir.

Paso 14

Desagrupa las líneas que acabas de expandir y ajusta su longitud horizontal.

No puede asignar a los trazos un degradado, por lo tanto, utilizando la herramienta Rectángulo (M) dibuje un rectángulo muy delgado y dele un degradado azul ligeramente más oscuro. Dibuja una pequeña línea curva y dale un color azul oscuro también.

Paso 15

Coloque sus nuevos elementos en la sección de página rizo.

Paso 16

Así es como debería verse tu diseño ahora mismo..

Paso 17

Haga fácilmente manchas al azar en el papel utilizando el panel Artistic Ink. Ve a Brush Libraries> Artistic> Artistic Ink. Puede arrastrar las muestras a la derecha en la página o puede dibujar una línea con la herramienta Pluma y aplicar la muestra a la línea. Para editar más las muestras de tinta, primero deberá expandir la tinta..

Si está familiarizado con Illustrator, es posible que pueda reconocer cuando alguien está usando muestras de tinta incorporadas. Para remediar esta simple alteración de las muestras de tinta, use la herramienta Cristalizar (que se encuentra debajo de la Herramienta de deformación, Mayús + R.) O intente usar una variedad de herramientas de deformación para lograr algunos resultados interesantes.

Paso 18

Dale a tus manchas algunos gradientes, configura su Transparencia en Multiplicación y ajusta su Opacidad para ayudarlos a mezclarse con el papel.

Paso 19

Cree los orificios en el papel dibujando una elipse con la herramienta Elipse (L.)

Paso 20

Alinee sus agujeros perfectamente usando la paleta Alinear.

Paso 21

Construye el lápiz utilizando formas básicas. Tenga en cuenta que el triángulo utilizado para la punta del lápiz se creó con la herramienta Estrella. Para variar la cantidad de puntos que tiene la estrella, simplemente use las flechas hacia arriba y hacia abajo mientras dibuja la forma de la estrella..

Paso 22

Dale al área que se muestra debajo un borde irregular usando la herramienta de deformación.

Paso 23

Utilice los degradados de metales incorporados de Illustrator yendo a Ventana> Bibliotecas de muestras> Metales.

Paso 24

El barril del lápiz se puede crear rápidamente utilizando un degradado en la mayor medida posible. Para dar la impresión de un número de caras en el lápiz, aplique un degradado con cuatro colores, todos ligeramente diferentes pero en la misma familia. A continuación, deslice las áreas resaltadas en amarillo a continuación para que estén tan cerca de las áreas resaltadas en verde.

Paso 25

Da la punta de los gradientes del lápiz. Dale un brillo interior a la sección de madera expuesta del lápiz yendo a Efecto> Estilizar> Resplandor interior?

Paso 26

Duplique la parte metálica que sostiene el borrador, condénselo y modifique el gradiente para crear la ilusión de las crestas en la parte superior de la base metálica..

Paso 27

Usando la Herramienta de Tipo (T) aplique un texto a su gusto. La fuente que he usado es ITC Franklin. Esto completa el lapiz..

Paso 28

Para crear el borrador rosado independiente, dibuja un rectángulo y dale un degradado tenue. Saque una muesca del borde del borrador dibujando una forma aleatoria y restándola del rectángulo usando el Pathfinder.

Paso 29

Cree virutas de borrador utilizando la herramienta Lápiz (N.) ¡Qué conveniente! Dibuje arbitrariamente algunas formas y aplique un degradado de rosa a gris rosado. Tenga en cuenta que la forma más fácil de cerrar una forma abierta es mantener presionada la tecla Opción cuando esté listo para cerrar la forma..

Paso 30

Crea el clip de papel por:

  1. Dibuja un rectángulo de esquina redondeada. Presione las teclas de flecha arriba y abajo para ajustar la curvatura del rectángulo. Como puede ver, la forma final no es un rectángulo en absoluto. Cuando comprenda a fondo las herramientas de Illustrator, podrá crear rápidamente cualquier forma..
  2. Utilice la opción Dividir para cortar el clip de papel.
  3. Vuelva a colocar, expanda y condense las secciones del clip para que se vean como se muestran a continuación..

Paso 31

Combine todo utilizando el área Agregar a la forma en el buscador de rutas. Aplique un brillo interior oscuro yendo a Efecto> Estilizar> Resplandor interior para completar el clip.

Paso 32

Coloque todos sus elementos en la página a su gusto y agregue sombras. Es posible que desee duplicar todos los objetos, fusionar las formas individuales que comprenden cada objeto con el Buscador de rutas y aplicar la sombra paralela a esa forma. De esta manera, la sombra no se aplicará a todos los pequeños elementos que conforman cada grupo de la ilustración, como el lápiz..

Me resulta más agradable crear un grupo de objetos en lugar de separar todo. Sin embargo, esto depende de usted..

Paso 33

Uso de la herramienta Rectángulo para dibujar un rectángulo y darle una sombra y un degradado sutiles.

Paso 34

Dale un aspecto desgarrado al borde del papel dibujando una forma arbitraria con la herramienta Lápiz y usando el Buscador de caminos para restar la forma del papel.

Paso 35

Crear la foto es muy fácil. Dibuja un par de rectángulos con esquinas redondeadas. Alinéalos verticalmente usando la paleta Alinear.

Paso 36

Dibuja una elipse que caiga donde quieres que se coloque el reflejo. Use la opción Dividir en el buscador de caminos para dividir todas sus formas.

Paso 37

Ahora puedes dar a cada sección de la foto gradientes uniformes.

Paso 38

Dale al papel blanco un poco de textura usando una muestra de tinta diferente de la Artistic Ink Palette. Varíe su selección para que todos ustedes sean únicos..

Paso 39

Cree los agujeros en la carpeta dibujando primero una elipse y dándole un trazo blanco.

Paso 40

Crea la sombra y resalta difuminando las formas simples. Crea las formas de arco sobre los orificios colocando dos elipses una encima de la otra y utilizando la opción Restar del área de forma en el buscador de caminos. Crea el gran reflejo en ángulo difuminando un rectángulo y ajustando su opacidad..

Paso 41

Agregue un poco de texto al frente de la carpeta. He usado ITC Franklin para "Vectortuts" y Bickham Script para "Jonathan". Aplicar un degradado de la selección de Metales incorporada.

Imagen final

Aquí está el diseño final. Acabas de aprender a crear un diseño de cuaderno colegial vectorial. También es la base perfecta para crear un tema de encabezado de sitio web genial!