Share
En este tutorial, aprenderá cómo crear un dispositivo Bluetooth utilizando algunas de las herramientas básicas que se encuentran en Adobe Illustrator. Para construir este dispositivo de gran apariencia, usarás esquinas redondeadas, ruta de desplazamiento y buscador de rutas..
Cree un rectángulo de 148 píxeles por 230 píxeles y vaya a Efecto> Estilizar> Esquinas redondeadas, establezca el Radio en: 40 píxeles, haga clic en Aceptar. Copie y pegue el rectángulo redondeado utilizando Control + C seguido de Control + F. Mueva la copia unos píxeles hacia abajo, abra el panel Apariencia, haga clic en la capa Esquinas redondeadas y cambie el Radio a: 70 px, vea la imagen a continuación para referencia.
Seleccione ambas formas y vaya a Objeto> Expandir apariencia, luego abra el panel de Pathfinder, haga clic en el botón Unir y rellene la nueva forma con negro.
Copie la forma del paso anterior usando Control + C seguido de Control + F, mueva la copia de 7 a 8 píxeles a la izquierda, cambie el color a blanco y vaya a Objeto> Ruta> Ruta de desplazamiento, establezca el Desplazamiento en: 2, 5px, haga clic en Aceptar. Cambie el color de la nueva forma a negro, luego seleccione ambas formas de la espalda y vaya a Objeto> Mezclar> Crear (Alt + Control + B).
Seleccione la forma que apareció en la parte superior de las otras formas y vaya a Objeto> Transformar> Escala, ingrese los siguientes ajustes: Uniforme, Escala: 98% y haga clic en el botón Copiar.
Cree un rectángulo con un ancho de 4px y una altura más alta que la forma que apareció en el paso anterior. Centre el rectángulo, luego cree otro rectángulo con una altura de 3px y más ancho que la forma que apareció en el paso anterior, coloque los rectángulos como se muestra en la siguiente imagen. Seleccione los dos rectángulos que acaba de crear, abra el panel de Pathfinder, haga clic en el botón Agregar al área de forma, luego seleccione la forma del paso anterior y la forma que acaba de aparecer, abra el panel de Pathfinder y haga clic en el botón Frontal inferior.
Seleccione el grupo con las cuatro formas que aparecieron en el paso anterior, cópielo utilizando Control + C seguido de Control + F y complete las formas con un Gradiente lineal como se muestra en la siguiente imagen.
Cree un rectángulo negro de 58 píxeles por 81 píxeles y vaya a Efecto> Estilizar> Esquinas redondeadas, establezca el Radio a: 25 píxeles, haga clic en Aceptar y vaya a Objeto> Ampliar apariencia y mueva la forma a su posición como se muestra en la siguiente imagen.
Con la forma del paso anterior aún seleccionada, vaya a Objeto> Ruta> Ruta de desplazamiento, configure el Desplazamiento a: -2px, haga clic en Aceptar, luego con la herramienta Malla (U), haga clic en el lado interno de la forma en diferentes lugares y corrija los colores como se muestra en la imagen de abajo.
Cree una elipse negra de 135px por 130px en una posición como se muestra en el siguiente ejemplo, luego vaya a Objeto> Ruta> Ruta de desplazamiento, establezca el Desplazamiento a: -3px, haga clic en Aceptar y complete la forma con un degradado lineal como se muestra.
Con la elipse aún seleccionada, vaya a Objeto> Ruta> Ruta de desplazamiento, establezca el Desplazamiento en: -2px, haga clic en Aceptar y complete la forma con un degradado lineal con colores de negro a R: 26 G: 26 B: 26, Ángulo: 32 grados.
Con la forma aún seleccionada, vaya a Objeto> Ruta> Ruta de desplazamiento, establezca el Desplazamiento en: -9px, haga clic en Aceptar y rellénelo con un degradado radial con colores de R: 102 G: 102 B: 102 a R: 26 G: 26 B: 26.
Necesitamos usar la misma técnica nuevamente, así que con la forma del paso anterior aún seleccionada, vaya a Objeto> Ruta> Ruta de desplazamiento, y configure el Desplazamiento a: -2px, haga clic en Aceptar y llénelo con negro.
Aplique un Desplazamiento a la forma del paso anterior. Para hacer esto, seleccione la forma, vaya a Objeto> Ruta> Ruta de desplazamiento, establezca el Desplazamiento en: -2px, haga clic en Aceptar y llénelo con R: 26 G: 26 B: 26.
Con la herramienta Pluma (P), agregue algunas formas sobre los botones, aplique un trazo cónico blanco 0,1px, también agregue los iconos necesarios a los botones, vea la imagen a continuación para referencia.
Cree un círculo negro de 45px por 45px en el centro de la última elipse y vaya a Objeto> Ruta> Ruta de desplazamiento, establezca el Desplazamiento a: -1px, haga clic en Aceptar y rellénelo con un degradado radial con colores de R: 102 G: 102 B: 102 a R: 26 G: 26 B: 26.
Aplique un Desplazamiento de -1px al último círculo y rellene con R: 26 G: 26 B: 26, luego seleccione las formas de Bluetooth y agrúpelas yendo a Objeto> Grupo.
Ahora crearemos la cubierta para el Bluetooth Crear 3 rectángulos con la herramienta Rectángulo (M), el primero será 144px por 121px, el segundo 170px por 176px y el tercero 177px por 75px, redondeando las esquinas de los 3 rectángulos con un radio de: 12px. Mueva los rectángulos a su posición, uno sobre otro, como se muestra a continuación y vaya a Objeto> Expandir apariencia. Abra el panel de Pathfinder y haga clic en el botón Unite, vea la imagen a continuación.
Con la forma del paso anterior seleccionado, rellénelo con un degradado lineal con los colores R: 66 G: 66 B: 66 a R: 91 G: 91 B: 93.
Como se muestra a continuación, cree un rectángulo negro de 125px por 240px sobre la forma anterior y redondee las esquinas con un radio de 7px.
Con la forma aún seleccionada, vaya a Objeto> Ruta> Ruta de desplazamiento, y configure el Desplazamiento en: -1px, haga clic en Aceptar y rellénelo con un degradado lineal con colores de R: 85 G: 85 B: 87 a R: 127 G : 126 B: 132, ángulo: 90.
Cree un rectángulo negro de 100 px por 55 px, vaya a Efecto> Estilizar> Redondear esquinas, y configure el Radio en: 6 px, y luego vaya a Objeto> Ampliar apariencia y coloque la forma en la parte inferior de la cubierta. Con la forma aún seleccionada, vaya a Objeto> Ruta> Ruta de desplazamiento, y establezca el Desplazamiento en: -1px, haga clic en Aceptar. Rellene la forma resultante con un degradado radial con los colores R: 127 G: 126 B: 132 a R: 66 G: 66 B: 66. Seleccione la primera forma que creó para la cubierta usando Control + C seguido de Control + F y muévala sobre todas las demás yendo a Objeto> Organizar> Traer al frente. Seleccione las formas que creó anteriormente y la forma que movió sobre las otras y vaya a Objeto> Máscara de recorte> Crear (Control + 7).
Usando la misma técnica agrega las formas que se muestran a continuación.
Cree una forma en una posición como se muestra en la siguiente imagen con la herramienta Pluma (P), rellénela con un degradado lineal con colores de gris a negro. Para aplicar una Sombra, vaya a Efecto> Estilizar> Sombra e ingrese los siguientes ajustes: Modo: Normal, Opacidad: 30%, Desplazamiento X: 8px, Desplazamiento Y: 8px, Desenfoque: 2px, haga clic en Aceptar. Copie la forma utilizando Control + C seguido de Control + F, gírelo horizontalmente y colóquelo en el otro lado de la cubierta.
Cree un rectángulo de 177 píxeles por 162 píxeles, rellénelo con un degradado lineal como se muestra en la siguiente imagen.
Con la forma aún seleccionada, envíela detrás de todas las demás yendo a Objeto> Organizar> Enviar a atrás.
Ahora seleccione la forma que envió detrás de las otras, vaya a Objeto> Ruta> Ruta de compensación, configure la compensación a: -2,5px, haga clic en Aceptar y cambie el color a negro.
Cree un rectángulo tan ancho como el del Paso 24 (en este caso, 177px) y haga que la altura sea de 32px. Redondee las esquinas de la forma yendo a Efecto> Estilizar> Esquinas redondeadas, establezca el Radio a: 6px, haga clic en Aceptar, vaya a Objeto> Expandir apariencia y rellene la forma con el degradado del Paso 24. Mueva la forma a su posición y corrija la parte superior puntos del rectángulo, como se muestra a continuación.
Con la forma aún seleccionada, cópiela utilizando Control + C seguido de Control + F y rellene con un degradado lineal, como se muestra a continuación, y cambie el Modo de fusión de Normal a Color Dodge.
Ahora tenemos que colocar el dispositivo Bluetooth dentro de la cubierta. Para hacer esto, seleccione el grupo con formas de Bluetooth y coloque el grupo entre las formas como se muestra en la siguiente imagen..
Para terminar su ilustración, puede seguir las instrucciones de un tutorial que he escrito anteriormente para crear un efecto 3D. Experimente con diferentes valores en las opciones de extrusión y bisel para encontrar el resultado que desee. A continuación se muestran algunas formas diferentes de mostrar el dispositivo. Espero que hayas disfrutado este tut.
Accentsconagua