Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustration

Cómo crear una ilustración de lápiz y papel

by
Difficulty:IntermediateLength:ShortLanguages:

Spanish (Español) translation by Iván Gómez (you can also view the original English article)

En este tutorial, explicaremos cómo crear ilustración vectorial de una hoja de papel y un lápiz con algunas virutas y un sacapuntas. Explicaremos cómo utilizar el Efecto Girar 3D y la Herramienta Extrusión y biselado y cómo simular un fondo oscuro de madera.

Vista previa de la imagen final

A continuación se muestra el resultado final de nuestro ejercicio.

Paso 1

Antes de comenzar, configuremos nuestra cuadrícula. Abra los ajustes generales del documento desde el menú Edición > Preferencias > Generales (Comando + K) y establezca el Ángulo de Restricción en 32,25 grados. Esto rotará la cuadrícula del documento. Todas las formas creadas se inclinarán en este ángulo.

Paso 2

Seleccione la Herramienta Rectángulo (M) y dibuje un rectángulo alargado y relléno de azul claro. Observe cómo la forma se ajusta automáticamente a la cuadrícula.

Paso 3

Haga un acercamiento sobre el extremo izquierdo y añada un punto de ancla con la Herramienta Pluma (P). Colóquelo aproximadamente en la mitad del trazo.

Paso 4

Luego seleccione el punto con la Herramienta Selección Directa (A) y muévalo hacia la izquierda. Mantenga pulsada la tecla Mayús mientras arrastra. Esto lo mantendrá centrado a pesar de que estamos trabajando en un ángulo.

Paso 5

Duplique la forma creada debajo y colóquela detrás: (Alt + Mayús y arrastre). Rellene esta forma con un azul más oscuro.

Paso 6

A continuación, con la Herramienta Pluma (P) dibuje una línea de color beige como se ve en la imagen de abajo. Dibújela ligeramente inclinada. Luego vaya a Efecto > 3D > Girar y deje los ajustes como en la imagen de abajo. Asegúrese de agregar puntos de luz adicionales. Es posible que tenga que acercarlos hacia las formas azules del lápiz. Asegúrese de dejarlos debajo de ellos.

Paso 7

Repita el paso 6 y dibuje una línea gris oscura mucho más pequeña. Aplique la misma configuración de Revolución 3D. Esta será la punta de grafito del lápiz. Tal vez tenga que acercar esta forma a la punta de madera que creamos anteriormente. Debido a que ambas formas tienen aplicados los mismos ajustes, las luces coinciden entre sí.

Paso 8

A continuación, con la Herramienta Pluma (P) dibuje una forma similar a la imagen de abajo. Este será el extremo metálico del lápiz la forma que sostiene el borrador en su lugar. Asegúrese de que el color de relleno sea beige. A continuación, repita el paso 7 y aplique el efecto 3D > Girar con la misma configuración.

Paso 9

Para el borrador, dibuje una forma similar y aplique a esta forma un color rojo. Aplique de nuevo el mismo Giro 3D del Paso 8.

Paso 10

Ya hemos creado un lápiz en unos pocos pasos. Para darle una sombra como se ve en la imagen, haga una copia de todas las formas de lápiz y expanda sus apariencias. Luego abra el panel Buscatrazos y de clic sobre el botón Añadir.

Paso 11

Rellene la forma expandida con negro y aplique una Sombra paralela (Efecto > Estilizar > Sombra paralela). Mueva la forma debajo del lápiz.

Paso 12

Ahora sobre la cuadrícula, dibuje un rectángulo con la Herramienta Rectángulo (M) y rellénelo de blanco.

Paso 13

A continuación, con la herramienta Elipse, dibuje un pequeño círculo blanco (L), duplíquelo (Alt + Mayús + Arrastrar) y presione Ctrl/Cmd + D once veces. Asegúrese de que quede un pequeño espacio al duplicar el primer círculo. Luego seleccione todos los círculos y el rectángulo de la hoja de papel y de clic en el botón Menos frente en el panel Buscatrazos.

Paso 14

Necesitamos añadir un efecto de papel roto. Con la Herramienta Pluma (A) dibuje una forma poligonal y repita el Paso 13. Asegúrese de que la forma del polígono se superponga al papel y al agujero del círculo. Después de aplicar Menos frente, debe tener una forma similar a la que se muestra en la imagen de abajo.

Paso 15

Seleccione la forma recién creada y añada una Sombra paralela.

