..

Ilustración: Dibuja dispositivos de Apple

Nivel Principiante Adobe Illustrator Adobe Illustrator

Crear un documento nuevo

Presiona Control + N para crear un documento nuevo. Configura las unidades a píxeles y establece un lienzo de 800x600 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 800x600 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 43x20 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 207x142 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 192x9 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 169x115 px para la tapa del MacBook y redondea ligeramente los vértices superiores.

05.jpg

Paso 6

Crea un rectángulo de 153x100 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 50x100 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 41x75 px y el botón Home con una elipse de 6x6 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 135x182 px y un marco interior de 101x150 px. En el centro añade una elipse de 60x60 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 115x115 px y el interior, de 85x85 px. En el centro, un cuadrado de 58x58 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

¿Qué opinas de este tutorial?

Comentarios

¿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?

Detalles del tut

Nivel Principiante 45m 4.986 vistas

Compartir

Estudia diseño digital

Sin horarios

A cualquier hora, busca el horario que más se adapte a tus necesidades

Estudia diseño digital

En cualquier parte

Desde casa, o desde dónde prefieras. Accede a tus cursos con total libertad

Estudia diseño digital

Apto para todos los niveles

Básico, intermedio, avanzado...Tenemos el curso que estás buscando

Estudia diseño digital

Certificado

Obtén tu certificado de aprendizaje al finalizar el curso