Share
Lo que vas a crear¿Quién no recuerda esas fabulosas radios portátiles? Recuerde que cuando solía escuchar música de un cassette o simplemente sintonizar una emisora de radio, cuando todavía no había iPods o Spotify?
Así que hoy recordaremos una radio con el mejor estilo de la década de 1990 utilizando formas básicas y simples en Adobe Illustrator. Que comience la fiesta!
Encuentre más diseño inspirado en los 90, sobre Envato Elements.
prensa Control-N hacer un Nuevo documento. Selecciona el Unidades a Pixeles, y entrar 800 x 600 Para el ancho y alto del documento. Entonces en el Avanzado opciones, seleccione RGB, Pantalla (72 ppi), y asegúrese de desmarcar la Alinear objetos nuevos al cuadro de cuadrícula de píxeles antes de hacer clic DE ACUERDO.
Ir Preferencias (Control-K) y entrar 1 px para Incremento del teclado. prensa DE ACUERDO.
Puedes activar el Información panelVentana> Información) para tener una vista previa del tamaño y la posición de sus formas. Recuerde ajustar la unidad de medida a Pixeles desde Editar> Preferencias> Unidades. Esto aumentará enormemente la velocidad de tu trabajo..
Comenzaremos creando el cuerpo de la radio, y luego nos moveremos a los otros elementos.
Comience por crear el cuerpo de la radio con un 400 x 134 px rectángulo usando el Herramienta Rectangular (M). Utilizar # 3C3741 como el color de relleno.
Entonces toma el Herramienta de selección directa (A) y mover los nodos inferiores del rectángulo por 5 px usando las teclas del teclado; mueve uno a la izquierda y el otro a la derecha.
Para el hablante, duplique el rectángulo anterior dos veces (Control-C seguido de Control-F) y mueve la última copia 120 px a la derecha. Entonces aplique Frente menos con la copia anterior utilizando el Pionero panel.
Aplicar un -8 px desplazamiento a la forma resultante (Efectos> Ruta> Ruta compensada) y luego expandir su forma (Objeto> Expandir Apariencia). Finalmente, redondea todos los vértices pero la parte inferior derecha usando Esquinas vivas con el Herramienta de selección directa (A).
Utilizar # 342F38 como el color de relleno.
Ahora duplica el altavoz (# 46424D) (Control-C> Control-F) y aplicar un -4 px desplazamiento en Efectos> Ruta> Ruta compensada. Luego crea un 80 x 80 px elipse# 3E3942) utilizando la Herramienta Elipse (L).
Duplica la elipse dos veces (Control-C> Control-F) y mueva la última copia ligeramente a la izquierda para crear una sombra, y establezca Frente menos con la elipse anterior usando el Pionero panel. Cambiar el color de relleno a # 37333B.
Crear un 25 x 25 px elipse# 342F38) y repita el procedimiento utilizado en la elipse anterior. Utilizar # 2F2B33 como el color de relleno de la sombra.
Ahora vamos a crear la carcasa del altavoz utilizando una 4 x 200 px rectángulo# 37333B). DuplicarloControl-C> Control-F) y separarlos por 200 px.
Luego selecciona ambos y aplica un Mezcla (Alt-Control-B), y establecer espacios específicos para 20 en Objeto> Mezcla> Opciones de mezcla. Ahora duplica las barras y rótalas 90 ° utilizando la Herramienta de rotación (R). Agrupar las viviendas juntas (Control-G) y girarlo 45º.
Ahora centre la carcasa en el altavoz y duplique la forma interior del altavoz, y luego llévelo al frente (Haga clic derecho> Organizar> Traer al frente). Seleccione la carcasa y la forma y haga una máscara de corte (Control-7). Agrupa todos los elementos del altavoz juntos (Control-G).
Duplicar el altavozControl-C> Control-F) y reflejarlo (Click derecho> Transformar> Reflejar), y luego coloque el altavoz en el otro lado de la radio.
Ahora haz doble clic en el cuerpo de la radio para entrar. Modo de aislamiento. Añadir un rectángulo (# 342F38) igual a la mitad de la radio. Retire la forma restante usando el Herramienta de creación de forma (Shift-M).
Ahora vamos a crear la bandeja de casete con un 120 x 40 px rectángulo# 28252B). Crear 18 px esquinas achaflanadas en los vértices inferiores utilizando el Transformar panel.
Luego agrega la ventana usando una 48 x 16 px rectángulo# 5F5866) y redondea los vértices inferiores con el Herramienta de selección directa (A). Luego crea un 8 x 8 px elipse# 28252B) y un 3 x 3 px elipse# 5F5866), agrúpelas y duplique las elipses (Control-C> Control-F) y colócalas en el centro de la ventana..
Crear un rectángulo (# 514B57) se superponen ligeramente con la ventana y restan su forma con la Herramienta de creación de forma (Shift-M).
Luego crea dos rectángulos largos (#FFFFFF) y establecer Opacidad a 25% utilizando la Apariencia panel. Rotarlos 45 ° y colóquelos en la ventana, y elimine la forma restante con el Herramienta de creación de forma (Shift-M).
Lo siguiente es crear la pantalla. Para esto, usa un 50 x 28 px rectángulo# 28252B) y redondea sus esquinas utilizando 6 px como el radio del panel Transformar. Crear un 42 x 26 px rectángulo# 5F5866) y cambia el radio de la esquina a 2 px.
Crea una sombra interior duplicando dos veces (Control-C> Control-F) y baje la última copia 3 px. Aplicar Frente menos desde el Pionero panel y uso # 4C4652 como el color de relleno.
Ahora dibujemos los detalles dentro de la pantalla con la Herramienta Pluma (P). Utilizar una 2 px grosor de trazo y establecer el color de relleno a # 28252B, y dibujar números y algunos puntos. Establecer el trazo como Grifo de proyección desde el Carrera panel.
Ahora duplicar (Control-C> Control-F) la forma del marco exterior de la pantalla y establecer un -2 px desplazamiento en Efectos> Ruta> Ruta compensada. Expandir la forma (Objeto> Expandir Apariencia).
Luego agrega tres rectángulos largos (#FFFFFF) y establece el Opacidad a 15%, inclínalos por 45º con el Herramienta de rotación (R), y reste la forma restante del marco anterior usando el Herramienta de creación de forma (Shift-M).
Crea nueve botones usando una 6 x 6 px elipse# 28252B) y un 3 x 3 px elipse# 342F38), agrupándolos (Control-G), y duplicando la forma nueve veces. Colóquelos como se muestra en la imagen de abajo.
Luego agrega otro botón usando una 14 x 6 px rectángulo# 342F38) y redondea los vértices del lado izquierdo con el Herramienta de selección directa (A).
Luego duplicar dos veces (Control-C seguido de Control-F) y subir la última copia 2 px (# 28252B), y luego aplicar Frente menos con la forma anterior usando el Pionero panel. Agrupa todo junto (Control-G) y duplicarlo (Control-C> Control-F). Reflexiona y coloca las dos formas una al lado de la otra..
Agrega siete botones en la parte superior usando 13 x 13 px rectángulos# 28252B), y colocarlos cada 7 px. En el primer botón de la izquierda, crea un 10 x 3 px rectángulo# 3C3741).
Ahora haz doble clic en la base de la radio para entrar. Modo de aislamiento. Crear un 185 x 20 px rectángulo# 342F38), ajuste el radio de la esquina a 10 px utilizando la Herramienta de rectángulo redondeado, y luego colóquela un poco solapada en la radio y reste la forma restante con la Herramienta de creación de forma (Shift-M).
prensa Escapar salir Modo de aislamiento.
Ahora vamos a crear el mango de la radio. Crear dos 20 x 50 px rectángulos# 46424D) y un 315 x 20 px rectángulo# 46424D). Colócalos formando una U invertida y aplícalos. Unir desde el Pionero panel.
Luego, redondea ligeramente los vértices superiores usando Esquinas vivas con el Herramienta de selección directa (A). Crear un 185 x 20 px rectángulo# 342F38) y ajuste el radio de la esquina a 10 px utilizando la Herramienta de rectángulo redondeado, y luego colóquelo en el centro sobre el asa de la radio y reste la forma restante con el Herramienta de creación de forma (Shift-M).
Finalmente, crea dos 20 x 10 px rectángulos# 342F38) y colóquelos en la parte interior del mango. Agrupa todo junto (Control-G) y arreglarlo encima de la radio.
Crear dieciséis 4 x 2 px rectángulos# 666666) y ajuste el radio de la esquina a 2 px con la herramienta Rectángulo redondeado, y luego colóquelos en los botones pequeños. Después, crea cuatro 10 x 2 px rectángulos# 666666) y colóquelos en la bandeja de casete y los otros dos debajo de los botones de la pantalla.
Finalmente, agregue un 28 x 6 px rectángulo# 666666) en el asa de la radio, y ajuste el radio de la esquina a 3 px. Agrupar la radio (Control-G).
Ahora que hemos terminado la radio, comenzaremos a dibujar las notas musicales y otros detalles finales. Comience creando un 6 x 6 px elipse, una 2 x 14 px rectángulo y un 8 x 2 px rectángulo. Agrupa y forma la primera nota musical..
Duplicar (Control-C> Control-F) la nota musical para crear otra, y añadir otra. 2 x 14 px rectángulo y un 6 x 6 px elipse. Cambia el ancho del rectángulo superior a 12 px, y agrupar la segunda nota musical (Control-G).
Entonces juega con diferentes 6 x 6 px y 3 x 3 px Elipsis, alternando con los siguientes colores de relleno: # FF6766, # 00B5B5, # 9684A3, # B0ABA0.
Para finalizar, crea un 800 x 600 px rectángulo# EAE4D5) y enviarlo a la parte posterior del lienzo (Objeto> Organizar> Enviar al fondo).
Ahora agregue un 532 x 24 px elipse# D4CFC1) como la sombra de la radio. Envíalo detrás de la radio (haga clic derecho> Organizar> Enviar hacia atrás).
¡Hecho! Has completado exitosamente este tutorial. Como veis, fue muy fácil y solo tomó unos pasos. Espero que lo encuentre útil y que haya aprendido muchas cosas nuevas para sus ilustraciones futuras. Estaré viendo los comentarios!
Accentsconagua