Ilustración: Dibuja dispositivos de Apple

¿Te pasas el año esperando a que llegue el Keynote anual de Apple? Pues haz la espera más amena con este nuevo tutorial, en el que aprenderás a crear algunos de los dispositivos más icónicos de la marca. ¿Qué me dices?

Crear un documento nuevo

Presiona Control + N para crear un documento nuevo. Configura las unidades a píxeles y establece un lienzo de 800×600 px. Luego, en las opciones avanzadas, selecciona el modo de color RGB y los efectos de rasterizado Pantalla (72 ppp).

Ve a las Preferencias (Control + K) e introduce un valor de 1 px en los incrementos de teclado. Presiona OK.

Puedes activar el panel Información (Ventana → Información) para tener una vista previa del tamaño y la posición de tus formas. Recuerda configurar las unidades de medición a píxeles desde Edición → Preferencias → Unidades. Esto incrementará la velocidad de tu trabajo.

00.jpg

Cómo crear el escritorio

Comencemos por dibujar el fondo y el set del escritorio.

Paso 1

Crea primero el fondo usando un rectángulo de 800×600 px (#30333A). Luego, con la herramienta Pluma (P), un grosor de trazo de 2 px (#FFFFFF) y el color de relleno (#30333A), dibuja un rectángulo y los soportes para la mesa.

01-150641204350443.jpg

Paso 2

Dibuja un rectángulo redondeado de 62 px de anchura y 7 px de altura usando la herramienta Rectángulo redondeado. Añade también un rectángulo de 43×20 px para la base y transfórmalo en un trapecio desplazando sus vértices superiores hacia adentro con la herramienta Selección directa (A).

02.jpg

Paso 3

Ahora, dibuja un rectángulo de 207×142 px para la pantalla del iMac y redondea ligeramente sus vértices usando la herramienta Selección directa (A) y la función de vértices interactivos. Dibuja un rectángulo inferior dejando más espacio en la zona de abajo de la pantalla.

03.jpg

Paso 4

Añade los detalles del iMac usando elipses (#FFFFFF) para la cámara de Facetime y los detalles de la pantalla. Combina los detalles usando rectángulos rellenos con el color #FFFFFF y algunos trazos de 2 px de grosor con la herramienta Pluma (P).

04.jpg

Paso 5

Pasemos a dibujar el MacBook usando un rectángulo de 192×9 px para la base. Desplaza hacia adentro los vértices inferiores y luego redondéalos ligeramente con la herramienta Selección directa (A). Redondea también los vértices superiores.

Luego añade un rectángulo de 169×115 px para la tapa del MacBook y redondea ligeramente los vértices superiores.

05.jpg

Paso 6

Crea un rectángulo de 153×100 px para el marco interior de la pantalla. Crea también un pequeño rectángulo alargado con los nodos inferiores redondeados y colócalo en el medio de la base del MacBook.

07.jpg

Paso 7

Hemos acabado el MacBook. Vamos ahora por el iPhone.

Para ello, usa un rectángulo de 50×100 px y redondea sus vértices ligeramente usando la herramienta Selección directa (A) y la función de vértices interactivos. Luego, añade la pantalla con un rectángulo de 41×75 px y el botón Home con una elipse de 6×6 px.

08-151237221131525.jpg

Paso 8

Añade ahora los detalles en la pantalla del iPhone usando líneas y rectángulos, al igual que hicimos con el MacBook.

09.jpg

Paso 9

Ya nos falta poco. Para ir terminando, vamos a dibujar dos cuadros en el fondo de la escena. Para el primer cuadro usa un rectángulo de 135×182 px y un marco interior de 101×150 px. En el centro añade una elipse de 60×60 px. Lleva todas las formas del cuadro detrás de la escena (Control + 9).

10.jpg

Paso 10

Continúa con el segundo cuadro. El marco exterior será de 115×115 px y el interior, de 85×85 px. En el centro, un cuadrado de 58×58 px. Rótalo 45º con la herramienta Rotar (R).

11.jpg

Paso 11

Ahora vamos a crear la lámpara del techo. Comienza dibujando una línea recta con la herramienta Pluma (P). Luego dibuja una elipse y elimina su vértice inferior para obtener un semicírculo.

Después, duplica este semicírculo y hazlo más pequeño usando la herramienta Selección (V). Rótalo 180º y colócalo debajo del anterior semicírculo.

12.jpg

Paso 12

Por último, vamos a crear la luz de la lámpara dibujando un trapecio desde la lámpara hacia la mesa. Luego aplica un degradado radial de arriba hacia abajo.

13-151632275325534.jpg

¡Genial! ¡Has terminado!

¡Estupendo! Has culminado una bonita ilustración realizada en pasos sencillos y fáciles. Espero que pongas en práctica todo lo aprendido y disfrutes haciendo cosas nuevas. ¡Me gustaría ver tus resultados en la sección de proyectos!

14_final.jpg