Paso 16

Una hoja de papel de notas necesita algunas líneas. Dibuje una línea con la Herramienta Pluma (P) y deje el grosor del Trazo en 1pt con un color gris claro. A continuación, duplíque la línea (Alt + Mayús + Arrastrar) y pulse Ctrl/Cmd + D varias veces, dependiendo de la distancia que haya aplicado mientras arrastra.

Paso 17

Seleccione la hoja de papel y las líneas, agrúpelas y duplique este grupo. Muévalo ligeramente hacia la izquierda y hacia la parte inferior.

Paso 18

Sigamos con el sacapuntas. Dibuje un rectángulo (M) y rellénelo con un degradado de beige a marrón oscuros. Luego vaya a Efecto > 3D > Extrusión y biselado. Desde el menú desplegable elija el estilo de bisel: Deslizante Establezca el tamaño en 3pt. Extrusión 100 pt y aplique los ángulos que ve en la imagen de abajo. Esto creará una forma de afilador simple pero eficaz. Añada una Sombra paralela.

Paso 19

Para la cuchilla, dibuje un rectángulo y rellénelo con un degradado lineal de blanco a negro. A continuación, agregue un Resplandor Exterior.

Paso 20

Agregue otro rectángulo con un ancho menor y rellénelo nuevamente con un degradado lineal. Agregue un pequeño círculo gris oscuro que se verá como el tornillo que sujeta la cuchilla.

Paso 21

Así es como debe verse el sacapuntas.

Paso 22

El siguiente paso es crear algunas virutas de lápiz. Dibuje un círculo y elimine el cuarto inferior derecho de la forma con la herramienta Tijera (C) y haciendo clic cada uno de los puntos del trazado. Con la herramienta Selección directa (A) seleccione el segmento del círculo y elimínelo. Seleccione el resto del círculo y aplique el efecto zig zag desde Efecto > Distorsionar &
Transformar > Zig Zag. Por último expanda el efecto.

Paso 23

Agregue una línea para cerrar el círculo en zigzag dibujado anteriormente. Seleccione los extremos de la línea y la forma y únalos (Comando + J). En caso de no poder unir los trazados, es importante desagrupar la forma de zig zag. Muchas veces, al expandir los efectos, los objetos se agrupan automáticamente.

Paso 24

Rellene la forma con un degradado radial de beige a blanco y aplique un Trazo azul claro de 2pt. Luego, desde el panel de Apariencias, añada un nuevo Trazo de 1pt y deje el color del trazo en azul oscuro.

Paso 25

Para crear algunos segmentos a las virutas, dibuje una línea como en la imagen de abajo. Seleccionela y gírela al mismo tiempo creando un duplicado. Puede hacer esto con la Herramienta Rotar (R), luego haga clic en el centro de la forma. Mantenga pulsada la tecla Alt + Mayús y arrastre en el sentido de las agujas del reloj. A continuación, pulse Ctrl/Cmd + D varias veces.

Paso 26

Copie la forma del círculo en zig zag y péguela delante (Comando + F). Luego seleccione la forma duplicada y las líneas y de clic sobre el botón Dividir en el panel Buscatrazos.

Paso 27

Con la Herramienta Selección Directa (A), seleccione formas intermedias y rellénalas con beige. Luego seleccione las otras formas y aplíqueles un Trazo de 0.25pt y deje el Color de Trazo en un beige más oscuro. Agrupe las formas del recorte y aplique una Sombra paralela.

Paso 28

Hice varias copias de las virutas, las escale y las giré.

Paso 29

Vamos a añadir un fondo de madera oscura. Dibuje un cuadrado (M) o rectángulo, y rellénelo con un degradado radial de gris a negro. Deje la luz del degradado en la esquina superior izquierda. A continuación, copie y pegue la misma forma en la parte superior (Ctrl/Cmd + F) y rellénela con un el patrón Líneas discontinuas. Puede encontrar patrones predeterminados fácilmente desde botón de Bibliotecas de muestras en el panel de Muestras. Seleccione Motivos > Gráficos básicos > Gráficos básicos líneas. Deje el
modo de fusión de la capa a Superponer.

Conclusión

Esta es nuestra ilustración finalizada. Agregué algo de texto al lápiz para personalizarlo y un dibujo similar a un boceto. Esto se hizo trazando en vivo una imagen y modificándola un poco. ¡Espero que se hayae divertido!

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.